@charset "utf-8";
/* main.css -- blahblah */

html {
	background: #ff6 url('/images/bg.jpg');
	background-attachment:fixed;
	padding: 0;	margin: 0;
	font-family: arial, sans-serif;
	font-size: 10px;
	color: #fff;
}

body {
	background: #fff;
	width: 940px;
	padding: 0; margin: 0px auto 0px auto;
	position: relative;
}

img {border: 0; padding: 0;}

/** HEADER **/
#header {
	position: absolute;
	top: 0; left: 0;
	width: 940px;
	padding: 0; margin: 0;
}

/** MAINMENU **/
#mainmenu {
	background: url('/images/mainmenu.jpg') no-repeat;
	top: 100px;
	padding: 0; margin: 0;
	height: 50px;
	position: relative;
	font-size: 11px;
}

#mainmenu ul {
	position: absolute; top: 30px;
	font-family: arial, sans-serif;
	list-style-type: none;
	padding: 0; margin: 0;
}

#mainmenu li {
	display: inline;
	position: absolute;
}
.mm-blah{left: 50px;}
.mm-boards{left: 137px;}
.mm-chat{left: 245px;}
.mm-radio{left: 332px;}
.mm-drawboard{left: 432px;}
.mm-arcade{left: 565px;}
.mm-gallery{left: 675px;}
.mm-store{left: 790px;}
.mm-mail{left: 880px;}

#mainmenu a {margin: 0; padding: 5px;}

#mainmenu ul a {text-decoration: none; color: #003; text-transform: uppercase; font-weight: bold;}
#mainmenu a:hover {color: #c00;}
#currentpage {color: #c00 !important;}

/** MAIN **/
#main {
	position: relative;
	top: 100px;
	background: #fff;
	width: 940px;
	font-size: 12px;
	color: #000;
	margin-top: 30px; padding: 0;
}
#main h2 {font-size: 16px; color: #c00; margin-bottom: 0; font-weight: bold; text-align: center;}
#main h3 {font-size: 12px; color: #003; margin-bottom: 0; font-weight: bold; text-align: center;}
#main h4 {font-size: 16px; color: #003; margin-bottom: 5px; margin-top: 5px; font-weight: bold;}

/** BLAH **/
#blah {
	background: #fff;
	width: 600px;
	padding: 10px; margin: 0 20px;
	min-height: 420px;
	float: left;
}

#blah img {border: 0; padding: 0; margin: -2px 30px;}

#blah hr {height: 10px; width: 80%; align: center; color: #eee; margin-bottom: 30px;}
#blah a {font-size: 12px; text-decoration: none; color: #666; font-weight: bold;}
#blah a:hover {color: #003;}
#blah h1 {font-size: 20px; color: #c00; margin-bottom: 0; font-weight: bold; text-align: center;}
#blah h2 {font-size: 24px; color: #003; margin-bottom: 40px; font-weight: bold; text-align: center;}
#blah h4 {font-size: 11px; color: #003; margin-bottom: 0; font-weight: bold; text-align: center;}
#blah h6 {font-size: 9px; color: #003; margin-bottom: 5px; margin-top: 5px; font-weight: bold;}

.blahtop {
	background: #eee;
	border: 1px solid #c00;
	width: 560px;
	padding: 20px; margin: 40px 0;
	min-height: 270px;
	float: left;
}

#nav {
	background: #d3d8de;
	border: 1px solid #003;
	width: 220px;
	font-size: 10px;
	color: #000;
	list-style-type: none;
	padding: 10px; margin: 10px;
	min-height: 420px;
	float: left;
}

#nav ul {list-style-type: none;}
	
#nav a {font-size: 11px; text-decoration: none; color: #003; font-weight: bold;}
#nav a:hover {color: #666;}
#nav h2 {font-size: 24px; color: #003; margin-bottom: 0; font-weight: bold; text-align: center;}
#nav h3 {font-size: 14px; color: #c00; margin-bottom: 0; font-weight: bold; text-align: center;}

/** FLASH **/
#flash {
	background: #fff;
	width: 560px;
	padding: 10px; margin: 0px;
	min-height: 420px;
	float: left;
}

/** RADIO **/
#radio {
	background: #fff;
	width: 340px;
	font-size: 10px;
	color: #000;
	padding: 10px; margin: 20px;
	min-height: 420px;
	float: left;
}
#radio hr {height: 10px; width: 100%; align: center; color: #eee;}
#radio a {font-size: 14px; text-decoration: none; color: #c00; text-transform: uppercase; font-weight: bold;}
#radio a:hover {color: #003;}
#radio li {list-style-type: none;}

#radioR {
	background: #d3d8de;
	width: 480px;
	font-size: 10px;
	color: #000;
	padding: 10px; margin: 10px;
	min-height: 720px;
	float: left;
}

#radioR img {border: 55px #666 solid; align: center;}

/** DRAW **/
#draw {	
	position: relative;
	top: 0;left: 170px;
	background: #fff;
	width: 640px;
	margin-top: 30px; padding: 0;
}

