/*
Theme Name: Dicker Dackel
Theme URI: http://www.lamertz.net/
Description: Private theme for my homepage
Version: 0.1
Author: Michael Lamertz
Author URI: http://www.lamertz.net
Tags: 3-colummns-holy-grail, fixed width
*/
	
/* global defaults -------------------------------------------------------------------------- */

* {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    background-color: #70814a;
    color: #050c10;
    font-family: Georgia, serif;
    font-size: 11pt;
}

a {
    /* color: #050c10; */
    color: #9ab257;
    text-decoration: none;
}
a:hover { color: #a4b963; }

h1 { font-size: 1.4em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.0em; }
h6 { font-size: 1.0em; }

address {
    white-space: pre;
    font-style: italic;
}

pre { font-size: 90%; }

/* layout ----------------------------------------------------------------------------------- */

#page {
    margin: 0px auto;
    margin-bottom: 10px;
    width: 1024px;
    background: url('images/paper.png') repeat-y;
}

#header {
    width: 100%;
}

.index #header {
    width: 1024px;
    height: 262px;
}

.single #header {
    width: 1024px;
    height: 57px;
}

#side-left {
    float: left;
    width: 192px;
}

.single #side-left,
.page #side-left {
    min-height: 531px;
    background: url('images/side-banner-192.png') no-repeat center;
}

#side-right {
    float: right;
    width: 182px;
    padding: 10px 5px;
    background-color: #60713a;
}

#content { 
    float: left;
    width: 580px;
    padding: 0 30px;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
    margin-bottom: 0.5em;
    padding-left: 0.5em;
    font-style: italic;
    font-weight: bold;
    font-variant: small-caps;
} 
#content h1 {
    margin: 0 -10px;
    background-color: #9ab257;
    /* background-color: #7b81ae; */
    border-top: 2px solid #383d62;
    border-bottom: 2px solid #383d62;
}
#content h1 a {
    color: #363b3d;
}

#side-right h2 {
    margin: 0 -10px;
    background-color: #9ab257;
    border-top: 2px solid #383d62;
    border-bottom: 2px solid #383d62;
}
#content h2 a {
    color: #363b3d;
}

#footer {
    margin: 0 auto;
    clear: both;
    background: url('images/footer.png') no-repeat;
    background-position: 50% 0;
    padding: 1em 0;
}

#searchform #s input {
    border-bottom: 2px solid #9ab257;
    border-right: 2px solid #9ab257;
    border-left: 2px solid #363b3d;
    border-top: 2px solid #363b3d;
}

/* wordpress structure ---------------------------------------------------------------------- */

.post { margin-bottom: 2em; }

.post p {
    margin-bottom: 0.5em;
    text-align: justify;
}

.entry { margin: 0.5em 0.5em; }
.entry p:first-letter { margin-left: 1em; }
.entry ul, .entry ol { margin-left: 1em; margin-bottom: 0.5em; }
.entry ul li, .entry ol li { margin-left: 1em; }
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 { clear: both; background-color: transparent; border: 0; margin: 1.5em 0 0.5em 0; }

.entry blockquote {
    margin: 1.5em 0.5in;
    padding: 1em;
    font-style: italic;
    border-left: 1px solid #70814a; 
    /* background-color: #dce4c5;
    border-bottom: 2px solid #888;
    border-right: 2px solid #888; */
}
.entry blockquote p:first-letter { margin-left: 0em; }

.entry.dialog blockquote { line-height: 2.2em };

.entry dl p:first-letter { margin-left: 0em; }
.entry dl dt { font-weight: bold; }
.entry dl dd { margin-left: 2em; }

.comment { margin: 1cm 1cm; font-size: 8pt; }
.comment-body p {
    margin-bottom: 0.5em;
    text-align: justify;
}
.comment-body p:first-letter { margin-left: 1em; }
.comment-author { font-size: 9pt; font-style: italic; font-weight: bold; }
.comment-meta { margin-bottom: 1em; }

.comment-body blockquote {
    margin: 1.5em 0.5in;
    padding: 1em;
    font-style: italic;
    border-left: 1px solid #70814a; 
    /* background-color: #dce4c5;
    border-bottom: 2px solid #888;
    border-right: 2px solid #888; */
}
.comment-body blockquote p:first-letter { margin-left: 0em; }

