/************ Stylesheet ************/

/************ Overrides ************/

div * {margin: 0;}

br {
margin: 10px;
}
.x-post {
width: 500px;
background-color: red;}

.x-title {
width: 500px;
height: 40px;
background-color: yellow;}

.x-content {
width: 500px;
background-color: green;
}


/************ Globals ************/

body {
margin: 0 auto;
padding: 0px;
background-image: url('images/bg.png'); background-repeat: repeat-x;
background-color: #ffffff;
font-family: 'Myriad Pro', Tahoma, Arial, sans-serif;
font-size: 13px;
color: #404040;
line-height: 18px;
}

h1 {color: #404040; margin: 0px 0px 5px 0px; padding-bottom: 10px; font-size: 26px;}
h2 {color: #38a9a9; margin: 0px 0px 5px 0px; padding-bottom: 10px; font-size: 20px;}
h3 {color: #ff3333; margin: 0px 0px 5px 0px; padding-bottom: 10px; font-size: 18px;}
h4 {color: #202020; margin: 0px 0px 5px 0px; padding-bottom: 10px; font-size: 14px;}

#center {text-align: center;}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

a {color: #ff3333; text-decoration: none; border-bottom: 1px dotted #ff3333;}


/********** Layout ***************/

#wrapper {
width: 1000px;
margin: 0 auto;
padding: 0px;
background-image: url('images/content-bg.png'); background-repeat: repeat-y;
}


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

#top {
width: 1000px;
height: 50px;
background-color: #202020;
background-image: url('images/top-bg.png');
background-repeat: repeat-x;
}

#navigation {
float: right;
height: 38px;
padding: 12px 0px 0px 0px;
}

#navigation ul {padding: 0px; margin: 0px; list-style-type: none;}
#navigation li {float: left; margin: 0px 35px 0px 0px; font-size: 18px; text-align: center;}
#navigation li a {color: #505050; text-decoration: none; text-align: center; border: 0px solid red;}
#navigation li a:hover {color: #dfdfdf; text-decoration: none; text-align: center;}


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

#main {
width: 1000px;
height: 321px;
}

#left-col {width: 50px; height: 321px; background-image: url('images/col01.png'); background-repeat: no-repeat; float: left;}
#right-col {width: 50px; height: 321px; background-image: url('images/col02.png'); background-repeat: no-repeat; float: right;}

#main-inner {float: left; width: 900px;}

#inner-left {width: 315px; height: 321px; float: left;}


/************ Logo ************/

#logo {background-image: url('images/logo.png'); background-repeat: no-repeat; width: 315px; height: 160px;}
#blurb {background-image: url('images/blurb.png'); background-repeat: no-repeat; width: 315px; height: 161px; background-color: #ffffff;}

.blurb-text {
color:#303030;
height:80px;
line-height:17px;
padding:10px 10px 0;
width:280px;
font-size: 11px;
}

.blurb-text a {color: #ff3333; text-decoration: none; border-bottom: 1px dotted #ff3333;}


/************ Flash ************/

#flash {float: right; width: 585px; height: 321px; background-image: url('images/flash.png'); background-repeat: no-repeat;}


/************ News ************/

#news-block {background-image: url('images/news.png'); background-repeat: no-repeat; width: 900px; height: 91px; margin: 0 auto; padding: 30px 0px 0px 0px;}

.news, .news-list {
background-image:url("images/news-bg.png");
background-repeat:no-repeat;
font-size:11px;
height:80px;
padding:0 0 0 20px;
width:280px;
overflow: hidden;
}

.news ul, .news-list ul {
float: left;
margin: 0px;
padding: 0px;
background-color: #cccccc;
height: 80px;
overflow: hidden;
}

.news li {
width: 250px;
display: block; 
background-color: #cccccc; 
padding: 2.5px; 
font-size: 11px; 
color: #000000; 
margin-bottom: 1px; 
background-image: url('images/red_star.png'); 
background-repeat: no-repeat; 
background-position: 0px 2px; 
padding-left: 20px;
line-height: 12px;
border-bottom: 1px solid #e5e5e5;
}

.news-list li {
width: 250px;
display: block; 
background-color: #cccccc; 
padding: 2.5px; 
font-size: 11px; 
color: #000000; 
margin-bottom: 1px; 
background-image: url('images/blue_star.png'); 
background-repeat: no-repeat; 
background-position: 0px 2px; 
padding-left: 20px;
line-height: 12px;
border-bottom: 1px solid #e5e5e5;
}

.news li:hover {
background-color: #66cccc;
color: #ffffff; 
display: block;
background-image: url('images/red_star.png'); 
background-repeat: no-repeat; 
background-position: 0px 2px; 
}

.news li a:hover {
color: #ffffff; 
}

.news-list li:hover a {
color: #ffffff; 
}

.news-list li:hover {
background-color: #ff3333; 
color: #ffffff;
display: block;
background-image: url('images/red_star.png'); 
background-repeat: no-repeat; 
background-position: 0px 2px; 
}

.news-list li a, .news li a {color: #000000; text-decoration: none; border-bottom: 0px dotted #ff3333;}
.news-list li a:hover, .news li a:hover {color: #ffffff; text-decoration: none;}


.news#latest {float: left;}
.news-list#standings {float: left;}
.news#twitter {float: right;}

.news-list#standings ul {float: left; list-style-type: none; margin: 0px; padding: 0px;}
.news-list#standings li {display: block; background-color: #cccccc; padding: 2.5px; font-size: 11px; color: #000000; margin-bottom: 1px; width: 250px; 
background-image: url('images/blue_star.png'); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 20px; line-height: 12px;}

.news-list#standings li:hover {
display: block; 
background-color: #ff3333; 
color: #ffffff; 
background-image: url('images/blue_star.png'); 
background-repeat: no-repeat; 
background-position: 0px 2px; 
}

.news-list#standings li a {color: #000000; text-decoration: none;}
.news-list#standings li a:hover {color: #ffffff; text-decoration: none;}

#spacer {width: 900px; height: 41px; margin: 0 auto; background-color: #ffffff;}


/************ Content ************/

#content {
margin: 0 auto;
padding: 0px;
width: 900px;
}

#content-top {
background-image: url('images/content-top.png'); background-repeat: no-repeat; height: 14px; width: 900px;
}


