/*
Theme Name: Querlesen
Theme URI: http://querlesen.de/
Description: The default theme for Querlesen Blog based on Twenty Ten
Author: mzentrale | Benjamin Zaiser
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/

/* Reset ================================================================================= */
* { margin:0; padding:0; outline-style:none; outline-width:0;}

body          { background:#fff url(images/bkg_body.gif) repeat-y center; font:11px/1.35 Arial, Helvetica, sans-serif; color:#666670; text-align:center; }

img           { border:0; vertical-align:top; }

a             { color:#888888; text-decoration:none; }
a:hover       { text-decoration:underline; }
:focus        { outline: 0; }
.col-main a{ color: #FBB900; font-weight: bold;}

/* Headings */
h1            { font-size:20px; font-weight:bold; color:#FBB900; line-height:1.15; margin-bottom: 25px; }
h2            { font-size:20px; line-height:1.25; color:#888888; margin-bottom: 15px;}
h3            { font-size:11px; font-weight:bold; line-height:1.25; color: #888888; margin-bottom: 2px;}
h4            { font-size:11px; font-weight:bold; }
h5            { font-size:11px; font-weight:bold; }
h6            { font-size:11px; font-weight:bold; }

/* Forms */
form          { display:inline; }
fieldset      { border:0; }
legend        { display:none; }
input		  { border: 0px; height: 19px;}
textarea	  { border: 0px; background: url("images/bkg_textarea.gif") no-repeat; width: 496px; height: 114px; padding: 5px;}

/* Table */
table         { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
strong        { font-weight:bold; }
address       { font-style:normal; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before,
q:after       { content:''; }
small,big     { font-size:1em; }
sup           { font-size:1em; vertical-align:top; }

/* Lists */
ul,ol         { list-style:none; }

/* Tools */
.hidden       { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.a-right      { text-align:right !important; }
.v-top        { vertical-align:top; }
.v-middle     { vertical-align:middle; }
.f-left,
.left         { float:left !important; }
.f-right,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }
/* ======================================================================================= */

/* Layout ================================================================================ */
#wrapper { width:999px; margin:0 auto; padding:0px; text-align:left; background: #fff; }
#header{ background: url("images/bkg_blog.gif") no-repeat 300px 8px; height: 144px;}
#header #site-title a{ background: url("images/logo.gif") no-repeat top left; display: block; width: 238px; height: 104px; position: absolute; top: 14px; left: 10px; }
#header #site-title a span{ display: none;}
#header a.blog-homelink{ display: block; width: 203px; height: 125px; position: absolute; top: 0px; left: 300px; }

/** Navi */
#header{ margin-top: 25px; position: relative; }
#header h1{ margin-bottom: 0px; }
#header #access{ position: absolute; top: 119px; right: 15px; }
#header #access .menu li{ display: inline; }
#header #access .menu li a{ width: 134px; height: 25px; display: block; float: left; margin-right: 5px; }
#header #access .menu li a span{ display: none; }
#header #access .menu li#menu-item-5 a{ background-image: url("images/cms-nav_home.gif"); width: 89px;}
#header #access .menu li#menu-item-5 a:hover{ background-image: url("images/cms-nav_home_on.gif"); }
#header #access .menu li#menu-item-6 a{ background-image: url("images/cms-nav_wasist.gif"); width: 150px;}
#header #access .menu li#menu-item-6 a:hover{ background-image: url("images/cms-nav_wasist_on.gif"); }
#header #access .menu li#menu-item-7 a{ background-image: url("images/cms-nav_shop.gif"); width: 89px;}
#header #access .menu li#menu-item-7 a:hover{ background-image: url("images/cms-nav_shop_on.gif"); }

/** Searchbox */
#header .searchbox{ position: absolute; top: 30px; right: 20px; }
#header .searchbox label.screen-reader-text{ display: block; font-weight: bold; margin-bottom: 5px;}
#header .searchbox input#s{ height: 19px; width: 206px; font-size: 11px; margin-bottom: 3px; background: url("images/bkg_input_211.gif") no-repeat; float: left; padding-left: 5px;}
#header .searchbox input#searchsubmit{ background: url("images/btn_enter.gif") no-repeat; width: 19px; height: 19px; margin-left:3px;}
#header .searchbox input#searchsubmit:hover{ background-image: url("images/btn_enter_on.gif");}

/** Container */
#main{ float: left; margin-bottom: 20px; background: url("images/bkg_main_container_repeat.gif") no-repeat 235px top; width: 999px; }
#main #container { float: right; width: 764px; min-height: 400px; background: url("images/bkg_main_container_nav.gif") no-repeat right top;}
#main #container #content{  padding: 40px 20px 0 70px; }
#main #container a{ color: #888888; }

/** Sidebar **/
#main .widget-area{ float: left; width: 235px; background: url("images/bkg_nav_first.gif") no-repeat top left; }
#main .widget-area ul.xoxo li{ padding: 16px 16px 16px 20px; border-bottom: 4px solid #A5A6A6;}
#main .widget-area ul.xoxo li h3{ font-weight: bold; font-size: 14px; margin: 0 0 10px 0;}
#main .widget-area ul.xoxo li ul li{ padding: 0; border: 0px;} 

/** Footer */
#footer{ clear: both; border-top: 2px solid #E8E9E9; margin: 0 20px; font-size: 16px;}
#footer #colophon{ margin: 10px 0;}
#footer #footer-widget-area{ float: right; }
#footer a{ color: #CCCCCC; font-size: 16px; }
#footer #footer-widget-area .menu-footer-menu-container{ margin-top: 0px; border-top: 1px solid #fff;} /** IE7 bugfix */

/* ======================================================================================= */


/** Posts */
.post{ padding: 25px 0; border-top: 2px solid #E8E9E9;}
.post h2{ margin-bottom: 0px; }
.post .entry-meta{ color: #999999; font-size: 10px;}
.post .entry-content,
.post .entry-summary{ margin: 20px 0;}
.post .entry-utility{ color: #999999;}
.post .entry-utility span span { font-weight: bold;}
.post .entry-summary a {color: #FBB900!important; font-weight: normal;}

.post .entry-content p{ margin-bottom: 5px; }
.post .entry-content ul{ list-style-type: disc; margin-left: 10px; margin-bottom: 5px;}
.post .entry-content ul li{ margin-left: 17px; }
.post .entry-content h2{ font-size: 15px; margin-bottom: 10px; }


/** Posts Navigation below */
#content #nav-below { border-top: 1px solid #E8E9E9; padding-top: 10px; display: block; height: 25px;}
#content #nav-below a {color: #FBB900;}
#content #nav-below .nav-previous {float: left;}
#content #nav-below .nav-next{float: right;}


/** Comments */
#comments {clear: both; padding-top: 10px; margin-top: 10px; border-top: 1px solid #E8E9E9;}
#comments h3#comments-title{ margin-top: 20px; margin-bottom: 10px; font-size: 13px;}
#comments .commentlist li{ float: left; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #E8E9E9;}
#comments .avatar{ display: none; }
#comments .comment-author{ width: 210px; float: left; min-height: 40px;}
#comments .comment-meta,
#comments .comment-body{width: 460px; float: left;}
#comments .reply{ float: right; clear: both; margin-right: 5px;}
#comments .comment-reply-link {color: #FBB900!important;}

/** Comments Respond */
#comments #respond {margin: 20px 0; padding-top: 20px; clear: both;}
#comments #respond h3{ margin-bottom: 10px; font-size: 13px;}
#comments #respond #commentform p{ margin-bottom: 25px;}
#comments #respond #commentform p.form-allowed-tags {margin-right: 168px;}
#comments #respond #commentform label{ display: block;}
#comments #respond #commentform .form-submit  {margin-right: 168px;}
#comments #respond #commentform .form-submit input#submit{ border: 0px; background: url("images/btn_senden.gif") no-repeat top left; width: 59px; height: 25px; float: right; cursor: pointer;}
#comments #respond #commentform .form-submit input#submit:hover{ background-image: url("images/btn_senden_on.gif"); }
#comments #respond #commentform .required{ padding-left: 5px;}
#comments #respond #commentform input{ background: url("images/bkg_input_211.gif") no-repeat; padding-left: 5px; width: 206px; }

/** Search results */
#content #searchform label.screen-reader-text{ font-weight: bold;}
#content #searchform input#s{ height: 19px; width: 206px; font-size: 11px; margin-bottom: 3px; background: url("images/bkg_input_211.gif") no-repeat; padding-left: 5px;}
#content #searchform input#searchsubmit{ background: url("images/btn_enter.gif") no-repeat; width: 19px; height: 19px; margin-left:3px;}
#content #searchform input#searchsubmit:hover{ background-image: url("images/btn_enter_on.gif");}
#content #searchform {margin-top: 20px; display: block;}