/*  
Theme Name: Motion
Theme URI: http://85ideas.com/public-releases/wordpress-theme-motion/
Description: Dark and colorful theme with sweet transparency characteristics. Drop-down categories menu, 2-column layout and widget-ready footer and sidebar.
Author: Sam @ 85ideas	
Author URI: http://85ideas.com/
Version: 1.0.4
Tags: black, blue, green, dark, two-columns, sticky-post, threaded-comments, fixed-width, right-sidebar

	This theme was designed and built for the WordPress CMS and is copyright 85ideas.com.
	Modify, adapt, and customize for your own site at will!

	The CSS, XHTML and design of this theme are released under GPL:
	http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

*/



/************************************************
*          Resets          *
************************************************/
html, body, div, p, span, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, label, input, table, th, td, a
{margin:0; padding:0; border:0; vertical-align:baseline; color:#fff;}  
:focus {outline:0;}
body {line-height:1;}
ul, ol {list-style:none;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}



/************************************************
*          General elements       *
************************************************/
body {background:#fff url(images/bodybg.png) top left repeat-y fixed; margin-left:80px;
font-family:Arial, Verdana, Arial, Helvetica, sans-serif; text-align:center; padding-bottom:20px; } 
h1, h2, h3, h4, h5, h6  {font-family: Arial,Verdana,Arial,Helvetica,sans-serif;}
a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; } 
a:hover { color: #fff} 
blockquote {font-style:italic; background:url(images/whitetrans.png); padding:.4em 1em .7em 1em; margin:.7em 0 .3em 0;}
code {font-size:1.1em; font-family:"Bitstream Vera Sans Mono", Monaco, "Lucida Console", monospace;}
kbd, tt {font-size:1.2em;}
hr {border:1px solid #ccc;}
pre {overflow:auto; width:600px; background:url(images/blacktrans.png); padding:1em 1.5em; margin:1em 0; font-size:1.2em; white-space:pre-wrap; /* css3 */}
dl {}
dt {font-weight:bold;}
dd {padding-left:1em;}

table {margin:.5em 0;}
table th {color:#a8ef9d;}
table td, table th {padding:.5em .7em;}
table th {background:url(images/whitetrans.png); text-transform:uppercase; border-bottom:1px transparent;}
table td {background:url(images/blacktrans.png);}
table tr.even td {background:url(images/blacktrans2.png); }
table tr:hover td{background:url(images/whitetrans.png);}

fieldset {padding:1.2em; text-decoration:underline;}
legend {padding:.2em .8em; font-size:1.2em; text-transform:capitalize;}
input, textarea, select {font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; margin:.2em 0; color:#333; font-size:1em; background:url(images/blacktrans2.png); color:#fff; border: 1px solid #000;}
input, textarea {padding:.3em;  border: 1px solid #000;}
input.radio, input.checkbox {background:#fff; padding:2px;}
form label{font-weight:bold; display:block;}



/************************************************
*          General       *
************************************************/
#wrapper {margin:15px auto 10px auto; padding:0; text-align:left; width:980px;}
.cleared {clear:both;}


/************************************************
*          Header       *
************************************************/
#top #topmenu {float:left; width:670px;}
#top #topmenu li {float:left; background:url(images/blacktrans.png); padding:0 .8em .2em .8em; line-height:1.5em; margin:0 .4em .4em 0;}
#top #topmenu li:hover {background:url(images/blacktrans.png);}
#top #topmenu li a {color:#fff; font-size:.75em;}
#top #topmenu li a:hover {color:#eee;}
#top #topmenu li a.rss {background:url(images/rsstrans.png) left 4px no-repeat; padding-left:17px;}
#top #topmenu li.facebook {background:#3C5A98; color:#fff;}
#top #topmenu li.facebook a {color:#fff;}
#top #topmenu li a.facebook {background:url(images/fbtrans.png) left 4px no-repeat; color:#fff; padding-left:17px;}

#top #search {float:right; width:270px; text-align:right;}
#top #searchform input {padding:3px;}
#top #searchbox {width:180px; color:#555; font-size:.75em; border:1px solid #ddd; background:#eee;}
#top #searchbox:hover {background:#fff;}
#top .submitbutton {cursor:pointer; background:#555; color:#fff; font-size:0.8em; padding:.08em; vertical-align:top;}
#top .submitbutton:hover {background:#464242;}

#header {padding-bottom:20px;}
#header #logo {float:left; width:480px; margin:35px 0 10px 0;}
#header #logo img {float:left; margin:4px 10px 10px 0;}
#header #logo h1 a {color:#fff; font-size:2em; font-weight:normal; text-shadow:0 0 6px #555;}
#header #logo h1 a:hover {color:#a8ef9d;}
#header #logo #desc {font-size:.8em; color:#333; margin-top:.5em; line-height:1.2em;}
#header #headerbanner {float:right; width:468px; margin:30px 0 10px 0; text-align:right; padding:10px; background:url(images/whitetrans.png); font-size:.8em; line-height:1.5em;}
#header #headerbanner h3 {font-size:1.1em; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
#header #headerbanner p a {text-decoration: none}
#header #headerbanner a:hover {background:url(images/blacktrans.png);}

#catnav {width:980px; background:url(images/blacktrans.png);}
#nav li {float:left; background:url(images/blacktrans.png); line-height:2em; margin:5px 0 5px 5px;}
#nav li:hover {background:url(images/blacktrans2.png);}
#nav li a {display:block; margin:0; font-size:0.8em; color:#fff; padding:0 13px;}
#nav li a:hover {color:#afdaff; text-decoration:none; display:block;}
#nav li ul {position:absolute; width:180px; left:-999em; padding-top:5px; margin:0;}
#nav li:hover ul, #nav li.sfhover ul {left:auto;}
#nav li li {padding:0; margin:0; width:180px; line-height:1.5em;}	
#nav li li a {color:#fff; margin:0; padding:7px 13px; background:url(images/blacktrans3.png);}
#nav li li a:hover {color:#afdaff;}
#nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
  position: static;}

#topnav li {float:left; background:url(images/whitetrans.png); line-height:2em; margin:5px 0 5px 5px;}
#topnav li:hover {background:url(images/blacktrans2.png);}
#topnav li a {display:block; margin:0; font-size:0.8em; color:#fff; padding:0 13px;}
#topnav li a:hover {color:#afdaff; text-decoration:none; display:block;}
#topnav li ul {position:absolute; width:180px; left:-999em; padding-top:5px; margin:0;}
#topnav li:hover ul, #topnav li.sfhover ul {left:auto;}
#topnav li li {padding:0; margin:0; width:180px; line-height:1.5em;}	
#topnav li li a {color:#fff; margin:0; padding:7px 13px; background:url(images/blacktrans3.png);}
#topnav li li a:hover {color:#afdaff;}
#topnav li:hover, #topnav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
  position: static;}


/************************************************
*          Content      *
************************************************/
#main {padding:30px 0 20px 0; }
#content {float:left; width:640px; }
#contentfull {float:left; width:960px;padding:10px; background:url(images/orangetrans.png);}
h2#contentdesc {color:#333; font-weight:normal; font-size:1.3em; padding-bottom:15px;}
h2#contentdesc span {color:#666;}

.post {padding:10px 10px 35px 10px; background:url(images/orangetrans.png);}
.sticky {padding:10px; margin-bottom:35px; background:url(images/blacktrans.png);}
.posttop {background:url(images/blacktrans.png); padding:10px;}
.posttop h2.posttitle a {color:#fff; font-size:1.4em; }
.posttop h2.posttitle a:hover {color:#fff; text-decoration: underline; }
.postmetatop {text-transform:capitalize; font-size:0.7em; padding-top:8px; line-height:1.5em;}
.postmetatop .categs {float:left; width:580px; line-height:16px; color:#eee;}
.postmetatop .categs a {color:#eee;}
.postmetatop .categs a:hover {color:#afdaff;}
.postmetatop .date {float:right; width:130px; text-align:right; color:#eee;}
.postmetatop .date span {background:url(images/date.png) left no-repeat; padding-left:20px; color:#eee;}

.postcontent .score {float:right; width:130px; text-align:left;  height:200px; background:url(images/blacktrans.png); padding-top:10px; margin-top:10px;
}
.postcontent .score h1 {background:url(images/rate.png) center top no-repeat; font-size:50px; color:#ffffff; padding-top:40px; padding-bottom:45px; text-align:center;}
.postcontent .score span.odd {padding:2px 10px 2px 10px; text-align:left; float:left; width:110px; background:url(images/blacktrans.png); height:20px; color:#ffffff; }
.postcontent .score span.even {padding:2px 10px 2px 10px; text-align:left; float:left; width:110px; background:url(images/whitetrans.png); height:17px; color:#ffffff; }


.postcontent {color:#333; margin:.8em 0 0 10px; font-size:0.8em; line-height:1.5em; }
.postcontent h1 {padding:.8em 0; font-size:1.5em;}
.postcontent h2 {padding:.8em 0; font-size:1.4em;}
.postcontent h3 {padding:.8em 0; font-size:1.3em;}
.postcontent h4 {padding:.8em 0; font-size:1.2em;}
.postcontent h5 {padding:.8em 0; font-size:1.1em;}
.postcontent h6 {padding:.8em 0; font-size:1em;}
.postcontent p {padding:.6em 0 .2em 0;}
.postcontent a:hover {background:url(images/blacktrans.png);}
.postcontent a:link { color: #ccc; text-decoration: none; }
.postcontent a:visited { color: #ccc; text-decoration: none; } 
.postcontent ul, .postcontent ol {padding:.4em 0 .5em 2em;}
.postcontent ul li {list-style:disc;}
.postcontent ol li {list-style:decimal;}

.postmetabottom {padding:10px; font-size:0.8em; line-height:1.1em; margin-top:15px;}
.postmetabottom a {color:#fff;}
.postmetabottom a:hover {text-decoration:underline}
.postmetabottom .tags {float:left; width:440px; background:url(images/tags.png) left 1px no-repeat; padding-left:20px; line-height:16px;}
.postmetabottom .readmore {float:right; width:140px; text-align:right;}
.postmetabottom .readmore span {background:url(images/more.png) left 4px no-repeat; padding-left:17px;}

.postmetaauthor {background:url(images/blacktrans.png); padding:10px; font-size:0.8em; line-height:1.1em; margin-top:20px;}
.postmetaauthor .authorpic {float:left; width:60px; }
.postmetaauthor .authordesc {float:right; width:540px; }
.postmetaauthor .authordesc p.theauthor {line-height:1.4em; font-weight:bold;}
.postmetaauthor .authordesc p.thedesc {line-height:1.4em; padding:.8em 0 .2em 0;}
.postmetaauthor .authordesc a {color:#ccc;}
.postmetaauthor .authordesc a:hover {background:url(images/blacktrans.png);}



/************************************************
*          Navigation      *
************************************************/
#navigation {line-height:1.7em; margin-bottom:5px;}
#navigation a {text-decoration: none;}
#navigation a:hover {background:url(images/blacktrans.png);}

#navigation .wp-pagenavi a {padding:5px 7px; font-size:.8em; background:url(images/blacktrans2.png); color:#fff; border:none;}
#navigation .wp-pagenavi a:hover {color:#a8ef9d;}
#navigation .wp-pagenavi span.pages, #navigation .wp-pagenavi span.current, #navigation .wp-pagenavi span.extend {padding:5px 7px; font-size:.8em; background:url(images/blacktrans2.png); color:#fff; border:none;}



/************************************************
*          Comments      *
************************************************/
#comments {margin:20px 0 15px 0; padding:10px; background:url(images/orangetrans.png);}
#comments h3 {font-size:1em; font-weight:normal;}
#comments ul.commentlist li {margin:10px 0 0 0; padding:15px; background:url(images/blacktrans.png);}
#comments ul.commentlist li ul.children li {margin:20px 0 0 20px;}
#comments img.avatar {float:left; margin:0 20px 0 0;}
#comments .commentbody p {color:#fff;}
#comments .commentbody .author {font-size:.9em; margin-bottom:10px; color:#eee;}
#comments .commentbody .author a {color:#ccc;}
#comments .commentbody .author a:hover {color:#ccc; text-decoration: underline;}
#comments .commentbody .commentmetadata {font-size:.7em; color:#eee; margin-bottom:25px;}
#comments .commentbody .commentmetadata a {color:#ccc;}
#comments .commentbody em {margin-bottom:10px; color:#eee; display:block; font-size:.8em; font-style:normal;}
#comments .commentbody p {font-size:.8em; padding:5px 0 8px 0; line-height:1.4em;}
#comments .commentbody p a {color:#ccc;}
#comments .commentbody p a:hover {color:#ccc; text-decoration: underline;}
#comments .reply a {margin-top:5px; padding:5px; line-height:1.3em; font-size:.7em; float:left; background:#ddd; color:#000;}
#comments .reply a:hover {background:#fff; color:#111;}
#comments h3#trackbacktitle {padding-top:10px;}
#comments ul.trackback {margin:10px 0 0 0; padding:15px; background:url(images/blacktrans.png);}
#comments ul.trackback li {margin-bottom:17px; font-size:.9em;}
#comments ul.trackback li .commentbody .author {margin:0;}
#comments a#cancel-comment-reply-link {display:block; padding:8px 0;}
#comments a#cancel-comment-reply-link:hover {color:#ccc;}

#comments #respond {margin-top:20px;}
#comments #respond h3 {margin-bottom:15px;}
#comments #respond input {padding:5px; width:200px; background:#202024; font-size:.9em; }
#comments #respond p {padding:.5em 0 0 0; font-size:0.8em}
#comments #respond p label {font-size:.8em; font-weight:normal;}
#comments #respond textarea {width:600px; padding:10px; background:url(images/blacktrans2.png); font-size:.8em; border:0px solid #000;color:#fff; }
#comments #respond .submitbutton {color:#fff; background:url(images/blacktrans3.png); padding:6px; line-height:1.4em; font-size:.8em;}
#comments #respond .submitbutton:hover {cursor:pointer; color:#a8ef9d;}
#comments #respond p.subscribe-to-comments label {display:inline; margin-left:4px;}

.commentscore {float:right; width:130px; text-align:left; background:url(images/blacktrans.png); padding-top:10px; margin-top:10px; font-size:0.8em;  }

.commentscore h1 {background:url(images/commentrate.png) center top no-repeat; font-size:20px; color:#ffffff; padding-top:20px; padding-bottom:25px; text-align:center;}

.commentscore span.odd {padding:2px 10px 2px 10px; text-align:left; float:left; width:110px; background:url(images/blacktrans.png); height:16px; color:#fff;}
.commentscore span.even {padding:2px 10px 2px 10px; text-align:left; float:left; width:110px; background:url(images/whitetrans.png); height:16px; color:#fff;}



/************************************************
*          Sidebar       *
************************************************/
#sidebar {float:right; width:300px; font-size:0.8em; line-height:1.4em; margin-bottom:30px;}
#sidebar a {color:#f4f4f4; text-decoration:none;}
#sidebar ul li.boxed {background:url(images/blacktrans.png); padding:10px; margin-bottom:15px;}
#sidebar h3 {background:url(images/blacktrans.png); padding:5px 10px; line-height:1.3em; font-weight:normal; font-size:1.4em; margin-bottom:10px; color:#fff;}
#sidebar ul ul li {padding-bottom:8px;}
#sidebar ul ul li a {display:block; padding:3px 5px;}
#sidebar ul ul li a:hover {background:url(images/blacktrans.png);}
#sidebar p {color:#eee; padding:0 5px 10px 5px;}
#sidebar p a {color:#ccc;}
#sidebar p a:hover {background:url(images/blacktrans.png);}
#sidebar img {border:none; padding:0 5px;}
#sidebar img.avatar {float:left; padding:0 15px 5px 5px;}
#tag_cloud a, .widget_tag_cloud a {display:inline;}
#tag_cloud a:hover {color:#fff;}
li#tagbox a:hover {color:#fff;}
#sidebars ul.children li {border-bottom:none;}
#sidebars ul.children {margin-bottom:0;}



/************************************************
*          Footer       *
************************************************/
#footer {clear:both; background:url(images/blacktrans.png); font-size:0.8em;}
#footer .foot1 {float:left; width:310px; margin:10px 0 0 10px; display:inline;}
#footer .foot2 {float:left; width:310px; margin:10px 15px 0 15px;}
#footer .foot3 {float:left; width:310px; margin:10px 0 0 0;}
#footer h3 {font-weight:normal; font-size:1.4em; margin-bottom:.4em;}
#footer h4 {font-weight:normal; font-size:1em; margin:.8em 0 .2em 0; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
#footer p {line-height:1.5em; color:#eee; padding:.2em 0 .8em 0;}
#footer ul li {padding:10px; margin-bottom:10px; background:url(images/blacktrans.png);}
#footer ul ul li {background:url(images/bullet.png) left 7px no-repeat; line-height:1.5em; padding:0 0 0 10px; margin-bottom:4px;}
#footer li a {font-weight:normal; display:block; padding:2px 5px;}
#footer a:hover {background:url(images/blacktrans.png);}
#footer .widget_tag_cloud a {display:inline;}
#footer .widget_tag_cloud a:hover {background:none; color:#fff;}

#credits {margin-top:.7em; font-size:0.7em; line-height:1.4em;}
#credits a {color:#333;}
#credits a:hover {background:url(images/blacktrans.png); color:#fff;}
#credits #creditsleft {float:left; width:600px; color:#000;}
#credits #creditsright {float:right; width:300px; text-align:right; color:#000;}



/************************************************
*          WP related          *
************************************************/
.alignleft {float:left; margin:5px 15px 7px 0;}
.alignright {float:right; margin:5px 0 7px 15px;}
.aligncenter, div.aligncenter {margin:10px auto; text-align:center; display:block;}

img.alignleft {float:left; margin:5px 15px 5px 0;}
img.alignright {float:right; margin:5px 0 5px 15px;}
img.aligncenter {margin:10px auto; text-align:center; display:block;}

.wp-caption {text-align:center; background:url(images/blacktrans.png); padding-top:6px;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  }
.wp-caption img {padding:0; margin:0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;}


/************************************************
*          cat menu          *
************************************************/
/*
Author: Craig Erskine
Description: Dynamic Menu System - Vertical
*/

#navmenu-v{
 display: block;
}

ul#navmenu-v,ul#navmenu-v li,ul#navmenu-v ul {
 width: 160px; /* Menu Width */
 margin: 0;
 list-style: none;
 display: block;
}

ul#navmenu-v li { float: left; position: relative;  width: 100%; }
ul#navmenu-v li.iehover { z-index: 1000; /* IE z-index bugfix */ }

ul#navmenu-v ul {
 display: none;
 position: absolute;
 top: 0;
 left: 100%;
 z-index: 9999;
}

/* Root Menu */
ul#navmenu-v a {
 border-top: 1px solid #FFF;
 border-right: 1px solid #FFF;
 padding: 6px;
 display: block;
 background: #DDD;
 color: #666;
 font: bold 11px Arial, sans-serif;
 text-decoration: none;
 height: 1%;
}

/* Root Menu Hover Persistence */
ul#navmenu-v a:hover,ul#navmenu-v li:hover a,ul#navmenu-v li.iehover a {
 background: #BBB;
 color: #FFF;
}

/* 2nd Menu */
ul#navmenu-v li:hover li a,ul#navmenu-v li.iehover li a {
 float: none;
 background: #BBB;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-v li:hover li a:hover,ul#navmenu-v li:hover li:hover a,ul#navmenu-v li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover a {
 background: #999;
}

/* 3rd Menu */
ul#navmenu-v li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li a {
 background: #999;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-v li:hover li:hover li a:hover,ul#navmenu-v li:hover li:hover li:hover a,ul#navmenu-v li.iehover li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover a {
 background: #666;
}

/* 4th Menu */
ul#navmenu-v li:hover li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li.iehover li a {
 background: #666;
}

/* 4th Menu Hover */
ul#navmenu-v li:hover li:hover li:hover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover li a:hover {
 background: #333;
}

/* Hover Function - Do Not Move */
ul#navmenu-v li:hover ul ul,ul#navmenu-v li:hover ul ul ul,ul#navmenu-v li.iehover ul ul,ul#navmenu-v li.iehover ul ul ul { display: none; }
ul#navmenu-v li:hover ul,ul#navmenu-v ul li:hover ul,ul#navmenu-v ul ul li:hover ul,ul#navmenu-v li.iehover ul,ul#navmenu-v ul li.iehover ul,ul#navmenu-v ul ul li.iehover ul { display: block; }

input.login-fields  {width:185px;}

.addthis_toolbox .custom_images a
{
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.95;
}



ol.chart_list {display:block; list-style: decimal inside none;}
ol.chart_list li {line-height:1.5em; width:940px; display:block;}
ol.chart_list li:hover {line-height:1.5em; width:950px; display:block; margin-left:10px;}
ol.chart_list li span.chart_left {width:50%; float:left; padding-left:50px;}
ol.chart_list li span.chart_right {width:20%; float:right; text-align:right; padding-right:150px;}

hr.comments {border:1px solid #003037; color: #003037; background-color:#003037; width:620px; float:left;}

select {background:#333; color:#fff;}

ul.recent-comments-list, li.recent-comment, span.comment-meta, span.comment-post-title, span.comment-author, span.comment-date-time, span.comment-text {color:#eee !important;}

#most-commented-modules a {
    color:#FFFFFF;
}
#latest-reviews a {
    color:#FFFFFF;
}
#most-popular-modules a {
    color:#FFFFFF;
}
#top-reviewers a {
    color:#FFFFFF;
}

#lowest-rated a {
    color:#FFFFFF;
}
#highest-rated a {
    color:#FFFFFF;
}
#chart_main_menu a {
    color:#FFFFFF;
}
#chart_main_menu h2 {
    text-decoration: underline;
}
#chart_main_menu td {
    text-align: center;
}
.fshare-comments {
    float: right;
}

#fshare-comments a {
padding-bottom: 1px;
vertical-align: baseline;
text-decoration: none;
font-size: 0.8em;
line-height: 1.1em;

}

#most_helpful, #most_recent{

    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
    cursor: pointer;

}

#sort_comment_title{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}

#sort_comments_div{
    
}

/*Workload style*/
#workload_result
{
	padding:1px 10px 2px 10px; 
	text-align:left; 
	float:left; 
/*	width:110px; */
	
	height:17px; 
	color:white; 
}

#workload_dumbell
{
	padding:2px 2px 2px 10px;
/*	float:right;	*/
	/*background:url(images/whitetrans.png);*/
	margin-left: 0px;
}