/************ Sidebar ************/

#sidebar {background-color: #8dc6cd; width: 260px; float: left; padding: 0px 20px 0px 20px; color: #ffffff;}

#sidebar br {
margin: 0px;
}

#sidebar h1 {color: #ffffff; margin: 0px 0px 10px 0px; padding-bottom: 5px; border-bottom: 1px dotted #ffffff; text-align: left; font-size: 26px;}

#sidebar b, strong {color: #3e8a8a;}

.side {margin-bottom: 25px; font-size: 12px;}
.side a {color: #ff3333; text-decoration: none; border-bottom: 1px dotted #ff3333;}
.side a img {border-bottom: 0px solid #000000;}

.info {margin-bottom: 30px; font-size: 12px;}
.info a {color: #ff3333; text-decoration: none; border-bottom: 1px dotted #ff3333;}
.info img {background-color: #a6cbcb; border: 1px solid #53a0a0; padding:4px;}
.info img:hover {background-color: #a6cbcb; border: 1px solid #ff3333; padding:4px;}

.side .affiliates img {background-color: #a6cbcb; border: 1px solid #53a0a0; padding:4px;}
.side .affiliates img:hover {background-color: #a6cbcb; border: 1px solid #ff3333; padding:4px;}
.affiliates a, .official a {border-bottom:0px dotted #FF3333; color:#FF3333; text-decoration:none;}


/************ Twitter ************/

.twitter {margin-left: 0px;}
.twitter ul {float: left; list-style-type: none; margin: 0px 0px 25px 0px; padding: 0px;}

.twitter li {
display: block; 
background-color: #9accd2; 
font-size: 11px; 
color: #000000; 
margin-bottom: 5px; 
width: 240px; 
background-image: url('images/red_star.png'); 
background-repeat: no-repeat; 
background-position: 0px 2px;  
line-height: 15px;
padding-left: 20px;
}

.twitter li:hover {
display: block; 
background-color: #86bec5; 
font-size: 11px; 
color: #ffffff; 
margin-bottom: 5px; 
width: 240px; 
background-image: url('images/red_star.png'); 
background-repeat: no-repeat; 
background-position: 0px 2px; 
}

.twitter li a {color: #ffffff; text-decoration: none; border-bottom: 0px solid black;}
.twitter li a:hover {color: #ffffff; text-decoration: none; border-bottom: 0px solid black;}


/************ Page Content ************/

#page-content {background-color: #e5e5e5; width: 550px; float: right; padding: 0px 25px 0px 25px;}

#page-content p {
margin: 0px 0px 13px 0px;
}

#page-content a {color: #ff3333; border-bottom: 1px dotted #ff3333; text-decoration: underline;}

#page-content h1 {color: #404040; margin: 0px 0px 5px 0px; padding-bottom: 10px; border-bottom: 1px dotted #404040; text-align: center; font-size: 26px;}


/*.post-head {background-image: url('images/post-head.png'); background-repeat: no-repeat; width: 600px; height: 60px;}*/

.post {width: 500px;}


/************ Post Head ************/

.post-head {height: 36px;}
.post-head h1 {color: #404040; margin: 0px 0px 5px 0px; padding-bottom: 5px; border-bottom: 1px dotted #404040; text-align: center; height: 20px; font-size: 22px;}
.post-head h1 a {color: #404040 !important; text-decoration: none !important; border-bottom: 0px dotted #404040 !important;}
.post-meta {height: 66px; font-size: 11px; float: right; width: 484px; background-image: url('images/head.png'); background-repeat: no-repeat;}
.post-date {float: left; width: 66px; height: 66px; background-image: url('images/date.png'); background-repeat: no-repeat;}


/************ Post Date ************/

.month {width: 66px; text-align: center; }
.month h4 {color: #404040; font-size: 12px; margin: 5px 0px 0px 0px; padding-bottom: 0px;}

.day {margin-top: 10px; text-align: center;}
.day h3 {font-size: 34px; color: #ff3333; margin: 0px; padding-bottom: 0px;}


/************ Post Meta ************/

.meta {height: 20px; width: 480px; padding-top: 2px;}
.meta ul {float: left; list-style-type: none; margin: 0px; padding: 0px;}
.meta li {font-size: 11px; color: #cccccc; float: left; width: 150px; text-align: center;}
.meta li a {color: #ff3333;}


/************ Post Foot ************/

.post-foot {background-image: url('images/post-foot.png'); background-repeat: no-repeat; width: 550px; height: 22px; margin-bottom: 40px; border-bottom: 1px dotted #404040; padding-bottom: 5px;}

.post-foot-meta {background-color: #cccccc; height: 22px; margin-top: 5px; padding-left: 20px;}


/************ Post Content ************/

.post-quote {height: 34px; width: 460px; padding: 3px; font-style: italic; font-family: Georgia, serif; line-height: 14px; font-size: 14px;}

.post-content {
margin-top:80px;
padding:10px 5px 5px;
width:540px;
}


/************ Footer ************/

#bottom-spacer {margin: 0 auto; width: 900px; height: 41px; clear: both;}

#footer {width: 100%; background-color: #ffffff;}

#footer-inner {width: 900px; height: 130px; margin: 0 auto; padding-top: 0px;}

#footer-inner-top {background-image: url('images/foot-top.png'); background-repeat: no-repeat; width: 900px; height: 13px;}

#footer-inner-content {background-color: #b0b0b0; padding: 0px 25px; text-align: center;}

#footer-inner-bottom {background-image: url('images/foot-bottom.png'); background-repeat: no-repeat; width: 900px; height: 13px;}


.foot {width: 300px; height: 150px; background-color: #cccccc;}

.foot#left {float: left;}
.foot#center {float: left;}
.foot#right {float: right;}


/************ Comments ************/

#comments-top {background-image: url('images/comments-top.png'); background-repeat: no-repeat; height: 15px;}

#comments-bottom {background-image: url('images/comments-bottom.png'); background-repeat: no-repeat; height: 15px;}

#comments li.alt, #comments li {width: 510px;}

#comments {background-color: #cccccc; padding: 10px 20px;}
#comments h3 {font-size: 14px; padding-bottom: 20px; color: #404040; text-align: left;}
#comments li.alt, #comments li {list-style-type: none;}

#comments b, strong {color: #3E8A8A;}

li.alt {background-color: #cccccc;}

.comment-meta {background-image: url('images/comments-head.png'); background-repeat: no-repeat; background-color: #cccccc; width: 490px; height: 25px; padding: 5px 0px 0px 20px;}

.comment {background-color: #a2a2a2; width: 550px; padding-top: 0px;}

.comment-foot {background-image: url('images/comments-foot.png'); background-repeat: no-repeat; height: 15px; margin-bottom: 40px;}

.comment-body {background-color: #a2a2a2;}

.comment-body small {padding-left: 20px;}

span.comment-author {}

#comments li.alt p, #comments li p {
background-color:#A2A2A2;
border-top:1px dotted;
margin:10px 20px 0;
padding:5px 0 0;


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

.post-date-container {}