body { 
	background: #222222; 
	color: #FFF; 
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px; 
	}
#wrapper {
	width: 1045px;
	height: 900px;
	margin: 10px auto 10px auto;
}

p {
	color: #ffffff;
}

#header {
	width: 1045px;
	height: 100px;
	margin: 5px 0px 5px 0px;
	background: #245b6d url('../images/headerspan.png') repeat-x;
	border-bottom: 1px solid #FFFFFF;
	position: relative;
}

#subHeader {
	text-align: right;
	overflow: hidden;
	width: 100%;
}

#logo {
	display: block;
	text-indent: -9999px;
	width: 769px;
	height: 55px;
	background: url('../live/hpLiveHeader.png') no-repeat;	
	position: absolute;
	top: 22px;
	left: 10px;
}

#imperfect a {
	display: block;
	width: 100px;
	height: 76px;
	text-indent: -9999px;
	background: url('../live/imperfectLogo_live.png') no-repeat;
	position: absolute;
	right: 20px;
	top: 13px;
}

#imperfect a:hover {
	border: 0;
}


#top-nav {
	float:right;
	color: #000;
}
#video {
	width: 720px;
	height: 430px; /* 405px plus 25px (controller)*/ 
	margin: 0 auto;

}
#chat {
	width: 390px;
	height: 100%;
	max-height: 700px;
	float: right;
	border: 1px #999;
	overflow: auto;
}
#live-box {
	width: 640px;
	height: 80px;
	float:left;
	border: 1px #999;
	background: #fff;
	margin: 15px 0px 0px 0px;
}
#live-box-content {
	/*margin: 3px;*/
}
#buttons {
	width: 640px;
	height: 270px;
	float:left;
	border: 1px #999;
	margin: 15px 0px 0px 0px;
}
#but-left {
	width: 180px;
	float:left;
}
	
a { 
	color: #F16725; 
	text-decoration: none; 
	}
	a:hover { 
		text-decoration: none;
		color: #ffffff; 
		}
	a.post_image_link { 
		outline: none; 
		}
	a img { 
		border: none; 
		}
		.clear {
			clear: both;
		}
#sliderwrap {
	width: 1039px;
	height: 150px;
	margin: 15px 0px 0px 0px;
	border: 3px #333 solid;
	background: #fff;
}	
#countdown {
	widows: 450px;
	margin: 20px auto;
}