/*
Theme Name: Craplog Theme
Theme URI: http://craplog.de
Version: 1.0
Description: Modifiziertes Theme auf Basis von Deep Blue.
Author: Frank
Author URI: http://craplog.de
*/

* {
margin:0;
padding:0;
}

body {
background:#474747 url('http://craplog-assets.s3.amazonaws.com/body.png') repeat-y center top;
font:400 .7em Verdana,Arial,Helvetica,sans-serif;
}

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

.articleheader {
clear:both;
font:400 2em "Lucida Sans Unicode",Arial,Helvetica,sans-serif;
margin:.7em 0 .13em;
text-align:left;
}

.articlesubheader {
font:400 1.8em "Lucida Sans Unicode",Arial,Helvetica,sans-serif;
margin:.7em 0;
}

.articlesubsubheader {
font:700 1.3em "Lucida Sans Unicode",Arial,Helvetica,sans-serif;
margin-top:.6em;
}

.articlesubsubsubheader {
font:700 1.1em "Lucida Sans Unicode",Arial,Helvetica,sans-serif;
margin-top:.4em;
}

.articleheader,.articlesubheader,.articlesubsubheader,.articlesubsubsubheader {
color:#444;
letter-spacing:-1px;
}

#content .articleheader a:hover {
color:#C8A799;
text-decoration:none;
}

.vidembed {
alignment:center;
font-size:.9em;
margin:5px 0;
text-align:center;
}

code {
background:url('http://craplog-assets.s3.amazonaws.com/code.gif');
border:1px solid #F0F0F0;
border-left:6px solid #1664D9;
color:#555;
display:block;
font:400 1em "Lucida Sans Unicode",monospace;
margin-bottom:12px;
padding:8px 10px;
white-space:pre;
}

blockquote {
background:#FAFAFA url('http://craplog-assets.s3.amazonaws.com/quote.gif') no-repeat;
border-bottom:1px solid #EEE;
border-top:1px solid #EEE;
color:#858585;
display:block;
margin:1em 0;
padding:.6em 2em .2em 40px;
}

ol {
margin:0 0 1.2em 2em;
}

p.cap:first-letter {
color:#D4D4C7;
float:left;
font-family:Times, serif, Georgia;
font-size:80px;
line-height:60px;
padding-right:5px;
padding-top:6px;
}

#main {
border-top:6px solid #FFF;
margin:0 auto;
width:780px;
}

#main_left {
background:#fff;
float:left;
width:520px;
}

#main_right {
float:right;
width:253px;
}

.post_body {
clear:all;
}

.postedby {
background:url("http://craplog-assets.s3.amazonaws.com/general.png") no-repeat -10px -602px;
padding-left:15px;
}

.filedto {
background:url("http://craplog-assets.s3.amazonaws.com/general.png") no-repeat -10px -633px;
padding-left:15px;
}

.commentslink {
background:url("http://craplog-assets.s3.amazonaws.com/general.png") no-repeat -10px -665px;
padding-left:15px;
}

.left {
float:left;
}

.right {
float:right;
}

span.comment {
background:url('http://craplog-assets.s3.amazonaws.com/general.png') no-repeat -10px -706.5px;
padding-left:18px;
}

.clearer {
clear:both;
font-size:0;
height:0;
}

.avatar {
background:#fff;
border:1px solid #eee;
float:right;
margin:0 0 10px 10px;
padding:2px;
}

#header {
background:#B6AA5A url('http://craplog-assets.s3.amazonaws.com/general.png') no-repeat -10px -10px;
border-bottom:2px solid #FFF;
height:180px;
}

#header .sitename {
font:400 2.2em Verdana,sans-serif;
left:-3000px;
margin:0;
padding:124px 0 0 24px;
position:relative;
}

#navigation ul {
list-style:none;
padding:1px 5px;
}

#navigation li {
display:inline;
padding:5px 10px 5px 0;
}

#navigation {
background:#444;
padding:2px 0;
}

#navigation a {
font:1em Verdana,Arial,Helvetica,sans-serif;
padding:0 3px;
text-decoration:none;
}

#navigation a:hover {
color:#C8A799;
}

#content .navi {
display:block;
height:20px;
margin:10px 0;
text-align:center;
vertical-align:middle;
}

#content .navi a {
background-color:#8C8C8C;
border:1px solid #8C8C8C;
color:#FFF;
font-size:1em;
margin:1px;
padding:3px;
text-decoration:none;
}

#content .navi a:hover {
background-color:#FFF;
color:#000;
text-decoration:none;
}

#content .singlenavi {
height:25px;
margin:1em 0;
}

#content .wp-pagenavi span {
border:1px solid #8C8C8C;
font-size:1em;
margin:1px;
padding:3px;
text-decoration:none;
}

#content li {
margin:5px 0 0;
}

#previous {
float:left;
width:240px;
}

#next {
float:right;
text-align:right;
width:240px;
}

