/*
Theme Name: WESPN
Theme URI: turbocharged06@gmail.com
Description: Modelled after ESPN's' theme design, WESPN is an efficiant, easy to use, professional, sport, and very clean theme created for webmasters who are willing to present their content in a pleasing and dynamic way to audiences. 
Version: 1
Author: Khaled R
Author URI: mailto:turbocharged06@gmail.com
Tags: espn, wespn, sports, basketball, football, baseball, track, college sports, soccer, red, blue, white, gray, black, 2 column, professional, sports, nice, extremely professional, extreme sports
*/
 body{
 	background: url("images/bg.jpg") repeat-x;
 	margin: 0;
 	padding: 0;
 }
 #wrapper{
 	width: 942px;
 	margin-left: auto;
 	margin-right: auto;
 }
 #toppestnav{
 	height: 27px;
 	margin-top: 15px;
 	margin-bottom: 15px;
 }
 a img{
 	border: 0;
 }
 #mid li{
 	font-size: 7pt;
 	color: #d3bf95;
 	font-family: Verdana;
 	font-weight: bold;
 	padding: 0;
 	margin: 0;
 	text-decoration: none;
 }
 #mid li a{
 	font-size: 7pt;
 	color: #d3bf95;
 	font-family: Verdana;
 	font-weight: bold;
 	padding: 0;
 	margin: 0;
 	text-decoration: none;
 }
 #mid li a:hover{
 	color: #ffffff;
 }
 #mid ul{
 	display: inline;
 	margin: 0;
 	padding: 0;
 }
 #mid li{
 	display: inline;
 	list-style: none;
 	padding: 0px 5px 0px 5px;
 	margin: 0;
 	border-right: double 1px #872c2c;
 }
li #rss{
 	border-right: 0;
 }
 #rss{
 	font-size: 7pt;
 	color: #d3bf95;
 	font-family: Verdana;
 	font-weight: bold;
 	padding: 0;
 	margin-left: 5px;
 	margin-right: 5px;
 	text-decoration: none;
 }
 #rss:hover{
 	color: #cecece;
 }
 #content{
 	background: url("images/topcontent.png") no-repeat top;
 	height: 200px;
 	width: 912px;
 	padding: 0px 10px 28px 20px;
 }
 #categories li{
 	display: inline;
 	list-style: none;
 	margin-right: 15px;
 }
 #categories ul{
 	padding: 0;
 	margin: 0;
 }
 #categories a{
 	font-family: Arial;
 	font-size: 13px;
 	color: #ffffff;
 	font-weight: bold;
 	text-decoration: none;
 }
 #categories a:hover{
 	color: #e2e2e2;
 }
 #right{
 	float: right;
 }
 #meta{
 	color: #ffffff;
 	font-family: Verdana;
 	font-weight: bold;
 	font-size: 11px;
 }
 #meta ul{
 	display: inline;
 	list-style: none;
 	padding: 0;
 	margin: 0;
 }
 #meta a{
 	color: #ffffff;
 }
 #content #left{
 	width: 600px;
 	float: left;
 }
 #content #right{
 	width: 300px;
 	float: right;
 	margin-left: 5px;
 }
 #topstories{
 	margin-top: 10px;
 	width: 600px;
 }
 #topstoriestop{
 	width: 586px;
 	height: 9px;
 	background: url("images/topstoriestop.jpg") no-repeat;
 	font-family: Arial;
 	font-weight: bold;
 	font-size: 11px;
 	padding: 8px 0 8px 14px;
 }
 #topstoriesmid{
 	width: 580px;
 	background: url("images/topstoriesmid.jpg") repeat-y;
 	padding: 10px;
 	margin: 0;
 }
 #ad468{
 	text-align: center;
 	background: #ffffff;
 	border-left: 1px solid #c2c2c2;
 	border-right: 1px solid #c2c2c2;
 	border-bottom: 1px solid #c2c2c2;
 	padding-top: 10px;
 	padding-bottom: 10px;
 	margin-bottom: 10px;
 	background-image: url("images/gradientbg.jpg");
 	background-repeat: repeat-y;
 	background-position: bottom;
 }
 #post{
 	width: 600px;
 	margin-bottom: 10px;
 	margin-top: 10px;
 	background: #ffffff;
 }
 #posttop{
 	width: 567px;
 	height: 20px;
 	background: url("images/posttop.jpg") no-repeat;
 	padding: 5px 25px 0 8px;
 	font-family: Arial;
 	font-weight: lighter;
 	font-size: 11px;
 }
 #posttop table{
 	padding: 0;
 	margin: 0;
 }
 #posted{
 	color: #ffffff;
 }
 #postcontent{
 	border: 1px solid #c2c2c2;
 }
 #postitself{
 	margin: 7px;
 	font-family: Arial;
 	font-size: 12px;
 }
 #b{
 	height: 1px;
 	width: 596px;
 	border-bottom: 1px #e0e0e0 solid;
 	margin: 0 1px 1px 1px;
 	clear: both;
 }
 #postinfo{
 	height: 15px;
 	width: 589px;
 	background: #f1f1f1;
 	border-top: 1px solid #ffffff;
 	margin: 0 1px 1px 1px;
 	text-align: right;
 	color: #9e9e9f;
 	font-family: Arial;
 	font-weight: lighter;
 	font-size: 12px;
 	padding: 3px;
 }
