/*  

Theme Name: LCHR

Theme URI: http://lowcountryhighrollers.com

Description: Dark and sexy theme custom designed for the Lowcountry Highrollers

Author: mRko @ Think-New	

Author URI: http://think-new.com

Version: 1.0

*/







/************************************************

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

.replaced {
	position: relative;
    overflow: hidden;
	}
.replaced span {
    position: absolute;
    top: -99999999em;
	}





/************************************************

*          General elements       *

************************************************/

body {background:#000 url(images/bg.jpg) top center repeat-y fixed; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; text-align:center; padding-bottom:20px; text-shadow:0 0 4px #440c31;} 

h1, h2, h3, h4, h5, h6 {font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}

a {color:#c10072; text-decoration:none;}

a:hover {color: #e047a1;}

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 #802159;}

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:#c10072;}

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 {font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; margin:.2em 0; color:#FFF; background:#333; border: solid 1px #000; font-size:1em;}

input, textarea {padding:.3em;}

input.radio, input.checkbox {background:#CCC; padding:2px;}

form label{font-weight:bold; display:block;}







/************************************************

*          General       *

************************************************/

#wrapper {margin:0px auto 80px auto; padding: 0 20px 40px; text-align:left; width:980px; background:url(images/blacktrans.png); border: solid 3px #000;}


.clear,
.cleared {clear:both;}





/************************************************

*          Header       *

************************************************/
#top { background: #222;
    border-bottom: solid 3px #000;}
    
#top #topmenu { width: 100%;}

#top #topmenu li {float: right; background:url(images/whitetrans.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:#c10072; font-size:.75em;}

#top #topmenu li a:hover {color:#e047a1;}

#top #topmenu li a.rss {background:url(images/rsstrans.png) left 4px no-repeat; padding-left:17px;}

/*

#top #search {float:right; width:300px; 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:url(images/blacktrans.png); color:#fff; font-size:0.8em; padding:.08em; vertical-align:top;}

#top .submitbutton:hover {background:url(images/whitetrans.png);}

*/

#header {
    height: 200px;
    position: relative;
    background: url(images/LCHR-header-img.png) top center no-repeat;
    }

#header #logo {
	position: absolute;
	top: -60px;
	left: 140px;
    display: block;
    width: 284px;
    height: 274px;

    }


#header #logo h1 a {
    display: block;
    width: 284px;
    height: 274px;
        background: url(images/lchr_logo.png)center center no-repeat;
    z-index: 10;
    }

#header #logo #desc {
    display: block;
    width: 483px;
    height: 114px;
    background: url(images/roller_derby_charleston_sc.png)center center no-repeat;
	position: absolute;
	top: 190px;
	left: 0px;
    }
#straight_flush {
	display: block;
	width: 350px;
	height: 260px;
	background: url(images/cards.png) bottom center no-repeat;
	position: absolute;
	top: 60px;
	left: 440px;
	} 



#header #headerbanner {
	position: absolute;
	top: 0px;
	right: 0px;
    width:468px;
    margin:30px 0 10px 0;
    text-align:right;
    padding:10px;
    background:url(images/blacktrans.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 {}

#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:#eca6ea; 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:#eca6ea;}

#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:30px 0 20px 0;}

#content {float:left; width:640px;}

#contentfull {float:left; width:980px;}

h2#contentdesc {font-weight:normal; font-size:1.3em; padding-bottom:15px;}

h2#contentdesc span {color:#a8ef9d;}



.post {padding:0 0 35px 0;}

.sticky {padding:10px; margin-bottom:35px; background:url(images/blacktrans.png);}

.posttop {background:url(images/blacktrans.png); padding:10px;}

.posttop h2.posttitle a {color:#c10072; font-size:2.3em;}

.posttop h2.posttitle a:hover {color:#e047a1;}

.postmetatop {text-transform:capitalize; font-size:0.7em; padding-top:8px; line-height:1.5em;}

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

.postmetatop .categs a:hover {color:#eca6ea;}

.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:#fff; margin:.8em 0; font-size:1em; line-height:2em;}

.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 {}

.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 { display: none;}

.postmetabottom a {color:#fff;}

.postmetabottom a:hover {color:#eca6ea;}

.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:#eca6ea;}

.postmetaauthor .authordesc a:hover {background:url(images/blacktrans.png);}







/************************************************

*          Navigation      *

************************************************/

#navigation {line-height:1.7em; margin-bottom:5px;}

#navigation a {border-bottom:1px dashed #a8ef9d;}

#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: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; }

#comments .commentbody p a:hover {color:#eee; }

#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:#333; border: solid 1px #000; 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:#333; border: solid 1px #000; font-size:.8em;}

#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:300px; font-size:0.8em; line-height:1.4em; margin-bottom:30px;}

#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;}

#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 {border-bottom:1px dashed #a8ef9d;}

#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; padding-top: 1px;}

#footer .foot1 {float:left; width:310px; margin:10px 0 0 10px; display:inline;}

#footer .foot2 {float:left; width:400px; margin:10px 15px 0 15px;}

#footer .foot3 {float:left; width:220px; 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:#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: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;}




/************************ PAGE SPECIFIC CONTENT ********************/


.col2_list {
	width: 300px;
	float: left;
	margin: 0 10px 0 0;
	}
#fightlikeagirl {
        width: 468px;
        clear: both;
        margin: 10px auto 0px;
        }
.roster_box {
	width: 300px;
    height: 200px;
	margin: 0 10px 40px 0;
    padding: 0px;
    text-align: center;
    float: left;
    }
.roster_box span {
    display: block;
	width: 180px;
	margin: 0 10px 0px 0;
    padding-top: 0px;
    float: left;
    }
.roster_box span a {
    display: block;
	width: 180px;
	margin: 0;
    padding-top: 190px;
    }
#allstar_span,
#betties_span,
#swampfox_span,
#heratbreaker_span {
    background: url(/img/content/LCHR_logo_roster.png) top center no-repeat;
    }
#swampfox_span {
    background: url(/img/content/swampfox_logo180.png) top center no-repeat;
    }
#heratbreaker_span {
    background: url(/img/content/holycity_heartbreakers_logo180.png) top center no-repeat;
    }
ul.roster_list {
    margin: 0px !important;
    padding: 0px !important;
    text-indent: 0px;
    }
ul.roster_list li:before {
    content: "" !important;
    }
ul.roster_list li {
    width: 360px;
    height: 100px;
    margin: 0 12px 24px 12px !important;
    float: left;
    background: url(/img/css/roster_li.png) center center no-repeat;
    }
ul.roster_list li.captain {
    background: url(/img/css/roster_captain.png) center center no-repeat;
    }
ul.roster_list li.co_captain {
    background: url(/img/css/roster_co-captain.png) center center no-repeat;
    }
ul.roster_list li img {
    margin: 6px;
    float: left;
    }
ul.roster_list li h6 {
    clear: none !important;
    margin: 24px 0px 6px 0px;
    padding: 0px;
    float: left;
    color: #000;
    width: 248px;
    }
ul.roster_list li h6 span.sk8r_number {
    float: right;
    color: #666;
    }
    
.sponsor180 {
    display: block;
	width: 180px;
	margin: 0 10px 20px 0;
    padding-top: 0px;
    float: left;
    }

.bout-date {
    padding: 8px 12px !important;
    margin: 20px 0 0px;
    font-weight: bold;
    background: url(images/blacktrans.png);
    }
.bout-date span.bout-vs {
    float: right;
    font-weight: normal;
    }