/*  
Theme Name: schreiblust
Theme URI: http://www.datadive.com
Description: Thema f&uuml;r Claudia Traint von <a href="http://www.datadive.com">datadive.com</a>
Version: 1.0
Author URI: http://www.datadive.com
Based-on diverant themes: k2, 
*/

/* Begin Typography & Colors */
div, h1, h2, h3 {
    margin: 0px;
    padding: 0px;
    background-color: #fff;
}

body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: Verdana, Arial, Sans-Serif;
    background: #fff;
    color: #333;
    text-align: left;
    padding: 0px;
    margin: 0px;
}


#page {
    background-color: white;
    text-align: left;
}

#header {
    color: #fff;
    font-size: 1em;
}


#headerimg 	{ 
	margin: 0 0px 0 0; 
	width: 755px; 
    background-color: #000;
}

#headerimg img {
    border: 0;
    background: #fff;
    padding: 0px;
    margin: 0px;
}


#headernavi {
    position: relative;
    top: 0px;
    height: 140px;
    font-size: 1em;
}

#headerabout {
    position: absolute;
    width: 308px;
    height: 139px;
    background: #00adba url('images/bg_about.gif') no-repeat top; 
}

#headerabout p {
    width: 190px;
    margin: 17px 0 0 20px;
}

#headerabout #photoclaudia {
    position: absolute;
    bottom: 0px;
    left: 200px;
    width: 90px;
    height: 121px;
}




#headercontact {
    background:  #00adba url('images/bg_contact.gif') no-repeat top; 
    
    position: absolute;
    left: 310px;
    top: 0px;
    width: 308px;
    height: 139px;
}

#headercontact p {
    margin: 17px 0 0 40px;
}

#headertools {
    position: relative;
    left: 620px;
    top: 0px;
    color: #333;
    width: 308px;
    height:138px;
    border: 1px solid #666;
}

#headertools table {
    padding-top: 33px;
}

#headertools td {
    vertical-align: middle;
    height: 10px;
}

#headertools tr {
    table-height: 10px;
}

#header a {
    color: #fff;
}

#content {
    font-size: 1.2em;
    line-height: 1.6em;
}

hr {
    display: none;
}

/* main menu */
#menu {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}

ul.menu {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 1px; 
    left: 310px;
    list-style: none;
}

ul.menu li {
    float: left;
    margin-right: 1px;
    padding: 0;
}


ul.menu li a {
    display: block; 
    font: bold 10px/23px Verdana, Helvetica, Arial, Sans-Serif;
    color: #fff;
    margin: 0;
    background: #00adba;
    letter-spacing: 1px;
    text-decoration: none;
    padding: 0 6px;
}

ul.menu li a:hover {
    color: #fff;
    background: #F06000 !important;
    }

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
    background: white;
    color: #00adba !important;
    font-weight: bold;
    text-decoration: none;
    border: 0px;
    background: #fff !important;
    }
ul.menu li.current_page_item a:hover {
    color: #fff !important;
    background: #F06000 !important;
}

.admintab {
    margin-right: 40px;
    _padding: 5px 15px 6px; /* IE hack */
}

/* general tags */
a img,:link img,:visited img { border:none }

a {
    text-decoration: underline;
    color: #83b957;
}

input {
    border: 1px solid #706e69;
    padding: 3px;
}

input.header_submit {
  border:0px;
}

.narrowcolumn, .bigcolumn{
    margin-top: 33px;
    float: left;
}

.narrowcolumn {
    width:625px;
}

.bigcolumn {
    width:592px;
    margin-left: 17px;
}

html>body div.bigcolumn {
    margin-left: 33px;
}

/* content */ 
#content {
    float: left;
    background: #fff;
    font-size: 12px;
}

.post {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}

/*
.post .datebox, .spacer {
    float: left;
    width: 60px;
    padding: 15px 0 10px 0;
    margin: 0 0 33px 33px;
}
*/

.post .datebox{
    position: absolute;
    left: 33px;
    top: 0px;
    width: 60px;
    padding: 15px 0 10px;
    background: #85b957;
    text-align: center;
    color: #fff;
}


