/*  
Theme Name: Blue Box
Theme URI: http://www.blogohblog.com/
Description: Blue Box is a 2 columns Wordpress theme. Lightweight theme for personal use. I love to hear of my work being used :). This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. Just leave my Bob link under your footer :)
Version: 0.1
Author: Bob 
Author URI: http://www.blogohblog.com/

This theme was designed and built by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a> based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
*/

html { height: 101%; }

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background: #507C96 url(images/gbck-19.png) repeat-x; }/*xx*/
#box { width: 700px; background: url(images/back-19.png) repeat; margin:  0px 0px 0px 0px; padding: 5px; }
#top { width: 700px; background: #69c url(images/header-19.png) repeat;  margin: 0 0 20px 0; padding: 0; height: 106px; }/*xx*/
#splash { width: 700px; height: 9px; margin: 10px 0px 0px 0px; padding: 0px; background:url(images/mainbck-19_2.png) no-repeat;} /*HEADER-GRAFIK*/


#header { float: left; width: 300px; margin: 0 0 0 10px; padding: 0; }
/* #header h1 { margin: 10px 0px 0px 0px; padding: 0; }
#header h1 a { display: block; height: 51px; color: #fff; } */

#header .name { margin: 10px 0px 0px 20px; padding: 0; font-size: 24px; font-weight: bold; }
#header .name a { display: block; height: 51px; color: #fff; font-family: Arial Black, Arial Black, Gadget, sans-serif;}
#header .name a:hover{color:#fff;}

#desc { color: #fff; float: right; text-align: right; font-size: 11px; margin: 24px 30px 0px 0px;padding: 0 0px 0 0; background: #333;}


#main {background: url(images/naviback-19.png); height: 29px; margin: 0px auto; }/*navi leiste*/
#mainbck { background: #fff url(images/mainbck-19.png) repeat-y; width: 700px; margin: 0px auto 0px auto; padding: 0; }
* html #mainbck { margin: -4px auto 5px auto; }

* html h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; color: #666; padding: 0 0 0 5px; }

#nav {  height: 30px; line-height: 30px; float: left; padding: 0 0 5px 0; }

