/* General */

body {
	margin: 0;
	background: #000000;
	font: normal 13px/18px Arial, Sans-Serif;
	color: #ffffff;
}

a {
	text-decoration: none;
	color: #ffdf6f;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

h1, h2, h3 {
	margin: 0;
	font-weight: normal;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}


/* Stupid IE6 Fix */

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}


/* Page */

#page {
	margin: 0 auto;
	width: 998px;
	border: 1px solid #000000;
	background: #383842;
}


/* Header */

#header {
	width: 998px;
}

	/* Header - Logo */
	
	#header h1 {
		float: left;
		width: 270px;
		height: 90px;
	}
	
	/* Header - Ad */
	
	#header #header-ad {
		float: right;
		width: 728px;
		height: 90px;
		overflow: hidden;
		background: #211f2a;
	}
	
	/* Header - Menu */
	
	#header ul {
		clear: both;
		padding: 2px 3px;
		width: 992px;
		height: 29px;
		border-width: 1px 0;
		border-style: solid;
		border-color: #000000;
		background: url("images/site/menu.gif") repeat-x;
	}
	
	#header ul li {
		float: left;
		font-size: 14px;
		font-weight: bold;
		line-height: 29px;
		color: #a5a5aa;
		margin-right: 5px;
	}
	
	#header ul li a {
		color: #a5a5aa;
		text-decoration: none;
		display: block;
		float: left;
	}
	
		#header ul li a span {
			display: block;
			padding: 0 10px;
		}
	
	#header ul li a:hover {
		color: #d3d3d4;
		background: url("images/site/menu_left.png") no-repeat;
	}
	
		#header ul li a:hover span {
			background: url("images/site/menu_right.png") no-repeat top right;
		}
	
	/* Header - Plugs */
	
	#header #header-plugs {
		border-bottom: 1px solid #000000;
		background: #20202a url("images/site/header_plugs.png") repeat-x;
		padding: 9px;
		width: 980px;
		overflow: hidden;
	}
	
	#header #header-plugs .hp-item {
		width: 164px;
		float: left;
		margin-right: 40px;
	}
	
		#header #header-plugs .hp-last {
			margin-right: 0;
		}
	
	#header #header-plugs .hp-item a img {
		width: 160px;
		height: 120px;
		border: 2px solid #cacaca;
	}
	
	#header #header-plugs .hp-item a:hover img {
		border-color: #ffdf6f;
	}
	
	#header #header-plugs .hp-item p {
		margin: 2px 0 0 0;
		font-size: 12px;
		font-weight: bold;
		line-height: 15px;
		height: 45px;
		color: #ffffff;
		text-align: center;
		overflow: hidden;
		text-transform: capitalize;
	}
	
	#header #header-plugs .hp-item p a {
		color: #ffffff;
	}
	
	#header #header-plugs .hp-item p a:hover {
		color: #ffdf6f;
	}


/* Main */

