/* $Id: clansphere.css 232 2006-08-19 16:07:22Z hajo $ */

body {
 background:url(images/bg.jpg) repeat-x;
	background-color:#000000;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	margin:0px;
	text-align:center;
}

a{ color:#FF0000; text-decoration:none;}
a:hover{ color:#FFFFFF; text-decoration:none;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
input, textarea, select {
	background-color:#383838;
	border:1px solid #000000;
	color:#8D8D8D;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:8pt;
	margin:2px;
	padding-left:3px;
	}
img {
	border:0px;
}
form {
	display:inline;
}
textarea {
	width:100%;
}

#errors {
	color:#CC0000;
}
#sql {
	color:#666666;
}

.forum {
	color:inherit;
	margin:0px;
}

.left,.center,.right {
	padding:1px;
}
.leftb,.centerb,.rightb {
	background-color:#0a0a0a;
	color:inherit;
	padding:5px;
	font-size:10px;
}
.leftc,.centerc,.rightc {
	background-color: #0A0A0A;
	color:inherit;
	padding:5px;
	font-size:10px;
}
.left,.leftb,.leftc {
	text-align:left;
}
.center,.centerb,.centerc {
	text-align:center;
}
.right,.rightb,.rightc {
	text-align:right;
}
.quote {
	background-color:#444444;
	border:1px solid #C4C4C4;
	color:inherit;
	padding:6px;
	text-align:left;
}

.calhead {
	background-color:#555555;
	color:inherit;
	padding:4px 2px 4px 2px;
	text-align:center;
}
.calday,.calevent,.caltoday, .calweek {
	padding:4px 2px 4px 2px;
	text-align:right;
}
.calday {
	background-color:#666666;
	color:inherit;
}
.calevent {
	background-color:#444444;
	color:inherit;
}
.caltoday {
	background-color:#3E3E3E;
	color:inherit;
}
.calweek {
	background-color:#333333;
	color:inherit;
}

#page{ text-align:center;}
#main_wrap{ width:945px; margin:0px auto; text-align:left;}

