@charset "utf-8";
/* CSS Document */
/* Whotopia CSS */

/* BODY ELEMENTS */
html { height: 100%;}
#wrapper { width: 900px; height: 100%; margin: 0 auto; background: #040404 }
body,td,th { margin: 0; padding: 0; height: 100%; font-size: 11px; font-weight:normal; font-family: Arial, Helvetica, sans-serif; color: #ffffff; background: #020202 url(skin/main_background.gif) repeat-x fixed center bottom; }
hr {color: #e0e0e0; margin: 25px 0 10px 0; }
hr.darkgrey{ color: #222222; margin: 5px 0 0 0; }
a:link {color: #21b3dd; text-decoration: none; }
a:visited {text-decoration: none; color: #21b3dd; }
a:hover {text-decoration: underline; color: #21b3dd; }
a:active {text-decoration: none; color: #21b3dd; }

/* HEADER */
#headblock { width: 900px; height: 190px; margin: 0 auto; background-image: url(skin/content_head.png); background-repeat: no-repeat;}
#logo { width: 363px; height: 67px; margin: 60px 0 0 20px; float: left; }
#tardis { width: 142px; height: 175px; margin: 0 60px 0 0; float: right; clear: right; position: relative; z-index: 2; }
#snicons { width: 70px; height: 36px; margin: 26px 0 0 0; float: right; clear: right; }
#breadcrumbs { width: 863px; height:40px; margin: 0 auto; background: #22252a;} 
#bcnt { width: 835px; height:100%; margin: 0 auto; padding-top: 3px;}

/* TEMP NAV BLOCK */
#navtblock {width: 863px; height: 43px; margin: 10px auto; background: #22252a; position: relative; z-index: 1;}
#navtcontainer { width: 648px; height: 43px; float: left; clear: right; }
#navt { background:url("skin/nav_temp.png") no-repeat; width:648px; height:43px; margin:0; padding:0; }

/* NAV BLOCK */
#navblock {width: 863px; height: 43px; margin: 10px auto; background: #22252a; position: relative; z-index: 1;}
#navcontainer { width: 648px; height: 43px; float: left; clear: right; }
#nav { background:url("skin/navigation.png") no-repeat; width:648px; height:43px; margin:0; padding:0; }
#nav span {display: none; }
#nav li, #nav a { height:43px; display:block; }
#nav li { float:left; list-style:none; display:inline; }
#nav01 {width: 60px;}
#nav02 {width: 118px;}
#nav03 {width: 111px;}
#nav04 {width: 101px;}
#nav05 {width: 173px;}
#nav06 {width: 85px;}
#nav01 a:hover {background:url("skin/navigation.png") 0px -43px no-repeat; }
#nav02 a:hover {background:url("skin/navigation.png") -60px -43px no-repeat; }
#nav03 a:hover {background:url("skin/navigation.png") -178px -43px no-repeat; }
#nav04 a:hover {background:url("skin/navigation.png") -289px -43px no-repeat; }
#nav05 a:hover {background:url("skin/navigation.png") -390px -43px no-repeat; }
#nav06 a:hover {background:url("skin/navigation.png") -563px -43px no-repeat; }

/* MAINPAGE CONTENT */
#mainblock { width: 900px; min-height: 100%; margin: 0 auto; background-image: url(skin/content_bg.png); background-repeat: repeat-x; background-color: #131416;}
#maincontent { width: 863px; height: 100%; overflow: auto; margin: 0 auto; background-image: url(skin/content_bg_2.png); background-repeat: repeat-x; background-position: center bottom; background-color: #0c0c0e;}

/* TEMP */
#newissue { width: 407px; height: 564px; float: left; clear: right; margin-top: 25px; margin-left: 13px; }
#nitext { width: 407px; height: 100%; overflow: auto; float: right; margin-top: 25px; margin-right: 13px; margin-bottom: 30px; }
.title { font-size: 16px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #09a9f7;}
.title2 { font-size: 24px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF;}
.t1 { font-size: 11px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #595f69;}
#newsbox { width: 837px; height: 100%; overflow: auto; margin: 0 auto; margin-top: 10px; background-color: #22252a;}
#site { width: 407px; height: 100%; overflow: auto; float: left; clear: right; padding: 10px;}
#news { width: 380px; height: 100%; overflow: auto; float: right; padding: 10px;}
#cbox { width: 837px; height: 100%; overflow: auto; margin: 0 auto; background-color: #22252a;}
#back1 { width: 900px; min-height: 100%; margin: 0 auto; background-image: url(skin/content_bg.png); background-repeat: repeat-x; background-color: #131416;}
#back2 { width: 863px; height: 100%; overflow: auto; margin: 0 auto; padding-left: 15px;}
#back3{ width: 837px; height: 100%; overflow: auto; margin: 0 auto;}
div.float { float: left; padding-left: 2px; }  
div.float p { text-align: center; }