/*

	Theme Name: Rant Sports Framework CSS

*/



body {

	background: #880000 url(http://www.rantsports.com/images/bgredgrad.gif) repeat-y center top;

	color: #000000;

	font-size: 13px;

	font-family: helvetica,arial,clean,sans-serif;

	margin: 0px auto 0px;

	padding: 0px;

	}

.blogad { 
width:728px; height:90px; padding:10px 0px; margin:0 auto;
}

#wrap {

	background: #FFFFFF;

	width: 980px;

	margin: 0px auto;

	padding: 0px;

	position: relative;

	overflow:hidden;

	border-bottom:1px solid #333;

	border-right:1px solid #333;

	border-left:1px solid #333;

	}



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

*	Hyperlinks									*

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



a, a:visited {

	color: #00C;

	text-decoration: none;

	}

	

a:hover {

	color: #BF1F26;

	text-decoration: underline;

	}

	

a img {

	border: none;

	}

	

a:focus, a:hover, a:active {

	outline: none;

	}

	

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

*	Header  									*

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



#header {

	background: #999999 url(images/headerbg.jpg) repeat-x top center;

	width: 980px;

	height: 100px;

	color: #FFFFFF;

	font-size: 11px;

	margin: 0px;

	padding: 0px;

	overflow: hidden;

	}



#header #imageheader {

	width: 460px;

	height: 100%;

	text-indent: -10000px;

	background: url(images/logo.png) left top no-repeat;

	}



#header #imageheader a {	

	display: block;

	width: 100%;

	height: 100%;

	}



#header h1, #header h4 {

	color: #FFFFFF;

	font-size: 36px;

	font-family: Georgia, Times New Roman;

	font-weight: normal;

	margin: 0px;

	padding: 15px 0px 0px 20px;

	text-decoration: none;

	}

	

#header h1 a, #header h1 a:visited, #header h4 a, #header h4 a:visited {

	color: #FFFFFF;

	font-size: 36px;

	font-family: Georgia, Times New Roman;

	font-weight: normal;

	margin: 0px;

	padding: 0px;

	text-decoration: none;

	}

#header a, #header a:visited {
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration:none;
	font-size:13px;
}

#header a:hover {
	text-decoration:underline;
}

#header img a {text-decoration:none; vertical-align:bottom;}

#header h1 a:hover {

	color: #FFFFFF;

	text-decoration: none;

	}

	

#header h3 {

	color: #A91B33;

	font-size: 16px;

	font-family: Arial, Tahoma, Verdana;

	font-weight: normal;

	margin: 0px;

	padding: 0px;

	}

	

#header p {

	color: #FFFFFF;

	padding: 0px 0px 5px 20px;

	margin: 0px;

	line-height: 20px;

	}

.headerleft {
	float:left;
	padding:10px;
	width:305px;
	margin:0px;
	height:60px;
	text-align:center;
}

.headercenter {

	width: 330px;

	font-size: 14px;

	margin: 0px auto;

	padding: 0px;
	float:left;

	}

	

.headerleft a img {

	border: none;

	margin: 0px;

	padding: 0px;

	}



.headerright {

	width: 325px;

	float: right;

	margin: 0px;

	padding: 25px 0px 0px 0px;

	vertical-align:middle;

	}

	

.headerright a img {

	border: none;

	margin: 0px;

	padding: 0px;

	}

	

.headerright ul {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	}

	

.headerright li {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	}



.rsslink {

	padding: 2px 5px 2px 20px;

	background: url(images/rss.gif) no-repeat left center;

	}	



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

*	Navbar      								*

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



#navbar {

	background: #333333;

	width: 980px;

	height: 25px;

	font-size: 12px;

	line-height:12px;

	font-family: Arial, Tahoma, Verdana;

	color: #FFFFFF;

	font-weight: bold;

	margin: 0px;

	padding: 0px;

	overflow:hidden;

	}

	

