/*

Theme Name: Tulsa Oilers Custom Theme
Theme URI: <a href="http://evolutionstudios.org">http://evolutionstudios.org</a>
Description: Custom theme developed by Evolution Studios for the Tulsa Oilers
Version: v1.0
Author: <a href="http://evolutionstudios.org">Evolution Studios</a>

*/	


			/* Global Layout */


body 
{
font-size: .75em;
margin: 0px;
text-align: center;
background: #E6E6E6 url(img/bg.gif) top left repeat-x;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.validation-advice {
  display: inline;
	margin: 0 0 0 10px;
	padding: 2px 6px 2px 6px;
	background-color: #FF3300;
	color : #FFF;
}

#header
{
position: relative;
height: 160px;
width: 956px;
margin: auto;
background: url(img/header.jpg) top left;
z-index: 1000;
}

	#tick
	{
	position: absolute;
	height: 50px;
	width: 66px;
	top: 160px;
	right: 0px;
	}

#nav
{
position: relative;
width: 956px;
margin: auto;
height: 40px;
}
	
	#nav li:last-child
	{
	background: none;
	}
	
	#nav li
	{
	position: relative;
	float: left;
	height: 40px;
	padding: 0 10px 0 10px;
	background: url(img/navbreak.gif) right center no-repeat;
	}
	
	#nav li a
	{
	position: relative;
	float: left;
	padding: 11px 10px 0 10px;	
	height: 29px;
	color: #fff;
	font-size: 1.1em;
	}
	
	#nav li a:hover
	{
	color: #900028;
	}



#pagewrap
{
position: relative;
margin: auto;
width: 940px;
padding: 10px 80px 0 80px;
padding-top: 10px;
}

#whole-page { background: url('img/oilers-oil.jpg') no-repeat #7f2727; background-position: top center; min-height: 856px }


	#topLeft
	{
	position: relative;
	float: left;
	height: 60px;
	width: 476px;
	background: #FFFFFF;
	}
	
	#topRight
	{
	position: relative;
	float: right;
	height: 60px;
	width: 450px;
	background: url(img/topbox2.gif) top right no-repeat;
	}
	
	
	#contenttop
	{
	position: relative;
	padding-top: 10px;
	clear: both;
	height: 8px;
	background: url(img/contenttop.png) bottom left no-repeat;
	}
	
	* html #contenttop
	{
	background: url(img/contenttop.gif) bottom left no-repeat;
	}
	
	#content
	{
	position: relative;
	background: url(img/contentbg.png) top left;
	text-align: left;
	min-height: 690px;
	height:auto !important;
  	height: 690px;
	}
	
	* html #content
	{
	background: url(img/contentbg.gif) top left;
	}
	
		#contentLeft
		{
		position: relative;
		float: left;
		width: 580px;
		padding: 20px;
		}
		
		#contentLeft h2{
		font-weight: bold;
		}
		
			.commentlist li
			{
			position: relative;
			padding: 10px;
			margin-bottom: 10px;
			background: #f3f3f3;
			border: 1px solid #ddd;
			}
			
			.avatar
			{
			float: right;
			}
		
		#contentRight
		{
		position: relative;
		float: left;
		padding: 20px 20px 0 40px;
		width: 260px;
		}
	
	#contentbottom
	{
	position: relative;
	clear: both;
	height: 11px;
	background: url(img/contentbottom.png) top left no-repeat;
	}
	
	* html #contentbottom
	{
	background: url(img/contentbottom.gif) top left no-repeat;
	}
	
	#bottomlinks
	{
	position: relative;
	color: #FFF;
	padding: 5px 0 5px 0;	
	font-size: .9em;
	text-transform: lowercase;
	}
	
		#bottomlinks a
		{
		position: relative;
		margin: 0;
		padding: 0 20px 0 20px;
		color: #FFF;
		}
		.bl-links#bottomlinks a
		{
		color: #FFF;
		}



