/*  
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:#999;}  
: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: #F5F5F5 url(images/body_bg.jpg) repeat-x top; font-family: Arial, Verdana,  Helvetica, sans-serif; text-align:center;  } 
h1, h2, h3, h4, h5, h6 {font-family: Arial, "Times New Roman", Times, serif;}
a {color:#807252; text-decoration:underline;}
a:hover {text-decoration:underline; color:#ec5800;}
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 #a8ef9d;}
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:0;}
table th {color:#a8ef9d;}
table td, table th {padding:.3em .5em;}
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; border:1px dashed #a8ef9d;}
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:#222; font-size:1em;}
input, textarea {padding:.3em;}
input.radio, input.checkbox {background:#fff; padding:2px;}
form label{font-weight:bold; display:block;}



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

#wp {background: url(images/bg.png) repeat-x bottom;}
/************************************************
*          Header       *
************************************************/


 #search {float:right; width:210px; text-align:right;}
 #searchform input {padding:3px; font:11px Trebuchet MS; color: #000;}
 #searchbox {width:150px; color:#555;  border:1px solid #000; background:#eee; margin-top:7px;}
 #searchbox:hover {background:#fff;}
 .submitbutton {cursor:pointer; background:url(images/go.png) no-repeat; width:31px; height: 32px; vertical-align:top;}
 .submitbutton:hover {background:url(images/go_h.png)no-repeat;  width:31px;height: 32px;vertical-align:top;}

#header {height:112px;padding:0 0 8px 5px;}
#header #logo {float:left; width:450px; }
#header #logo img {margin-top:3px;}
#header #logo h1 a{font:bold 11px Arial; color:#09212e;text-decoration:none;}
#header #logo h1 a:hover {}
#header #logo #desc {font:11px Arial; color:#09212e; }
#header #headerbanner {float:right; width:468px; margin-top:15px; height: 60px; }
#header #headerbanner h3 {font-size:1.1em; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
#header #headerbanner p a {}
#header #headerbanner a:hover {background:url(images/blacktrans.png);}

#catnav {width:980px; float:left;position:relative;z-index:1;}
#nav li {float:left; background:url(images/blacktrans.jpg) repeat-x; line-height:2em; margin:5px 0 5px 5px; }
#nav li:hover {background:url(images/blacktrans2.jpg) repeat-x;}
#nav li a {display:block; margin:0; font-size:0.7em; color:#ccffff; padding:0 13px; font-family: Trebuchet MS,Verdana; font-weight: bold; text-decoration:none;}
#nav li a:hover {color:#fff; 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:#ccffff; margin:0; padding:7px 13px; background:url(images/blacktrans3.jpg) repeat-x;font:bold 12px Trebuchet MS;}
#nav li li a:hover {color:#fff;border:none;background:url(images/blacktrans4.jpg) repeat-x;}
#nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
  position: static;}




/************************************************
*          Content      *
************************************************/
#main {padding:70px 0 20px 0;}
#content {float:right; width:695px; font: Trebuchet MS, Arial;}
#contentfull {float:left; width:980px;}
h2#contentdesc {font-weight:normal; font-size:1.3em; padding-bottom:15px;}
h2#contentdesc span {color:#414141;}