.more-link { font-style: italic; color: #425437; font-size: 80%; }
.postheader,
.postmetadata {
    clear: both;
    margin-bottom: 2em;
    font-size: 70%;
    font-style: italic;
}
.postmetadata p { text-align: right; }
.postmetadata a { color: #425437; }
.postmetadata a:hover { color: #a4b963; }

#side-right {
    font-size: 80%;
}
#side-right h1,
#side-right h2,
#side-right h3,
#side-right h4,
#side-right h5,
#side-right h6 {
    margin: 0 -5px 0.5em -5px;
    padding-left: 0.5em;
    font-style: italic;
    font-weight: bold;
    font-variant: small-caps;
} 
#side-right ul {
    margin-bottom: 1.5em;
    list-style-type: none;
    /* white-space: nowrap; */
}
#side-right ul ul { margin-left: 1em; }
#side-right h1 {
    background-color: #9ab257;
    border-bottom: 2px solid #363b3d;
    border-right: 2px solid #363b3d;
}


#tag-cloud {
    width: 80%;
    margin: 0.5in auto;
}
#tag-cloud ul { list-style-type: none; }
#tag-cloud li { display: inline; }

#wp-calendar { border-bottom: 1px solid black; margin-bottom: 1em; margin-left: auto; margin-right: auto; }
#wp-calendar #next {}
#wp-calendar #prev {}
#wp-calendar .pad {}
#wp-calendar a { color: #9ab257; }
#wp-calendar caption { border-bottom: 1px solid black; }

/* markups ---------------------------------------------------------------------------------- */

#header h1,
#header h2 {
    padding-left: 0.5cm;
    color: #425437;
    border: 0;
    background-color: transparent;
    font-style: italic;
}
#header h1 { font-size: 30px; }
#header h2 { font-size: 20px; }
#header a { color: #425437; }

#colorsample { width: 100%; margin: auto; }
#colorsample ul { width: 100%; margin: auto; }
#colorsample li {
    display: inline;
    border-right: 1px solid black;
    margin: auto;
    width: 100%;
}
.col-a4b963 { background-color: #a4b963; color: #fff; }
.col-9ab257 { background-color: #9ab257; color: #fff; }
.col-809257 { background-color: #809257; color: #fff; }
.col-70814a { background-color: #70814a; color: #fff; }
.col-425437 { background-color: #425437; color: #fff; }
.col-ada460 { background-color: #ada460; color: #fff; }
.col-bba789 { background-color: #bba789; color: #fff; }
.col-9d7b5d { background-color: #9d7b5d; color: #fff; }
.col-645248 { background-color: #645248; color: #fff; }
.col-6d5c4b { background-color: #6d5c4b; color: #fff; }
.col-885d3a { background-color: #885d3a; color: #fff; }
.col-050c10 { background-color: #050c10; color: #fff; }
.col-363b3d { background-color: #363b3d; color: #fff; }

#side-left h1:first-child { margin-top: 400px; }

#side-left li.current_page_item { margin-left: 1em; }
#side-left a.current_page_item { color: #bba789; }

#signature {
    border-top: 2px solid #bba789;
    border-bottom: 2px solid #bba789;
    font-size: 75%;
    font-style: italic;
    text-align: center;
    width: 50%;
    margin: 1cm auto;
}

#comments h3 {
    border-bottom: 1px solid #363b3d;
    clear: both;
}

#respond h3 {
    border-bottom: 1px solid #363b3d;
}

#respond input,
#respond textarea {
    margin: 0.2em 0;
    padding: 0.2em;
    background-color: #d8d8d8;
    border-top: 1px solid #a0a0a0;
    border-left: 1px solid #a0a0a0;
    border-right: 2px solid #808080;
    border-bottom: 2px solid #808080;
}
#respond label {
    font-family: sans-serif;
    font-size: small;
    font-weight: bold;
}

#tag-cloud {
    text-align: center;
}

#twitter-tools .aktt_tweets ul li:first-letter { margin-left: 1em; }
#twitter-tools .aktt_tweets .aktt_hashtag { color: #007; }
#twitter-tools .aktt_tweet_time { display: block; text-align: right; font-size: 80%; }
p.aktt_credit { font-size: 70%; text-align: right; }

a.stbutton { float: right; font-size: 70%; }

.aligncenter, .center, img.centered, div.aligncenter { text-align: center; display: block; margin-left: auto; margin-right: auto; }
.alignleft, .left, img.alignleft { float: left; margin-right: 0.5em; }
.alignright, .right, img.alignright { float: right; margin-left: 0.5em; }
.clearer { clear: both; margin-top: 1em; }
.hspace { clear: both; padding-top: 1cm; padding-bottom: 1cm; }

.abstract {
    padding: 0 0.5in 0.5em 0.5in;
    font-style: italic;
}

p.footnote {
    clear: both;
    margin: 1em 0.5in;
    font-size: 0.75em;
}

.youtube { text-align: center; }

li.widget { list-style-type: none; margin-left: -0.5em; margin-bottom: 0.5em; }

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}

.archive li {
    list-style-type: none;
}

