/* -------------------------------------- */
/* -------  GLOBAL ELEMENTS  ------------ */
body,h1,h2,h3,h4,h5,h6,form,img,span,div,ul,li,p {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body {
	background: url(http://www.zabafoo.com/images/page_bg.gif) #000000;
	font: 0.75em Tahoma;
	text-align: center;
	color: #4f4c46;
}

a { text-decoration: underline; color: #c3c1c1; }
a:hover { text-decoration: none; }
.floatleft { float: left; }
.floatright { float: right; }
.blockdisplay { display: block; }
.centered { text-align: left; width: 952px; margin: 0 auto; }

/* -------------------------------------- */
/* -------  GLOBAL ELEMENTS  ------------ */
#header {
	background: url(http://www.zabafoo.com/images/header_bg.gif) repeat-x;
	height: 157px;
}
	#header #top {
		height: 129px;
	}
	#header #logo {
		float: left;
		border: 0px;
		display: block;
	}
	#header #ad {
		float: right;
		background: url(http://www.zabafoo.com/images/ad_bg.gif);
		width: 481px;
		height: 112px;
		margin-top: 9px;
	}
		#header #ad div {
			padding: 17px 6px 5px 7px;
		}
	#header ul {
		display: table;
		float: left;
	}
		#header ul li {
			display: table-cell;
		}
			#header ul li a {
				color: #ffffff;
				decoration:  none;
				display: block;
				padding: 6px 20px 7px 2px;
			}
			#header ul li a:hover {

			}
	#header #search {
		float: right;
		width: 250px;
	}
		#header #search form {
			padding: 0px;
			margin: 0px;
		}
			#header #search form fieldset {
				border: 0px;
				margin: 0px;
				padding: 2px 0px 0px 0px;
			}
			#header #search form fieldset .go {
				float: right;
			}
			
			#header #search form fieldset div {
				padding: 0px 4px;
				background: #ffffff;
				float: left;
			}
				#header #search form fieldset div input {
					padding: 4px 0px;
					font: 1.0em Tahoma;
					border: 0px;
					margin: 0px;
					color: #0b1937;
					width: 130px;
				}
/* -------------------------------------- */
/* -------  GLOBAL ELEMENTS  ------------ */
#content {
	margin-top: 6px;
}

	#promo {
		float: left;
		width: 217px;
		margin-bottom: 6px;
	}
	#leaderboardad {
		float: right;
		width: 728px;
		margin-bottom: 6px;
	}
	
	/* Left column */
	#left {
		width: 735px;
		float: left;
	}
		#left #onecolumn {
			background: #ffffff;
			padding: 5px;
			line-height: 1.6em;
		}
			#left #onecolumn h1 {
				color: #012e6b;
				font: 1.9em Tahoma;
				margin-bottom: 5px;
			}
		#feature {
			width: 500px;
			float: left;
		}
		#topStorySide {
			width: 232px;
			float: right;
			height: 248px;
			background: url(http://www.zabafoo.com/images/topstoryside_bg.gif) repeat-y;
			border-top: 1px solid #868686;
			border-bottom: 1px solid #868686;
			color: #bfc8e0;
		}
			#topStorySide a {
				color: #bfc8e0;
			}
			#topStorySide .padding {
				padding: 11px;
			}
		
		.leftBox {
			background: url(http://www.zabafoo.com/images/leftbox_bg.gif) repeat-y;
			border-top: 1px solid #9f9f9f;
			border-bottom: 1px solid #9f9f9f;
			width: 365px;
			margin-top: 9px;
		}
			.leftBox .padding {
				padding: 11px;
			}
		
	/* Right column */
	#right {
		width: 213px;
		float: right;
	}
		#rightbox {
			background: url(http://www.zabafoo.com/images/rightbox_bg2.gif) repeat-y;
			padding: 0px 2px 0px 2px;
			line-height: 1.5em;
		}
			#rightbox a {
				color: #122a61;
			}
			#right h2 {
				background: url(http://www.zabafoo.com/images/rightbox_h2.gif) no-repeat;
				font: bold 1.0em Tahoma;
				color: #ffffff;
				padding: 10px 0px 19px 13px;
			}
			#rightbox .bg {
				background: url(http://www.zabafoo.com/images/rightbox_bg.gif) repeat-x;
				padding: 0px 10px 7px 10px;
			}
			.rightcap {
				display: block;
			}
			
			
		#left2 {
			float: left;
			width: 318px;
			margin-top: 7px;
		}
			#left2 #left2box {
				background: url(http://www.zabafoo.com/images/left2box_bg2.gif) repeat-y;
				padding: 0px 2px;
				color: #ffffff;
			}
				#left2 #left2box a {
					color: #ffffff;
				}
				#left2 #left2box .bg {
					background: url(http://www.zabafoo.com/images/left2box_bg.gif) repeat-x;
					padding: 7px;
				}
		
		#right2 {
			float: right;
			width: 631px;
			margin-top: 7px;
		}
			#right2 .box {
				background: url(http://www.zabafoo.com/images/right2box_bg.gif) repeat-y;
				border-top: 1px solid #616161;
				border-bottom: 1px solid #616161;
				width: 314px;
				margin-bottom: 6px;
				color: #eeeeee;
				line-height: 1.5em;
			}
				#right2 .box a {
					color: #eeeeee;
				}
				#right2 .box .padding {
					padding: 10px 13px;
				}
				
		#tri {
			float: left;
			width: 100%;
			background: url(http://www.zabafoo.com/images/tri_bg.gif) bottom left repeat-x;
			margin: 15px 0px;
			padding: 20px 0px;
			color: #ffffff;
		}
			#tri a {
				color: #ffffff;
			}
			#tri .bg {
				background: url(http://www.zabafoo.com/images/tri_bg2.gif) top center repeat-y;
				padding: 0px 20px;
			}
			#tri .bg:after {
    			content: ".";
    			display: block;
    			height: 0;
    			clear: both;
    			visibility: hidden;
			}
			#tri .bg {
				display: inline-block;
			}
			/* Hides from IE-mac \*/
			* html #tri .bg { height: 1%; }
			#tri .bg { display: block; }
			/* End hide from IE-mac */
			
			#tri .box1 {
				float: left;
				width: 325px;
				line-height: 1.5em;
			}
				#tri .box1 div {
					padding: 0px 50px 0px 0px;
				}
			#tri .box2 {
				float: left;
				width: 300px;
				line-height: 1.5em;
			}
				#tri .box2 div {
					padding: 0px 25px 0px 0px;
				}
			#tri .box3 {
				float: right;
				width: 270px;
				line-height: 1.5em;
			}