/*
Theme Name: Kay sein Theme
Theme URI: http://www.kayseins.de
Description: Das überarbeitete Theme von www.dertranszendente.de
Version: 1.5
Author: Kay
Author URI: http://www.kayseins.de
*/
* {margin: 0; padding: 0; line-height: 1.6em;}
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #221711;}

h1, h2, h3 {font-family: 'Trebuchet MS', Arial, sans-serif; font-weight: normal;}

.clear { clear: both; }
.hidden { display: none; }

#main {	background: #ebead1 url(images/gradient.png) repeat-x; padding-bottom: 20px; min-width: 960px}
body.home #main {	background: #ebead1 url(images/stripe.png) repeat-x scroll top center;}

.container {width: 960px; margin: 0 auto; position: relative;}
.container.padding {width:940px; padding: 0 10px;}


.container .content { width: 580px; float: left; }
.container .sidebar { width: 340px; padding-right: 10px; float: right; }

#main .container .content {padding-top: 40px;}
body.home #main .container .content {padding-top: 57px;}
body.home .heading {color: white; position: absolute; top: 57px; right: 10px; width: 340px;}
body.home .heading h1 {font-size: 30px; padding-bottom: 15px;}
body.home .heading .description {font-size: 20px;}

.contentbox {	background: url(images/contentbox-bg.png) repeat-y scroll top left; width: 574px; }
.contentbox .top {background: url(images/contentbox-header.png) no-repeat scroll top left; width: 480px; padding: 34px 44px 20px 50px; min-height: 149px; }
.contentbox .bottom {background: url(images/contentbox-footer.png) no-repeat scroll bottom left; width: 480px; padding: 0px 44px 30px 50px;	min-height: 24px; position: relative;}

