Clansphere :: FREE Clan Content Management System

body {
background-color: #E5E5E5;
padding: 10px 10px 0 10px;
font-size: 12px;
font-family: Tahoma, Arial, 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 */

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

#container {
margin: 0 auto;
width: 100%;
}

#head, #debug, #bottom {
width: 98%;
background-color: #FFFFFF;
border: 1px solid #888888;
padding: 5px 1%;
color: #757575;
}
#head {
height: 100px;
font-size: 60px;
letter-spacing: 5px;
text-align: center;
}
#debug {
overflow: auto;
font-size: 10px;
line-height: 150%;
}
#head span {
color: #B91F1D;
}
#head div {
font-size: 12px;
letter-spacing: 1px;
}
#bottom {
clear: both;
margin-bottom: 20px;
text-align: center;
}
#errors {
color:#DD3300;
}
#sql {
color:#666666;
}
#nav-left {
float: left;
width: 16%;
margin-bottom: 20px;
}
#nav-left a {
border-right: 1px solid #888888;
border-left: 1px solid #888888;
border-bottom: 1px solid #888888;
display: block;
text-decoration: none;
color: #000000;
padding: 2px 0 2px 15px;
background-color: #FFFFFF;
font-size: 13px;
}
.dark {
background-color: #F0F0F0 !important;
}
#nav-left a:hover {
border-right: 4px solid #BA1616;
text-decoration: underline;
}
* html #nav-left a:hover, *:first-child+html #nav-left a:hover {
padding-left: 15px;
}
#content {
float: left;
width:64%;
margin-bottom: 20px;
margin-top: 20px;
font-size: 12px;
position: relative;
}
#nav-right {
float: right;
margin-bottom: 20px;
width: 20%;
}
.navbody {
border-left: 1px solid #888888;
border-right: 1px solid #888888;
border-bottom: 1px solid #888888;
background-color: #FFFFFF;
padding:4px 6px 4px 8px;
color: #000000;
font-size: 13px;
}
.navbody td {
font-size: 13px;
}
#nav-left div, .navhead {
margin-top: 20px;
border: 1px solid #888888;
color: #B91F1D;
border-right: 4px solid #BA1616 !important;
letter-spacing: 3px;
padding:4px 6px 4px 8px !important;
background-color: #FFFFFF;
font-size: 16px;
}
#counter span {
float: right;
}

#ajax_loading {
position:absolute;
top:20px;
right:20px;
}

Content.css

span, div {
margin: 0;
padding: 0;
}
hr {
border: 1px solid #888888;
}
img {
border: 0;
}
form {
display: inline;
}
td {
background-color: inherit;
color: #000000;
font-size: 8pt;
vertical-align: top;
line-height: 1.5;
}
textarea {
width: 90%;
}
ul {
margin: 0;
}

input, textarea, select {
background-color: #EEEEEE;
border: 1px solid #002200;
color: #002200;
font-family: Tahoma, Arial, sans-serif;
font-size: 8pt;
margin: 2px;
padding-left: 3px;
}
.forum {
background-color:#888888;
color:inherit;
font-family: Tahoma, Arial, sans-serif;
font-size: 8pt;
margin:auto;
border-collapse:separate;
border-spacing:1px;
}
.headb {
background-color:#FFFFFF;
color:#B91F1D;
text-transform: uppercase;
padding:4px 6px 4px 8px;
text-align:left;
letter-spacing: 3px;
border-right: 4px solid #BA1616 !important;
font-size: 14px;
}
.bottom {
background-color:#FFFFFF;
color:inherit;
padding:4px 6px 4px 8px;
text-align:left;
}
.newshead {
background-color:#FFFFFF;
color:#B91F1D;
font-size:14px;
padding:4px 6px 4px 8px;
text-align:left;
letter-spacing: 1px;
}
.left,.center,.right {
padding:1px;
}
.leftb,.centerb,.rightb {
background-color:#FFFFFF;
color:#222222;
padding:4px 6px 4px 8px;
}
.leftc,.centerc,.rightc {
background-color:#F2F2F2;
color:#222222;
padding:4px 6px 4px 8px;
}
.left,.leftb,.leftc {
text-align:left;
}
.center,.centerb,.centerc {
text-align:center;
}
.right,.rightb,.rightc {
text-align:right;
}
.notpublic {
background-color:#F5F5F5 !important;
color:#CCC !important;
font-style:italic;
}

.quote {
background-color:#EEEEEE;
border:1px dashed #888888;
color:inherit;
padding:6px;
text-align:left;
}
.h1 {
color: #333333;
font-size: 14pt;
font-weight: bold;
text-decoration: none;
}
.h2 {
color: #333333;
font-size: 16pt;
font-weight: normal;
text-decoration: none;
}
.h3 {
color: #333333;
font-size: 20pt;
font-weight: normal;
text-decoration: none;
}

#msg_normal, #msg_success {
width: 90%;
color:inherit;
margin:auto;
border: 1px solid #888;
margin-bottom: 10px;
text-align:center;
}
#msg_normal div, #msg_success div {
padding: 8px 0 8px 20px;
}
#msg_normal {
background-color: #fff;
}
#msg_success {
background-color: #ddffdd;
}

/*Cal*/
.calhead {
background-color:#FFFFFF;
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:#FFFFFF;
color:inherit;
}
.calevent {
background-color:#EEEEEE;
color:inherit;
}
.caltoday {
background-color:#FFE0E0;
color:inherit;
}
.calweek {
background-color:#FFFFFF;
color:inherit;
}

/*Manage*/
.manage {
background-color: #F8F8F8;
border: 1px solid #999999;
margin: 5px;
padding: 5px 0px 0px 0px;
}
.manage:hover {
background-color:#E2E2E2;
}

/*Themebar*/
.themebar {
border: 1px dashed #777777;
margin: 4px 8px 4px 8px;
padding: 4px;
}

/* UserStatus */
.uonline {
padding: 4px 0 4px 0;
color: #00BB00;
}

.uoffline {
padding: 4px 0 4px 0;
color: maroon;
}

.uinactive {
padding: 4px 0 4px 0;
color: #555555
}

.uthreadstarter {
color: #aa5500;
}

.thread_author_comment .leftc {
background-color:#f1eae6;
}