html, body {
height:100%;
background: #f2f3ee url(../images/bg_grad.gif) repeat-x;
font-family:Verdana, "trebuchet ms", arial, helvetica, sans-serif;
color:#333333;
font-size:.9em;
margin: 0 10px;
}

p{text-align: justify;}

a {text-decoration : none;}
a:link {color: #1D81CC;}
a:visited {color: #216CA4;}
a:hover {color: #1D81CC;border-bottom:1px dashed #1D81CC;}
a img {border: none; border-style: none;}

h1 {
margin:0;
font-size: 26px;
font-weight: bold;
}

h2 {
margin:1em 0 0 0;
font-size: 120%;
font-weight: bold;
}

.home {
width:100%;
height:229px;
background: url(../images/home.png) no-repeat;
}

.home-entry {
padding:.4em;
margin:1em;
background:#F2F3EE;
border-top:1px dotted #E2E3DF;
border-left:10px solid #E2E3DF;
}

#pagewidth{
width:1000px;
text-align:left;
margin-left:auto;
margin-right:auto;
}

#header{
background: url(../images/header.png) no-repeat;
height:59px;
}

#wrapper{
background: url(../images/content.png) repeat-y;
padding: 8px 0 10px 10px;
height:100%;
}

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

#footer{
width:1000px;
height:37px;
background: url(../images/footer.png) no-repeat;
clear:both;
}

#footer_inner{
width:960px;
padding-top:14px;
text-align:center;
font-size:14px;
color:#ffffff;
}

#menu {
float:left;
width:300px;
height:100%;
background:#F2F3EE;
padding:5px;
border:2px solid #E2E3DF;
}

#content-main {
width: 630px;
float: left;
margin-left: 5px;
margin-right: 10px;
padding:0 5px 5px 5px;
}

#name-title{
font-size:20px;
font-weight:bold;
}

#name-subtitle{
font-size:12px;
margin-bottom:.5em;
}

.separator{
margin:10px 5px 5px 0;
font-size:1px;
height:1px;
background: url(../images/dots.gif) repeat-x;
}

.menu-title{
color:#555555;
font-size:120%;
padding-bottom:.3em;
font-weight:bold;
}

.date{
color:#a7a7a7;
font-size:80%;
font-weight:bold;
}

.categories,.sub_section{
background:#F2F3EE;
color:#cccccc;
padding:3px;
margin-bottom:10px;
border-bottom:1px solid #aaaaaa;
font-size:90%;
}

.sub_section { color:#444444; }

.table-header {
background:#F2F3EE;
font-weight:bold;
}

.short-description {
padding-top:0.3em;
margin-bottom:.5em;
border-top:1px dotted #F2F3EE;
font-size:110%;
}

.article {
padding:3px 8px 2px 8px;
margin-bottom:1em;
background: url(../images/shade.png) repeat-x;
border: 2px solid #F2F3EE;
}

.article_title {
font-size:130%;
}

.article_since,.comm_since {
padding:3px;
padding-left:10px;
font-size:80%;
color:#808080;
}

.article_subtitle,.comm_text {
padding-left:10px;
}

.article_nav {
color:#777777;
font-size:90%;
}

.item-description {
font-size:80%;
padding-bottom: 3px;
color: #777777;
}

.message {
font-family : Tahoma, Arial, sans-serif;
font-weight: bold;
font-size : 1.0em;
color : #c30;
text-align: left;
width: auto;
background-color: #f9f9f9;
border: solid 1px #d5d5d5;
margin: 5px;
padding: 3px 10px;
}

.message_title {
font: 16px Arial, Sans-serif;
font-weight: bold;
color: RGB(159, 39, 0);
}

.message ul {
font: 12px Arial, Sans-serif;
margin-left: 10px;
}

.box {
font-size:90%;
}

.pagination {
padding:5px;
}

.code {
font:1em Arial, Monospace;
background: #F2F3EE;
border: 1px dashed #E2E3DF;
border-left: 2px solid #E2E3DF; 
padding:.5em;
margin:.5em;
}

.code-indent {
padding-left:1em;
}

.tip-box {
font-size:90%;
margin:1em;
padding:.5em;
border:2px solid #E2E3DF;
}

.data-table {
margin:1em;
cell-spacing: .3em;
background: #f2f3ee;
border: 2px solid #E2E3DF;
}

.data-table th {
background:#E2E3DF;
}

code {
font-size: 120%;
}

.important {
color:red;
}

div.quote {
margin-left: 2em;
border-left: 2px solid #E2E3DF;
padding-left:1em;
}