#navbarleft {

	width: 680px;

	float: left;

	margin: 0px;

	padding: 0px;

	}

	

#navbarright {

	width: 300px;

	float: right;

	margin: 0px;

	padding: 0px;

	}

	

#nav {

	margin: 0px;

	padding: 0px;

	}

	

#nav ul {

	float: left;

	list-style: none;

	margin: 0px;

	padding: 0px;

	}

	

#nav li {

	float: left;

	list-style: none;

	margin: 0px;

	padding: 0px;

	}

	

#nav li a, #nav li a:link, #nav li a:visited {

	color: #FFFFFF;

	display: block;

	font-weight: bold;

	text-transform: none;

	text-decoration:none;

	font-size: 12px;

	font-family:Arial, Tahoma, Verdana;

    margin: 0px;

	padding: 7px 5px 6px 5px;

	border-right:1px solid #666666;

	}



#nav li a:hover, #nav li a:active {

	background: #FFFFFF;

	color: #000000;

    margin: 0px;

	padding: 7px 5px 6px 5px;

	text-decoration: none;

	}

	

#nav li li a, #nav li li a:link, #nav li li a:visited {

	color: #000000;

	font-size: 12px;

	font-family: Arial, Tahoma, Verdana;

	font-weight: bold;

	text-transform: none;

	float: left;

	margin: 0px;

	padding: 7px 10px 7px 10px;

	display:block;

	border-bottom:1px dotted #333;

	border-right:none;

	}

	

#nav li li a:hover, #nav li li a:active {

	background: #BF1F26;

	color: #FFFFFF;

	padding: 7px 10px 7px 10px;

	border:none;

	}

	

#nav li ul.blogs {

	z-index: 9999;

	position: absolute;

	left: -999em;

	height: auto;

	width: 940px;

	margin: 0px 0px 0px -320px;

	padding: 5px 5px 10px 5px;

	border-bottom:1px solid #666666;

	border-left:1px solid #666666;

	border-right:1px solid #666666;

	background:#FFFFFF;

	overflow:hidden;

	background: url(images/navhoverbg.gif) bottom repeat-x #FFF;

}



#nav .league-blog-list {

	float:left;

	width:250px;

	padding:0px;

	margin:0px 5px 5px 0px;

	overflow:hidden;

}





#nav li ul.blogs h4 {

	font:10px;

	color:#333;

	border-bottom:1px solid #CCC;

	text-align:center;

	margin:0px 0px 3px;

	padding:0px;

	overflow:hidden;

}



#nav li ul.blogs h5 {

	font:10px;

	color:#666;

	text-align:center;

	margin:0px 0px 3px;

	padding:0px;

}



#nav .league-blog-left {

	float:left;

	width:125px;

	padding:0px;

	margin:0px;

}



#nav .league-blog-right {

	float:right;

	width:125px;

	padding:0px;

	margin:0px;

}



#nav li ul.blogs ul a, #nav li ul.blogs ul a:visited {

	font:10px;

	color:#00F;

	width:120px;

	padding:1px 0px;

	margin:0px;

	border:none;

	line-height:12px;

	border-bottom:thin dashed #ccc;

	}

	

#nav li ul.blogs ul a:hover  {

	font:10px;

	color:#C00;

	width:120px;

	padding:1px 0px;

	margin:0px;

	border:none;

	line-height:12px;

	border-bottom:thin dashed #ccc;

	background:none;

	}



#nav li ul.regnav {

	z-index: 9999;

	position: absolute;

	left: -999em;

	height: auto;

	width: 190px;

	margin: 0px 0px 0px -1px;

	padding: 5px 5px 10px 5px;

	border-bottom:1px solid #666666;

	border-left:1px solid #666666;

	border-right:1px solid #666666;

	background:#FFFFFF;

	overflow:hidden;

	background: url(images/navhoverbg.gif) bottom repeat-x #FFF;

	}



#nav li li { 

	}



#nav li ul a { 

	width: 170px;

	}



