/*
Theme Name:the all new ugotit
Theme URI:http://ugotit.de/
Description:.
Version:1.0
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;}
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:#cdd9e6;}
html>body{font-size:12px;}
.cl{clear:both;}
.left{float:left;}
.right{float:right;}
.hidden{display:none;}
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;}
#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;}
h1,h2,h3,h4,h5,h6{font-family:Georgia,"Times New Roman",Times,serif;font-weight:normal;color:#757575;}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{color:#c00;}
h1 a{color:#fff;text-shadow:0px 2px 3px #555;}
h1 a:hover{text-decoration:none;}
h2{font-size:2em;line-height:1.286em;margin-top:1.929em;margin-bottom:0.643em;}
h3{font-size:1.5em;line-height:1.286em;margin-top:1.929em;margin-bottom:0.643em;}
h4{font-size:1.1667em;line-height:1.286em;margin-top:1.929em;margin-bottom:0.643em;}
#sidebar h2,
#sidebar h3{color:#757575;}
blockquote{padding-left:25px;font-style:italic;}
blockquote cite{display:block;text-align:right;}
/*
Layout
*/
#top,
#banner,
#wrapper,
#footer{width:960px;margin:0px auto;text-align:left;clear:both;}
#leiste{border-bottom:1px solid #cdd9e6;background:#e7eef5;margin:0;padding:0px;}
#rahmen{background:#e7eef5;overflow:hidden;padding:20px;}
#top{overflow:hidden;margin-top:30px;}
#pagetitle{width:350px;float:left;font-size:2em;font-family:Georgia,"Times New Roman",Times,serif;}
#pagetitle h1{font-size:2em;}
#pagetitle p{margin:0;font-weight:lighter;font-size:.8em;}
/* nav */
#nav{margin:40px 0px 30px;float:left;font-size:1.5em;width:610px;}
#nav ul{float:right;}
#nav li{float:left;margin-left:10px;}
#nav li a{display:block;padding:5px 15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#nav li.current_page_item a,
#nav li a:hover{background:#e7eef5;color:#757575;text-decoration:none;}
/* banner */
#banner-out{clear:both;background:#e7eef5;margin:0 0 0;}
#banner{position:relative;padding:30px 0;}
#teaserpic{position:absolute;z-index:2;left:0px;bottom:-70px;}
#teaser{width:350px;padding:30px 0px;}
#bookteaser{float:right;width:500px;padding:80px 0 30px;}
#bookteaser h2,
#teaser h2{margin:0;margin-bottom:30px;}
#bookteaser p,
#teaser p{margin-top:1.5em 0 0;}
/* main content */
#wrapper{padding:20px 0;}
#content{width:620px;float:left;}
#sidebar{width:280px;float:right;padding-bottom:20px;}
/* IE 6*/
#ie6{padding:20px 0;width:950px;margin:0 auto;text-align:left;}
#ie6 h2{margin-top:10px;}
#ie6 img{float:left;margin-right:10px;}
/* Suche */
#searchform{background:#e7eef5;padding:10px;}
#searchform #s{float:left;border:none;background:#e7eef5;width:260px;padding:5px;}
#searchsubmit{float:right;}
h2#topic{margin:0 0 30px 0;float:left;}
a#linkToPage{float:right;line-height:2.572em;}
/* Startseite */
#banner .maske{overflow:hidden;width:800px;margin:0 auto;}
#banner .maske a.sleft{position:absolute;left:0px;top:65px;}
#banner .maske a.sright{position:absolute;right:0px;top:65px;}
#banner .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;}
/* Infoboxen */
p.infobox{background-color:#FFFFE0;border:1px solid #E6DB55;padding:5px;}
/* Artikel */
.page,
.post{overflow:hidden;clear:both;}
.post h2{float:left;width:460px;margin:0 0 5px;font-size:2em;clear:both;}
.page h2{float: none;margin:0 0 5px;font-size:2em;clear:both;}
.comments a{float:right;background:url('icons/comment.png') left center no-repeat;padding-left:20px;margin-top:10px;}
div.entry{clear:both;border-bottom:1px solid #e7eef5;margin-bottom:40px;background:#fff;padding:5px 15px 15px;overflow:hidden;}
.teaserbox{background:#E7EEF5;padding:5px;}
.teaserbox p{margin:.5em 0;font-style:italic;}
a.more-link{display:block;clear:both;float:right;background:#E7EEF5;color:#333;padding:7px 10px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
a.more-link:hover{background:#cdd9e6;}
/* Artikelnav */
.articlenav{margin-bottom:1em;}
/* und jetzt */
.andNow{padding:15px;background:#e7eef5;}
.andNow h3{margin-top:0;}
.andNow .post-ratings{display:inline;}
.andNow .post-ratings strong{display:none;}
/*
Kommentare
*/
h3#comments{border-top:1px solid #cdd9e6;padding:15px 0;}
#content ol.commentlist{clear:both;list-style:none;padding:0;}
ol.commentlist li{clear:both;border-bottom:1px solid #cdd9e6;background:#e7eef5;padding:15px;margin-bottom:15px;overflow:hidden;}
ol.commentlist li.alt{background:#fff;}
ol.commentlist .author{float:left;width:200px;margin:0 15px 0 0;}
ol.commentlist .author img{float:left;margin:0 15px 15px 0;}
ol.commentlist .comment{width:310px;float:left;padding:0 0 0 15px;border-left:1px solid #cdd9e6;}
/*
Kommentarformular
*/
#commentform{margin-bottom:15px;padding:15px;border-bottom:1px solid #cdd9e6;background:#e7eef5;}
#commentform label{line-height:2em;float:left;width:200px;}
#commentform input,
#commentform textarea{border:1px solid #cdd9e6;padding:5px;}
#commentform p{line-height:2em;clear:both;}
/*
Sidebar
*/
ul#infoList li a{border:1px solid #cdd9e6;padding:5px;display:block;padding-left:25px;color:#333;}
ul#infoList li.loved a{background:transparent url('icons/heart.png') 1% 50% no-repeat;}
ul#infoList li a:hover{text-decoration:none;background-color:#e7eef5;}
#recentComments li{clear:both;margin-bottom:1em;}
#recentComments img{float:left;margin:0 10px 10px 0;}
#recentComments img.wp-smiley{float:none;margin:0;}
#twitter{background:url(img/twitter.png) right top no-repeat;padding:0 0 0 0}
#twitter h3{padding-top:15px;}
#twitter li{border-bottom:1px solid #cdd9e6;background:#e7eef5;padding:10px;}
#tweetthis a{display:block;border-bottom:1px solid #cdd9e6;background:#e7eef5 url(img/twitter.png) right top no-repeat;padding:25px 10px 5px 10px;font-size:1.5em;color:#333;}
#twitter a.aktt_tweet_time{display:block;text-align:right;font-size:.75em;}
#tweetthis a:hover{background-color:#cdd9e6;text-decoration:none;}
/*
Buch
*/
#bookArea{margin:40px 0 0 0;background:transparent url('img/bauarbeiter-border.png') bottom right no-repeat;overflow:hidden;padding-bottom:80px;}
#bookArea h2{margin:0 0 .5em;font-size:2em;}
.area{background:#fff;padding:10px;margin:0 0 0 0;}
#bookArea .area{width:455px;}
.area h3{margin-top:0}
#content .area ul{list-style:none;padding:0;}
.area li{border-bottom:1px solid #cdd9e6;;padding:10px;}
.area li small{font-size:.75em;}
/* Footer */
#footer-out{clear:both;border-top:1px solid #cdd9e6;background:#e7eef5;margin-top:20px;}
#footer{padding:0 0 30px;}
#showmore{text-align:center;}
#moreinfo{display:none;}
ul#boxes li{width:300px;float:left;}
ul#boxes li.themenbox{margin:0 20px 0;padding:0 20px 0;width:278px;border-right:1px solid #cdd9e6;border-left:1px solid #cdd9e6;}
ul#boxes li li{width:auto;float:none;line-height:2em;}
ul#boxes li.archivbox li,
ul#boxes li.linkbox li,
ul#boxes li.themenbox li{width:120px;float:left;margin:0 5px;}
#footer p{text-align:center;clear:both;}
#lovepeacecraziness{padding-top:30px;font-size:2em;font-family:fantasy;}
#software{font-size:0.8em;}
/* 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;}
/* */
/* main 'top-level' form elements */
/* */
.cform{margin:10px auto 0 auto;}
.cform fieldset{margin-top:10px;padding:5px 0 15px 0;border:0;border-left-color:#ececec;border-bottom:1px solid #cdd9e6;}
.cform .cf_hidden{display:none;border:none!important;background:none!important;padding:0!important;margin:0!important;}
.cform legend{margin-left:10px;padding:0 2px;font:normal 20px;color:#666666;}
ol.cf-ol{margin:0!important;padding:0!important;}
ol.cf-ol li{background:none!important;margin:5px 0!important;padding:0;list-style:none!important;text-align:left;line-height:1.3em;}
/* */
/* just for text-only fields (no input) */
/* */
ol.cf-ol li.textonly{background:#F0F0F0 !important;letter-spacing:1px;margin:10px 0pt !important;padding:5px 0pt;text-align:center;}
/* */
/* global definitions for field labels */
/* */
.cform label{width:90px;margin:4px 10px 0 0;display:-moz-inline-box;/*for mozilla*/
display:inline-block;/*for Opera & IE*/
text-align:right;vertical-align:top;}
.cform label span{width:90px;/* must be the same as above!*/
display:block;}
label.cf-before{margin:4px 10px 0 0;}
label.cf-after{margin:4px 15px 0pt 6px;text-align:left;width:115px;}
label.cf-after span{width:115px;display:block;}
label.cf-group-after{margin:3px 4px 0 2px;width:72px;text-align:left;}
label.cf-group-after span{width:72px;display:block;}
/* */
/* FORM FIELDS general formatting */
/* */
.cform input,
.cform textarea,
.cform select{padding:3px;background:#f9f9f9;border:1px solid #888888;vertical-align:top;}
.cform input:hover,
.cform textarea:hover,
.cform select:hover{background:#CEDDDF;}
.cform input:focus,
.cform textarea:focus,
.cform select:focus{background:#F3F8F8;}
.cform textarea,
.cform input{width:150px;}
.cform select{width:158px;/* attempt to have equal length */
padding:2px 0;}
.cform select.cfselectmulti{height:7.5em;}
.cform textarea{font-size:0.9em;overflow:auto;}
/* */
/* radio button title */
/* */
ol.cf-ol li.cf-box-title{font-weight:bold;letter-spacing:1px;padding:8px 0 0 100px;/* check with label 'width' incl. */}
/* */
/* check boxes */
/* */
.cform input.cf-box-a,
.cform input.cf-box-b{margin:2px 0 0 0;width:14px;height:22px;border:none!important;background:none!important;}
.cform input.cf-box-a{margin-left:100px;/* check with label 'width' incl. */}
/* */
/* check box groups */
/* */
ol.cf-ol li.cf-box-group{margin:10px 0pt 0px !important;padding-left:100px;}
/* */
/* formatting for text:"(required)" & other */
/* */
span.reqtxt,
span.emailreqtxt{margin:3px 0 0 3px;font-size:0.9em;display:-moz-inline-box;vertical-align:top;}
/* */
/* FORM submit button */
/* */
p.cf-sb{text-align:right;padding:0!important;margin:0;}
.cform input.backbutton,
.cform input.resetbutton,
.cform input.sendbutton{width:100px;padding:5px;margin:10px 0 0 5px;font-size:0.8em;background:url(../images/button-bg.gif) repeat-x;border:1px solid #adadad!important;border-left-color:#ececec!important;border-top-color:#ececec!important;}
.cform input.resetbutton{width:auto;padding:5px 1em;}
.cform input.backbutton{width:auto;padding:5px 1em;}
/* */
/* FORM FIELDS enhanced error display */
/* */
ol.cf-ol li.cf_li_err{background:#FFDFDF url(li-err-bg.png) repeat!important;border-color:#DF7D7D;border-style:solid;border-width:1px 0pt;padding:5px 0!important;margin:5px 0!important;}
ol.cf-ol li ul.cf_li_text_err{height:1%;min-height:1%;margin:0 0 0 100px;padding:0;color:#333;}
ol.cf-ol ul.cf_li_text_err li{background:url(icon-alert.png) no-repeat left 1px!important;list-style:none!important;font-weight:bold;text-indent:0;margin:0 0 2px!important;padding-left:15px;}
ol.cf-ol ul.cf_li_text_err li:before{content:'';}
/* */
/* 'visitor verification' related styles */
/* */
label.secq,
label.seccap{vertical-align:text-bottom;margin-bottom:4px;}
input.secinput{vertical-align:text-bottom;}
#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha{height:15px;width:50px;padding:4px 4px;margin:0;}
img.captcha{vertical-align:text-bottom;margin:0 0 0 10px!important;padding:0!important;border:none!important;float:none!important;}
img.captcha-reset{vertical-align:text-bottom;background:url(captcha_reset_grey.gif) no-repeat;margin:0 0 2px 3px;width:21px;height:21px;border:none;}
img.imgcalendar{border:none;}
/* */
/* change formatting of response msgs here */
/* */
div.cf_info{color:#333;display:none;padding:10px 15px!important;width:380px;line-height:1.3em;margin:10px auto;}
div.cf_info ol{margin:0;padding:5px 15px 0 30px;}
div.cf_info ol li{padding:1px 0;margin:2px 0;}
div.cf_info a{color:#ad2929!important;text-decoration:underline!important;}
div.success{background:#F7F7F7 none repeat scroll 0% 50%;color:#444444;display:block;}
div.failure{display:block;background:#FFDFDF url(li-err-bg.png) repeat!important;border-color:#DF7D7D;border-style:solid;border-width:1px 0pt;}
div.waiting{background:#F9F9F9;color:#aaa;display:block;}
/* */
/* formatting for invalid user inputs */
/* */
.cform .cf_error{color:#ad2929;border:1px solid #ad2929;}
div.mailerr{display:block;}
.mailerr,
.cform .cf_errortxt{color:#ad2929;}
/* */
/* disabled fields [disabled] does not work on IE! */
/* */
[disabled]{color:#dddddd;border-color:#dddddd!important;background:none!important;}
.disabled{border-color:#dddddd!important;}
/* */
/* upload box styling */
/* */
.cform input.cf_upload{width:220px;background:#f9f9f9;border:1px solid #888;}
/* */
/* Other:link love */
/* */
.linklove{width:410px;margin:0 auto 10px!important;padding:0!important;text-align:center!important;}
.linklove a,
.linklove a:visited{font-size:0.8em;color:#aaaaaa!important;}
/* */
/* Other:browser hacks */
/* */
* html .cform fieldset{position:relative;margin-top:15px;padding-top:25px;}
* html .cform legend{position:absolute;top:-10px;left:10px;margin-left:0;}
*+html .cform fieldset{position:relative;margin-top:15px;padding-top:25px;}
*+html .cform legend{position:absolute;top:-10px;left:10px;margin-left:0;}
* html ol.cf-ol,
* html ol.cf-ol li,
* html span.reqtxt,
* html span.emailreqtxt{display:inline-block;/*for ie6*/}
*+html .cform label,
*+html ol.cf-ol,
*+html ol.cf-ol li,
*+html span.reqtxt,
*+html span.emailreqtxt{display:inline-block;/*for ie7*/}
* html img.captcha{margin-bottom:1px!important;}
*+html img.captcha{margin-bottom:1px!important;}