/*  
Theme Name: BUDNI: Was ist Schön?
Theme URI: http://www.was-ist-schoen.de
Description: Was ist schön? Budni-Blog zum Thema Lifestyle und Schönheit 
Version: 1.0
Author: frank.butenhoff@2gh.de 
Author URI: http://www.2gh.de 
*/

*{ margin: 0; padding: 0; border: 0; outline: none; }
html, body{ font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif; font-size: 25px; color: #333; }
body{ background: url(images/bubblePatternBigBg.png) repeat; }
#page,#site{ width: 970px; margin: 0 auto; height: 100% auto; }
#site{ position: relative; background-color: #fff; font-size: 0.5em; border: 1px solid #eaeaea; margin: 20px 0; }
#topnavi{ height: 28px; overflow: hidden; background: url(images/tbg.png) repeat-x;}
#topnavi ul{ list-style-type: none; }
#topnavi ul li{ display: inline; float: left; }

#header{ height: 280px; position: relative; }
#mood{ position: absolute; top: 10px; left: 10px; width: 705px; }
#searchbox{ position: absolute; top: 10px; left: 720px; width: 240px; height: 278px; background: url(images/sbg.png) no-repeat #f0f8fa; }
#tsearch{ position: absolute; top: 230px; left: 5px;}
#tsearch #ts{ width: 200px; height: 26px; border: 1px solid #eaeaea; }
#tsearch #tsearchsubmit{ width: 28px; height: 28px; overflow: hidden; background: url(images/tsearch.png) no-repeat;  }
#conline{ width: 970px; height: 8px; overflow: hidden; margin-top: 20px; background: url(images/conline.png) no-repeat; }
#holder{ background-color: #fff; padding: 20px 0;}
#content{ float: left; width: 590px; margin: 20px 10px 20px 40px; min-height: 600px; }
#sitebar{ float: right; width: 300px; margin-right: 15px; padding: 0 5px; }
.breaker{ clear: both; display: block;}

#sitebar ul{ list-style-type: none; padding-left: 0px; margin: 10px 0px;}
#sitebar ul li{ padding-left: 0px;  background-color: #f7fcfd; margin-bottom: 15px;}
#sitebar .subsite{ padding: 5px 5px 10px 15px;}
#sitebar .strix{  width: 300px; height: 10px; overflow: hidden; background: url(images/bubblePatternSmallBg.png) repeat;}
#sitebar ul li a{ padding:0px 12px; background: url(images/lnks.png) no-repeat; font-size: 12px; color: #65bed4; text-decoration: none; font-weight: bold; }
#sitebar ul li a:hover{ color: #54adc3; }
#sitebar .lc em{ display: block; padding:8px 5px; }
#sitebar ul li ul li{ padding-left: 0px; margin-right: 12px; margin-bottom: 3px; border-bottom: 1px solid #c3e7f1; }
#sitebar .widget_tag_cloud a{ padding: 0px; background: none; color: #5e5e5e; }
 
h3.widgettitle{ font-size: 1.35em; color: #65bed4; margin: 4px 0px; }
.blue{ color: #65bed4;}
#content p { line-height:17px; margin-bottom:1em; }
#content .combox{ float:right; display:inline; position: relative; width: 30px; height: 30px; margin:0 0 5px 5px; background: url(images/com_bubble.png) no-repeat; color: #fff; font-weight: bold; font-family: Georgia, Helvetica, Arial; }
#content .combox p{ position: absolute; top: 4px; left: 1px; width: 30px; text-align: center; }
#content .combox p a{ color: #fff; }
#content .datbox{ float:left; display:inline; position: relative; width: 39px; height: 42px; margin:0 8px 5px 0; background: url(images/dat_bubble.png) no-repeat; color: #fff; font-weight: bold; font-family: Georgia, Helvetica, Arial; }
#content .datbox .day{ position: absolute; top: 2px; left: 1px; width: 39px; text-align: center; }
#content .datbox .mon{ position: absolute; top: 21px; left: 1px; width: 39px; text-align: center; }
#content h2{ color: #65bed4; margin-bottom: 5px; font-size: 1.75em; }
#content h3{ color: #5e5e5e; margin-bottom: 15px; font-size: 1.25em; }
#content .posthead{ font-size: 11px; }
#content .post{ padding: 0 15px 10px 0; }
#content .post .more-link{ display: block; margin-top: 5px; padding: 0 0 10px 12px; background: url(images/lnksw.png) no-repeat; }
#content a{ color: #65bed4; text-decoration: none; font-weight: bold; } 
#content a:hover{ color: #54adc3; }
#content .sti{ margin: 5px 0px 0px 0px; font-size: 11px; }
#content .soci{ margin: 5px 0px 50px 0px; padding: 5px 0px; border-bottom: 1px solid #c3e7f1; border-top: 1px solid #c3e7f1; width: 575px; min-height: 20px; }
#content .soci .let{ margin: 2px 0px; text-align: left; display: inline; } 
#content .soci .sociable{ margin: 2px 0px; float: right; display: inline; } 

a.ohne{ padding: 0px !important; margin: 0px !important; border: 0px !important; background: none !important;}


/*--------------------textgestaltung--------------------*/

p{ }
h1,h2,h3,h4,h5,h6{ font-family: Georgia, Trebuchet MS, trebuchet, Helvetica, arial ; }
acronym, abbr, span.caps {cursor: help;}

/*--------------------suche--------------------*/

#searchform{ }
input#s{ border: 1px solid #ccc; }
input#searchsubmit{ }

.alignnone{ clear: both; float: none; }
.size-full{ padding: 5px; margin-bottom: 10px; border: 2px solid #efefef; }

#commentform{ }
#commentform input, #commentform textarea{ border: 1px solid #c3e7f1; padding: 2px 5px; }
#commentform input{ margin-bottom: 5px; }
#commentform textarea{ border: 1px solid #c3e7f1; width: 570px; }
#commentform #submit{ border: 1px solid #c3e7f1; background-color: #54adc3; color: #fff; margin-top: 10px; padding: 2px 5px; }

.commentlist{ margin-bottom: 10px; list-style-type: none; }
.commentlist li{ margin-bottom: 15px; }