/*
Theme Name: Fixed Blue
Theme URI: http://bueltge.de
Description: Ein dreispaltiges Layout mir relativer Breite des content und fixem Header.
Version: 1.0
Author: Frank Bueltge
Author URI: http://bueltge.de
Last Date: 10.08.2007 11:20:01
*/

* {
margin: 0;
padding: 0;
}

/*************************************
Italics Bug 
*************************************/
* html * {
overflow: visible;
} 

* html iframe, * html frame {
overflow: auto;
} 

* html frameset {
overflow: hidden;
}

body {
font-size: 80%;
font-family: Palatino, "Palatino Linotype", "Book Antiqua", "URW Palladio L", Georgia, serif;
background: #f4f4f4;
color: #333;
}

.onest /*schwarz*/ {
color: #333;
border-bottom: 1px dotted #333;
}

.twost /*rot*/ {
color: #ba0100;
border-bottom: 1px dotted #ba0100;
}

.threest /*gruen*/ {
color: #349e01;
border-bottom: 1px dotted #349e01;
}

.fourst /*orange*/ {
color: #e85101;
border-bottom: 1px dotted #e85101;
}

.fivest /*blau*/ {
color: #1152c8;
border-bottom: 1px dotted #1152c8;
}

/*************************************
Container Page, Headlines
*************************************/

#page {
max-width: 958px;
margin: 0 auto;
padding: 0;
background: #f4f4f4;
}

h1, h2, h3, h4 {
font-family: Georgia, Times, Times-Roman, serif; 
font-weight: bold;
padding: 20px 0 2px 0;
}

h3 {
font-size: 1em;
margin-top: 10px;
}

h4 {
font-size: .9em;
}

h5 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold;
padding: 20px 0 2px 0;
}

/*************************************
Header, Quicknavi
*************************************/

#header  {
width: 100%;
height: 122px;
margin: 0 0 20px 0;
background: #016eb4 url('images/bgf.gif') repeat-x;
border-bottom: 4px solid #fff;
z-index: 1;
padding-left: 30px;
}

#header[id], #quicknavi[id] {
position: fixed;
}

#header img {
float: left;
margin: 2px 20px;
padding: 2px;
border: 2px solid #fff;
cursor: move;
position: relative;
height: 110px;
width: 770px;
}

#header a:link img, #header a:visited img {
border: 2px solid #fff;
}

#header a:hover img, #header a:active img {
border: 2px solid #74a8f5;
}

#header h1 {
font-size: 2.65em;
margin-left: 10px;
padding: 35px 0 0 0;
}

#header a:link, #header a:visited {
color: #fff;
text-decoration: none;
}

#header a:hover, #header a:active {
color: #74a8f5;
text-decoration: none;
}

#quicknavi {
position: absolute;
top: 0px;
right: 0px;
height: 50px;
margin: 0;
padding: 2px 10px ;
font-size: .8em;
text-align: right;
z-index: 999;
}

#quicknavi h5 {
font-size: 1.3em;
padding: 5px 0 4px 0;
}

#quicknavi img {
margin-top: 5px;
padding: 0;
border: 1px solid #fff;
}

#quicknavi a:hover img, #quicknavi a:active img {
border: none;
border: 1px solid #74a8f5;
}

#quicknavi a:link, #quicknavi a:visited {
color: #f4f4f4;
text-decoration: none;
}

#quicknavi a:hover, #quicknavi a:active {
color: #74a8f5;
text-decoration: none;
}

/*************************************
Artikel
*************************************/

#content {
margin-left: 386px;
padding: 0 6px 10px 6px;
font-size: 1em;
text-align: left;
background: #f4f4f4;
border-left: 4px solid #fff;
}

#content[id] {
padding-top: 120px;
}

#content h2 {
font-size: 1.4em;
}

#content h2 a:link, #content h2 a:visited { 
text-decoration: none;
}

#content h2 a:hover, #content h2 a:active { 
text-decoration: none;
color: #74a8f5;
}

#content h3 {
margin-bottom: -5px;
}


#content h3 a:link, #content h3 a:visited { 
text-decoration: none;
}

#content h3 a:hover, #content h3 a:active { 
text-decoration: none;
color: #74a8f5;
}

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

#content .entry p, #content ul, #content ol {
margin-top: 15px;
}

.entry {
line-height: 1.6;
letter-spacing: .04em;
margin-bottom: 20px;
}

#content ul li, #content ol li {
margin: 5px 30px;
}

#content ul ul, #content ol ol {
margin: 5px 15px;
}

.navigation {
margin: 15px 0 0 5px;
}

.postmetadata {
padding: 0 0 5px 0;
font-size: .8em;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1px dotted #333;
}

.postmetadata img {
border: 0;
padding: 0;
margin-bottom: -4px;
}

#postmetadata2 {
height: 130px;
padding: 15px 10px 0 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .85em;
text-align: left;
color: #f4f4f4;
background: url('images/blase.gif') no-repeat;
}

#postmetadata2 a:link, #postmetadata2 a:visited, #postmetadata a:hover, #postmetadata a:active {
color: #e85100;
}

.contentnavi {
float: right;
margin: 10px 20px 0 20px;
padding: 10px;
background: #fff;
}

.contentnavi h3 {
margin: 0;
padding: 0;
}

#content .adsense {
text-align: center;
margin-bottom: 25px;
padding: 10px 0;
border-bottom: 1px dotted #333;
border-top: 1px dotted #333;
}

.newpost img{
float: right;
border: none;
background: none;
margin-top: 5px;
padding: 0;
}

.pagination {
font-size: 1.2em;
}

.pagination a{
padding: 2px 5px;
font-size: 1.4em;
font-weight: bold;
}

