/*  
Theme Name: berellion
Theme URI: http://www.berellion.de
Description: berellion theme
Version: 1.0
Author: Stefan Landsbek
Author URI: http://www.47nord.de
*/

/*
beige: #EBEAE0
dark grey: #666666
light grey: #999999
green: #00993A
*/

/* Reset */
/* Based upon 'reset.css' and 'reset-fonts.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
body {font:13px/1.55 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body { 
    font-family:verdana,arial,clean,sans-serif;
    background: transparent url(images/bg.gif) repeat;
}

strong {
    font-weight: bold;
}

h1 { 
    font-size:153.9%; 
}

h2 { 
    font-size:138.5%;
    margin-bottom: 15px;
}

h3 { 
    font-size: 108%; 
    margin-bottom: 10px;
}

h4 { 
    font-size:100%; 
}

h5 { 
    font-size:100%; 
}

h6 { 
    font-size:85%; 
}

p { 
    margin-bottom: 1em; 
}

a:focus, a:hover {
    color: #666;
    text-decoration: none; 
}

a { 
    color: #666;
    text-decoration: none;
}

td, th {
    padding: 5px;
}

th {
    font-weight: bold;
    border-bottom: 1px solid #000;
}

tr.even {
    background-color: #DDD;
}

h2 a:focus, h2 a:hover, h3 a:focus, h3 a:hover {
    color: #000;
    text-decoration: none; 
}

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

#wrapper {
    margin: 0 auto;
    padding: 10px 0;
    width: 960px;
}

#page {
    position: relative;
    background-color: #EBEAE0;
}

#header {
    height: 144px;
    margin-bottom: 16px;
    border-top: 10px solid #000;
    background-color: #fff;
}

#header div#subscriber {
    margin-left: 930px;
}

#ape {
    position: absolute;
    top: 10px;
    left: 10px;
}

#logo {
    position: absolute;
    top: 30px;
    left: 70px;
}

#main_nav {
    margin-top: 100px;
    padding: 10px 0 0 100px;
    border-top: 8px solid #EBEAE0;
    font-size: 123.1%;
    color: #000;
}

#main_nav li {
    float: left;
    padding-right: 70px;
}

#main_nav a:focus, #main_nav a:hover {
    color: #000;
}

#main_nav a { 
    color: #000;
}

#content {
    float: left;
    width: 680px;
    position: relative;
    padding: 25px 20px;
    background-color: #fff;
}

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

#content .navigation div {
    margin-bottom: 5px;
}

.post {
    margin: 0 0 40px;
}

p.tags {
    margin: 20px 0 10px 0;
}

.post p.date {
    margin-bottom: 5px;
}

#commentform p {
    margin: 10px 0;
}

#sidebar {
    margin-left: 730px;
}

#sidebar h6 {
    padding: 10px 0 2px 20px;
    margin-bottom: 6px;
    background-color: #fff;
}

#sidebar ul {
    padding: 0 0 10px 20px;
    background-color: #fff;
    font-size: 85%;
}

#sidebar li {
    padding: 2px 0 3px 0;
}

#footer {
    text-align: center;
    margin: 20px auto;
    padding: 20px;
    border-top: 8px solid #000;
}

#footer a:focus, #footer a:hover {
    color: #000;
    text-decoration: none; 
}

#footer a { 
    color: #000;
    text-decoration: none;
}

.clear {
    clear: both;
}

.divider {
    background: transparent url(images/dotted_divider.gif) repeat-x scroll 0 0;
    height: 1px;
    margin: 10px 0;
}