#sidebar {
background:#202020;
color:#aaa;
font:400 1em Verdana,Arial,Helvetica,sans-serif;
}

.label {
background:#333 url('http://craplog-assets.s3.amazonaws.com/repeatx.png') repeat-x 0 -10px;
clear:both;
color:#EEE;
font:400 1.2em "Lucida Sans Unicode",sans-serif;
height:30px;
line-height:30px;
overflow:hidden;
text-align:center;
}

#rssicon {
background:url("http://craplog-assets.s3.amazonaws.com/general.png") no-repeat -10px -365px;
float:left;
height:100px;
margin:5px 0 5px 20px;
overflow:hidden;
width:100px;
}

#twittericon {
background:url("http://craplog-assets.s3.amazonaws.com/general.png") no-repeat -10px -485px;
float:right;
height:100px;
margin:5px 20px 5px 0;
overflow:hidden;
width:100px;
}

#face {
background:url("http://craplog-assets.s3.amazonaws.com/general.png") no-repeat -10px -210px;
height:135px;
margin:10px 0 10px 75px;
overflow:hidden;
text-align:center;
width:100px;
}

ul.block,.block ul {
background:#2A2A2A;
border-top:1px solid #3A3A3A;
margin:0;
padding:0;
}

.block li {
background:url('http://craplog-assets.s3.amazonaws.com/block.png') repeat-x;
border-bottom:1px solid #3A3A3A;
display:block;
font:400 1em Verdana,sans-serif;
list-style:none;
padding:.6em 2% .6em 5%;
width:92%;
}

.block p {
display:block;
font:400 1em Verdana,sans-serif;
padding:.6em 2% .6em 5%;
width:92%;
}

.block a {
color:#ccc;
}

.block a:hover {
color:#FFF;
}

.block a em {
color:#999;
display:block;
font:400 .8em Verdana,Arial,Helvetica,sans-serif;
margin-top:.3em;
}

div#content {
padding:0 1em 1em;
}

#content {
color:#111;
font-family:Verdana,Arial,Helvetica,sans-serif;
line-height:1.45em;
text-align:justify;
}

#content a {
color:#1664DA;
}

#content a:hover {
color:#06F;
text-decoration:underline;
}

#content p {
margin:.4em 0 1em;
}

#content .descr {
color:#666;
font:1.2em;
margin-bottom:2em;
}

#content ul li {
list-style:url('http://craplog-assets.s3.amazonaws.com/li.gif');
}

#content ul {
margin-left:1.8em;
}

#content img {
border:0 solid #fff;
padding:3px 5px;
}

#footer {
clear:both;
color:#666;
}

#footer .right a {
color:#555;
}

#footer .right a:hover {
color:#777;
text-decoration:none;
}

#footer .left a {
color:#777;
}

#footer .left a:hover {
color:#333;
text-decoration:none;
}

#footer .left {
border-top:1px solid #F0F0F0;
padding:9px 0 9px 9px;
width:507px;
}

#footer .right {
color:#555;
margin-right:1em;
padding:.8em 0;
text-align:right;
width:220px;
}

.post_info {
background:#E0D8FA;
border:1px solid #C0B9F9;
color:#555;
font-size:.8em;
margin:3em 0 6em;
padding:.6em .7em;
text-align:left;
}

#content .post_info a {
text-decoration:none;
}

#content .post_info a:hover,#content .singlenavi a:hover {
color:#7C0000;
text-decoration:none;
}

#searchform {
font:1em;
padding:10px 0 0 10px;
}

input#s {
background-color:#F4F4F4;
border:1px solid #ccc;
color:#505050;
margin:0 0 10px;
padding:0;
width:70%;
}

input#searchsubmit {
background-color:#F4F4F4;
border:1px solid #ccc;
color:#505050;
margin:0 0 10px;
padding:0;
text-align:center;
width:20%;
}

.graybox {
background:#F4F4F4;
}

.commentlist {
margin:1em 0 0 .5em;
padding:0;
}

.commentlist li {
list-style:none;
margin-bottom:1.2em;
padding:5px;
}

#commentform {
margin:1em 0;
width:480px;
}

.commentmetadata {
color:#469;
padding:.2em 0 .4em;
}

.commentmetadata a,#content .articleheader a {
color:#444;
text-decoration:none;
}

.commentmetadata a:hover {
text-decoration:underline;
}

textarea.styled {
overflow:auto;
width:480px;
}

.styled {
background:#EEE;
border:1px solid #D6D3D3;
color:#000;
font:400 1em Verdana,Arial,Helvetica,sans-serif;
width:160px;
}

.styled:hover {
background:#FFF;
border:1px solid #D6D3D3;
}

.styled:focus {
background:#FFF;
border:1px solid #939793;
}

.submitbutton {
width:480px;
}

#commentform input {
margin-bottom:3px;
}

html {
height:101%;
margin:0;
padding:0;
}