/*
Theme Name:
Theme URI: http://www.onextrapixel.com/
Description: Unique Wordpress Custom Design
Version: v1.0
Author: Webrewz
Author URI: http://www.onextrapixe.com/
*/

/* CSS RESET */
html,body, iv,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup, tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}body{line-height:1;color:#000;background:#fff;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;} 


/* HTML ELEMENT	*/
body {background:#babfc3; color:#000; font:12px Verdana,Arial,"Lucida Grande",sans-serif;}

/* FONT HEADER */
h1 {font-size:22px;}
h2 {font-size:16px; color:#000;}
h3 {font-size:18px; font-weight:bold; color:#000;}
h4 {font-size:15px; font-weight:bold; color:#000; margin-bottom:10px;}

a:link {text-decoration:none; color:#0054a6;}
a:active {color:#006666;}
a:visited {color:#0054a6; text-decoration:none;}
a:hover	{color:#333;} 

/* STRUCTURE */
#wrap {width:1000px; margin:0 auto;}
#container {background:#393a3c; overflow:hidden; padding:15px;}

/* HEADER */
#head {color:#fff; overflow:hidden; padding:6px 15px; font:12px Arial,Verdana,"Lucida Grande",sans-serif;}
.headleft {float:left;}
.headleft ul li {display:inline; padding-right:15px;}
.headleft a, .headleft a:visited {color:#fff;}
.headleft a:hover {text-decoration:underline;}
#headright {float:right;}

#header {height:171px; width:1000px; background:url(images/cbg.jpg) repeat-x;}
#header .midhead {overflow:hidden;}
#logo {width:419px; height:93px; float:left; padding-top:1px;}
#social {float:right; padding-top:10px;}
#social li {float:left; padding:0 5px;}
#feed {background:url(images/social.jpg) no-repeat 0 0; display:block; text-indent:-99999px; width:55px; height:55px;}
#twitter {background:url(images/social.jpg) no-repeat -61px 0; display:block; text-indent:-99999px; width:55px; height:55px;}
#facebook {background:url(images/social.jpg) no-repeat -124px 0; display:block; text-indent:-99999px; width:55px; height:55px;}

#nav {padding:0 15px;}
#nav li {float:left; display:block; position:relative; z-index:500; margin:0 1px; padding-right:30px;}
#nav li a, #nav li a:visited {display:block; padding:6px 5px 0 5px; height:23px; text-decoration:none; color:#fff;}
#nav li a:hover {color:#fff;}
	
#nav ul {position:absolute; background:#393a3c; left:0; display:none; margin:0 0 0 -1px; padding:0; list-style:none;}
#nav ul li {float:left; padding:0 5px; width:150px;}
#nav ul a, #nav ul a:visited {display:block; height:15px; padding:8px 5px; color:#fff;}
#nav ul a:hover {text-decoration:underline;}
#nav ul li ul li {padding:0 5px; display:block;}

#search #s, #emailbox {border:1px solid #475254; padding:3px 5px;}

/* SIDEBAR */
#sidebar {width:320px; float:right;}
#sidebar #sideads {padding:0 10px; margin-bottom:20px;}
#sidebar .sidebox {background:#fff; width:320px; margin-bottom:20px;}
#sidebar .sidebox h2 {background:url(images/sideheadbg.jpg) repeat-x; color:#4a4647; padding:3px 10px; font:bold 17px Arial,Verdana,sans-serif; margin-bottom:10px;}
#sidebar .sidebox ul, #sidebar .sidebox .sidewrap {padding:0 10px 10px 10px;}
.sidebox ul li {border-bottom:1px solid #ccc; padding:5px 0;}
.sidebox ul li a, .sidebox ul li a:visited {color:#000;}
.sidebox ul li a:hover {text-decoration:underline; color:#cc0000;}

.btns, #searchsubmit, #submitbtn {background:#8e070d; border:none; color:#fff; padding:3px 5px; cursor:pointer;}
#submitbtn {margin-top:20px;}

/* POST & PAGE */
#content {background:#fff; float:left; width:630px;}
.post {color:#000; padding:20px 0; border-bottom:1px solid #ccc; margin:0 15px 20px 15px; width:600px;}

.post h2 {font:30px Helvetica,Arial; font-weight:bold; margin-bottom:10px;}
.post h2 a, .post h2 a:visited {color:#000;}
.post h2 a:hover {background:#eee;}

.post blockquote {margin:0 1.3em;}
.post p {line-height:160%; margin-bottom:10px;}
.post strong {font-weight:bold;}
.post em {font-style:italic;}
.post ul {margin:0 30px;}
.post ul li {margin:0 0 7px; list-style:disc;}
.post ol {margin:0 1em 0 3em; list-style:decimal;}
.post ol li {margin:0 0 7px;}

.post .entry {overflow:hidden; width:600px;}
.post .entry a, .post .entry a:visited {color:#EB5A00; font-weight:bold;}
.post .entry a:hover {color:#555; text-decoration:underline;}

.post .entry h2 {font:26px Helvetica,Arial; font-weight:bold; margin-bottom:10px;}
.post .entry h3 {color:#cc0000; font:italic bold 18px Verdana,Arial,"Lucida Grande"; display:block; margin-bottom:10px;}
hr {background:#DFDFDF; border:medium; clear:both; display:block; height:1px; margin:30px 0; width:100%;}

img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}
img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}
.alignright {float:right;}
.alignleft {float:left;}

.navigation {margin:15px 10px;}

.postmeta {margin-bottom:10px; font-size:11px;}
.postmeta a, .postmeta a:visited {color:#cc0000;}
.postmeta a:hover {text-decoration:underline;}

.singlebox {padding:0 15px; margin-bottom:20px;}
.singlebox h2 {font:bold 20px Arial; border-bottom:2px solid #000;}
.related_post_title {display:none;}
.related_post {padding-left:30px; margin:10px 0;}
.related_post li {line-height:160%; list-style:disc;}
.related_post li a, .related_post li a:visited {color:#cc0000;}
.related_post li a:hover {text-decoration:underline;}

/* Social Media Bottom */
.socialbottom {padding-bottom:20px; width:630px; margin-bottom:30px; overflow:hidden; padding:0 15px;}
.socialbottom h2 {color:#cc0000; font-size:20px;}
.socialbottom p {margin:10px 0;}
.socialbottom .social-left {overflow:hidden; float:left; width:300px;}
.socialbottom .social-left ul li {float:left; padding-right:20px;}
.socialbottom .social-left ul li #digg {width:32px; height:32px; text-indent:-99999px; display:block; background:url(images/social.gif) no-repeat 0 1px;}
.socialbottom .social-left ul li #deli {width:32px; height:32px; text-indent:-99999px; display:block; background:url(images/social.gif) no-repeat 0 -32px;}
.socialbottom .social-left ul li #stumble {width:32px; height:32px; text-indent:-99999px; display:block; background:url(images/social.gif) no-repeat 0 -99px;}
.socialbottom .social-left ul li #fb {width:32px; height:32px; text-indent:-99999px; display:block; background:url(images/social.gif) no-repeat 0 -200px;}

.socialbottom .social-right {overflow:hidden; float:right; width:300px;}
.socialbottom .social-right ul li {float:left; padding-right:20px;}
.socialbottom .social-right ul li #rss {width:32px; height:32px; text-indent:-99999px; display:block; background:url(images/social.gif) no-repeat 0 -131px;}
.socialbottom .social-right ul li #twitter {width:32px; height:32px; text-indent:-99999px; display:block; background:url(images/social.gif) no-repeat 0 -65px;}

/*COMMENT FORM*/
#comment-area {padding:0 15px;}
#comment-area a:hover {text-decoration:underline;}
#comments {background:#393A3C; color:#fff; padding:5px 10px; font:italic normal 18px Georgia,Arial,"Lucida Grande",Verdana;}
#commentform {padding:15px 0;}
#commentform div {margin:10px 0;}
#commentform .clabel {margin:5px 0; font-size:12px;}
#commentform .clabel small span {color:#a3a3a3;}
#commentform input[type=text] {border:1px solid #afaa9d; width:300px; padding:5px 2px; font:12px Verdana, Helvetica, Arial;}
#commentform #comment {border:1px solid #afaa9d; height:200px; width:97%; overflow:auto; font:12px Verdana, Helvetica, Arial; padding:5px;}
#commentform .subscribe-to-comments {padding-bottom:15px;}
#commentform #mcspvalue {width:160px;}


/*COMMENTLIST*/
.commentlist {width:100%; margin-top:5px;}
.commentlist img {float:left; margin-right:15px;}
.commentlist .even {background:#fff; line-height:150%;}
.commentlist .odd {background:#f8f6f6; line-height:150%;}
.commentlist li {background:#f7f7f7; overflow:hidden; width:600px; color:#474a4a; font:12.6px Arial,Verdana; padding:10px 0;}
.commentlist li .authorinfo .comment-author {color:#000; font:bold 18px Helvetica, Arial;}
.commentlist li .authorinfo .comment-author a, .commentlist li .authorinfo .comment-author a:visited {color:#cc0000; font:bold 15px Arial;}
.commentlist li .authorinfo .comment-date {font-size:11px; color:#b0b0b0;}
.commentlist li .comment-text {float:left; width:500px;}
.commentlist li div p {margin:10px 0;}
.commentlist li div p a, .commentlist li div p a:visited {color:#BB3737}
.commentlist li ul.children {float:left; padding-left:30px; width:570px;}
.commentlist li ul.children li {padding:10px;}
.commentlist li ul.children li .comment-text {float:left; width:450px;}
.commentlist li ul.children li.depth-2 {width:570px;}
.commentlist li ul.children li.depth-3 {width:540px;} 
.commentlist li.comment .reply {text-align:left; margin-bottom:10px;}
.commentlist li.comment .reply a {color:#cc0000; font-size:11px;}
.commentclose {margin:10px 0 20px;}

/* RESPOND */
#respond {width:100%; padding-top:15px;}
#respond .respond-title {overflow:hidden; background:#f6f6f6;}
#respond .respond-title h3 {float:left; padding:5px 10px; color:#5f5f5f; font:italic normal 22px Georgia,Arial,"Lucida Grande",Verdana; letter-spacing:-1px;}
#respond #cancel-comment-reply-link {color:#BB3737; font-size:10px; float:right; padding:10px;}
.comment-navi {width:100%; overflow:hidden; padding:15px 0; text-align:center;}
.comment-navi a, .comment-navi a:visited {background:#3B9CAA; border:1px solid #3B9CAA; color:#fff; padding:2px 7px; text-decoration:none;}
.comment-navi .current {background:#fff; color:#3B9CAA; border:1px solid #3B9CAA; padding:2px 7px;}


/* FOOTER */
#foottop {background:#acbeca; width:1000px; height:25px;}
#footer {background:#393a3c; width:960px; color:#fff; font:11px Arial,Verdana,sans-serif; padding:10px 20px; overflow:hidden;}
#footer .copy {float:left;}
#footer .footright {float:right;}