/* general /* global nav body margin right = 30 when no special ---------------------------------------------------------  */

body {
background: #222;
margin: 0px 0px 50px 0;
font: 11px verdana, sans-serif;
color: #222;
}

#header {
width: 500px;
padding: 5px 25px 25px 25px;
background-color: #fff;
text-align: left;
font: 14px "trebuchet ms";
}
 
#globalnav {
position: absolute;
width: 970px; 
z-index: 2;
padding: 5px;
color: #fff;
background-color: #060;
text-align: left;
font: 12px verdana, sans-serif;
}

#container {
width: 530px;
padding: 35px 10px 25px 10px;
background-color: #fff;
border-bottom: solid 8px #aaa;
}

#prevnext {
width: 530px;
padding: 10px 0 0 10px;
background-color: #fff;
font-size: 1.1em;
color: #666;
text-decoration: none;
font-weight: bold;
}

#special{
position: absolute;
width: 460px;
left: 550px;
top: 157px;
}

/* when switching to TC Madness, top should be 613   -------------- */

#sidebar { 
width: 217px;
padding: 10px 0px 10px 0px;
position: absolute;
left: 550px;
top: 155px;
text-align: left;
background-color: #9C9;
font: 11px verdana, sans-serif;
line-height:14px;
z-index: 0;
}

#promobar {
width: 204px;
padding: 6px 5px 10px 5px;
position: absolute;
left: 766px;
top: 155px;
text-align: left;
background-color: #003900;
font: 11px verdana, sans-serif;
color: #eee;
line-height: 12px;
}



a.tran		{border: 0;}
a.tran:hover{border: 0;}
.tran 		{border: 0;}




img, a img {
	border: 1px solid #003900;
	}

	

input {
	font: 10px verdana, sans-serif;
	background-color: #eee;
	}





/* title ---------------------------------------------------------  */

#header a:link, #header a:visited {
	font: 36px "trebuchet ms",  courier, monospace;
	color: #060;
	font-weight: bold;
	text-decoration: none;
    }


#header a:hover {
	color: #9c9;
	background-color: #060;
	}
	
.title	{padding: 40px 0 0 0;}


/* fonts ---------------------------------------------------------  */
h2,h3 {
	color: #060;
	padding: 0;
	margin: 0;
	font: 1.65em 'Trebuchet MS', sans-serif;	
	padding-bottom: 0;
	}
	

h6 {
	padding: 4px 0 2px 0;
	font: 1.2em 'Trebuchet MS', sans-serif;
    font-weight: bold;
	margin: 0;
	color: #060;
	}

p {
	margin-top: 0;
	margin-bottom: 1.5em;
	line-height: 1.4em;
	font-size: 1.05em;
	}

#header h1 {
	font-size:1.6em;
	margin:0px auto;		
	}

#header h1 a {
	color:#933;
	padding; 20px 0 0 0;
	}

#header h4 {
	color:#fff;
	font-size:1.2em;
	margin: 0px auto;			
	font-weight:normal;
	padding: 5px 10px;	
	}

blockquote {
	margin: 10px 30px 20px 10px;
	padding: 25px 15px 5px 65px;
	border: 1px solid #ccc;
	background:#efefef;
	background-image: url(/img/quote.gif); 
	background-repeat: no-repeat;
	}
	
.racehdr {
	font: 1.4em 'Trebuchet MS', monospace;			
	font-weight: bold;
	color: #060;
	padding: 20px 0 0 0;
	}
	
.picks {
	border: 1px solid #999;
	background-color: #efefef;
	margin: 0 0 15px 0;
	padding: 5px;
	}
	
