/*  
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.2
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, .tracklist, pre, form, fieldset, label, input, table, th, td, a
{margin:0; padding:0; border:0; vertical-align:baseline; color:#DDD; font-family:'Droid Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;}
: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:#000; text-align:center; padding-bottom:10px;} 

a:link {color:#96DAFF; text-decoration:none;}
a:visited {color:#7caeff; text-decoration:none;}
a:hover {background:url(images/blacktrans.png); color:#b9e6ff;border-bottom:1px solid #b9e6ff;}
a:active {position:relative;top:1px;padding-top:2px;}

blockquote { background:url(images/whitetrans.png); padding:0 10px 10px 10px;margin:0 auto;margin-top: 10px; margin-bottom: 10px;width:80%;}
.tracklist {font-size:13px; background:url(images/whitetrans.png); padding:10px; display:none;}
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:.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; border:1px dashed #a8ef9d;}
legend {padding:.2em .8em; font-size:1.2em; text-transform:capitalize;}
input, textarea, select {margin:.2em 0; 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:0 auto; padding:0; text-align:left; width:945px;}
.cleared {clear:both;}


/************************************************
*          Header       *
************************************************/

#header {padding:15px 0 15px 0;background-color:#000;}
#header #logo {float:left; margin:0;padding-top:1px;}
#header #logo a:hover {border-bottom:0;}
#header #leaderboard {border:8px solid #DDD; width:728px; height:90px; float:right;}

#twitter-wrapper {background-color:#070D17; padding:5px 0;}
#twitter {font-size: 12px;}
#twitter img {vertical-align: middle;padding:0 5px 0 0;}
#twitter a:hover {border-bottom:0;}
#twitter #tweet {height:20px; width:652px; overflow:hidden;}
#follow-us {padding: 3px 0 5px 0; float:right; padding-right:5px;}

#nav {background-color: #0F151F;}
#nav li {float:left; line-height:30px; margin: 0 4.5px 0 0; list-style-type:none;font-size:17px;}
#nav li:hover {}
#nav li a {display:block; margin:0; font-size:0.8em; color:#7CAEFF; height:30px; padding:0 11px; margin:8px 0; background-color:#000;}
#nav li a.activepage {color:#68EF8A;}
#nav li a:hover, #nav li h2 {color:#68EF8A; text-decoration:none; display:block; border-bottom:0;}

/************************************************
*          Content      *
************************************************/
#main {padding:15px 0 15px 0; background:#070D17 url('images/bg-stripe.png') repeat;}
#content {float:left; width:600px;}
#contentfull {float:left; width:960px;}
h2#contentdesc {font-weight:normal; font-size:1.3em; padding-bottom:20px;}
h2#contentdesc span {color:#a8ef9d;}

