/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/************/
div.hr { width: 100%; clear: both; border: 0; }
div.hr hr { display: none; }

html { background-image: url(images/bg-repeat.png); font-family: Helvetica,Arial,Verdana,sans-serif; color: white; }
body { width: 960px; margin: 0 auto; }
img { border: 0; }

#top { position: relative; height: 400px; background: url(images/bg-top.png) 0 30px no-repeat; }
	#top h1 { position: relative; left: -20px; }
	#top p { text-indent: -9000px; }
	#top ul#linkos { margin-top: 66px; }
		#top ul#linkos li { width: 155px; height: 10; margin: 4px 20px; }
		#top ul#linkos li a { display: block; text-indent: -9000px; background: url(images/button-forum-m2.png) no-repeat; }
			#top ul#linkos li#m2forum a { background-image: url(images/button-forum-ebfgp.png); }
			#top ul#linkos li#walkthru a { background-image: url(images/button-walkthru.png); }
	#top #infobar { position: absolute; top: 20px; left: 195px; width: 716px; height: 24px; padding: 5px 25px; background-color: #276c3a; }
		#top #infobar img { float: left; margin-right: 10px; }
		#top #infobar ul { float: left; margin-top: 3px; }
			#top #infobar ul li,#top #infobar ul li a,#top #infobar ul li a:visited,#top #infobar ul li a:link { display: inline; margin: 0 8px; font: 10px Verdana,Helvetica,Arial,sans-serif; color: white; }
	#top #ustream { position: absolute; top: 60px; left: 202px; width: 751px; height: 330px; padding: 5px 0 0 5px; background: url(images/ustream-bg-black.png) no-repeat; }
		#top #ustream embed { margin-left: 2px; }

#funstuff { margin: 10px 0; height: 106px; background: url(images/bg-wood.png) no-repeat; }
	#funstuff #bonus { position: relative; float: left; width: 480px; }
		#funstuff #bonus a { color: #190e00; text-decoration: none; }
		#funstuff #bonus h3 { position: absolute; top: 44px; left: 210px; width: 270px; font-size: 1.2em; font-weight: normal; }
		#funstuff #bonus p { position: absolute; top: 67px; left: 210px; width: 270px; font-size: .7em; color: #5f3d14; }
	#funstuff #store { position: relative; float: left; width: 288px; }
		#funstuff #store a {  float: left; }
	#funstuff #music p { font-size: .7em; text-align: center; padding-bottom: .5em; }
#funstuff #music audio {margin-left:10px;width:170px;}
		#funstuff #music p a { color: #3c2c15; text-decoration: none;  }
		#funstuff #music #muzak { margin-left: 12px; }

#content { position: relative; top: 5px; background: url(images/bg-content.png) repeat-y; }
	#content .wrapper { padding-top: 60px; background: url(images/header.png) no-repeat; }
	#content #playlist { width: 182px; float: left; font-family: Trebuchet,'Trebuchet MS',Helvetica,Arial,Verdana,sans-serif; }
		#content #playlist a { position: relative; display: block; width: 177px; padding: 1.1em 0 1.1em 15px; color: #92ab97; font-size: .66em; text-decoration: none; }
		#content #playlist li.current a { background-color: #276d3b; color: #b8eccd; }
			#content #playlist a span { display: block; font-size: 1.2em; padding-bottom: 1px; }
	#content #todaysgpp { width: 268px; float: left; padding: 0 25px; }
		#content #todaysgpp #gppheader { font-family: Trebuchet,'Trebuchet MS',Helvetica,Arial,sans-serif; color: #9ceebc; }
		#content #todaysgpp #gppheader span { position: relative; top: -1px; left: 2px; font-size: .7em; }
		#content #todaysgpp #gppheader h2 { font-size: 1.9em; font-weight: normal; color: #b8eccd; }
		#content #todaysgpp #screenshot { margin: 10px 0; }
		#content #todaysgpp h3 { width: 256px; height: 53px; text-indent: -9000px; margin: 1em 0 .5em; background: url(images/header-walkthru.png); }
			#content #todaysgpp h3#trivia { background-image: url(images/header-trivia.png); }
			#content #todaysgpp h3#challenges { background-image: url(images/header-challenges.png); }
		#content #todaysgpp p, #content #todaysgpp li { font-size: .8em; line-height: 1.25em; font-family: Helvetica,Arial,Verdana,sans-serif; margin:0 1em 1em; }
		#content #todaysgpp li { padding-left: 10px; background: url(images/bullet.png) .4em left no-repeat; }
		#content #todaysgpp p.trivia { font-style: italic; padding-left: .5em; margin: 1em 0 1em; }
			#content #todaysgpp p.trivia span { display: block; float: left; width: 1.5em; height: 1.5em; clear: both; font-size: 1.8em; }
	#content #fansubs { width: 256px; padding: 0; float: left; margin-right: 12px; }
		#content #fansubs #buttons li { display: inline; padding: 3px 0px 3px 0; }
		#content #fansubs #sublist { padding-top: 1.5em; width: 244px; }
			#content #fansubs #sublist li { position: relative; margin-bottom: 1em; }
				#content #fansubs #sublist li div { position: absolute; width: 100%; bottom: 3px; left: 0; opacity: .8; font-size: .8em; padding: .5em; color: white; background-color: black;}
				#content #fansubs #sublist li.audio div { position: relative; }
					#content #fansubs #sublist li div a { color: #b8eccd; text-decoration: none; }
					#content #fansubs #sublist li div span { display: block; font-size: .8em; width: 100%; }
						#content #fansubs #sublist li div span a { color: white; }
#content #fansubs #sublist li img {max-width:256px;}
	#content #twitter { float: left; width: 192px; }
		#content #twitter a#boid { display: block; width: 192px; text-align: center; margin-bottom: .7em; background-color: #142419; }
			#content #twitter a#boid img { position: relative; top: -10px; }
		#content #twitter li { background: url(images/bg-twitter-top.png) no-repeat; font-size: .7em; }
			#content #twitter li a.pic { float: left; width: 37px; margin: 6px 6px 3px 6px; }
			#content #twitter li div { float: left; margin: .75em 0 .5em; width: 143px; }
				#content #twitter li div a, #twitter li p a { color: #b8eccd; text-decoration: none; font-weight: bold; }
				#content #twitter li div span { color: #97c2ce; }
			#content #twitter li p { padding: 1em; line-height: 1.2em; margin-bottom: 1em; background: url(images/bg-twitter-bottom.png) bottom left no-repeat; }

#special {margin-left:200px; width:500px;}