@charset "utf-8";
/* CSS Document */

body#front { color: #fff; }

#front h1 { background: url(../images/layout/front-h1-bg.gif) 0 50% no-repeat; margin: 0; }

#front #header { background: url(../images/layout/front-hdr.png) left top no-repeat; margin: 0 auto; position: relative; width: 750px; height: 240px; }
#front #container { background: url(../images/layout/front-body-bg.png) left top repeat-y; }
#front #container-inner { background: url(../images/layout/front-body-bg-bottom.png) left bottom no-repeat; }
#front #container-inner2 { background: url(../images/layout/front-body-bg-top.png) left top no-repeat; }

#front #sidebar { padding-top: 10px; }
#front #content { padding: 25px 0 10px 0; }

.frontcontent { position: relative; }
	.frontcontent:after { content:"."; display:block; height:0; clear:left; visibility:hidden; }
	.frontcontent p { margin-left: 35px; }
	.frontcontent ul { margin-left: 40px; }
		.frontcontent ul li { background-image: url(../images/layout/bullet-grey.gif); }
#qanda { width: 250px; float: left; }
#uplink { width: 250px; float: right; }
#whatever { background: url(../images/temp/whatever/rotate.php) left top no-repeat; clear: right; height: 125px; margin-bottom: 10px; padding: 10px; width: 490px; }
	#whatever h1 { background: none; text-indent: -5000px; height: 25px; }
	#whatever p { padding-right: 140px; line-height: 1.4em; }
		#whatever ul li { background-image: url(../images/layout/bullet-whatever.gif); line-height: 1.4em; }
#livechat { }

#front #whatsnew { background: url(../images/layout/whatsnew-bg.gif) left bottom no-repeat; margin: 0 0 0 10px; padding: 0 0 8px 0; }
	#front #whatsnew h3 { background: url(../images/layout/whatsnew-hdr.gif) left top no-repeat; height: 29px; margin: 0; padding: 0; text-indent: -5000px; }
	#front #whatsnew ul { margin: 8px 10px 0 10px; padding: 0; position: relative; }
		#front #whatsnew ul li { background: url(../images/layout/bullet-side.gif) 0 3px no-repeat; padding: 0 10px 0 16px; margin: 0 0 .4em 0; width: 160px; }
		#front #whatsnew a:link, 
		#front #whatsnew a:visited { background: none; color: #369e05; display: inline; text-decoration: none; padding: 0; }
		#front #whatsnew a:hover, 
		#front #whatsnew a:active { background: none; color: #63c011; display: inline; }

#mediaPlayerWrapper { margin: 30px 0 0 10px; padding: 0; width: 190px; }
	#mediaPlayerWrapper h3 { border: none; margin: 0; padding: 0; }
	#mediaPlayerWrapper p { text-align: center; margin: 0; padding: 0; }