.post {padding:0 0 20px 0;}
.sticky {padding:10px; margin-bottom:35px; background:url(images/blacktrans.png);}
.posttop {background-color:#1A212B; padding:10px;}
.posttop h2.posttitle a {color:#96DAFF; font-size: 17px; text-shadow:2px 2px 0 #070D17;}
.posttop h2.posttitle a:hover {border-bottom:1px solid #FF0048;}

.postmetatop {font-size:0.7em; padding-top:9px; line-height:1.5em;}
.postmetatop .date {}
.postmetatop a:hover {color:#afdaff; border-bottom: 0; background: none;}

.postmetatop .categs {float:left; width:325px; background:url(images/categ.png) left 2px no-repeat; padding-left:20px; line-height:16px; color:#aaa;}

.postcontent {font-size:13px; line-height:19.5px; padding:10px 15px 10px 15px;background-color:#141923;}
.postcontent h1 {padding:.8em 0; font-size:1.5em;}
.postcontent h2 {padding:.8em 0; font-size:1.4em;}
.postcontent h3 {padding:10px 0 5px 0; font-size:19px; color:#DFF4FF;}
.postcontent h4 {padding:10px 0 0 0; font-size:17px;}
.postcontent h5 {padding:.8em 0; font-size:1.1em;}
.postcontent h6 {padding:.8em 0; font-size:1em;}
.postcontent p {padding: 10px 0 0 0;}
.postcontent ul, .postcontent ol {padding:.4em 0 .5em 2em;}
.postcontent ul li {list-style:disc;}
.postcontent ol li {list-style:decimal;}
.postcontent .hot {color:#ff0048;font-weight:bold;}
.postcontent .track {margin:15px 0 0 0;padding:15px;background-color:#070d17;font-size:14px;}
.postcontent .track a.wpaudio {margin-bottom:10px;}
.postcontent .ratingblock {margin-left:15px;}
.postcontent .ratingheader {font-weight:bold;font-style:italic;}
.postcontent .more-link {font-size:14px;}


.facebook_like {width:226px; float:left; padding-top:4px;}
.twitter-tweet {float:right;padding-top:4px;}
.twittertweet-home {float:left;padding-top:4px;}


.author-box {padding:10px;margin:0 0 20px 0;background-color:#141923;}
.about-the-author {font-size:20px;color: #aaa;}
.about-the-author .dj {color: #fff;}
.author-avatar {float:left;width:80px;height:80px; margin:10px;}
.author-info {float:left;width:475px; margin-top:20px;}
.author-bio {padding-bottom:10px;font-size:14px;}


.relatedposts {padding:10px;margin:0 0 20px 0;background-color:#141923;}
.relatedposts .rp {width:271px;float:left;}
.relatedposts .ad {float:right;width:300px;}
.relatedposts h3 {background:url(images/blacktrans.png); line-height:1.3em; font-weight:normal; font-size: 18px; margin-bottom:10px;padding:5px;}
.relatedposts ol li {list-style-type:disc;padding-bottom:10px;margin-left:1em;line-height:1.3em; font-size: 14px;}
.relatedposts ol li a:hover {background:url(images/blacktrans.png);color:#b9e6ff;border-bottom:1px solid #96DAFF;}

.postmetabottom {background-color:#000; padding:10px; font-size:0.8em; line-height:1.1em;border: 5px solid #141923;}
.postmetabottom a {color:#eee;}
.postmetabottom a:hover {color:#afdaff;}
.postmetabottom .tags {font-size:0.9em; color: #ccc; margin-top:10px;}
.postmetabottom .tags a {color:#aaa;}
.postmetabottom .tags a:hover {color:#afdaff; border-bottom: 0; background: none;}

.postmetabottom .readmore {float:right; width:230px; text-align:right; padding-top:7px;}
.postmetabottom .readmore span { padding-left:14px;padding-top:1px;}

.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);}

.adsense-after-first-post { margin-bottom:20px;width:100%;background-color:#141923;padding:15px 0 10px 0;}


/************************************************
*          Navigation      *
************************************************/

#navigation {line-height:1.7em;}
#navigation a {background-color:#000;display:block; padding:10px;text-decoration:underline;}
#navigation a:hover {background-color:#000; color:#B9E6FF;border-bottom:0;}

#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:0 0 10px 0; background-color:#141923;}
#comments h3 {font-size:1.2em;}
#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 .commentbody .author {font-size:.9em; margin-bottom:10px; color:#eee;}
#comments .commentbody .author a {color:#b9ff9d; border-bottom:1px dashed #b9ff9d;}
#comments .commentbody .author a:hover {color:#eee; border-bottom:1px dashed #b9ff9d;}
#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:right; width:330px; font-size:0.8em; line-height:1.4em; margin-bottom:30px;}
#sidebar ul li.boxed {background-color:#000; padding:15px; margin-bottom:15px;}
#sidebar h3 {font-size:20px; font-weight: normal; padding-bottom:10px;}
#sidebar a:hover {color:#b9e6ff;background:url(images/blacktrans.png);}
#sidebar ul ul {list-style-type:circle; margin-left:20px;}
#sidebar ul ul li {padding-bottom:10px;}
#sidebar ul .sweet {font-size:16px;}
#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 {}
#sidebar p a:hover {background:url(images/blacktrans.png);}
#sidebar img {border:none; padding:0;}
#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;}

#sidebar ol li {list-style-type:disc; }

#sidebar-login { padding-left:10px; }
#sidebar-login p {padding: 0 0 5px 0;}
#sidebar-login #log, #sidebar-login #pwd {color:#ddd; background-color: #141923; font-size:14px; padding:5px;}
#sidebar-login #log:hover, #sidebar-login #pwd:hover {background-color: #2B323F;}
#sidebar-login .button {cursor:pointer; background-color:#14171c; color:#fff; font-size:17px; padding:7px;font-weight:600;width:80px;}
#sidebar-login .button:hover {background-color:#B9E6FF;color:#000;}

#download-login {background-color:#111;}
#download-login { padding-left:10px; }
#download-login p {padding: 0 0 5px 0;}
#download-login #log, #download-login #pwd {color:#ddd; background-color: #141923; font-size:14px; padding:5px;}
#download-login #log:hover, #sidebar-login #pwd:hover {background-color: #2B323F;}
#download-login .button {cursor:pointer; background-color:#14171c; color:#fff; font-size:17px; padding:7px;font-weight:600;width:80px;}
#download-login .button:hover {background-color:#B9E6FF;color:#000;}

.300x250ad img a:hover {border-bottom:0;}

#buysellads a:hover {border-bottom:0;}
#buysellads2 a:hover {border-bottom:0;}

#search {height: 60px;}
#searchform input {padding:10px;}
.searchbox-widget, .searchbox-page {color:#ddd; font-size:16px; padding:8px 8px 8px 26px;background:url("images/search_icon.png") no-repeat scroll left center;}
.searchbox-page {background-color: #363F4F; width:275px;}
.searchbox-page:hover {background-color: #4C596F;}
.searchbox-widget {background-color: #141923; width: 212px;}
.searchbox-widget:hover {background-color: #2B323F;}
.searchbox:hover {}
.submitbutton {cursor:pointer; background-color:#14171c; color:#fff; font-size:17px; padding:7px;font-weight:600;}
.submitbutton:hover {background-color:#B9E6FF;color:#000;}

#emailbox {width:170px; color:#ddd; font-size:14px; background-color:#141923; padding:5px; margin-right:5px;}
#emailbox:hover {background-color:#2B323F;}
.emailbutton {cursor:pointer; background-color:#14171c; color:#fff; font-size:14px; padding:5px; font-weight:600;}
.emailbutton:hover {background-color:#B9E6FF;color:#000;}
.feedburner a {border-bottom:0px !important;}


/************************************************
*          Footer       *
************************************************/
#footer {clear:both; background:url(images/blacktrans.png); font-size:0.8em;}
#footer .foot1 {float:left; width:290px; margin:20px 0 0 20px; display:inline;}
#footer .foot2 {float:left; width:290px; margin:20px 20px 0 20px;}
#footer .foot3 {float:left; width:290px; margin:20px 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 {border-bottom:0;}
#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:#ddd;}
#credits a:hover {background:url(images/blacktrans.png); color:#fff;}
#credits #creditsleft {float:left; width:600px; color:#aaa;}
#credits #creditsright {float:right; width:300px; text-align:right; color:#aaa;}

/************************************************
*          WP related          *
************************************************/
.alignleft {float:left; margin:5px 15px 7px 0;}
.alignright {float:right; margin:5px 0 7px 15px;}
.aligncenter, div.aligncenter {margin:0 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:-20px 0 0 -15px; text-align:center; display:block;}

img.aligncenter-inpost {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;}

#disqus_thread {
 padding:20px 50px 0px 50px;
}
.dsq-options {
display: none !important;
}
.dsq-popup-container, .dsq-popup-body, .dsq-popup-content {
color:#000 !important;
}

#dsq-popup-message {
color:#000;
}