.dash	{border-top: 1px dashed #ccc;}	

.sidehdr {
	background: #fff;
	border-bottom:#333 1px solid;
	border-top:#333 1px solid;
	padding: 4px;
	font:  1.3em 'Trebuchet MS', monospace;
	font-weight: bold;
    color: #606;
	}
	
.promohdr {
	font: 18px 'Trebuchet MS', monospace;
	color: #9c9;
	}

.cathdr {
	font: 2em 'Trebuchet MS', monospace;
	font-weight: bold;
    color: #060;
	margin: 0 15px 5px 0;
	padding: 8px 0 0 5px;
	text-decoration: none;
	}
	
.pollhdr {
	font: 14px 'Trebuchet MS', monospace;
	color: #030s;
	font-weight: bold;
	padding: 5px 0 5px 0;
	text-align: center;
	}
	
.pollQ {
	font: 11px verdana, sans-serif;
	font-weight: bold;
	color: #030;
	padding: 5px 0 5px 0;
	text-align: center;
	}
	
a.view 	{
		color: #030;
		text-decoration: none;
		}
		
.votes	{
	font: .80em;
	color: #333;
	}

.smtxt {
	font: .80em;
	color: #999;
	}
.relposts {padding: 0 10px 15px 10px;}

.guest {
	background-color: #efefef;
	border: 1px solid #ccc;
	padding: 12px;
	margin: 10px 10px 15px 0;
	line-height: 1.4em;
	}
	
.byline {	
	font: .80em;
	color: #060;
	margin-bottom: 5px;
	}

.new {background-color: #ff0; font-weight: bold;}

.ratings {
	font: 10px;
	color: #666;
	padding: 6px 0 10px 0;
	}

.post-ratings-text {
}

.left 		{float: left; display: inline;}
.right 		{float: right; display: inline;}
.picleft	{padding: 0 10px 0 0; display: inline;}


/* padding ---------------------------------------------------------  */

.relnx {padding: 0 0 0 5px;}
.shorty {padding: 0 0 72px 0;}
.searchpad {padding: 0 0 200px 0}
.datepad {padding: 10px 0 0 0;}
.pad5TB {padding: 6px 0 10px 0;}
.sitemeter {padding: 4px 0 10px 5px;}




/* links ---------------------------------------------------------  */

a, a:visited {color: #333;}
a:hover {color: #9c9;}

#prevnext a, a:visited {color: #666; text-decoration: none;}
#prevnext a:hover {color: #9c9; background-color: #060;}

      


/* date ---------------------------------------------------------  */

.date {
	margin: 10px 0px 10px 0px;
	color: #060;
	font-size: 24px;
	text-align: right;
	letter-spacing: -1px;
	text-transform: uppercase;
	border-bottom: solid 1px #ccc;
	}

.datebox  {
	background-color: #eee;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	padding: 3px 3px 0 3px;
	}


/* global nav ---------------------------------------------------------  */

#gnav {	
	margin: 0;
	padding: 3px 0 3px 0;			
	font-weight: bold;
	}

#gnav li 
	{
	list-style: none;
	display: inline;
	padding: 10px;		
	}

#gnav li a:link, #gnav li a:visited
	{
	color: #fff;
	text-decoration: none;
	padding: 0;
	border-bottom: none;	
	}

#gnav li a:hover, #gnav li a:active
	{color: #030;}

#gnav li.current_page_item a:link, #gnav li.current_page_item a:visited, #gnav li.current_page_item a:active
	{color: #9c9;}	
	
#gnav li.current_page_item a:hover
	{color: #030;}
	


/* content/posts /* global nav --------------------------------------------- */

#content ul {
	margin: 5px;
	padding: 5px;
	}

#content ul li {
	list-style: none;	
	padding-left: 12px;	
	}
		
.post-content a:visited {color: #333; text-decoration: underline;}
.post-content a:hover {color: #9c9; background-color: #060; text-decoration: underline;}
	
	
.post-title {
	margin-left: 10px;
	font-weight: bold;
	}
	
.post-title a:link {
	color:#606;
	text-decoration:none;
	}
	
.post-title a:visited {color: #606;}
.post-title a:hover {color: #060; background-color:#9c9;}



.day-date {
	font-size: 0.95em;
	color: #999;
	margin:-5px 10px 5px 0;		
	padding: 0 0 1px 0;	
	border-top:#c7c7c7 1px dotted;
	}

.day-date em {
	font-style:normal;
	color:#666;
	}
	
.day-date a:link, a:visited {
	color:#606;
	text-decoration: none;
	}
	
.day-date a:visited {
	color: #606;
	text-decoration: none;
	}	
	
.day-date a:hover {
	color:#fff;
	background-color: #606;
	text-decoration:none;
	}

.post {
	margin: 3px 0 20px 0;	
	padding: 0 5px 0;	
	}

.post h4 {
	font-size:1em;
	font-weight:normal;
	}
.post h4 em {
	font-style: normal;
	float: right;
	font-weight: normal;
	}

.post-info {
	font-size : 0.9em;
	color : #666;
	margin : 0;
	background: url(img/comments-small.gif) no-repeat left center;
	padding-left: 12px;
	}
	
.post-info a:link, a:visited {
	color:#666;
	text-decoration:none;
	}

.post-info a:hover {
	color:#9c9;
	background-color: #060;
	text-decoration:none;
	}

.post-content {padding: 5px 0 3px 10px;}



.flickrpic {
	float: right; 
	margin-left: 10px; 
	margin-bottom: 10px;
	}

.flickrpicL {
	float: right; 
	margin-left: 10px; 
	margin-bottom: 10px;
	}
	

	
.share {
	font-size: 0.9em;
	color: #666;
	margin: 10px 0 0 0;
	}
	
.share a:link, a:visited {
	color:#666;
	text-decoration: none;
	}

.share a:hover {
	color: #9c9;
	background-color: #060;
	text-decoration: none;
	}
	
.popular {
	font-size: 0.9em;
	color: #666;
	margin: 5px 0 15px 0;
	}
	
.popular a:link, a:visited {
	color:#666;
	text-decoration: none;
	}

.popular a:hover {
	color: #9c9;
	background-color: #060;
	text-decoration: none;
	}




/* comments  ---------------------------------------------------------  */


#comments, #respond {
	margin: 0 10px 0 10px;
	border-bottom: #ccc 1px dotted;
	font-size: 14px;
	font-weight: bold;
	}
	
	
.commentlist {
	margin: 10px;
	padding: 0.5em;
	}

#commentform {
	margin: 10px;
	padding: 10px;
	}
#comments a:link {
	color: #333; 
	text-decoration: underline;
	}
	

.commentlist  .cmtinfo {
	font-size: 1em;
	color: #777;
	padding: 4px 10px 0 0;
	margin: -13px 0 0 0;	
	border-bottom: #999 1px dotted;
	}

.commentlist  cite {
	font-style: normal;
	font-weight: bold;
	}

.commentlist  .cmtinfo em {
	float: left;
	padding: 3px 0 0 0;
	margin: 0;
	font-style: normal;
	font-size: 0.93em;
	color: #777;
	}

.commentlist .alt {
	background: #eee;
	border: 1px #CCC solid;
	margin: 0 0 5px 0;
	padding: 5px;
	}
	
.commentlist .alt a {
	color: #333; 
	text-decoration: underline;
	}
	
.commentlist .alt2 {
	background: #ddd;
	border: 1px #CCC solid;
	margin: 0 0 5px 0;
	padding: 5px;
	}
.commentlist .alt2  a{
	color: #333; 
	text-decoration: underline;
	}	
	
.commentlist .alt a:hover {
		color: #9c9;
        background-color: #060;
         }
         
.commentlist .alt2 a:hover {
		color: #9c9;
        background-color: #060;
         }         

textarea{
	width: 380px;
	padding: 0;
	height: 20em;
	font: 11px verdana, sans-serif;
	background: #eee;
	}
	
#comsidebar a {color: #606;}
	




/* sidebar ---------------------------------------------------------  */

#sidebar h2{
	font-size: 1.2em;	
    font-weight: bold;
	color: #030;	
	padding-top: 3px;		
	padding-bottom: 0px;
	}

#sidebar .block {
	margin: 8px 0;
	padding: 0 1em;
	}

#sidebar ul{
	list-style: none;
	list-style-image: none;
	margin: 8px;	
	font-size: 0.95em;	
	padding: 0 2px;
	}

#sidebar form 
	{
	margin: 10px 0 10px 0;
	padding: 0 1em;
	}

#sidebar ul li {
	margin: 0 0 0 0;				
	list-style: none;
	}

#sidebar ul li ul li {
	padding: 0;
	margin: 0 0 0 2px;
	list-style: none;
	}

