/* CSS Document */

html {
	min-width: 1000px;
	background:#000;
}

body {
	margin: 0px;
	background: #A9D4F7 url(/default/bottom.jpg) no-repeat bottom center;
	min-height: 100%;
}

img {
	border: 0px;
}

/* THE RELATIVE THREE */

#head {/* Logo and Nav */
	position: relative;
	width: 1040px;
	height: 304px;
	left:50%;
	margin: 12px -520px -25px;
	z-index: 2;
	background:url(/default/header.png) no-repeat;
}
	#head_branzone {
		position: absolute;
		left: 870px;
		top: 110px;
		width: 133px;
		height: 131px;
		background: url(/default/adds/branzone_logo.png) no-repeat;
	}

	#head_lang {
		position: absolute;
		top: 24px;
		left: 27px;
		width: 130px;
		height: 20px;
	}

	#head_nav {
		position: absolute;
		top: 244px;
		left: 0;
		width: 1024px;
		height: 50px;
	}

	#head_click {
		position: absolute;
		top: 63px;
		left: 340px;
		width: 389px;
		height: 149px;
	}
	
div#page { /* Main Page Content */
	position: relative;
	width: 970px;
	margin: 0 auto;
	padding: 30px 15px 25px;
	background: url(/default/pagebg.png) repeat-y;
	/*FIX CONTROL THINGO*/
	overflow: hidden;
	z-index: 1;
}

	#mainbody { /* Page Left */
		position: relative;
		float: left;
		width: 765px;
	}

	#sidebar { /* Page Right */
		position: relative;
		float: right;
		width: 190px;
	}

#foot { /* Footer */
	position: relative;
	width: 1040px;
	height: 146px;
	left: 50%;
	margin: -10px -520px 24px;
	z-index: 2;
	background:url(/default/footer.png) no-repeat;
}

	#foot_legal {
		position: absolute;
		top: 10px;
		left: 0;
		width: 1040px;
		height: 25px;
	}

	#foot_note {
		position: absolute;
		top: 120px;
		right: 34px;
	}

/* BACKGROUND */

#back_top { /* Clouds Flash */
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 350px;
}

/* SIDE BAR */

.side_top {
	position: relative;
	width: 190px;
	height: 66px;
}

.side_mid {
	position: relative;
	width: 184px;
	padding: 0 3px;
	text-align: center;
}

.side_bot {
	position: relative;
	width: 190px;
	height: 34px;	
}

#login_top { background: url(/default/login/login_top.png) no-repeat;}
#login_mid { background: url(/default/login/login_mid.png) repeat-y; padding: 1px 3px;}
#login_bot { background: url(/default/login/login_bot.png) no-repeat;}
#login_over {
	position: absolute;
	width: 96px;
	height: 56px;
	left: -10px;
	top: -6px;
	background: url(/default/login/login.png) no-repeat;
}
#login_pm {
	position: absolute;
	width: 96px;
	height: 1em;
	left: 86px;
	top: -44px;
}
#login_box {
	padding: 0px 6px;
	width: 172px;
	margin-top: -21px;
}

#info_top { background: url(/default/info/info_top.png) no-repeat;}
#info_mid { background: url(/default/info/info_mid.png) repeat-y;}
#info_bot { background: url(/default/info/info_bot.png) no-repeat;}
#info_tabs {
	position: relative;
	width: 183px;
	height: 23px;
	padding-left: 1px;
	border-bottom: 3px solid #000;
	display: block;
}
.info_box {
	width: 172px;
	padding: 3px 6px 0;
}
#info_updates { display: block;}
#info_media { display: none;}
#info_guide { display: none;}

#branzone_side {
	position: relative;
	width: 190px;
	height: 161px;
	background: url(/default/adds/branzone_sidebar.png) no-repeat;
}

#chat_top { background: url(/default/chat/chat_top.png) no-repeat;}
#chat_mid { background: url(/default/chat/chat_mid.png) repeat-y;}
#chat_bot { background: url(/default/chat/chat_bot.png) no-repeat;}

#donate_top { background: url(/default/donate/donate_top.png) no-repeat;}
#donate_mid { background: url(/default/donate/donate_mid.png) repeat-y;}
#donate_bot { background: url(/default/donate/donate_bot.png) no-repeat;}

#vote_top { background: url(/default/vote/vote_top.png) no-repeat;}
#vote_mid { background: url(/default/vote/vote_mid.png) repeat-y;}
#vote_bot { background: url(/default/vote/vote_bot.png) no-repeat;}

/* COMMON */

.container {
	position: relative;
	float:left;
	margin-bottom: 15px;
}

.mr { margin-right: 15px;}
.mb { margin-bottom: 15px;}

#title_box {
	height: 3px;
	width: 748px;
	margin: 14px 0 28px;
	background-image: url(/default/titles/dashline.png);
	overflow: visible;
}

#title_text {
	position:absolute;
	top: -14px;
	left: 12px;
	height: 30px;
}

.left { float: left;}
.right {	float: right;}
.clear { clear: both;} /* clean */

.text {/* Textbody */ /* clean */
	position: relative;
	padding: 10px;
}

.sider { /* clean */
	position: relative;
	width: 170px;
	padding: 10px;
}

#rss { /* clean */
	position: absolute;
	top: 8px;
	left: 164px;
}


/* ITEM CONTROL */

.item_top {
	position: relative;
	width: 225px;
	height: 68px;
}

.item_mid {
	position: relative;
	width: 219px;
	padding:0 3px;
}

.item_bot {
	position: relative;
	width: 225px;
	height: 21px;	
}
.item_over {
	position: absolute;
	width: 77px;
	height: 83px;
	left: -13px;
	top: -13px;
}

.pointer {
	position: relative;
	width: 13px;
	height: 16px;
	background: url(/default/pointer.png) no-repeat;
	margin: 2px 2px -2px 0;
	float: left;
}

/* ADD BOXES */

.add_leader {
	position: relative;
	width: 728px;
	height: 90px;
	padding: 19px 18px 17px 18px;
	background: url(/default/adds/add_leader.png) no-repeat;
}

.add_leader2 {
	position: relative;
	width: 728px;
	height: 90px;
	padding: 3px;
	background: url(/default/adds/add_leader2.png) no-repeat;
}

.add_sky {
	position: relative;
	width: 120px;
	height: 600px;
	padding: 21px 15px;
	background: url(/default/adds/add_sky.png) no-repeat;
}

.add_square {
	position: relative;
	width: 180px;
	height: 150px;
	padding: 2px 5px 17px;
	background: url(/default/adds/add_square.png) no-repeat;
}

.add_vert {
	width: 120px;
	height: 240px;
	padding: 3px;
	background: url(/default/adds/add_vert.png) no-repeat;
}

/* FONT STYLES */

.t_arial { font-family: Arial, Arial, Helvetica, sans-serif;}
.t_tahoma { font-family: Tahoma, Arial, Helvetica, sans-serif;}
.t_verdana { font-family: Verdana, Arial, Helvetica, sans-serif;}
.b { font-weight: bold;}
.xl { font-size: 16px;}
.l { font-size: 14px;}
.m { font-size: 12px;}
.s { font-size: 10px;}

.white { color: #FFF}
a.white:link { color: #FFF; text-decoration: none;}
a.white:visited { color: #FFF; text-decoration: none;}
a.white:hover { color: #FFF; text-decoration: underline;}
.black { color: #000}
a.black:link { color: #000; text-decoration: none;}
a.black:visited { color: #000; text-decoration: none;}
a.black:hover { color: #000; text-decoration: underline;}