/*
Theme Name: betawax
Theme URI: http://www.betawax.de/blog/
Description: betawax WordPress Theme
Author: Holger Weis
Author URI: http://www.betawax.de/blog/
Version: 3.0
*/

body {
   color: #fff;
   font: normal 14px Verdana, Arial, sans-serif;
   background: #333;
}

html * { margin: 0; padding: 0; }
html img { border: 0; }

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

h1, h2, h3, h4, h5 { font-weight: normal; }
h3, h4, h5 { font-family: Georgia, serif; }
h1, h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }

ul { list-style: none; }
hr { border: 1px solid #fff; }
code { font-size: 12px; }
small { font-size: 11px; }
textarea { font-size: 12px; font-family: Verdana, Arial, sans-serif; }

/* Global */

.light {
   color: #ccc;
}

img.control {
   cursor: pointer;
}

div.container {
   position: relative;
   width: 900px;
   margin: auto;
}

/* Top */

div#top {
   height: 130px;
   background: #333;
}

div#top a.title {
   position: absolute;
   top: 33px;
   font-size: 60px;
   font-family: Georgia, serif;
   letter-spacing: 3px;
   text-decoration: none;
}

div.nav ul {
   position: absolute;
   top: 71px;
   left: 330px;
}

div.nav ul li {
   display: inline;
   margin-right: 20px;
   font-size: 18px;
}

div.nav ul li a {
   color: #ccc;
   text-decoration: none;
}

div.nav ul li.current_page_item a, div.nav ul li:hover a {
   color: #fff;
}

img#follow_me {
   position: absolute;
   top: 28px;
   right: 220px;
}

form#search {
   position: absolute;
   top: 50px;
   right: 0;
}

form#search img {
   margin: 1px 0 0 5px;
}

input#s {
   float: left;
   width: 180px;
   height: 14px;
   padding: 1px;
   color: #ccc;
   font-size: 12px;
   outline: none;
   border: 1px solid #ccc;
}

ul#options {
   position: absolute;
   top: 73px;
   right: 0;
}

ul#options li {
   display: inline;
   font-size: 11px;
}

ul#options li a {
   text-decoration: none;
}

ul#options li a:hover {
   text-decoration: underline;
}

ul#options li img {
   margin: 0 2px -2px 0;
}

/* Bar */

div#bar {
   height: 15px;
   font-size: 12px;
   border-top: 1px solid #fff;
   border-bottom: 1px solid #fff;
   background: url(images/bg.jpg);
}

/* Main */

div#main {
   background: #333;
}

div#main div.container {
   padding: 32px 0 30px 0;
}

/* Content */

div#content {
   float: left;
   width: 592px;
}

div#content > h1 {
   margin-bottom: 10px;
}

div#content > p {
   margin: 10px 0;
}

div#content ul {
   margin: 10px 0;
   list-style: disc;
}

div#content ul li {
   margin-left: 20px;
}

div#content div.post {
   margin-bottom: 25px;
}

div#content div.post div.date {
   float: left;
   width: 50px;
   overflow: hidden;
   font-size: 22px;
   font-family: Georgia, serif;
   text-align: center;
}

div#content div.post div.content {
   float: right;
   width: 510px;
   padding-bottom: 25px;
   border-bottom: 1px dashed #fff;
}

div#content div.post.single div.content {
   border-bottom: none;
}

div#content div.post div.content h1, div#content div.post div.content h2 {
   padding-bottom: 5px;
}

div#content div.post div.content h2 a {
   text-decoration: none;
}

div#content div.post div.content p {
   margin-top: 10px;
}

div#content div.post div.content div.info {
   margin-top: 20px;
   font-size: 11px;
}

div#content div.post div.content div.info a.comments {
   float: right;
}

div#content div.additional {
   float: right;
   width: 510px;
   margin-bottom: 20px;
}

div#content div.additional h3 {
   margin-bottom: 15px;
}

div#content div.additional.comments h3 {
   margin-bottom: 0;
}

div#content div.comments div {
   padding: 15px 0;
   font-size: 12px;
   border-bottom: 1px dashed #ccc;
}

div#content div.comments div.staff small, div#content div.comments div.staff small a {
   color: #b0cc66;
   text-decoration: none;
}

div#content div.comments div small {
   color: #ccc;
}

div#content div.comments div small a {
   font-size: 13px;
}

div#content div.comments div small span.author {
   color: #fff;
   font-size: 13px;
}

div#content div.comments div p {
   margin-top: 5px;
}

form#comment {
   font-size: 11px;
}

form#comment input.text {
   width: 300px;
   margin: 2px 0 10px 0;
   padding: 2px;
   outline: none;
   border: 1px solid #ccc;
}

form#comment input.submit {
   width: auto;
   margin-top: 15px;
}

form#comment textarea {
   width: 500px;
   height: 150px;
   margin-top: 2px;
   padding: 2px;
   outline: none;
   border: 1px solid #ccc;
}

div#content p.closing {
   float: right;
   width: 510px;
   text-align: center;
}

/* Panel */

div#panel {
   float: right;
   width: 282px;
   font-size: 12px;
}

div#panel div.content {
   margin-bottom: 20px;
}

div#panel div.content h5 {
   margin-bottom: 3px;
}

div#panel div.content p {
   margin-bottom: 3px;
}

div#panel div.content p.space {
   margin-bottom: 10px;
}

/* Foot */

div#foot {
   height: 50px;
   padding-top: 20px;
   border-top: 1px solid #fff;
   background: url(images/bg.jpg);
}

div#foot img.cc {
   margin-left: 80px;
}

div#foot small.legal {
   float: right;
   padding-top: 2px;
}

div#foot img.feed {
   float: right;
   margin-right: 10px;
}

/* Sprites */

a.sprites.social {
   display: block;
   float: left;
   width: 32px;
   height: 32px;
   margin-right: 2px;
   overflow: hidden;
   text-indent: -1000px;
   background: url(images/social.png);
}

a.sprites.social.twitter { background-position: 0 0; }
a.sprites.social.feed { background-position: -32px 0; }
a.sprites.social.google { background-position: -64px 0; }
a.sprites.social.delicious { background-position: -96px 0; }
a.sprites.social.lastfm { background-position: -128px 0; }
a.sprites.social.flickr { background-position: -160px 0; }
a.sprites.social.youtube { background-position: -192px 0; }
a.sprites.social.github { background-position: -224px 0; }

/* WP-Syntax */

div.wp_syntax {
   width: 510px;
   margin: 10px 0;
   color: #000;
   font-size: 12px;
   overflow: auto;
   border: 1px solid #fff;
   background: #f9f9f9;
}

div.wp_syntax td.line_numbers {
   padding: 4px;
   text-align: right;
   background: #def;
}

div.wp_syntax div.code, div.wp_syntax td.code {
   padding: 4px;
}

/* Google Reader */

div.reader-publisher-module h3 {
   margin-bottom: 3px;
   font: normal 16px Georgia, serif;
}

/* Delicious */

div.delicious-posts h2 {
   margin-bottom: 3px;
   font: normal 16px Georgia, serif;
}

div.delicious-posts h2 a {
   text-decoration: none;
}

div.delicious-posts a.delicious-tag {
   color: #04a1ff;
}