body {
 font-family: helvetica, sans-serif;
 background: #666666;
 padding: 0;
 margin: 0;
}

.logo {
 background-image: url('logo.png');
 background-repeat: no-repeat;
 background-position: right top;
 z-index: 0;
 position: absolute;
 right: 60px;
 height: 300px;
 width: 500px;
}

a { text-decoration: none; color: #000 }
h1, h2, h3 { color: #6699CC }

input, textarea {
        color: #fff;
        background: #666666;
        border: 2px solid #6699CC;
}

textarea {
 max-width: 750px;
}

 #header {
 height: 40px;
 padding: 25px 0 70px 40px;;
 border-top: 20px solid #555555;
 overflow: hidden;
}

 #header h1 a { color: #6699CC }

 #header .inner {
}

 #mainmenu {
 margin-left: 50px;
 background: #666666;
 color: #fff;
 display: block;
 margin-right: auto;
 clear: both;
 font-variant: small-caps;
}

 #mainmenu .navlist {
}

 #mainmenu ul { padding: 0; margin: 0; display: inline; }
 #mainmenu li {
 background: #666666;
 display: block; list-style-type: none; float: left;
 padding-left: 20px;
 padding-right: 20px;
 -moz-border-radius-topleft: .3em; -webkit-border-top-left-radius: .3em; -moz-border-radius-topright: .3em; -webkit-border-top-right-radius: .3em;
 border-left: 1px solid #555555;
 border-top: 1px solid #555555;
 border-right: 1px solid #555555;
}

 #mainmenu li.selected {
 background: #fff;
 -moz-border-radius-topleft: .3em; -webkit-border-top-left-radius: .3em; -moz-border-radius-topright: .3em; -webkit-border-top-right-radius: .3em;
}

 #mainmenu li a { color: #fff; }
 #mainmenu li.selected a {
 color: #000;
 border-bottom: 1px dotted #6699CC;
}

 #content {
 clear: both;
 overflow: hidden;
 margin-left: 40px;;
 margin-right: 70px;
 padding-left: 40px;
 padding-right: 40px;
 background: #fff;
 color: #000;
 -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
}

 #content a {
 color: #6699CC;
 text-weight: bold;
}

 #contentinner {
 margin-right: 250px;
}

 #sidebar {
 position: absolute;
 width: 190px;
 top: 278px;
 right: 70px;
 border-left: 3px solid #6699CC;
 padding-left: 20px;
 padding-right: 20px;
 clear: both;
 font-size: 90%;
}

.post {
 padding-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 40px;
}

.post .header {
 display: block;
 margin-bottom: 20px;
 padding-bottom: 3px;
 border-bottom: 3px solid #6699CC;
}

.post .header .title {
 display: block;
 color: #6699CC;
 font-size: 130%;
}

.post .header .category {
        font-size: 70%;
}

.post .header .tags {
        display: none;
        visibility: hidden;
}

.post .footer {
 font-weight: bold;
 font-size: 80%;
 text-align: right;
}

 #footer { font-size: 70%; text-align: center; }

 #sidebar ul {
 margin-left: 0;
 padding-left: 4px;
}

 #sidebar li {
 list-style-type: none;
 margin-left: 0;
 padding-left: 0;
}

pre {
 padding-left: 5px;
 padding-top: 5px;
 border-left: 3px dotted #6699CC;
}