#sidebar ul li a{
	color: #030;	
	text-decoration: none;	
	}

#sidebar ul li a:visited {color: #333;}
#sidebar ul li a:hover {
	color: #ccc;
	background-color: #606;
	}

#sidebar ul ul {
	margin: 2px;
	font-size:1em;
	}


/* promobar ---------------------------------------------------------  */

#promobar h2{	
	color: #9c9;	
	padding-top: 3px;		
	padding-bottom: 0px;
	font: 12px verdana, sans-serif;
	font-weight: bold;
	}
	
#promobar .block {
	margin: 4px 0;
	padding: 0 1em;
	}

#promobar ul{
	list-style: none;
	list-style-image: none;
	margin:2px;		
	padding: 0 0 5px 1px;
	}

#promobar form 
	{
	margin: 10px 0 15px 0;
	padding: 0 1em;
	}

#promobar ul li {
	margin: 0 0 0 0;				
	list-style: none;
	}

#promobar ul li ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	}

#promobar ul li a{
	color: #ccc;	
	text-decoration: none;	
	}

#promobar ul li a:visited {color: #ccc;}
#promobar ul li a:hover {
	color: #030;
	background-color: #9c9;
	}

#promobar ul ul {
	margin: 2px;
	font: 11px verdana;
	}


/* footer   --------------------------------------------------------- */
#footer {
margin-top: 11px;
font-size: 10px;
color: #ccc;
line-height: 1.5em;
}
	    