#footer
{
position: relative;
padding: 15px 0 0 0;
min-height: 222px;
border-top: 4px solid #202024;
background: url('img/cont-oil.jpg') no-repeat #292933;
background-position: center;
}

	#footinside
	{
	position: relative;
	height: 223px;
	margin: auto;
	width: 940px;
	height: 163px;
	font-size: .8em;	
	color: #fff;
	text-align: left;
	}
	
		
	#feet
	{
	position: absolute;
	top: -15px;
	right: -85px;
	height: 157px;
	width: 797px;
	border: 1px solid red;
	background: url(img/feet.gif) top right no-repeat;
	}
	
	
		#footinside h2
		{
		position: relative;
		font-size: 1.2em;
		font-weight: bold;
		}
	
		.footbox
		{
		position: relative;
		float: left;
		width: 290px;
		padding-right: 23px;
                font-size: 1.1em;
		}
		
		.flist
		{
		position: relative;
		}
		
			.flist li
			{
			position: relative;
			padding: 7px 0 7px 0;
			}

			.flist a
			{
			color: #E6E6E6;
                        font-weight: bold;
			}
			
			.flist li span
			{
			position: relative;
			float: left;
			}
						
			.rg1
			{
			width: 40px;
			}
			
			.rg2
			{
			width: 30px;
			text-align: center;
			}
			
			.rg3
			{
			width: 150px;
			}
		
		#lastfoot
		{
		position: relative;
		text-align: right;
		}
	
	#sponsors
	{
	position: relative;
	width: 940px;
	margin: auto;
	text-align: center;
	border-top: 2px solid #272731;
	}
	
		#sponsors img
		{
		position: relative;
		margin: 0 17px 0 17px;
		}
	
	
	
	#pagewrap a
	{
	color: #900028;
	}
	
	#pagewrap p
	{
	position: relative;
	line-height: 1.5em;
	padding-bottom: 1em;
	}



	#tritop
	{
	position: relative;
	padding-top: 10px;
	clear: both;
	height: 8px;
	background: url(img/tritop.png) bottom left no-repeat;
	}
	
	* html #tritop
	{
	background: url(img/tritop.jpg) bottom left no-repeat;
	}
	
	#tri
	{
	position: relative;
	background: url(img/tribg.png) top left;
	text-align: left;
	min-height: 490px;
	height:auto !important;
  	height: 690px;
	}
	
	* html #tri
	{
	background: url(img/tribg.jpg) top left;
	}
		
		
	
		#triLeft
		{
		position: relative;
		float: left;
		width: 277px;
		padding: 15px 15px 15px 11px;
		}
		
			#triLeft h1
			{
			position: relative;
			text-indent: -9999em;
			height: 20px;
			padding-bottom: 8px;
			background: url(img/t1h1.gif) top left no-repeat;
			}
		
		#triMiddle
		{
		position: relative;
		float: left;
		padding: 15px 15px 0 30px;
		width: 277px;
		}
		
			#triMiddle h1
			{
			position: relative;
			text-indent: -9999em;
			height: 20px;
			padding-bottom: 8px;
			background: url(img/t2h1.gif) top left no-repeat;
			}
			
			.newslist
			{
			position: relative;
			padding-right: 5px;
			}
			
				.newslist li
				{
				position: relative;
				padding: 7px 0 7px 0;
				border-bottom: 1px solid #ddd;
				}
		
		#triRight
		{
		position: relative;
		float: left;
		padding: 15px 0 0 30px;
		width: 277px;
		}
		
			#triRight h1
			{
			position: relative;
			text-indent: -9999em;
			height: 20px;
			padding-bottom: 8px;
			background: url(img/t3h1.gif) top left no-repeat;
			}
	
	#tribottom
	{
	position: relative;
	clear: both;
	height: 11px;
	background: url(img/tribottom.png) top left no-repeat;
	}
	
	* html #tribottom
	{
	background: url(img/tribottom.jpg) top left no-repeat;
	}
	
	
	#topLeftFront
	{
	position: relative;
	float: left;
	height: 209px;
	width: 300px;
	
	}
	
	#topRightFront
	{
	position: relative;
	float: right;
	height: 209px;
	width: 620px;
	}


.entry h2{
	padding: 10px 0px 10px 0px;
	font-weight: normal !important;
}

.submenu_h2{
	padding-bottom: 40px;
	font-weight: bold;
	font-size: 1.2em;
}

#sidebar li{
	padding-top: 10px;
}


/* classes from old site */

.schedule {
	 width: 50%;
	 border-width: 1px 1px 0px 1px;
	 border-style: solid;
	 border-color: #751E1E;
 }

.schedulecolumn {
	font-size: 11px;
	height: 18px;
	padding: 0px 0px 0px 4px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #751E1E;
}

.schedulecolumnhome {
	font-size: 11px;
	font-weight:  bold;
	height: 18px;
	padding: 0px 0px 0px 4px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #751E1E;
}


.scheduleline0 {
	background-color:  #FFFFFF;
}

.scheduleline1 {
	background-color:  #FFFFED;
}

.standings {
	 border-width: 1px 1px 0px 1px;
	 border-style: solid;
	 border-color: #751E1E;
 }

.standingscolumn {
	font-size: 11px;
	height: 18px;
	padding: 0px 0px 0px 4px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #751E1E;
}

.standingsline0 {
	background-color:  #FFFFFF;
}

.standingsline1 {
	background-color:  #FFFFED;
}

.newsClick {
width:163px;
height:50px;
position:relative;
left: 90px;
border: 0px solid yellow;
}

.fanClick {
width:163px;
height:50px;
position:relative;
left: 90px;
border: 0px solid yellow;
}

.chlClick {
border: 0px yellow solid;
width:163px;
height:50px;
position:relative;
left:790px;
}

.banner {
	text-align: center;
}


/* Ads */
.pics { height: 209px; width: 620px; padding:0; margin:0; overflow: hidden }

.pics2 { height: 209px; width: 300px; padding:0; margin:0; overflow: hidden }