/****************************************************************/
/* 1. INITIAL SETTINGS */
/****************************************************************/

* {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	border-style: solid;
	border-width: 0;
	font-weight: normal;
	list-style: none inside;
}

img {border: none}


/****************************************************************/
/* 2. STRUCTURAL SETTINGS - VERY IMPORTANT - DO NOT CHANGE */
/****************************************************************/

/* 2.1 Clearing floats and invisible items */
.clearer, .nosize {
	height: 0;
	width: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden
}

.clearer, .clearb {clear: both}
.nosize {position: absolute; left: -10000px}


/****************************************************************/
/* 3. BUG FIXES - VERY IMPORTANT - DO NOT CHANGE */
/****************************************************************/

/* 3.1 This attempts to eliminate rounding errors in Gecko browsers. */


/* 3.2 This is only visible to IE6 Windows and cures various bugs. Do not alter comments */

/* Begin IE6Win Fix /
* HTML * {HEIGHT: 1px}
* HTML * {WIDTH: 98%}
/* End of IE6Win Fix */

/* Begin IE6Win Fix */
* html, * html * {
	margin:0;
	padding:0;
}
/* End of IE6Win Fix */

/* 3.3 This is the equivelant of 3.2 but for IE7. It is visible to other browsers
but does no harm */

/*Begin IE7Win Fix */ /*
* {min-height: 1px}      
/* End of IE7Win Fix */

/****************************************************************/
/* 4. HIDDEN ELEMENTS */
/****************************************************************/

/* These are hidden in normal display. Add comments to make them visible */

.js .hidden { display:none; }

.develop, .debug, .css_debug {
	position: absolute;
	display: block;
	overflow: hidden;
	width: 1em;
	left: -999em
}

/****************************************************************/
/* 5. BOX CONTAINERS AND FLOATS */
/****************************************************************/

/* 5.1. Setup all left and right content using floats. */  

.right {
	float: right;
	text-align: right;
	clear: right;
	width: 40%;
}

.left {
	float: left;
	width: 55%;
	text-align: left;
	clear: left;
}

/****************************************************************/
/* 6. TABLE SETUP */
/****************************************************************/

/* 6.1 Table Basic Setup */

table {
	width: 100%;
	border-collapse: collapse;
}

/****************************************************************/
/* 8. LISTS SPECIAL SETTINGS */
/****************************************************************/

/* 8.1 Horizontal display of online list, main navigation menu and breadcrumbs */

.hor_menu LI {
	display: inline;
	height: 0
}

.vert_menu LI {
	display: block;
}

/* 8.2 Turn on square icon for posterror list */

ul li {list-style-position: inside}

/****************************************************************/
/* 9. FORM SETTINGS */
/****************************************************************/

/* 9.1 Makes textareas and long text inputs shrink with page */

textarea {width: 100%}

/*label {display: block}*/

select {width: 50%}

/*************************************************
**************************************************
	Layout
**************************************************
*************************************************/

* {
	font-size: 10pt;
}

* html body {
	text-align: center;
}

* html body #body_wrapper {
	width: 95%;
	text-align: left;
}

#body_wrapper {
	min-width: 700px;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 1em;
	border-width: 0 2px;
}

#header {
	clear: both;
	margin-bottom: 5px;
}

#main_menu {
/*	margin-right: 301px;*/
}


#info_column {
	float: left;
/*	margin-top: -25px;*/
	width: 250px;
	border-right-width: 1px;
}

#right_column {
	float: right;
/*	margin-top: -25px;*/
	width: 250px;
	border-left-width: 1px;
}

#page {
	margin-left: 251px;
	margin-right: 251px;
/*	border-left-width: 1px;*/
}

#bottom {
	clear: both;
	border-top-width: 1px;
}


/*-----------------------------------------------------
	Bottom Section
-----------------------------------------------------*/
#signature {
    clear: both;
	border-top-width: 2px;
	padding: 0.4em;
	text-align: center;
}

.counters {
    clear: both;
	padding: 0.4em;
	text-align: right;

}