.datebox .day, .datebox .month, .datebox .year {
    background: #85b957;
} 

.datebox .day {
    font-size: 32px;
}
.datebox .month {
    margin: 10px 0 0 0;
    font-size: 16px;
    font-weight: bold;
}


.datebox .year {
    font-size: 16px;
    font-weight: bold;

}
.post .contentbox, .contentboxsingle, #comments, .commentlist, #commentform, #respond {
    /*
    float: left;
    margin-left: 33px;
    margin-bottom: 50px;
    width: 493px;
    */
    margin: 0 0 0 123px;
}

.post .contenbox {

    border-bottom: 1px solid #85b957;

}

.post img {
    padding: 5px;
    border: 1px solid #85b957;
    margin-right: 6px;
}


#content h2  a, #content h2 {
    color: #85b957;
    font-size: 12px;
    text-decoration: none;
    margin: 15px 0;
}

#sidebar {
   float: left;
   margin: 50px 0 0 31px;
   width: 270px;
   background: #fff;
   font-size: 1.2em;
}

/* sidebar */
#sidebar h2 {
   color: #333;
   font-size: 12px;
}

#sidebar ul {
    margin: 0;
    padding: 0;
}

#sidebar li {
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
}

/*
 * orginal
#sidebar li ul li {
   list-style: none;
}*/

/* neu 2007-02-14 */
#sidebar li ul li {
   list-style: none;
   font-weight: bold;
   margin-top: 20px;
}

/* neu 2007-02-14 */
#sidebar li ul li ul li {
   padding-left: 20px;
   font-weight: normal;
   margin-top: 2px;
}

#sidebar li.sbmain {
    margin-bottom: 40px;
}


p.postmetacoment a {
    color: #f46e17;
}


/* sidebar things */

#category_cloud {
    padding: 0px;
    text-align: justify;
    line-height: auto;
    width: 270px;
    
}



/* footer */
#footer {
    margin: 33px;
    margin-top: 50px;
    clear: both;
    color: #999;
}


.rss {
   background-color: transparent;
   background-image: url(images/feed.png);
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-x-position: left;
   background-y-position: top;
   padding-top: 2px;
   padding-right: 0pt;
   padding-bottom: 2px;
   padding-left: 20px;
   margin-right: 10px;
   height: 16px;
}
.entry {
}
/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
    /*
	margin-left: 0px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
    */
	} 

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

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

#sidebar ul ul li:before {

}


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

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

.postmetadata {
    margin-top: 15px;
    clear: both;
}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}



#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
    border: 1px solid   
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/

#commentbox {
    padding: 10px 0 10px 0;
}

#commentbox h3 {
    color: #f46e17;
    border-top: 1px solid #f46e17;
    padding: 15px 0;
}

#respond {
    margin-top: 40px;
}

.alt {
	margin: 0;
	padding: 10px;
}

.commentlist {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.commentlist li {
	position: relative;
    margin: 15px 0 3px 123px;
	padding: 0px 0px 0px 0px;
    /*background:transparent url(images/icon_comment.jpg) no-repeat scroll 0 0;*/
}

.commentlist img {
    position: absolute;
    left: -75px;
    top: -10px;
    border: 0;
}

.commentlist p {
	margin: 10px 0px 0 0;
	}

#commentform p {
	margin: 5px 0;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
    margin: 0;
	display: block;
    color: #f46e17;
}

.inputlable, .inputlableadd {
    color: #777;
    font-size: 10px;
    font-weight: bold;
}

.inputlableadd {
    font-weight: normal;
}

#commentbox a {
    color: #f46e17;
}

#respond {
    border-top: 1px solid #f46e17;
    padding-top: 20px;
}



/* End Comments */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
}

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

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

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

.center {
	text-align: center;
}

hr {
	display: none;
}

a img {
	border: none;
}

/* End Various Tags & Classes*/


.navigation {
    margin: 0px 5px 33px 33px;
    position: relative;
}

.alignleft {
    position: absolute;
    left: 0px;
}

.alignright {
    position: absolute;
    right: 20px;
}

h2.pagetitle {
    
    margin: 0px 5px 33px 33px;
}