/*
Theme Name:ugotX
Theme URI:http://ugotit.de/
Description:.
Version:0.2
Author:Daniel Mies
Author URI:http://ugotit.de/
*/
/* reset */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
#content ul,
#content ol{list-style-type:disc;padding-left:25px;}
#content ol{list-style-type:decimal;}
#content li,
#sidebar li{line-height:1.5em;font-size:1em;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
/* Der Kern von Clearfix */
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
/* IE-Patches fuer Clearfix */
.clearfix{display:inline-block;}
/* Vor IE5/Mac verstecken \*/
* html .clearfix{height:1px;}
.clearfix{display:block;}
/* Ende des Versteckspiels fuer den IE5/Mac */
/* HTML5 tags */
header,section,footer,aside,nav,article,figure{display:block;}
/* start */
body{font-size:75%;font-family:Helvetica,Arial,Verdana,sans-serif;text-align:center;color:#333;background:#2F3443 url('img/bg2.jpg');}
html>body{font-size:12px;}
.cl{clear:both;}
.left{float:left;}
.right{float:right;}
.hidden{display:none;}
h2{color:#31384d;font-size:2em;font-weight:normal;margin:1em 0;}
h3{color:#31384d;font-size:1.5em;font-weight:normal;margin:1em 0;}
a{text-decoration:none;color:#c00;}
a:hover{text-decoration:underline;}
img{border:0px;}
img.left{margin:10px 20px 10px 0px;}
img.right{margin:10px 0px 10px 20px;}
p{line-height:1.5em;font-size:1em;margin-top:1.5em;margin-bottom:1.5em;}
q{font-style:italic;}
blockquote{padding-left:25px;font-style:italic;}
blockquote cite{display:block;text-align:right;}
/* layout */
#head h1{font-size:3em;font-weight:normal;margin:20px auto;text-align:left;text-transform:uppercase;width:950px;}
#head h1 a{color:#fff;text-decoration:none;}
#nav{-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;background:#838894 url('img/nav.jpg') bottom repeat-x;font-size:1.5em;font-weight:lighter;margin:0 auto;padding:0 10px;width:950px;text-align:left;}
#nav li{float:left;margin:0 20px 0 0;padding:0;}
#nav a{color:#fff;display:block;text-decoration:none;padding:20px 0 20px;}
#nav .current_page_item a,
#nav a:hover{background:url('img/active.png') center bottom no-repeat;}
#nav form{-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;background:#7e818d;border:1px solid #cec7b2;float:right;margin:15px 0 0;padding:3px;overflow:hidden;width:235px;}
#nav form input{background:#7e818d;border:0;color:#fff;margin:0;padding:0;}
#nav form input#s{float:left;line-height:1.5em;width:200px;}
#nav form input#searchsubmit{background:#7e818d;float:right;margin-left:5px;width:24px;}
#rahmen{background:#fff;margin:0 auto;width:970px;text-align:left;}
#intro{background:transparent url('img/intro.jpg') bottom repeat-x;margin:0 0 20px;overflow:hidden;padding:25px 10px;position:relative;}
#intro h2{font-size:3em;font-weight:normal;color:#31384d;margin:0;}
#intro h2 a{color:#31384d;}
#main{padding:0 10px;}
#content{float:left;width:590px;}
#sidebar{float:right;width:300px;}
/* preview */
#intro .maske{overflow:hidden;width:800px;margin:0 auto;}
#intro .maske a.sleft{position:absolute;left:0px;top:65px;}
#intro .maske a.sright{position:absolute;right:0px;top:65px;}
#intro .maske ul{width:3500px;position:relative;}
.teaser{float:left;width:150px;height:150px;overflow:hidden;border:1px solid #ddd;margin:4px;text-align:right;position:relative;background:#fff bottom right no-repeat;}
.teaser h3{margin:0;position:absolute;bottom:5px;right:5px;font-size:18px;display:inline;}
.teaser h3 a{background:#c00;color:#fff;text-decoration:none;}
.teaser h3 a:hover{background:#fff;color:#c00;text-decoration:none;}
/* Artikel */
.post{clear:both;margin:20px 0;}
.post .head{clear:both;}
.post h2 a{color:#31384d;float:left;width:90%;font-weight:normal;text-decoration:none;}
.post .head .comments{float:right;line-height:2em;text-align:right;width:10%;}
.post .head .comments a{color:#aaa;display:block;text-decoration:none;}
.post h2 a:hover{text-decoration:underline;}
.meta{background:transparent url('img/intro.jpg') bottom repeat-x;margin:0;padding:10px;}
/* sidebar */
#sidebar div{margin-bottom:20px;overflow:hidden;}
#linkbox li{margin:5px 0;padding-bottom:5px;border-bottom:1px solid #cec7b2;}
#recentComments li{margin:1.5em 0;border-bottom:1px solid #cec7b2;padding-bottom:0.5em;}
#recentComments a{font-weight:bold;}
.related_post li{border-bottom:1px solid #cec7b2;line-height:1.5em;margin:1em 0;padding:5px 0;}
/*
Kommentare
*/
h3#comments{padding:20px 0;}
#content ol.commentlist{clear:both;list-style:none;padding:0;margin:0;width:100%;}
#content ol.commentlist li{clear:both;border-bottom:1px solid #cec7b2;background:#eee;padding:10px;margin-bottom:10px;overflow:hidden;width:100%;}
#content ol.commentlist li.alt{background:#fff;}
#content ol.commentlist .author{float:left;width:200px;margin:0 15px 0 0;}
#content ol.commentlist .author img{float:left;margin:0 15px 15px 0;}
#content ol.commentlist .comment{width:310px;float:left;padding:0 0 0 15px;border-left:1px solid #cec7b2;}
/*
Kommentarformular
*/
#commentform{margin-bottom:15px;padding:15px;border-bottom:1px solid #cec7b2;}
#commentform label{line-height:2em;float:left;width:200px;}
#commentform input,
#commentform textarea{border:1px solid #cec7b2;padding:5px;}
#commentform p{line-height:2em;clear:both;}
/* Code
-----------------------------------------------*/
.code{border:1px solid #cdd9e6;list-style-type:decimal-leading-zero;padding:5px;margin:0;}
.code code{display:block;padding:3px;margin-bottom:0;}
.code li{background:#e7eef5;border:1px solid #cdd9e6;margin:0 0 2px 2.2em;}
.indent1{padding-left:1em;}
.indent2{padding-left:2em;}
.indent3{padding-left:3em;}
.indent4{padding-left:4em;}
.indent5{padding-left:5em;}
.indent6{padding-left:6em;}
.indent7{padding-left:7em;}
/* buch */
#teaserpic{float:left;}
#bookteaser{position:absolute;top:250px;left:450px;width:450px;}
.bookArea{background:transparent url('img/bauarbeiter-border.png') bottom right no-repeat;overflow:hidden;padding-bottom:80px;overflow:hidden;}
.bookArea h2{margin-bottom:0;}
.area{width:45%;padding:20px 10px 30px;}
.area li{border-bottom:1px solid #cdd9e6;;padding:10px;}
.area li small{font-size:.75em;}
#disclaimer{background:#838894;width:450px;margin:20px auto;border:1px solid #fff;color:#fff;padding:20px;}