.contentbox ul.recent-posts {list-style-type: none; border-top: 1px solid #dcdab8; width: 325px;}
.contentbox ul.recent-posts li {padding: 3px 0px; border-bottom: 1px solid #dcdab8;}
.contentbox ul.recent-posts a {color: #979680; text-decoration: none;}
.contentbox ul.recent-posts a:hover {color: #669900;}
.contentbox ul.recent-posts a span {color: #669900;}

.contentbox .more-posts {width: 140px; position:absolute; top: 0px; left: 400px; color: #979680;}
.contentbox .more-posts a {text-decoration: underline; color: #979680;}
.contentbox .more-posts a:hover {color: #669900;}

.projects {background: url('images/projects.png') no-repeat scroll top center; padding-top: 47px; margin-top: 15px; padding-left: 10px; white-space: nowrap}
.projects a img {background: white; padding: 1px; border: 9px solid #dcdab8; margin-right: 22px; width: 150px; height: 150px;}
.projects a:hover img {border: 9px solid #669900;}
.projects a:last-child img {margin-right: 0px;}

#comments {	background: url(images/contentbox-bg.png) repeat-y scroll top left; width: 574px; margin-bottom: 30px;}
#comments .top { background: url(images/comments-top.png) no-repeat scroll top left; padding: 20px 8px 0px 14px;}
#comments ol {background: url(images/contentbox-footer.png) no-repeat scroll bottom left; min-height: 54px; padding:  0px 8px 25px 14px; list-style-type: none;}
#comments .top h2 { color: #669900; padding-left: 20px; padding-bottom: 15px;}
#comments li { padding: 20px; }
#comments li.comment { min-height: 70px;}

#comments a {  color: #669900; text-decoration: none;}
#comments a:hover { color: #422c21; }

#comments.light li.odd,
#comments.dark li.even { background: #E2E0C2; border-top: 1px solid #D6D4B9; border-bottom: 1px solid #D6D4B9;}

#comments li img.avatar { float: right; background: white; border: 4px solid rgb(220, 218, 184);
margin-left: 10px; padding: 1px; margin-bottom: 20px;}
#comments li .details { color: #979680; padding-bottom: 15px;}
#comments li .details a { color: #979680; }
#comments li .details a:hover { color: #669900}
#comments li .details cite { font-style: normal; }
#comments li p {padding-bottom:15px;}
#comments li p:last-child {padding-bottom: 0px}

#respond { padding: 0 10px; }
#respond input, textarea { border: 1px solid #D9D7BC; padding: 2px; font-size: 14px;}
#respond p { padding-bottom: 7px; }
#respond h2 { color: #979680;padding-bottom: 5px;}
#respond .description { color: #979680; padding-bottom: 20px;}
#respond a { color: #669900; }
#respond input#submit { width: 112px; border: 0px none; background: url(images/savebutton.png) no-repeat 0 -41px; height: 40px;}
#respond input#submit:hover { background: url(images/savebutton.png) no-repeat 0 0px; }
#respond input#submit:active { margin-top: 1px; margin-left: 1px; }

body.home #main .sidebar { padding-top: 270px; }
#main .sidebar .widget { margin-bottom: 20px; }
body.home #main .sidebar .textwidget { font-size: 14px; }
body.home #main .sidebar .textwidget a {  color: #669900; text-decoration: none;}
body.home #main .sidebar .textwidget a:hover { color: #422c21; }
body.home #main .sidebar .textwidget img.gravatar { float: right; background: white; border: 4px solid rgb(220, 218, 184);
margin-left: 10px; padding: 1px; margin-bottom: 20px;}

#main .sidebar .stimmungsmeter_widget,
#main .sidebar .widget_lastfm { background: #dcdab8 url(images/sidebarbox-top.png) no-repeat; padding-top: 10px;}
#main .sidebar .stimmungsmeter_widget h2,
#main .sidebar .widget_lastfm h2 { padding-left: 15px; font-weight: normal;}
#main .sidebar .widget_lastfm h2 a { color: black; text-decoration: none; }
#main .sidebar .stimmungsmeter_widget .bottom,
#main .sidebar .widget_lastfm ul { list-style-type: none; background: url(images/sidebarbox-bottom.png) no-repeat bottom left; padding: 15px;}
#main .sidebar .widget_lastfm li { height: 22px; line-height: 22px; border-top: 1px solid #ebead1; overflow:hidden; white-space: nowrap; width: 310px}
#main .sidebar .widget_lastfm li:last-child { border-bottom: 1px solid #ebead1;}
#main .sidebar .widget_lastfm li span { color: #979680; }

#main .sidebar .widget_search form div { background: url(images/searchfield.png) no-repeat; height: 44px; position: relative;}
#main .sidebar .widget_search form div input#s { border: 0px none; background: none; margin-top: 8px; padding: 3px 6px 0px; width: 240px; font-size: 16px; outline: 0px none;}
#main .sidebar .widget_search form div input#searchsubmit { background: url(images/search_button.png) no-repeat top left; position: absolute;right: 0px; height: 44px; width: 91px; border: 0; text-indent: -999999px; cursor: pointer;}
#main .sidebar .widget_search form div input#searchsubmit:hover { background: url(images/search_button.png) no-repeat bottom left}
#main .sidebar .stimmungsmeter_widget .bar { height: 24px; background: url(images/stimmungsmeter.png) no-repeat; width: 310px; padding-bottom: 14px;}
#main .sidebar .stimmungsmeter_widget .bar .active { height: 24px; background: url(images/stimmungsmeter-aktiv.png) no-repeat; width: 0;}
#main .sidebar .stimmungsmeter_widget ul.items {list-style-type: none; }
#main .sidebar .stimmungsmeter_widget ul.items li {	padding: 8px 0px 8px 34px; }
#main .sidebar .stimmungsmeter_widget ul.items li.value1,
#main .sidebar .stimmungsmeter_widget ul.items li.value2 {background: url(images/plus.png) no-repeat center left;}
#main .sidebar .stimmungsmeter_widget ul.items li.value-1,
#main .sidebar .stimmungsmeter_widget ul.items li.value-2 { background: url(images/minus.png) no-repeat center left;}
#main .sidebar .stimmungsmeter_widget a {color: black;}

#navigation { background: url(images/navi.png); }
#navigation ul { list-style-type: none; background: url(images/navi-bottom.png) no-repeat bottom left; padding: 20px 7px 15px 6px;}
#navigation ul li { padding-left: 25px; padding-right: 25px;}
#navigation ul li.active { background: url(images/active.gif) no-repeat center right; }
#navigation ul li a { display: block; line-height: 40px; height: 40px; font-size: 16px; letter-spacing: 3px; text-decoration: none; color: #435359; border-bottom: 1px solid #15262C; border-top: 1px solid #24373D;}
#navigation ul li a span { color: white; }
#navigation ul li a:hover span { color: #669900; }
#navigation ul li:first-child a { border-top: 0 none; }
#navigation ul li:last-child a { border-bottom: 0 none; }

div.archive { padding: 0 10px; }
div.archive h2,
div.archive h1 { color: #422c21; padding-bottom: 15px;}
div.archive .description { color: #422c21; font-size: 14px; padding-bottom: 15px;}
div.archive ul { padding-left: 30px; } 
div.archive ul li.blogcontent { padding-bottom: 10px; }
div.archive ul li.blogcontent .details {padding-bottom:0px;}
div.archive .older { float: right; }
div.archive .newer { float: left; }
div.archive .older a,
div.archive .newer a {  color: #669900; text-decoration: none;}
div.archive .newer a:hover,
div.archive .older a:hover { color: #422c21; }

div.archive .pagination { height: 30px; }

div.archive h2 { padding-bottom: 5px; }
div.archive .tags a { line-height: 1.2em !important; color: black; text-decoration: none;}

div.archive ul,
.blogcontent ul {list-style-image: url(images/bullet.png);}

div.blogcontent { padding: 0 10px; }
.contentbox .blogcontent { padding: 0 0;}

.blogcontent a { color: #669900;}
.blogcontent a:hover { color: #422c21;}

.page h1 {padding-bottom: 15px;}

.blogcontent h1,
.blogcontent h2 {font-size: 20px; font-weight: normal; color: #422c21;}
.blogcontent h1 a,
.blogcontent h2 a {text-decoration: none; color: #422c21;}
.blogcontent h1 a:hover,
.blogcontent h2 a:hover {color:#669900;}
.blogcontent p, 
.blogcontent ul, 
.blogcontent blockquote, 
.blogcontent ol {padding-bottom: 15px;}
.blogcontent .details {color: #979680; padding-bottom: 10px;}
.blogcontent .details a {color: #979680; text-decoration: none;}
.blogcontent .details a:hover {color: #669900;}
.blogcontent .border {background: white; padding: 1px; border: 4px solid #dcdab8;}
.blogcontent ul, 
.blogcontent blockquote, 
.blogcontent ol {padding-left: 20px;}
.footer {	background: #422c21 url(images/divider.png) repeat-x scroll top left; padding-top: 14px; color: #ebead1; min-width: 960px;}

.footer ul { list-style-type: none; }

.footer a {color:#EBEAD1; text-decoration:none;}
.footer a:hover {color: #FF9900}
.footer a:hover .author {color: #EBEAD1}

.footer .col { width: 270px; background: url(images/triangle.png) no-repeat scroll 20px 0px; padding-top: 25px;}
.footer .col.leftcol { float: left; padding-left: 10px;}
.footer .col.rightcol { float: right; padding-right: 10px;}

.footer .widget_get_recent_comments li {line-height: 16px; padding: 5px 0; height: 32px;}
.footer .widget_get_recent_comments li a{display:block;}
.footer .widget_get_recent_comments img {background:#6C4E40 none repeat scroll 0%;border:medium none;padding:3px; display:block; float:left; height:26px; width:26px; margin-right: 10px}

.footer .widget_recent_entries ul {padding-top: 2px;}
.footer .widget_recent_entries li {border-bottom: 1px solid #573D30; line-height:24px;}

.footer .MMPhotos img,
.footer .photos img{background:#6C4E40 none repeat scroll 0% 0%;border:medium none;display:block;float:left;margin:6px 5px 0px 0px;padding:3px;width:56px; height: 56px;}

.footer .widget h2 { font-size: 18px; font-weight: normal; padding-bottom: 5px;}
.footer .sidebar { padding-top: 15px; }

.footer .widget_blogroll {background: #49342a url(images/footer-sidebarbox-top.png) no-repeat scroll top left;padding-top: 10px;}
.footer .widget_blogroll h2 { padding-left: 15px; }
.footer .widget_blogroll .bottom { position: relative; background: url(images/footer-sidebarbox-bottom.png) no-repeat scroll bottom left;padding: 0 15px 15px;}
.footer .widget_blogroll ul { width: 145px; }
.footer .widget_blogroll .ul2 { position: absolute; right: 15px; top: 0px; }
.footer .widget_blogroll li { line-height: 24px; height: 24px; border-bottom: 1px solid #573D30;}

.footer .widget_syndicate { margin-top: 26px; }
.footer .widget_syndicate img { position: relative; left: 6px; top: 2px; }
.footer .widget_syndicate a { text-decoration: underline; }

.copyright { background: #221711 url(images/footer-bottom.png) repeat-x scroll top left; padding: 28px 0px 1px; color: #634131; min-width: 960px;}
.copyright .container {line-height: 2em; height: 2em;}
.copyright a {color: #634131; text-decoration: underline;}

.screen-reader-text { display: none; }