#main {
	width: 998px;
	padding-top: 10px;
	overflow: hidden;
}

	/* Main - Sidebar Left */
	
	#sidebar-left {
		float: left;
		width: 172px;
		padding: 0 11px 0 9px;
	}
	
		/* Sidebar Left - Title */
		
		#sidebar-left h3 {
			width: 172px;
			height: 31px;
			background: url("images/site/sidebar_left_title.png") no-repeat;
			font-size: 17px;
			font-weight: bold;
			line-height: 31px;
			color: #d3d3d4;
			text-align: center;
		}
		
		/* Sidebar Left - Box */
		
		#sidebar-left .sidebar-left-box {
			width: 164px;
			background: #21212b;
			padding: 2px 4px 0 4px;
			overflow: hidden;
		}
		
		#sidebar-left .sidebar-left-bottom {
			background: url("images/site/sidebar_left_bottom.png") no-repeat;
			width: 172px;
			height: 18px;
			margin-bottom: 10px;
		}
		
		/* Sidebar Left - Plugs */
		
		#sidebar-left .left-plugs a img {
			width: 160px;
			height: 120px;
			margin-bottom: 4px;
			border: 2px solid #d3d3d4;
			display: block;
		}
		
		#sidebar-left .left-plugs a:hover img {
			border-color: #ffdf6f;
		}
		
		/* Sidebar Left - Ad */
		
		#sidebar-left .left-ad {
			padding: 0px 2px 4px 2px;
			width: 160px;
		}
		
		#sidebar-left .left-ad img {
			display: block;
		}
	
	/* Main - Content */
	
	#content {
		float: left;
		width: 482px;
	}
	
		/* Content - Text Box */
		
		#content .text-box {
			width: 482px;
			margin-bottom: 10px;
			text-align: justify;
		}
		
		#content .text-box h2 {
			font-size: 18px;
			text-align: center;
		}
		
		/* Content - Video Box */
	 	
	 	#content .video-box {
			width: 492px;
			height: 575px;
			background: url("images/site/video_box.png") no-repeat;
			margin-bottom: 10px;
		}
		
			/* Video Box - Plugs */
			
			#content .video-box .video-plugs {
				width: 482px;
				height: 109px;
				margin-bottom: 10px;
				overflow: hidden;
			}
			
			#content .video-box .video-plugs a {
				float: left;
			}
			
			#content .video-box .video-plugs a img {
				width: 140px;
				height: 105px;
				margin: 0 5px;
				border: 2px solid #ffffff;
			}
			
			#content .video-box .video-plugs a:hover img {
				border-color: #ffdf6f;
			}
			
			/* Video Box - Video */
			
			#content .video-box .video {
				padding: 0 5px;
				width: 452px;
				text-align: center;
				margin: 10px 6px 10px 6px;
			}
			
			#content .video-box .video h2 {
				font-size: 18px;
				color: #000000;
				line-height: 20px;
				height: 20px;
				overflow: hidden;
				margin: 5px 5px 5px 5px;
				padding: 15px;
			}
			
			#content .video-box .video p {
				margin: 10px 0;
				height: 36px;
				color: #000000;
				overflow: hidden;
				margin: 5px 5px 5px 5px;
			}
			
			#content .video-box .video .player {
				width: 452px;
				height: 345px;
				overflow: hidden;
				margin: 0 5px 0 5px;
			}
		
		/* Content - Plug */
		
		#content .plug {
			width: 462px;
			height: 140px;
			padding: 10px;
			margin-bottom: 10px;
			background: url("images/site/plug.png") no-repeat;
			position: relative;
			color: #000000;
		}
		
		#content .plug a.plug-image {
			float: left;
		}
		
		#content .plug a.plug-image img {
			width: 160px;
			height: 120px;
			border: 2px solid #ffffff;
			margin: 8px 10px 8px 0;
		}
		
		#content .plug a.plug-image:hover img {
			border-color: #ffdf6f;
		}
		
		#content .plug h2 {
			font-size: 16px;
			font-weight: bold;
			line-height: 20px;
			max-height: 40px;
			overflow: hidden;
		}
		
		#content .plug p {
			margin: 7px 0 0 0;
			height: 72px;
			overflow: hidden;
		}
		
		#content .plug .plug-info {
			position: absolute;
			bottom: 6px;
			right: 10px;
		}
		
		#content .plug .plug-info a {
			font-weight: bold;
			color: #000000;
		}
		
		/* Content - Navigation */
		
		#content ul#navigation {
			width: 482px;
			font-weight: bold;
			margin-bottom: 6px;
			overflow: hidden;
		}
		
		#content ul#navigation li {
			float: left;
			padding: 0 4px 4px 0;
		}
		
		#content ul#navigation li a {
			float: left;
			padding: 2px 5px;
			border: 2px solid #20202a;
			background: #5c5c5e;
			text-decoration: none;
			display: block;
		}
		
			#content ul#navigation li a.current-page {
				border-color: #000000;
				background: #21212b;
			}
		
		#content ul#navigation li a:hover {
			border-color: #000000;
		}
	
	/* Main - Sidebar Right */
	
	#sidebar-right {
		float: right;
		width: 304px;
		padding: 0 9px 0 11px;
	}
	
		/* Sidebar Right - Title */
		
		#sidebar-right h3 {
			width: 304px;
			height: 27px;
			padding-top: 2px;
			background: url("images/site/sidebar_right_title.png") no-repeat;
			font-size: 17px;
			font-weight: bold;
			line-height: 27px;
			color: #d3d3d4;
			text-align: center;
		}
		
		/* Sidebar Right - Box */
		
		#sidebar-right .sidebar-right-box {
			width: 304px;
			background: #21212b;
		}
		
		#sidebar-right .sidebar-right-bottom {
			background: url("images/site/sidebar_right_bottom.png") no-repeat;
			width: 304px;
			height: 20px;
			margin-bottom: 10px;
		}
		
		#sidebar-right .sidebar-right-text {
			background: url("images/site/sidebar_right_text.png") no-repeat;
			width: 304px;
			height: 46px;
			margin-bottom: 10px;
		}
		
			#sidebar-right .sidebar-right-text p {
				width: 284px;
				height: 36px;
				margin: 0;
				padding: 3px 10px 0 10px;
				text-align: center;
				font-weight: bold;
				overflow: hidden;
				color: #ffffff;
			}
			
			#sidebar-right .sidebar-right-text p a {
				color: #ffffff;
			}
			
			#sidebar-right .sidebar-right-text p a:hover {
				color: #ffdf6f;
			}
		
		/* Sidebar Right - Big Plugs */
		
		#sidebar-right .big-plugs a img {
			width: 300px;
			height: 225px;
			border: 2px solid #21212b;
			display: block;
		}
		
		#sidebar-right .big-plugs a:hover img {
			border-color: #ffdf6f;
		}
		
		#sidebar-right .player-plug a:hover img {
			border-color: #21212b;
		}
		
		/* Sidebar Right - Plugs */
		
		#sidebar-right .right-plugs {
			width: 300px;
			overflow: hidden;
			padding: 2px;
		}
		
		#sidebar-right .right-plugs .rp-item {
			float: left;
			padding: 2px;
		}
		
		#sidebar-right .right-plugs .rp-item a img {
			width: 142px;
			height: 107px;
			border: 2px solid #d3d3d4;
		}
		
		#sidebar-right .right-plugs .rp-item a:hover img {
			border-color: #ffdf6f;
		}
		
		/* Sidebar Right - Ad */
		
		#sidebar-right .right-ad {
			width: 300px;
			padding: 2px;
		}
		
		#sidebar-right .right-ad img {
			display: block;
		}


/* Footer */

#footer {
	width: 990px;
	height: 60px;
	background: #21212b url("images/site/footer.png") repeat-x;
	border-top: 1px solid #000000;
	padding: 4px;
	text-align: center;
	font-weight: bold;
}

	/* Footer - Links */
	
	#footer #footer-links {
		margin-bottom: 6px;
	}