.wrap{ width:945px; float:left; text-align:left; background:url(images/wrap_bg.jpg) repeat-y;}
#top_bar{ background:url(images/top_bar_bg.jpg) repeat-x; height:28px;}
#top_wrap{ width:945px; margin:0px auto; text-align:left;}
#banner{float:left; background:url(images/banner.jpg) no-repeat; width:945px; height:270px;}
#login{ height:30px; float:left; color:#FFFFFF;  padding-left:15px;}
#username{ background: #000000; border:none; margin-left:42px; margin-top:7px; font-size:9px; width:100px; padding-left:2px;}
#password{ background: #000000; border:none; margin-left:26px; margin-top:7px; padding-left:2px; font-size:9px; margin-right:70px;}
#check{ background:#000000; border: none;}
.submit{background: #202020; border:1px solid #333333; color:#FFFFFF; margin-left:20px; margin-top:4px; margin-right:30px;}
#logged_in{ background:#0F0F0F; float:left; padding:5px; width:850px;}
.login_btn a{ display:block; padding:3px; background: #1F1F1F; border:1px solid #666666; float:left; color:#FFFFFF; text-decoration:none; text-align:center; margin-right:5px;}
.login_btn a:hover{ display:block; padding:3px; background: #FFFFFF; color:#000000; border:1px solid #666666; float:left;}
#admin_btn a{ font-size:10px; float:left; color:#FF0000; text-decoration:none;}
#admin_btn a:hover{ font-size:10px; float:left; color:#FFFFFF; text-decoration:none;}

#nav{float:left; background:url(images/nav.jpg) no-repeat; width:945px; height:33px;}
.nav_btn{ background:url(images/nav_btn.jpg) repeat-x; width:94px; height:33px; float:left;}
.nav_btn_text a{ color:#FFFFFF; text-align:center; width:94px; font-variant:small-caps; font-size:11px; display:block; text-decoration:none; padding-top:10px; padding-bottom:10px;}
.nav_btn_text a:hover{ color:#FFFFFF; text-decoration:none; background-image:url(images/nav_btn_hover.jpg);}

.section{ background:url(images/section.jpg) no-repeat; width:315px; height:161px; float:left;}
.section_flash{ background:url(images/section_flash.jpg) no-repeat; width:315px; height:161px; float:left; font-weight:bold; font-variant:small-caps;}
#flash_roster{ text-align:center;}
#flash_roster img{ margin-right:5px; width:50px; height:50px; float:left;}
.holder{ padding-left:22px; text-align:center; margin-top:10px; margin-bottom:20px;}
.names{ width:50px; font-weight:bold; text-align:center; margin-right:5px; float:left;}
.section_header{ font-variant:small-caps; font-size:12px; text-align:center; font-weight:bold; margin-top:13px; height:31px;}
.section_holder{ line-height:21px; padding-left:17px;}
.section_holder a{ color:#FF0000; text-decoration:none;}
.section_holder a:hover{ color:#FFFFFF; text-decoration:none;}
.section_section_wrap{ padding-left:19px; line-height:21px; float:left; width:296px}

.side{ float:left; background:url(images/side_bg_y.jpg) repeat-y; width:190px;}
.side_header{ background:url(images/side_header.jpg) no-repeat; width:190px; height:34px;}
.side_header_text{ text-align:right; font-variant:small-caps; font-weight:bold; font-size:12px; padding-top:7px; padding-right:30px;}
.side_holder{ padding-left:15px; padding-right:15px; line-height:20px;}
#flashad{ width:160px; height:140px; padding-left:15px; padding-right:15px;}
.side_section{ background:url(images/side_section.jpg) repeat-y; width:190px;}
.side_section_partner{ background:url(images/sponsor_section.jpg) repeat-y; width:190px; height:61px; text-align:center;}
.head_section_partner{ background:url(images/sponsor_section.jpg) no-repeat; width:190px; height:122px; text-align:center;}
.side_section_wrap_nopadding{ height:20px; width:160px;}
.side_section_wrap_nopadding a{ color:#CC0000; text-decoration:none;}
.side_section_wrap_nopadding a:hover{ color:#FFFFFF; text-decoration:none;}
.side_section_wrap{ height:20px; padding-top:5px; width:160px;}
.side_section_wrap a{ color:#CC0000; text-decoration:none;}
.side_section_wrap a:hover{ color:#FFFFFF; text-decoration:none;}
.side_left{ float:left; padding-right:10px;}
.side_right{ float:right; padding-right:15px;}
.side_center{ text-align:center; padding:5px; margin-left:2px; margin-right:1px; line-height:21px; background-color:#590002;}
.side_center a{ color:#FFFFFF; text-decoration: underline; font-weight:bold;}
.side_center a:hover{ color:#FFFFFF; text-decoration:none; font-weight:bold;}

#main{ float:left; width:565px;}
#flashbox{ background: url(images/flashbox.jpg) no-repeat; width:538px; height:208px; float:left; padding-right:12px; padding-top:17px; padding-left:14px; padding-bottom:0px;}
#flashbox_holder{height:189px; width:539px;}
#func{ width:550px; float:left; padding:15px; padding-right:0px; font-size:10px;}
#func a{ color:#FF0000; text-decoration:none; font-size:10px;}
#func a:hover{ color: #FFFFFF; text-decoration:none; font-size:10px;}

#footer{ background:url(images/footer_bg.jpg) repeat-x; height:33px; width:945px; float:left;}
#footer_nav{float:left; padding-top:10px; padding-left:10px; font-size:10px;}
#footer_text{ float:right; padding-top:10px; padding-right:10px; font-size:10px;}
#footer_text a{ color:#FF0000; text-decoration:none;}
#footer_text a:hover{ color:#FFFFFF; text-decoration:none;}
#footer_nav a{ color: #666666; text-decoration:none;}
#footer_nav a:hover{ color:#FFFFFF; text-decoration:none;}


.headb { color:#FF0000; text-decoration:underline; font-size:12px;}
.headb h1 { margin:0px; color:#FF0000; text-decoration:underline; font-size:14pt; font-weight:normal;}
.small_text{ color:#FFFFFF; font-size:10px;}
hr{ color:#FF0000; height:1px; background-color:#FF0000; width:100%; border:none; margin:0px; margin-top:5px; margin-bottom:5px;}
.news_wrap{ margin-top:10px;  float:left; width:535px; text-align:left;}
.news_wrap p{ margin:0px;}
.cat_pic{float:left; margin-right:10px;}
.view_btn{ float:left;}
.comment{ float:right;}
#awards{ padding-top:15px;}