ul.nav { height: 30px; line-height: 30px; float: left; list-style: none; font-size: 12px; font-weight: 700; text-transform: uppercase; margin: 0; padding: 0; }
ul.nav li { float: left !important; list-style-type: none; margin: 0; padding: 0; }
ul.nav li a, ul.nav li a:link, ul.nav li a:visited { background: url(images/navitrans-19.png); border-bottom: 0; border-left: 0; color: #454545; float: left; display: block; text-decoration: none; padding: 0 10px; }
ul.nav li a:hover, ul.nav li a:active { background: #ffffff; color: #555; text-decoration: none; }
ul.nav li.home a { border-left: 2px solid #fff; text-decoration: none; }
ul.nav li.current_page_item a { text-decoration: none; color: #fff !important; background:  url(images/back-19.png); }
ul.nav li ul { float: left; margin: 0; padding: 0; }



#content { width: 465px; float: right; margin: 0px auto; padding: 0 15px 0 5px; background: transparent; } /*mitte*/

/*
.post-content {
	position: relative;
	padding: 10px;
	background-color: #e8e6e0;
	}
*/

.post { line-height: 17px; }
.post small { float: right; text-align: right; font-size: 9px; color: #b3b3b3; margin-right: 12px; }

.entry { width: 460px; background: transparent; float: left; color: #666; text-align: left; border-bottom: #ccc 1px dotted; margin: 7px 0 5px 0; padding: 5px; }
.entry h2,h3 { font-family: Courier New, Courier New, Courier, monospace; font-size: 14px; font-weight: 700; margin: 0 auto; padding: 0; }

.entry h1 { font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 20px; line-height: 21px; font-weight: 700; margin: 0 auto; padding: 0;  display: inline; color: #036; }
.entry h1 a { color: #036; }
.entry h2 { font-size: 12px; margin: 12px 0px 12px 0px; clear: both; }




#sidebar { width: 200px; float: left; margin: 5px 0px 5px 10px; padding: 0; }
* html #sidebar { width: 178px; margin: 5px 0px 5px 10px; padding: 0; }

.rsidebar { color: #CD8542; margin: 0 auto; padding: 0px 0px 0px 0px; }/*xx*/
.rsidebar h2 { font-size: 14px; border-bottom: dashed 1px #ccc; margin: 0 0px 0px; padding: 3px 0; }
.rsidebar .widgettitle { background: url(images/widget-19.png) no-repeat; width: 189px; height: 24px; font-size: 14px;  margin: 0 0 0 3px; padding: 8px 0 3px 40px; font-weight: bold; }/*xx*/
* html .rsidebar .widgettitle { width: 149px; padding: 3px 0 3px 40px; margin-right: 7px; }
.rsidebar ul { list-style-type: none; margin: 0; padding: 0; }
.rsidebar ul li { list-style-type: none; margin: 0 0 10px; padding: 0; }
.rsidebar ul li ul { list-style-type: square; margin: 0; padding: 0 3px; }
.rsidebar ul li ul li { list-style-type: none; /*background: #7d8bff;*/ border: 0; margin: 5px 0px 0px 0px; padding: 0 15px 10px 5px; }
.rsidebar ul li ul li a { font-size: 12px; line-height: 15px; color: #000;  }/*xx*/
.rsidebar ul li ul li a:active { font-size: 12px; line-height: 15px; color: #CD8542;}/*xx*/
.rsidebar ul li ul li a:hover { color: #CD8542; text-decoration: none; }/*xx*/


	
li.firstCurrent a { color: #CD8542; }
/*li.nextCurrent a { color: #900; }*/
li.lastCurrent a { color: #CD8542 !important; }


#footer { width:690px; background: url(images/back-19.png) repeat; height:30px; line-height:30px; clear:both; color:#fff; margin:0; padding:0 0 0 10px; }

#footer a:link, #footer a:active { text-decoration: none; color: #fff; border: none; }
#footer a:hover { text-decoration: underline !important; color: #fff; border: none; }
#footer a:visited { text-decoration: none; color: #fff; border: none; }



a, a:active { text-decoration: none; color: #003bcd; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; } /*xx*/
a:hover { text-decoration: none; color: #69c; }
a:visited { text-decoration: none; color: #069; }


.navigation{ width:520px;float:left;color:#666;}
.alignright{ float:right;margin-top:10px;}
.alignleft{ float:left;margin-top:10px;}
.space{ background:url(images/mainbck-19_3.png) no-repeat; height:9px; clear:both; margin:0 auto; padding:0; }

#searchform{height:26px;line-height:26px;float:left;margin:0;padding:0 0 10px;}
input#s{color:#5188d2;width:140px;border:1px solid #cbcbcb;background:#fcfcfc;}
input#searchsubmit{background:#4879aa;color:#fff;font-size:13px;border:1px #2f5c89 solid;}
.bobcomments{border-top:5px solid #006394;background:#fbfbf9;border-bottom:1px solid #006394;margin-bottom:20px;}


/*
#commentform{border-top:1px dotted #cedeef;border-bottom:1px dotted #cedeef;margin:0;padding:15px 15px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:380px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}

ol.commentlist{margin:0 0 1px;padding:0;}
ol.commentlist li{border-top:1px solid #cedeef;display:block;list-style:none;margin:0;padding:15px 15px 1px;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.commentlist li.commenthead h3{margin:0;}
ol.bob{border-top:1px solid #cedeef;list-style:none;margin:0 0 1px;padding:15px;}
ol.bob li{display:block;list-style:none;background:transparent url(images/hb.gif) 0 2px no-repeat;padding-left:15px;margin:0 0 5px;}
*/



.postListTitle { font-family: Arial Black, Arial Black, Gadget, sans-serif; font-size: 14px; font-weight: 700; margin: 32px 0px 12px 15px;}

.postList ul { padding-left: 16px; }
.postList ul li { margin-top: 12px; }
.postList ul li a, .categoryEntry a { font-family: Arial, Gadget, sans-serif; font-size: 12px; font-weight: bold; color:#036;}
.postList ul li a:hover   { color: #8898ff; }
.categoryEntry a:hover { color: #8898ff; }
a.mehr { font-weight: normal; font-size: 11px; }


/******* Werbeflächen: *******/

	   #metaCols { width: 980px; margin: 0px auto; }
* html #metaCols { width: 986px; } /* 3px-bug */
 
	   #metaCol_1 { width: 130px; float: left; margin-top: 91px; } /* Skyscraper links */
	   #metaCol_2 { width: 720px; float: left; }
	   #metaCol_3 { width: 130px; float: right; margin-top: 91px; text-align: right; } /* Skyscraper rechts */
	
	   #pageTop { background: transparent; width: auto; }  /* Banner Oben */
	   .bannerTop { width: 728px; margin: 0 auto; }
	   #pageBottom { background: transparent; width: auto; clear: both; }  /* Banner Unten */
	   .bannerBottom { width: 728px; margin: 0 auto; }


/* *** */

	   #artikel_text_unten { clear: both; }