/*
Theme Name: DC Sucks
Theme URI: http://dcsucks.com
Description: DC Sucks official theme
Version: 1.0
Author: Cameron Scott
Author URI: http://dcsucks.com
*/

/* -- CSS Reset --*/
html, body, div, span, applet, object, 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: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* -- MAIN DIV'S -- */
body { background:#252525; font:9pt/11pt Arial, Helvetica, sans-serif; color:#333; margin:0 auto; padding:0 20px; }
#wrapper { float:none; clear:both; margin:0 auto; padding:0;width:930px; }
#main-wrap { border: 10px solid #000; background: #fff; }
#header { height:120px; margin:0 auto; text-align:left; padding: 0; position: relative; }
#footer { height:50px; overflow:hidden; margin: 0px auto; clear:both; float:none; text-align:left; padding: 15px 0 0 10px; }
.posts-wrap {float:left; clear:none;width:550px; Margin: 30px 0 30px 30px ; border-right: 1px solid #ccc; padding-right: 30px; }
.sidebar-wrap {margin:0 auto;overflow:hidden; float:right; clear:none; width:240px; Margin: 30px 30px 30px 0; }

/* - BASIC STUFF - */
.clear { clear: both; }
a, a:link, a:visited  { color: #ba0303; text-decoration: none; border-bottom: 1px solid #e7e7e7; }
a:hover, a:active, a:focus { text-decoration: none; border-bottom: 1px solid #ba0303; }
.entry-content, .entry-excerpt { clear: left; }
.navigation { clear: both; } 
.avatar { float: right; margin: 0 0 3px 5px; }
.underpost { font-size: .9em; }
#content .underpost a { text-decoration: underline; }
strong { font-weight:bold; color:#333; }
em { font-style:italic; }

/* -- LISTS -- */
ul {margin:0;padding:0;}
ul li {	margin-left:5px;padding:0;}
li {list-style-type:none;}
.disc {list-style-type:disc}
/* lists inside posts */
.entry-content ul ol {margin-left:0;}
.entry-content ul li {margin-left:10px; list-style:disc; list-style-position:inside}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
.entry-content ol li li {margin-left:5px;}

/* -- HEADINGS -- */
h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; letter-spacing: -1.4px; color: #444; }
.post h2 a, .post h2 a:visited  { color: #252525; font-size: 35px !important; font-weight: bold; line-height: 35px; text-decoration: none; border-bottom: none; }
.post h2 a:hover, .post h2 a:active, .post h2 a:focus  { color: #252525; text-decoration: underline; border-bottom: none; }
.post h3 { color: #7c8184; font-size: 24px; font-weight: bold; border-bottom: none; text-transform: uppercase; text-decoration: none; border-bottom: none;padding: 0 0 20px 0; }
h3.comments, h3.pings, h3.leave-comment  { font-size: 19px; font-weight: bold; letter-spacing: 0px; color:#252525; padding: 20px 0 7px 0; }
h3.leave-comment { font-size: 19px; font-weight: bold; letter-spacing: 0px; color:#252525; padding: 5px 0 7px 0; }
h2.entry-title { color: #252525; font-size: 35px; font-weight: bold; line-height: 35px; margin-bottom: 15px; }
h2.page-title { color: #252525; font-size: 30px; font-weight: bold; line-height: 30px; margin-bottom: 15px; }
h1.blog-title { font-size: 110%; margin: 0px; line-height: 110%; }
h1 { margin-bottom: 18px; }
h1, .home .post-title, .page-template-blog .post-title { font-size: 45px !important; font-weight: bold; line-height: 45px; }
.post-title, .single-title { font-size: 1.3em; margin-bottom: 3px; }
.error404 h2 { font-size:1.3em; font-weight:bold; letter-spacing:0px; }

/* -- HEADER -- */
#header h1 a:link, #header h1 a:visited, #header h1 a:hover, #header h1 a:focus { position:absolute; top:27px; left:0px; text-indent:-9000px; background: url(images/dcsucks_logo.gif) top left no-repeat; width:454px; height:59px; border: none; }
.because-of { position:absolute; top:86px; left:0px; width:153px; height:17px; background: url(images/because_of.gif) top left no-repeat; }
.people { position:absolute; top:86px; left:153px; width:100px; height:17px; background: url(images/people_animated.gif) top left no-repeat; }
.like-you { position:absolute; top:86px; left:253px; width:124px; height:17px; background: url(images/like_this.gif) top left no-repeat; }

/* -- MAIN NAV -- */
.main-nav { position: absolute; bottom: 18px; right: 15px; float: right; text-align: right; padding: 0; white-space: nowrap; margin: 0; width: 550px; font-size: 1.1em; font-family: Helvetica, Arial, sans-serif; font-weight: bold; }
.main-nav ul { margin: 0px; padding: 0px; }
.main-nav li { display: inline; list-style-type: none; margin: 0 5px 0 0;}
.main-nav li a:link, .main-nav li a:visited { color: #f9f9f9; font-weight: bold; text-decoration: none; text-transform: uppercase; padding: 3px 5px 1px 5px; margin-left: 9px; border: none; }
.main-nav li a:hover, .main-nav li a:active, .main-nav li a:focus { text-decoration: none; background: #363636; }
.main-nav li.current_page_item a, .main-nav li.current_page_item a:hover { text-decoration: none; background: #ba0303; }

/* -- POSTS -- */
.post-index {margin:0 0 10px;}
#post-single {margin:0 0 20px;}
.post p { color: #555; font-weight: normal; font-size: 13px; line-height: 20px; font-family: Arial, Helvetica, "Lucida Grande", sans-serif; padding: 0 0 10px 0; }
.additional-meta { font-family: Georgia, "Times New Roman", times, serif; font-style: italic; color: #555; font-size: 13px; margin: 5px 0 20px 0; }
.categories { font-family: Georgia, "Times New Roman", times, serif; font-style: italic; padding-top: 20px; color: #555; font-size: 13px; }
.entry-meta { color:#666; font-size: 95%; border-top: 1px solid #ddd; padding-top:7px; margin-top: 15px; }
.entry-info { color:#666; font-size: 85%; margin: 20px 0 20px 0; padding:7px 10px 9px 10px; border: 1px solid #eee; background:#f7f7f7; }

/* -- CONTACT PAGE -- */
.wpcf7 {width: 538px;}
.wpcf7 p {font-size: 11px;line-height: 17px;}
.wpcf7 form {width: 538px;}
.wpcf7 input {width: 290px;border: 2px solid #e3e8ea;padding: 6px;}
.wpcf7 input:hover, .wpcf7 input:active, .wpcf7 input:focus {border: 2px solid #ccd3d6;}
.wpcf7 .send input {float: right;margin-top: 10px;width: 250px;border: 3px double #e3e8ea;background: #f1f5f6;cursor: pointer;padding: 5px;}
.wpcf7 .send:focus {border: 3px double #ccd3d6;}
.wpcf7 .send input:hover, .wpcf7 .send input:active, .wpcf7 .send input:focus {border: 3px double #ccd3d6;}
.wpcf7 textarea {width: 528px;border: 2px solid #e3e8ea;padding: 6px;}
.wpcf7 textarea:hover, .wpcf7 textarea:active, .wpcf7 textarea:focus {border: 2px solid #ccd3d6;}
.wpcf7 .captcha-one {height: 30px;float: left;background: #e3e8ea;margin-top: -6px;}
.wpcf7 .captcha-one img {padding-top: 3px;}
.wpcf7 .captcha-377 input {width: 70px;margin: -6px 0 0 5px;}
.wpcf7 .wpcf7-response-output {margin-left: 30px;}
.contact-info {padding-bottom: 8px;}

/* -- STORE PAGE -- */
.entry-content ul.eshop li { list-style:none; margin:0 0 10px 0; padding:15px 0 0 0; }
.entry-content ul.eshop li a:link, .entry-content ul.eshop li a:visited { border:none; font-weight:bold; }
.entry-content ul.eshop li a:hover, .entry-content ul.eshop li a:focus { border:none; color:#333; }
.entry-content a.itemref img { border:none; background:#fff; padding:3px; }

/* -- SIDEBARS --*/
.sidebar {width:100%;clear:none;}
.block-1 {float:right;}

/* -- WIDGETS -- */
.widget { margin: 0 0 18px 0; padding: 0 0 10px 0; font-size: 13px; line-height: 17px; color: #666; font-family: Arial, Helvetica, "Lucida Grande", sans-serif; }
.page-template-widgets #content .widget { padding: 0; }
h3.widgettitle { font-size: 13px; font-weight: bold; letter-spacing: 0px; color:#252525; padding: 0 0 7px 0; }
.widget a:link, .widget a:visited { font-size: 12px; color: #ba0303; border-bottom: 1px solid #e7e7e7; }
.widget a:hover, .widget a:active { text-decoration: none; border-bottom: 1px solid #ba0303; }

/* -- FOOTER -- */
#footer { font-size: 95%; color: #b4b4b4; font-family: Arial, Helvetica, "Lucida Grande", sans-serif; } 
#footer a  { color:#b4b4b4; border-bottom:none; text-decoration:underline; }

/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {color:#555; margin:10px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 20px auto; padding: 16px 16px 10px 16px; border: 7px solid #eee; background: #fefefe;}
li.byuser {margin: 20px auto; padding: 16px 16px 10px 16px; border: 7px solid #eee; background:#f7f7f7;}
li.comment p {padding: 14px 0 8px 0; line-height: 1.4em;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {color:#555; margin:10px 0;}
textarea#comment {overflow:auto}
.commentmetadata {font-size: 80%; color:#666; float:right;}
img.avatar {border: 4px solid #ccc; float: left; margin: 0 13px 5px 0;}
a.url { font-size: 110%; }
form p { padding-top: 15px;}
.required { color:red; }
input#author, input#email, input#url { margin-top: 5px; padding: 4px 7px 6px 7px; width: 50%; }
textarea { margin-top: 5px; padding: 7px; width: 97%; }

/* -- ALIGNMENTS --*/
img.alignright {float:right;clear:none;margin:0 0 1em 1em}
img.alignleft {float:left;clear:none;margin:0 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {margin:0 0.5em 0 0;}

/* -- NAVIGATION --*/
div.navigation {width:100%;height:auto;float:left;clear:both;padding: 10px 0 30px 0px;}
.navigation-index {}
.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}