#nav li ul a:hover, #nav li ul a:active { 

	}



#nav li ul ul {

	margin: -32px 0 0 171px;

	}



#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

	left: -999em;

	}



#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {

	left: auto;

	}



#nav li:hover, #nav li.sfhover { 

	position: static;

	}

	

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

*	Footer      								*

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



#footer {

	background: #444;

	width: 100%;

	margin: 0px;

	padding: 0px 0px 10px;

	overflow:hidden;

	}

	

#footer-content {

	width:980px;

	margin:10px auto 10px;

	padding:0px;

}

	

#footer p {

	color: #FFFFFF;

	font-size: 11px;

	font-family: Arial, Tahoma, Verdana;

	margin: 0px;

	padding: 9px 0px 0px 0px;

	}

	

#footer a, #footer a:visited {

	color:#06F;

	text-decoration: none;

	font-weight:bold;

	}

	

#footer h3 {

	color:#FFF;

}

	

#footer a:hover {

	color: #C00;

	text-decoration: underline;

	}

	

#footer h4 {

	font-family:Tahoma, Geneva, sans-serif;

	font-size:18;

	color:#333;

}

	

#footer ul {

	float:left;

	list-style:square;

	margin:5px 10px 5px 30px;

	padding:0;

	width:275px;

	color:#EEE;

}



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

*	Comments									*

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

	

.commentlist li ul li {

	font-size: 12px;

	}



.commentlist li {

	font-weight: bold;

	}



.commentlist li .avatar { 

	background: #FFFFFF;

	float: right;

	border: 1px solid #EEEEEE;

	margin: 0px 5px 0px 10px;

	padding: 2px;

	}



.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 12px;

	}



.commentlist p {

	font-weight: normal;

	text-transform: none;

	}



.commentmetadata {

	font-weight: normal;

	}



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0px;

	}



#commentform {

	margin: 5px 10px 0px 0px;

	}

	

#commentform textarea {

	width: 98%;

	padding: 2px;

	}

	

#respond:after {

	content: "."; 

	display: block; 

	height: 0px; 

	clear: both; 

	visibility: hidden;

	}

	

#commentform p {

	margin: 5px 0px 5px 0px;

	}

	

#commentform #submit {

	margin: 0px;

	float: left;

	}

	

.alt {

	margin: 0px;

	padding: 10px;

	}



.commentlist {

	margin: 0px;

	padding: 0px;

	}

	

.commentlist ol {

	margin: 0px;

	padding: 10px;

	}



.commentlist li {

	margin: 15px 0px 10px;

	padding: 10px 5px 10px 10px;

	list-style: none;



	}

.commentlist li ul li { 

	margin-right: -5px;

	margin-left: 10px;

	}



.commentlist p {

	margin: 10px 5px 10px 0px;

	padding: 0px;

	}

	

.children { 

	margin: 0px;

	padding: 0px;

	}



.nocomments {

	text-align: center;

	margin: 0px;

	padding: 0px;

	}



.commentmetadata {

	font-size: 10px;

	margin: 0px;

	display: block;

	}



.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 40px;

	}

	

.alignright {

	float: right;

	}



.alignleft {

	float: left;

	}

	

.thread-alt {

	background: #FFFFFF;

	margin: 0px;

	padding: 0px;

	}

	

.thread-even {

	background: #EEEEEE;

	margin: 0px;

	padding: 0px;

	}

	

.depth-1 {

	border: 1px dotted #BBBBBB;

	margin: 0px;

	padding: 0px;

	}



.even, .alt {

	border-top: 1px dotted #BBBBBB;

	border-bottom: 1px dotted #BBBBBB;

	border-left: 1px dotted #BBBBBB;

	margin: 0px;

	padding: 0px;

	}

	

.titlearea { width:100%; overflow:hidden; padding:0px; margin:0px; }

.the-title { width:500px; float:left; }

.title-share { width:140px; padding:10px 10px 0px; float:right; }
