/* Watch Heroes .net - Coded by Gary @ Vivoxia.com */

* {
	padding: 0;
	margin: 0;
}

body {
	background: #363636 url(images/bg.gif) repeat-x top left;
	font: normal 11px tahoma, verdana, arial, sans-serif;
	color: #000;
}

li { list-style-position: inside; }
p { margin-bottom: 5px; }
img { border: 0; }
.clear { clear: both; }

a,
a:link,
a:visited {
	color: #887842;
	text-decoration: none;
}
a:hover,
a:active {
	text-decoration: underline;
}

h1 {
	width: 560px;
	height: 68px;
	background: url(images) no-repeat center left #000;
	margin: 0 auto;
	text-align: right;
}
h1 a {
	display: block;
	height: 68px;
}
	h1 a, h1 a:hover, h1 a:active, h1 a:visited { text-decoration: none; color: #FFF; }
h1 a span {
	padding-right:15px;
	padding-top: 18px;
	color: #FFF;
	display: block;
	font-size: 16px;
	font-family: arial, tahoma, verdana;
	font-weight: normal;
}

h2#header {
	height: 224px;
	background: url(himym1.jpg) no-repeat top center;
}
h2#header span { display: none; }

div#wrapper {
	width: 560px;
	margin: 0 auto;
	border: 2px solid #191919;
	border-width: 0 2px;
	background: #FFF;
}

	div#topbar {
		background: url(images/topbar.gif) repeat-x top left #7c98c0;
		border-bottom: 1px solid #7590bd;
		height: 35px;
		text-align: center;
		color: #FFF;
		font: normal 18px Tahoma, Verdana, Arial, sans-serif;
		line-height: 35px;
	}
		#topbar span {
			display: block;
			height: 35px;
			width: 2px;
		}
		.tb_left { float: left; background: url(images/topbar_left.gif) no-repeat top right #7792bd; }
		.tb_right { float: right; background: url(images/topbar_right.gif) no-repeat top left #7792bd; }
	
	div#lower {
		padding: 5px;
	}
	
	
	div#sidebar {
		width: 198px;
		float: right;
		margin-bottom: 10px;
	}
		#sidebar h2 {
			height: 30px;
			line-height: 30px;
			background: url(images/h2.gif) no-repeat top left #5d5d5d;
			color: #FFF;
			font-size: 11px;
			font-weight: bold;
			padding-left: 10px;
		}
			#sidebar h2 span {
				height: 30px;
				width: 59px;
				background: url(images/h2_right.gif) no-repeat top right;
				float: right;
			}
		#sidebar ul, #sidebar div {
			padding: 10px;
			border: 1px solid #9f9f9f;
			border-top: 0;
		}
			#sidebar li {
				list-style: none outside;
				background: url(images/bullet.gif) no-repeat center left #FFF;
				padding-left: 17px;
				margin-bottom: 3px;
			}
				#sidebar a, #sidebar a:link, #sidebar a:visited { color: #000; }
		
	div#left {
		width: 345px;
		float: left;
	}
				
		div.main {
			background: #f7f7f7;
			padding: 10px;
			border: 1px solid #bebebe;
			margin-bottom: 10px;
		}
		.season a, .season a:link { color: #222; }
		.season { color: #626262; }
		.season a:visited {
			color: #c1b898;
		}
			.main h2 {
				font-size: 12px;
				color: #000;
			}
			.main p { margin-top: 5px; }
			.main ol { padding: 0px 5px; margin-top: 5px; }
			.main li { margin-bottom: 3px; }
			
		ul#selectSeason {
			padding: 10px 15px;
		}
			#selectSeason li a {
				font-weight: bold;
			}
			
	div#footer {
		font-size: 10px;
		font-family: tahoma, verdana, arial, sans-serif;
		text-align: center;
	}