/** ARCADE **/
#arcade {	
	position: relative;
	top: 0;left: 10px;
	background: #fff;
	width: 920px;
	margin-top: 30px; padding: 0;
}

/** STORE **/
#store {	
	position: relative;
	background: #fff;
	width: 920px;
	margin: 0; padding: 0;
}

#store h1 {margin: 0; font-size: 40px; color: #c00;}
#store img {left: 240px;}

div.store.white {background: #fff; color: #000; width: 440px; min-height: 380px; margin: 80px 240px;}
div.store.white h4 {margin: 0; text-align: center; font-size: 24px; color: #c00;}
div.store.white img {float: right;}

/** MAIN-FULL, MAIN-LEFT and MAIN-RIGHT **/
div.main-left, div.main-right {
	background: #fff;
	width: 50%;
	float: left;
}

div.main-full {
	background: none;
	width: 430px;
	margin: 40px;
	float: left;
}

/** SELECTABLE **/
div.selectable {
	background: #d3d8de;
	color: #000;
	padding: 10px 0;
	margin: 0;
	min-height: 60px;
	border: 10px solid #fff;
}
div.selectable.alt {background: #bdc6cd; color: #000; min-height: 60px;}

div.selectable h1 {margin: 0; text-align: center; font-size: 40px; color: #c00;}
div.selectable h4 {margin: 0; font-size: 12px; color: #003;}
div.selectable p {margin-top: 0;}

div.selectable img {float: left; border: 1px solid #003; margin: 3px 5px;}

/** BOX **/
#box {
	background: #003;
	font-size: 10px;
	color: #003;
	width: 940px;
	margin-top: 30px; padding: 0;
}

/** TWEETS **/
#tweets {
	background: #003;
	width: 220px;
	padding: 10px; margin: 10px;
	min-height: 420px;
	float: left;
}

/** ADS **/
#ads {
	position: relative;
	background: #fff;
	text-align: center;
	font-size: 16px;
	color: #c00;
	width: 940px;
	padding: 0; margin-top: 260px;
	clear: both;
	float: left;
}

/** FOOTER **/
#footer {
	background: #fff;
	height: 100px;
	clear: both;
	text-align: center;
	padding: 0; margin: 0;
	position: relative;
	font-family: arial, sans-serif;
	color: #333;
}
#footer li {display: inline; list-style-type: none;}

#footer a {
	text-decoration: none;
	font-size: 12px;
	color: #003;
	font-weight: bold;
}
#footer a:hover {color: #c00;}

/** COPY **/
#copy {
	position: absolute;
	display: block;
	width: 960px;
	text-align: center;
	color: #ccc;
	padding: 20px 0 120px 0; margin: 0;
}
#copy p {
	text-align: center;
	font-size: 12px; color: #036; font-weight: bold;
	padding: 0; margin: 0;
	position: relative; top: 20px;
}
#copy a {
	text-decoration: underline;
	font-size: 10px;
	color: #666;
	font-weight: bold;
}

/** TOOLBAR **/
#toolbar {
	position: fixed; bottom: 0; left: 0;
	z-index: 100;
	background: #036;
	border-top: 4px solid #003;
	width: 100%;
	height: 24px;
	font-size: 10px;
	color: #c00;
}
#toolbar li {display: inline; list-style-type: none;}

#toolbar a {
	position: relative; top: -2px;
	text-decoration: none;
	font-size: 10px;
	margin: 0; padding: 0;
	color: #dbd4fd;
}
#toolbar a:hover {color: #fff;}

div.icons {position: relative; top: -24px; margin: 0; float: right;}
div.icons img {border: 0; margin-right: 10px;}
div.icons a {font-size: 10px; margin: 0; font-weight: bold; color: #c00;}

div.chatinfo {position: relative; top: -36px; margin: 0; float: right;}
div.chatinfo {font-size: 10px; margin: 0; font-weight: bold; color: #c00;}

#roomList {margin: 0; padding: 0; }
#roomList a {color: black; text-decoration: none; }
#roomList a:hover {text-decoration: underline; }
#userList {margin-left: 7px; margin-right: 0; margin-bottom: 0; margin-top: 0;  padding: 0; }

/** UNITIP **/
#unitip {
	position: absolute;
	z-index: 1000;
	top: -1000px;
	color: #fff;
	font: normal normal 1.1em/15px Verdana, Arial, Helvetica, sans-serif;
	display: none;
}

#unitippoint, #unitipmid, #unitipcap {
	position: relative;
	top: 0px; 
	left: 0px;
	width: 145px;
	display: block;
}
	
#unitippoint { 
	background: url(/images/TipPoint.png) no-repeat; 
	height: 19px; 
	overflow: hidden; 
}
	
#unitipmid { 
	background: url(/images/TipMid.png) repeat; 
	width: 115px;
	height: auto; 
	padding: 5px 15px;
}
	
#unitipcap { 
	background: url(/images/TipCap.png) no-repeat; 
	height: 7px; 
	overflow: hidden; 
}