@import url(typography.css);
@import url(advanced.css);
@import url(thickbox.css);
body {margin:0; padding:0;background:#7A9833 }

#wrapper {
}
#banner {height: 70px; padding-top: 10px; background:url(/i/global/diag.gif) left top repeat; }
	#logo {float:left;}
	#login {float:right;}
#nav {height: 30px; background:	#7A9833}
	#nav li {float:left;}
#captionbar {height: 90px; }
.inside {width: 885px; margin: 0 auto;}
#content {margin-top: 0; background:#fff url(/i/global/captionbar.gif) top repeat-x;}
#maincontent {
	float:left;
	width: 465px;
	display:inline;
	padding-bottom: 18px;
}
* html #maincontent {width: 400px;}
	h1 {margin-top: 18px;}
#sidebar {
	float:right;
	width: 357px;
	background:url(/i/global/sidebar2.png) top no-repeat;
	padding: 2px 22px 0 15px;
	margin-top: 31px;
	display:inline;

}
	#word_of_the_day, #distractions {float:left; width: 49%;}
	#surfers {float:right; width: 49%;}
#footer {clear:both; }

/* 
	-----------------------------------------------------
	non-presentational clearing method (also see IE6.css) 
	-----------------------------------------------------
*/
#content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}