/* CSS File for trollz.com reskin with new ad support */

/* <globals> */
body {
	background: #f449bb url(/images/main-bg.png) repeat-x;
	margin:		0 0 0 0;
	padding:		0;
	text-align:	center;
}

img {
	border:	0;
}

#leftzone { /* contains the entire page for centering */
	position:	relative;
}

#container { /* contains the entire page for centering */
	text-align:	left;
	width:		899px;
	margin:		0 auto;/* Centering trick */
	position:	relative;
}

.vmarker {	/* vertical advert marker */
 	width:		10px; 
 	height:		90px; 
	border:		6px solid black;
	padding:		0;
}

.hmarker {	/* horizontal advert marker */
	width:	120px;
	height:	11px;
	border:	6px solid black;
}

.hwmarker {	/* horizontal advert marker */
	width:	160px;
	height:	11px;
	border:	6px solid black;
}


.bmarker {	/* box horiz. advert marker */
	width:	107px;
	height:	13px;
	border:	0;
}

.stroke {
	border:	solid black 6px;
}
/* </globals> */

/* <banner Ad frame> */
.banner {
	width:			728px;
	height:			90px;
	font-size:		0;
	line-height:	0.0em;
	padding:			0;
	position:		relative;
	right:			0;
}

#bannerad {
	margin:			0 0 0 0;
	padding:		0;
	font-size:		0;
	border:			0;
	height:			90px;
}

.avp img,iframe {			/* styling AdvertPro images and other iframe bs */
	border:			solid 6px black;
}
/* </banner Ad frame> */

/* <Main content panel> */



#trollzbanner {
	width:			754px;	/* must be as wide as the main swf and left-nav swf */
	height:			91px;		/* controls space between trollzopolis and main-content */
	margin:			0 0 0 0;
	line-height:	0.0em;
	font-size:		0;
	border:			0;
	position:relative;
}
#logo_nav {
	position:absolute;
	left: 0px;
	top: 0px;
	z-index:1;
}

#swf_upper_nav {
	position:absolute;
	width:544px;
	height:91px;
	right:0px;
	top:0px;
	z-index:10;
}

#content {
	width:			756px;	/* must be as wide as the main swf and left-nav swf */
	padding:			0;
	margin:			0 0 0 0;
	position:relative;
}
#swf_left_nav {
	float:			left;
	margin:			0 0 0 0;
	padding:			0;
	border:			0;
	width:			116px;
	height:			487px;
	position:absolute;
	left:0px;
	top:0px;
}

#swf_main {
	background:		black;
	margin-left:	100px;
	margin:			0 0 0 0;
	width:			640px;
	height:			480px;
	padding:			0;
	line-height:	0;
	font-size:		0;
	position:absolute;
	right:0px;
	top:0px;
}
/* </main content panel> */

/* <3 box ads> */
#boxads {			/* overall container for the 3 box ads */
	background:		url(/images/bottom-ad-bg.png) no-repeat;
	position:		absolute;
	width:			643px;
	height:			188px;
	border:			solid black 6px;
	left:				110px;
	top:				678px;
}

#boxpromo {			/* Trollz promo Stuff */
	position:		absolute;
	top:				7px;
	left:				7px;
/*	width:			190px;
	height:			150px;*/
	width:			200px;
	height:			160px;
	border:			solid white 1px;
	background:		#8A9992;
	margin:			0 0 0 0;
	font-size:		11pt;
	line-height:	12pt;
	font-weight:	bold;
/*	padding:			10px; */
	overflow:		hidden;
}

#boxpromo img {
/*	margin-top:		20px; */
	border:			0;
}

#boxad {				/* 180x150 box ad */
	display:			inline;
	position:		absolute;
	top:				7px;
	left:				222px;
	height:			200px;
	width:			150px;
	padding:			0;
	line-height:	0em;
	font-size:		0;
	margin:			0 0 0 0;
}

#boxpoll {
	background:     none;
	position:		absolute;
	top:				7px;
	right:			7px;
	width:			200px;
	height:			160px;
	font-size:		11pt;
	line-height:	12pt;
	font-weight:	bold;
	border:			solid white 0px;
	padding:			5px;
	overflow:		hidden;
}
.advert img {		/* still can't figure out why I have to select the img to get the border to be fullsize! */
	border:			2px solid black;
}
/* </3 box ads> */

/* <Right hand ads> */
#rightzone {
	position:		absolute;
	top:				0;
	right:			5px;
	width:			130px;
	padding:			0;
	line-height:	0em;
	font-size:		0;
	margin:			0 0 0 0;
}

#rightzonewide {
	position:		absolute;
	top:			143px;
	right:			-15px;
	width:			160px;
	padding:			0;
	line-height:	0em;
	font-size:		0;
	margin:			0 0 0 0;
}

.hmarker {
}

.hwmarker {
}


.customad {
}

.skyscraper {
}
/* </Right hand ads> */

/* <Footer> */
#footer {
	background:		black;
	width:			800px;
	margin:			0 auto;	/* Centering trick */
	color:			white;
	font-family:	sans-serif;
	font-weight:	bold;
	margin-top:		10px;
	margin-bottom:	20px;
	border:			solid white 1px;
	padding:			5px;
	font-size:		10pt;
	position:absolute;
	top:880px;
}
#copyright {
	position:absolute;
	top:930px;
	left:250px;
	font-family:	sans-serif;
	font-size:10px;
	color:#CCCCCC;
}

#footer a {
	text-decoration:	none;
	color:				white;
}

#footer a:hover {
	text-decoration:	underline;
	color:				#FAC1FF;
}