/*************************************
Kommentare
*************************************/

#comments h2 {
font-size: 1.2em;
}

#comments textarea{
width: 520px;
}

#comments ol li {
list-style-type: none;
padding: 10px;
overflow: auto;
margin: 10px 0px;
}

.commentlist li, .trackbacklist li{
border: 4px solid #fff;
}

.alt {
background: #f7f9f7;
}

.alt a:link, .alt a:visited {
color: #e85101;
}

.alt .commentmetadata {
color: #ba0100;
}

li.mein_kommentar {
background: #fff;
border: 4px solid #349e01;
}

.mein_kommentar a:link, .mein_kommentar a:visited {
color: #349e01;
}

.mein_kommentar .commentmetadata {
color: #349e01;
}

.gravatar {
float: left;
width: 30px;
height: 30px;
padding: 2px;
margin: 0px 4px 0px 0px;
background-color: #FFF;
border: 1px solid #DDD;
}

.comment-number {
float: right;
font-size: 2em;
}

.open {
font-size: 1.2em;
font-weight: bold;
}

/*************************************
Respond
*************************************/

#respond {
float: left;
width: 200px;
padding: 0 10px 20px 10px;
background: #f7f9f7;
font-size: .9em;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-right: 4px solid #fff;
border-left: 4px solid #fff;
border-bottom: 4px solid #fff;
}

#respond[id] {
margin-top: 124px;
}

#respond h2 {
font-size: 1.2em;
margin-bottom: 5px;
}

#respond ul li {
list-style-type: none;
text-align: right;
padding: 5px 0;
}

/*************************************
Sidebar
*************************************/

#sidebar {
float: left;
width: 150px;
padding: 0 6px;
font-size: .9em;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
background: #f4f4f4;
}

#sidebar[id] {
margin-top: 123px;
}

#sidebar h2 {
font-size: 1.1em;
}

#sidebar img {
border: none;
padding: 0;
margin: 0 0 -2px 0;
}

#sidebar ul, #quicknavi ul {
list-style-type: none;
padding: 0;
}

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

#sidebar ul li ul li ul li {
margin: 0 5px 0 0;
padding: 2px 16px 2px 0;
background: url('images/left.gif') no-repeat 130px 2px;
font-size: .9em;
}

#sidebar a:link, #sidebar a:visited {
color: #016eb4;
text-decoration: none;
display: block;
padding: 2px;
}

#sidebar a:hover, #sidebar a:active  {
color: #fff;
background: #016eb4;
text-decoration: none;
}

/*************************************
Links
*************************************/

a:link, a:visited { 
text-decoration: none; 
color: #016eb4;
}

a:hover, a:active { 
text-decoration: underline;
color: #74a8f5;
}

/*************************************
Footer
*************************************/

#footer {
font-size: 0.8em;
color: #74a8f5;
clear: both;
background: #016eb4 url('images/jubelbg.png') repeat-x;
text-align: center;
padding: 80px 0 5px 0;
}

#footer a:link, #footer a:visited { 
text-decoration: none; 
color: #fff;
}

#footer a:hover, #footer a:active { 
text-decoration: underline;
color: #74a8f5;
}

/*************************************
Allgemein, Bilder
*************************************/

table {
margin: 10px 0;
border: 1px solid #ddd;
}

table th, table td{
padding: 0 2px;
border: 1px solid #ddd;
}

input, textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .9em;
padding: 1px;
}

textarea {
font-size: 1em;
}

.left {
text-align: left;
}

.right {
text-align: right;
}

.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignright, .photo {
float: right;
padding: 5px;
margin: 5px 0 5px 10px;
}

.alignrightob {
float: right;
margin: 10px 0 0 0;
border: none;
background: #f4f4f4;
}

.alignleft {
float: left;
padding: 5px;
margin: 5px 10px 5px 0;
}

.alignleftob {
float: left;
margin: 10px 0 0 0;
border: none;
background: #f4f4f4;
}

img {
background: #f7f9f7;
border: 4px solid #fff;
padding: 4px;
}

img.wp-smiley {
border: none;
padding: 0;
margin: 0;
}

dl.centered {
text-align: center;
margin: 5px;
padding-right: 5px;
}

dl.centered dt {
padding: 4px;
margin-bottom: 0px;
}

dl.centered dd {
margin: 0px;
font-style: italic;
font-size: 0.8em;
text-align: right;
}

dl.ImgLeft {
float: left;
margin: 5px;
padding-right: 5px;
}

dl.ImgLeft dt {
padding: 4px;
margin-bottom: 0px;
}

dl.ImgLeft dd {
margin: 0px;
font-style: italic;
font-size: 0.8em;
text-align: right;
}

dl.ImgLeft img {
display:block;
}

dl.ImgRight {
float: right;
margin: 5px;
padding-left: 5px;
}

dl.ImgRight dt {
padding: 4px;
margin-bottom: 0px;
}

dl.ImgRight dd {
margin: 0px;
font-style: italic;
font-size: 0.8em;
text-align: right;
}

dl.ImgRight img {
display:block;
}

.more-link {
text-align: right;
}

acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #333;
}

blockquote, .vcard {
margin: 15px 30px 0 0;
padding-left: 20px;
border-left: 5px solid #016eb4;
background: url('images/blockquote.gif') -2px -4px no-repeat;
}

blockquote cite {
margin: 5px 0 0 0;
display: block;
}

/*************************************
Landingsite
*************************************/

.landingsites {
background: #f7f9f7;
border: 4px solid #ba0100;
padding: 10px ;
margin-top: 20px;
}

.landingsites h2 {
margin: 0;
}

/*************************************
Tagwolke
*************************************/

#wolke {
text-align:center;
}

#wolke a {
vertical-align: middle;
}