/*

Theme Name: klavierblog

Theme URI: http://www.klavier-blog.de

Description: Klavier-Blog Theme

Version: 1.0

Author: Martin Beigert

Author URI: http://klavier-blog.de

*/



/*+++++++ BODY +++++++*/

* { margin: 0px; padding: 0px; list-style:none; text-decoration:none; }

body { background-color: #505050; font-family: Arial, Verdana; font-size: 12px; }

.clear { clear: both; }

p { margin: 15px 0; }



/*+++++++ H1,H2,H3 HYPERLINKS +++++++*/


a:link {  text-decoration: none; color: #000; border: 0px; text-decoration: none; }

a:active { border: 0px; color: #000; text-decoration: none;}

a:visited {  border: 0px; color: #000; text-decoration: none;}

a:hover        { border: 0px; color: #000;text-decoration: none;}

a:focus { outline: none;}



/*+++++++ CONTENT +++++++*/

#content { background-color: #fff; border-left: 1px solid #000; border-right: 1px solid #000; margin: auto;
           padding-left: 5px; padding-right: 5px; width: 945px;  }


/*+++++++ HEADER +++++++*/

#header { height: 124px; width: 945px; }

#logo { background-image: url(images/logo.jpg); height: 124px; width: 280px; }

#logo h1{text-indent:-10000px; }

#logo h1 a{display:block; background: url(images/logo.jpg) no-repeat; height:124px; outline:none;}


/*+++++++ NAVIGATION +++++++*/

#nav { background-color: #000; float:left; padding: 0; margin: 0;  width:100%; font-weight:bold; text-transform:uppercase;
       font-size: 0.8em; }

#nav ul { float:left; padding: 0; margin: 0; list-style: none; }

#nav li {
        float: left;
        margin: 0;
        padding:0;
        border-right:1px solid #303030;
        }

#nav li:hover {
        background: #5b5b5b;
        }

#nav li a, #nav li a:visited {
        margin:0;
        padding:7px 14px;
        color:#eeeeee;
        display:block;
        }

#searchform { width:184px; float:right; text-align:right; padding-top:3px; margin-right:10px; }


#search { float: right; line-height: 16px; }

.field {
        padding: 1px;
        border-top:1px solid #bbbbbb;
        border-left:1px solid #bbbbbb;
        border-right:1px solid #eeeeee;
        border-bottom:1px solid #eeeeee;
        background:#fff;
        font-size:0.9em;
        }


/*+++++++ RECENT POSTS +++++++*/

#recentposts { background-color: #333; height: 260px; width: 945px; }

#latest { color: #fff; float:left; padding:20px; width: 515px; }

#latest a { color: #aaa;}

#latestposts h2 { color: #aaa; }

#latestposts { background-color: #dfdfdf; float:right; min-height: 100%; width: 420px;}

#latestposts .entrymeta { font-weight: normal; padding-bottom: 5px; }

#latestposts h2 { font-size: 0.9em; }

/*+++++++ CONTENT +++++++*/

#infobar { height: 30px; width: 945px; line-height:30px; font-size: 0.9em; margin-top: 15px; margin-bottom:15px;  padding-left: 20px; }

#browse { float: left; width: 570px; background:url(images/folder.png) no-repeat 0 6px; padding-left:22px; }

#page { background-image: url(images/background.gif); background-color: #fff; width: 945px; }

#pic1 { background-image: url(images/pic1.jpg); border-top: 1px solid #000; border-bottom: 1px solid #000; margin-top: 15px; height: 70px; width: 945px; }
#pic2 { background-image: url(images/pic2.jpg); border-top: 1px solid #000; border-bottom: 1px solid #000; margin-top: 15px; height: 70px; width: 945px; }

#left { float: left; padding: 10px; width: 575px; }

.entry { background-color: #fff; margin-bottom: 20px; padding: 10px; }

.entry h2 { font: bold 22px/28px Arial,Verdana,Sans-serif; letter-spacing: -.035em; margin-bottom:6px;}

.entry h2 a {  color:#000; }

.entry h2 a:hover {color:#000; text-decoration: none;}

.entry a {  color: #5f9410; }

.entry a:hover { color: #000; }

.entry p { font-size: 1em; line-height: 1.5em; }

html>body .entry ul { padding: 0 0 0 30px; padding-left: 10px; }

html>body .entry li { margin: 7px 0 8px 10px; }

.entry ul li:before { content: "\00BB \0020"; }

.entry ol { padding:0; margin:0;}

.entry ol li { background:#fafafa; }

.entry img {margin:0 10px 10px 10px; padding: 1px; border: 1px solid #ddd;}

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

img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }

img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.alignright { float: right; }

.alignleft { float: left ;}

.metadate { color: #5f9410; float: left; font-size: 0.9em; font-weight: bold; background:url(images/date.png) no-repeat 0 6px; line-height:30px; margin-top: 15px; padding-left:22px; width: 163px; }

.metacomments { color: #5f9410; float: left; font-size: 0.9em; font-weight: bold; background:url(images/comments.png) no-repeat 0 6px; line-height:30px; margin-top: 15px; padding-left:22px; width: 163px; }

.metacomments a { color: #5f9410; }

.metacategory { color: #5f9410; float: left; font-size: 0.9em; font-weight: bold; background:url(images/folder.png) no-repeat 0 6px; line-height:30px; margin-top: 15px; padding-left:22px; width: 163px; }

.metacategory a { color: #5f9410; }

/*+++++++ SIDEBAR +++++++*/

#right { float: right; padding: 10px; width: 310px; }

#sidebar {  }

#sidebar h2 { background-color: #000; color: #fff; font-size:0.9em; line-height: 25px; margin-bottom:0px; padding-left: 10px;}

#sidebar a:hover { background-color: #000; color: #fff; }

#sidebar form { background-color: #fff; padding: 10px;  }

#sidebar ul{ background-color: #fff; font-size: 1em; padding: 10px; margin-bottom: 10px;}

#sidebar li{ background-color: #fff;}  

#sidebar ul li{}

#sidebar ul li ul{}

#sidebar li ul li {display:block; padding-bottom:5px; border-bottom:1px dotted #ddd;}


/*+++++++ COMMENTS +++++++*/

#commentform p { padding-bottom:10px;}

#commentform #author { border:1px solid #dadada; height:20px; width:200px; }

#commentform #email { border:1px solid #dadada; height:20px; width:200px; }

#commentform #url { border:1px solid #dadada; height:20px; width:200px;}

#commentform #comment { border:1px solid #dadada; height:200px; width:400px;}

.commentlist cite { background:#f9f9f9; padding:5px 5px 5px 10px; }

.commentlist cite a { color:#333;}

.commentlist .ctext { border-bottom: 1px solid #eee; font-size:1em;}

/*+++++++ FOOTER +++++++*/

#footer { background-color: #000; color: #fff; font-size: 0.9em; font-weight: bold; height: 20px; padding-top: 8px; text-align: center; width: 945px; }

#footer a { color: #fff; }