@import url(presentation.css);
@import url(sidebar.css);
@import url(navMain.css);
@import url(navFooter.css);
@import url(pageBody.css);

/* Layout (in html code order)
------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(../images/bg_sidebar.gif) repeat-y white;
	color: black;
}

body#puzzlepopup {
	background: none;
}

div#access {
	text-indent: -100%;
}

div#branding,
div#pagebodyWrapper {
	width: 100%;
}


div#branding {
	background: url(../images/bg_branding.gif) repeat-x white;
	height: 160px;
	top: 0;
	left: 0;
	position: absolute;
}

#puzzlepopup #branding {
	height: 120px;
}

	#logo {
		position: absolute;
		left:0;
		top:0;
		z-index: 100;
	}
	
	#strapline {
		position: absolute;
		top: 0px;
		left: 300px;
	}

div#pagebodyWrapper {
	background: url(../images/bg_sidebarh1.gif) no-repeat top left;
	position:absolute;
	top: 143px;
}

/* rule for puzzle popup pages */
#puzzlepopup #pagebodyWrapper {
	background: none;
	top: 110px;
}

div#pagetext {
	float: right; 
	margin-left: -165px;
	padding-top: 30px;
	width: 100%;
}

#puzzlepopup #pagetext {
	margin-left: 0px;
	padding-top: 0px;
}

div#sidebar {
	float: left; 
	width: 165px;
}

div#ads {
	clear: left;
	float: left;
	width: 165px;
}

div#footer { 
	background: url(../images/footer.gif) no-repeat 130px 0px;
	clear: both;
	color: #999;
	font-size: 0.9em;
	min-height: 35px;
	padding: 17px 0 10px 180px;
}

div#navMain {
	position: absolute;
	left: 0px;
	top: 96px;
}

div#navGoHome {
	position: absolute;
	left: 45px;
	top: 80px;
	z-index: 200;
}

	div#navGoHome p {
		margin: 0;
		padding: 0;
	}

	div#navGoHome a {
		color: black;
		font-weight: bold;
		font-size: 0.9em;
		text-decoration: none;
	}
	
		div#navGoHome a:hover {
			text-decoration: underline;
		}


/* Ads 
-------------------------------------*/

#Home #ads {
	margin-top: 41px;
}

#ads p {
	margin: 0;
}

#ads div.ad_mags {
	 background: url(../images/ad_bg_btm.gif) bottom left no-repeat;
	 padding-bottom: 22px;
}

#ads div.ad_mags h2, #ads div.ad_mags p {
	margin: 0 23px 0 5px;
	font-size: 0.9em;
}

#ads div.ad_mags div {
	background: url(../images/ad_bg.gif) repeat-y;
}

#ads div.ad_mags div p {
	margin:0 23px 0 15px;
	line-height: 1.2;
}

#ads div.ad_mags h3 {
	margin:0;
	padding:0;
}

#ads div.ad_mags h3 img {
	display: block;
	margin:0;
}

#ads a {
	text-decoration: none;
	color: black;
}