/*-----------------------------------------------------
	Info Section
-----------------------------------------------------*/

#info_column .info_section {
	padding: 0.5em;
}

#info_column li {
	list-style-position: inside;
	list-style-type: none;
}


.inform input, .inform button, .inform strong{
	margin: 0.2em 0.5em;
	height: 1.5em;
	vertical-align: middle;
}

.inform strong { float: left; width: 4em; clear: left; text-align: right; font-weight: bold;}
.inform input  { width: 7em; padding: 0 3px; border-width: 1px;}
.inform button { width: 1.8em; border: 0; }
.inform p { text-align: center; }

#server_list strong {
	font-weight: bold;
}

#server_list td {
	padding-right: 3px;
}

strong {
	font-weight: bold;
}

#ventrilo_section {
	overflow: auto;
	height: 400px;
}

/*******************************************
		News
*******************************************/

.news li {
	margin-left: 1em;
	margin-bottom: 1em;
	padding-left: 15px;
	border-left-width:2px;	
	border-bottom-width:1px;	
	list-style: none outside;
}

.news h4 {
	display: inline;
	margin-left: -0.5em;
	margin-right: 0.5em;
 	font-weight: bold;
 	text-align: left;
}

/***********************************************************
	Header
***********************************************************/

#header_top {	
	padding: 0.4em 0.5em;
	border-bottom-width: 1px;
}

#header_title {	
	padding: 0.5em 1em 0px;
	height: 125px;
}

#header_title * {
	float: left;
	text-decoration: none;
}

#header_title  h1 {	
	float: left;
	padding: 30px 0 0 20px;
	font-size: 300%;
	font-weight: bold;
}

#header_title  h2 {
	float: left;
	padding-left: 30px;
	font-size: 120%;
	font-weight: bold;
}

#header_title #cerberus_logo {
	float: right;
}

/*-----------------------------------------------------
	Menu Section
-----------------------------------------------------*/

#main_menu {
	border-bottom-width: 2px;
	word-spacing: 15px;
}

#main_menu li {
	display: inline;
	padding: 0 0.3em;
/*	border-left-width: 2px;
	word-spacing: normal;*/
}

#main_menu > li:first-child {
/*	border-left-width: 0 none;           */
}

.menu a {
	text-decoration: none;
	font-weight: bold;
}

.section_title, .menu {
	border-bottom-width: 2px;
	padding: 4px 5px;
	font-size: 100%;
	font-weight: bold;
}

/*-----------------------------------------------------
	Page Section
-----------------------------------------------------*/

#page {
	padding: 1em;
}

#page > div {
	margin-bottom: 2em;
}

#page h3 {
	font-weight: bold;
	border-style: dotted;
 	border-bottom-width: 1px;
 	margin-bottom: 1em;
}


#page > img {
	width: 100%;
}

hr { clear: both; }

#forum_info strong { font-weight:bold; }

#servers  {
/*	text-align: center;*/
}


/*************************************************
**************************************************
	Colors
**************************************************
**************************************************/

.odd { background-color: gray;}
.even {	background-color: silver;}

body { background: gray url('/img/blue/background.gif') repeat;}

#body_wrapper {
	background: white;
	border-color: blue;
}

#top { color: white;}

#header { background:  #30C0F0 url('/img/blue/head.jpg') top repeat-x;}

#header * { color: white; }

#server_info { background:  #30C0F0 url('/img/blue/head_man_right.jpg') right top no-repeat;}

#forum_info strong { color: blue; }
                  
#page, #page h3 { border-color: silver;}

.section_title, #signature, .menu {
	background: gray url('/img/blue/plashka.gif') repeat-x;
	color: white;
	border-color: blue;
}

#signature * {
	color: white;
}

.menu a { color: white; }

.menu > li:hover {
/*	background-color: #30C0C0;*/
}

.menu > li.selected {
/*	background-color: gray;*/
}


form input, form button {
	background: white;
	color: black;
	border-color: black;
}

.news li {
	border-color: silver;
}