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

body {
	background:url(img/bg.jpg) #0c0b09;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
	color: #f1efe9;
	margin:3px auto;
}
a:link, a:visited {
	background-color:inherit;
	color:#f1efe9;
	text-decoration:none;
}
a:active, a:hover {
	background-color:inherit;
	color:#e21414;
	text-decoration:underline;
}
div,span {
	color:#f1efe9;
	font-family:Verdana,Helvetica,sans-serif;
}
.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:#2d2e24;
	border:1px solid #90876e;
	color:#f1efe9;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:8pt;
	margin:2px;
	padding-left:3px;
	}
img {
	border:0px;
}
form {
	display:inline;
}
td {
	background-color:inherit;
	color:#f1efe9;
	font-size:8pt;
	vertical-align:top;
}
textarea {
	width:85%;
}
ul {
	margin:0px;
}

#nav-left,#content,#bottom {
	float:left;
	margin:auto;
}

#nav-left {
	width:14%;
}
#nav-right {
	float:right;
	width:20%;
}
#content {
	background-color:inherit;
	color:#f1efe9;
	text-align:center;
	width:66%;
}
#bottom {
	background-color:#000000;
	border:1px solid #C4C4C4;
	color:inherit;
	margin-top:10px;
	padding:4px 0px 4px 0px;
	width:80%;
}
#head {
	background-color:#f1efe9;
	border:1px solid #C4C4C4;
	color:#F2F2F2;
	font-size:10pt;
	height:100px;
	margin-bottom:20px;
	text-align:center;
	width:80%;
}
#debug {
	height:150px;
	margin-bottom:20px;
	overflow:auto;
	padding-left:4px;
	width:100%;
	text-align:left;
}
#errors {
	color:#CC0000;
}
#sql {
	color:#666666;
}
.h1 {
	color: #f1efe9;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
}
.h2 {
	color: #f1efe9;
	font-size: 14pt;
	font-weight: normal;
	text-decoration: none;
}
.h3 {
	color: #f1efe9;
	font-size: 18pt;
	font-weight: normal;
	text-decoration: none;
}
.forum {
	background-color:#90876e;
	color:inherit;
	margin:5px;
	border-collapse:seperate;
	border-spacing:1px;
}

.headb {
	background-color:#2d2e24;
	color:inherit;
	font-weight:bold;
	padding:4px;
	text-align:left;
}
.bottom {
	background-color:#2d2e24;
	color:inherit;
	padding:4px 6px 4px 8px;
	text-align:left;
}
.newshead {
	background-color:#2d2e24;
	color:inherit;
	font-size:11pt;
	font-weight:bold;
	padding:4px 6px 4px 8px;
	text-align:left;
}
.left,.center,.right {
	padding:1px;
}
.leftb,.centerb,.rightb {
	background-color:#18180f;
	color:inherit;
	padding:4px 6px 4px 8px;
}
.leftc,.centerc,.rightc {
	background-color:#0f0f09;
	color:inherit;
	padding:4px 6px 4px 8px;
}
.left,.leftb,.leftc {
	text-align:left;
}
.center,.centerb,.centerc {
	text-align:center;
}
.right,.rightb,.rightc {
	text-align:right;
}
.quote {
	background-color:#333333;
	border:1px solid #f8f8ff;
	color:inherit;
	padding:6px;
	text-align:left;
}
.navhead,.navhead2 {
	background-color:#f1efe9;
	border:solid #C4C4C4;
	border-width:1px 1px 0px 1px;
	color:inherit;
	font-weight:bold;
	padding:4px;
	text-align:center;
}
.error_message_box {
	border: 2px solid #660000;
	background:#FFD3D3;
	font-weight: bold;
	padding: 10px 0;
	margin: 0 auto;
}
.navbodyb,.navbody2b {
	background-color:#333333;
	border:1px solid #f1efe9;
	color:inherit;
	list-style:none;
	padding:4px 6px 4px 8px;
	text-align:left;
}
.calnav {
	background-color:#333333;
	color:inherit;
	padding:1px 1px 1px 1px;
	text-align:center;
}
.calhead {
	background-color:#555555;
	color:inherit;
	padding:10px 10px 10px 10px;
	text-align:center;
}
.calday,.calevent,.caltoday, .calweek {
	padding:20px 20px 20px 20px;
	text-align:right;
}
.calday {
	background-color:#333333;
	color:inherit;
}
.calevent {
	background-color:#800000;
	color:inherit;
}
.caltoday {
	background-color:#444444;
	color:inherit;
}
.calweek {
	background-color:#333333;
	color:inherit;
}
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 100%; /*Width of Carousel Viewer itself*/
height: 110px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 80px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}