#post a{
	color: #b80000;
	text-decoration: none;
}
#post a:hover{
	text-decoration: underline;
}
#postimage{
	border: 1px solid #c2c2c2;
	padding: 1px;
	margin-right: 7px;
	margin-right: 7px;
}
h3{
	color: #455273;
	font-size: 20px;
	font-family: Arial;
	font-weight: normal;
	margin: 0;
}
h3 a{
	color: #455273;
	font-size: 20px;
	font-family: Arial;
	font-weight: normal;
	margin: 0;
}
#latestposts{
	width: 300px;
	height: 222px;
}
#latesttop{
	width: 290px;
	height: 21px;
	background: url("images/latesttop.jpg") no-repeat;
	padding: 4px 10px 0 10px;
	margin-top: 10px;
	font-family: Arial;
 	font-weight: bold;
 	font-size: 11px;
}
#latesttop table{
	margin: 0;
	padding: 0;
}
#latesttop tr{
	margin: 0;
	padding: 0;	
}
#latesttopmid{
	width: 294px;
	height: 191px;
	background: url("images/newpostsmid.jpg") no-repeat;
	padding: 3px;
}
#latesttopmid ul{
	margin: 0;
	padding-left: 20px;
}
#latesttopmid li{
	list-style: url("images/bullet.jpg");
	font: 8px;
	margin: 0;
}
#latesttopmid li a{
	list-style: url("images/bullet.jpg");
	margin: 0;
	text-decoration: none;
	color: #000000;
}
#latesttopmid li a:hover{
	text-decoration: underline;
}
#ad300{
	width: 300px;
	height: 250px;
	margin-top:  10px;
}
#sidebarwidg{
	width: 300px;
	margin-top: 10px;
}
#sidebartop{
	width: 290px;
	height: 23px;
	background: #4f4f4f;
	border: 1px solid #c2c2c2;
	padding-top: 7px;
	padding-left: 10px;
	color: #ffffff;
	font-size: 14px;
	font-family: Arial;
}
#sidebarcontent{
	width: 300px;
	border: 1px solid #cecece;
}
#sidebarcontent ul{
	margin: 0;
	padding: 0;
}
#sidebarcontent li{
	padding-left: 30px;
	padding-top: 7px;
	font-size: 14px;
	list-style: none;
	background: url("images/bgtable.jpg") no-repeat;
	height: 26px;
	width: 270px;
}
#sidebarcontent li a{
	text-decoration: none;
}
#sidebarcontent li a:hover{
	text-decoration: underline;
}
#footer{
	margin-top: 15px;
	width: 942px;
	text-align: center;
	clear: both;
	font-size: 12px;
	color: #455273;
	font-family: Arial;
}
#footer a{
	color: #b80000;
}
#footer a:hover{
	text-decoration: none;
}