.post {padding:0 0 35px 0;}
.sticky {padding:10px; margin-bottom:35px; background:url(images/blacktrans.png);}
.posttop {background: #f0efe9 url(images/border_post.jpg) repeat-x top; padding:10px 10px 10px 18px;}
.posttop h2.posttitle a { font-size:24px; text-decoration:none; border-bottom: 1px solid #C4C4C1;  text-shadow:1px 1px 0 #fff;}
.posttop h2.posttitle span {color:#414141;}

.posttop h2.posttitle a:hover {border-bottom: 1px solid #EEA374; text-decoration:none;}
.posttop h2.posttitle span:hover {color:#EC5800;}


.postmetatop {text-transform:capitalize; font-size:0.7em; padding-top:8px; line-height:1.5em;}
.postmetatop .categs {float:left; width:450px; padding-left:0px; line-height:16px;}
.postmetatop .categs a:hover {color:#ec5800;}
.postmetatop .date {float:right; width:130px; text-align:right;}
.postmetatop .date span {background:url(images/date.png) left no-repeat; padding-left:20px;}

.postcontent {color:#000; margin:0 30px 0 15px; font:15px Trebuchet MS; 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;color:#333;}
.postcontent a {}
.postcontent a:hover {background:url(images/blacktrans.png);}
.postcontent ul, .postcontent ol {padding:.4em 0 .5em 2em;}
.postcontent ul li {list-style:disc;}
.postcontent ol li {list-style:decimal;}

.postmetabottom {border-bottom: 1px solid; color:#d8e0e7; background: #f0efe9; padding:10px; font-size:0.8em; line-height:1.1em; margin-top:15px;}
.postmetabottom a {color:#807252;text-decoration:none;}
.postmetabottom a:hover {color:#ec5800;text-decoration:none;}
.postmetabottom .tags {float:left; width:440px; background:url(images/tags.jpg) left 1px no-repeat; padding-left:20px; line-height:16px;font-size:11px;}
.postmetabottom .readmore {float:right; width:140px; text-align:right; }
.postmetabottom .readmore a{font: bold 12px Trebuchet MS, Arial; color: #0059d1;}
.postmetabottom .readmore a:hover{font: bold 12px Trebuchet MS, Arial; color: #ec5800;}
.postmetabottom .readmore span {background:url(images/more.jpg) 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:#afdaff; border-bottom:1px dashed #afdaff;}
.postmetaauthor .authordesc a:hover {background:url(images/blacktrans.png);}



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

#navigation .wp-pagenavi a {padding:5px 7px; font:bold 20px Trebuchet MS;  color:#0059D1; border:none;}
#navigation .wp-pagenavi a:hover {color:#fff;background:#0059D1;padding:5px 7px;border:none;text-decoration:none;}
#navigation .wp-pagenavi span.pages,  #navigation .wp-pagenavi span.extend {padding:5px 7px; font:13px Trebuchet MS; color:#606060; border:none;}
#navigation .wp-pagenavi span.current{font:bold 20px Trebuchet MS;  color:#fff;background:#EC5800;padding:5px 7px;}


/************************************************
*          Comments      *
************************************************/
#comments {margin:0 0 15px 0;}
#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 .author {font-size:.9em; margin-bottom:10px; color:#eee;}
#comments .commentbody .author a {color:#b9ff9d; }
#comments .commentbody .author a:hover {color:#eee;}
#comments .commentbody .commentmetadata {font-size:.7em; color:#bbb; margin-bottom:25px;}
#comments .commentbody .commentmetadata a {color:#bbb;}
#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:#b9ff9d; border-bottom:1px dashed #b9ff9d;}
#comments .commentbody p a:hover {color:#eee; border-bottom:1px dashed #b9ff9d;}
#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:#efefef; font-size:.8em;}
#comments #respond p {padding:.5em 0 0 0;}
#comments #respond p label {font-size:.8em; font-weight:normal;}
#comments #respond textarea {width:600px; padding:10px; background:#efefef; font-size:.8em; border:none;}
#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;}




/************************************************
*          Sidebar       *
************************************************/
#sidebar {float:left; width:255px;  line-height:1.4em; margin-bottom:30px;}

#sidebar a {display:block;font:12px Arial; }
#sidebar a:hover {}


#sidebar ul li.boxed {background: #f5f4ee; margin-bottom:30px;}
#sidebar h3 {background: #efeeea url(images/border_h3.jpg) repeat-x top; padding:8px 0 5px 20px ; line-height:1.3em; font: bold 16px Arial; margin-bottom:10px; color: #807252;}
#sidebar ul ul li {padding-bottom:2px;}
#sidebar ul ul li a {font-family: trebuchet ms; font-size: 14px; font-weight: bold; color:#0059d1; padding-left:0px;text-decoration:none;padding-left:0px;}
#sidebar ul ul li a:hover {color:#ec5800;text-decoration:none;}
#sidebar p {color:#eee; padding:0 5px 10px 5px;}
#sidebar p a {}
#sidebar p a:hover {color:#fff; background-color: #ff0069;}
#sidebar img {position: relative; top: 3px; left: 7px; border:none; padding:0 5px 0 5px;}
#sidebar img.avatar {float:left; padding:0 15px 5px 5px;}
.avatar a{font:11px Arial; color:#807252;}
.avatar a:hover:{color: #EC5800;}
#tag_cloud a, .widget_tag_cloud a {display:inline;}
#tag_cloud a:hover {color:#fff; background-color: #ff0069;}
li#tagbox a:hover {color:#fff;}
#sidebar .children {padding-left: 0px; padding-top:2px;}
#sidebar .children a {font:13px Trebuchet MS;  color:#807252;text-decoration:underline;padding-left:46px;}
#sidebar .children a:hover {color:#ec5800;text-decoration:underline;}




/************************************************
*          Footer       *
************************************************/
#footer {clear:both; background: url(images/ff.jpg) repeat-y; font-size:0.8em;}
#footer .foot1 {float:left; width:330px; margin:10px 10px 0 0px; display:inline;}
#footer .foot2 {float:left; width:310px; margin:10px 5px 0 25px;}
#footer .foot3 {float:left; width:290px; margin:10px 0 0 10px;}
#footer h3 {font: bold 16px Arial; color: #807252; margin-bottom:.4em;}
#footer h4 {font:12px Arial; margin:.8em 0 .2em 0;}
#footer p {line-height:1.5em; color:#eee; padding:.2em 0 .8em 0;}
#footer ul li {padding:10px; margin-bottom:10px;;}
#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 {}
#footer .widget_tag_cloud a {display:inline;}
#footer .widget_tag_cloud a:hover {background:none; color:#ec5800;}

#credits {height:20px; font-size:0.7em; line-height:1.4em; margin-top:25px;}
#credits a {font:11px Arial;color:#A5A5A5; text-decoration: underline;}
#credits a:hover { color:#807252; text-decoration: underline; }




/************************************************
*          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;}