#footer a {
color: #ccc;
text-decoration: none;
}

#footer a:hover {
color: #9c9;
background-color: #060;
}



/* legacy stuff i'm not using but have here just in case  ------------------------------- */

abbr, acronym {
	font-style: normal;
	border-bottom: 1px dotted;
	}


fieldset {border:none;}

dl dt {
	font-weight:bold;
	margin:5px 0;	
	}

dl dd {
	padding-left:1s0px;
	display:inline;
	}


/* special  ------------------------------- */	
#specialwrap {
	background-color: #cc9;
	width: 430px;
	}
	
.specialhdr	{
	background-color: #660;
	color: #fff;
	font: 18px "trebuchet ms", monospace;
	padding: 3px;
	margin: 0 0 2px 0;
	
	}
	
	
.railbird	{
	width: 155px;
	background-color: #fff;
	padding: 5px;
	border: 1px solid #000;
	font:  verdana, sans-serif;
	line-height: 1.2em;
	margin: 0 0 6px 0;
	}
	
.railbird a:link, .railbird a:visited, railbird a:active {color: #456882; text-decoration: none;}
.railbird a:hover {color: #960; background-color: #fff;}

.rule	{border-top: 1px solid #ccc; margin: 7px 0 -12px 0;}


.bodog a:link, a:visited, a:active {color: #fff; text-decoration: none;}
.bodog a:hover {color: #060; background-color: #fff;}



.twithdr	{font: 18px "trebuchet ms" monospace;}
ul#twitter_update_list {padding: 6px 0 0 0;}

#twitter_div	{
				border:solid 1px #000; 
				width:180px; 
				padding: 10px; 
				background-color:#606; 
				color: #efefef;
				}
ul#twitter_update_list a {display:block; padding: 1px 0 6px 0;}

ul#twitter_udated_list a:hover (color: 9c9;)

.reallystupid  {text-decoration: none; color: #ccc;}

#twitter_div a:link {text-decoration: none; color: #ccc;} 

.yelbg {background-color: #ff0;}