/*
Theme Name: BlueMoD
Theme URI: http://www.frederikm.de/?p=861
Version: 1.0.2
Description: A Theme by <a href="http://www.frederikm.de">FrederikM</a>. <br> BlueMod is a modification of the <a href="http://www.daburna.de/blog/2007/08/17/wordpress-blueblog_de-skin/">blueblog_DE Theme by Oliver Wunder</a>  
Author: FrederikM
Author URI: http://www.frederikm.de
Tags: blue, black, two-columns, fixed-width, right-sidebar 
*/

p { margin: 0; padding: 0; }
a { color: #075181; background: inherit; text-decoration:none; }
a:hover { background: inherit; text-decoration:underline; }
ul { margin: 4px 0 10px; padding-left: 5px; list-style-type: disc;}
li { margin: 0 0 2px 15px; padding: 0; color: #555; }
.sub {margin: 0 0 2px 30px; padding: 0; color: #888; }

.headertitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
	margin-top: 80px;
	margin-left: 20px;
	font-size: 4.5em;
	color:#fff;
	line-height: 0.8em;
}
.headertitle a:hover { text-decoration: none; }
.headerdes {
	font-size:0.3em;
	color:#ccc;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: 3.4px;
}

body {
	margin: 0;
	padding: 0;
/*	background: url(images/bg.jpg) repeat-x center top #0d1216;*/
	background: url(http://turbulentsky.cdn-cloud.appspot.com/a/i/bg2.jpg) repeat-x center top #0d1216;
	color:#ccc;
	line-height: 1.4em;
	font: normal 10pt Arial, Helvetica, sans-serif;
	position: relative;
}

h1 { 
	padding:0; 
	margin:0; 
	color: #FFF; 
	background: inherit;
	font: bold 1.8em Arial, Helvetica, sans-serif; 
	letter-spacing: -1px;
}

h1 a { color: #FFF; background: inherit; }

h2 { 
	font: normal 130% Georgia, "Times New Roman", Times, serif;
	color:#075181;
	margin: 13px 0 6px;
	padding: 0; 
}

h2 a { background: #FFF; color: #075181; }

h2 a:hover { background: #FFF; color: #68ADD5; text-decoration:none;  }


input.search { width: 150px; background: none; border: 1px solid #22313b; color: #e0f5ff; }
input.submit { 
	background: none; 
	color: #e0f5ff;
	border: none;
	font: normal 1.0em Arial, Verdana, Helvetica, sans-serif;
}

.content {
	width: 924px;
	clear: both;
	margin: 0 auto; 
	padding: 0; 
/*	background-image: url(images/header.jpg); */
	background-image: url(http://turbulentsky.cdn-cloud.appspot.com/a/i/header2.jpg);
}

.entry {
	padding: 16px 30px 10px 40px;
}
.entry p { margin-bottom: 1em; }

#header { height: 100px; width: 924px; }

#subheader { height: 35px; margin: 15px  20px 15px 20px; }
#subheader ul { float:left; margin:0; list-style:none; padding: 0; }
#subheader li { float:left; color: #fff; margin: 0; padding: 8px 0px 0px 10px; }
#subheader a { float:left; display:block; color:#fff; padding: 0; text-decoration:none; }
#subheader a:hover { border-bottom: 3px solid #075181; float: left; }  
#subheader .suche { color: #333; float: right; margin-top: 7px; margin-right: 8px; }

.background {
/*	background: url(images/background.jpg) no-repeat center top transparent;*/
	background: url(http://turbulentsky.cdn-cloud.appspot.com/a/i/background2.jpg) no-repeat center top transparent;
}
#top { height: 150px; width: 924px; }
#top .login {
	float: right;
	width: 130px;
	padding-top: 45px;
	padding-right: 20px;
	clear: both;
	text-align: right;
}

#top a { color: #E0F5FF; }

#top .login a.feed {
	padding-left: 18px;
/*	background: transparent url(images/feed-icon-14x14.png) no-repeat scroll left center;*/
	background: transparent url(http://turbulentsky.cdn-cloud.appspot.com/a/i/feed-icon-14x14.png) no-repeat scroll left center;
}

#main {
	padding: 0;
	color: #3b3b3b;
	min-height: 500px;
	width: 924px;
	background-color: #FFF;
	margin: 0;
}
#main .left_side {
	float: left;
	text-align: justify; 
	border-right: 1px dotted #ccc;
	width: 700px;
}

#main .right_side {
	float: right;
	width: 210px;
}


/* Main Images ---------------------------------------------------------------------------------- */

#main img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#main img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

#main img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

#main .alignright { float: right; }
#main .alignleft { float: left; }

#main .left_side a img {
        background-color: #FFF;
        border: 1px solid #E0E0E0;
        padding: 3px;
}

#main .left_side a img:hover {border: 1px solid #000;}
#main .sociable img, #main .sociable a img { padding: 0; }

.img { padding: 0 8px 8px 0; float: left; }
.img2 { padding: 0 0 3px 3px; float: right; }

/* NAVIGATION ----------------------------------------------------------------------------------- */
.nav { text-align: left; color: #7D8085; padding: 0; width: 190px; }
.nav ul { 
	margin: 0; 
	padding: 0; 
	list-style: none;
}
.nav li { 
	margin: 5px 0; 
	padding: 0; 
	border-bottom: 1px dotted #ccc; 
	list-style: none;
}
.nav li a { color: #546078; text-decoration: none; display: block; padding: 1px 0 0 1px; margin-bottom: 1px;}
.nav li a:hover { color: #075181; text-decoration: none; display: block; background: #E5F6FF; margin-bottom: 1px;}


/* News Header Left Side ------------------------------------------------------------------------ */
.scan {
	padding-left: 11px;
	padding-top: 4px;
/*	background: url(images/scan.png) no-repeat left top transparent; */
	background: url(http://turbulentsky.cdn-cloud.appspot.com/a/i/scan2.png) no-repeat left top transparent;
	height: 56px;
	clear: left;
	margin-bottom: 0;
}
.uberschrift {
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 0;
	float: left;
	width: 610px;
}
.uberschrift .datumKopie .kom { float: right; }
.datebox {
	float: left;
	width: 52px;
/*	background: url(images/calendar.png) no-repeat left top transparent; */
	background: url(http://turbulentsky.cdn-cloud.appspot.com/a/i/calendar2.png) no-repeat left top transparent;
	height: 54px;
	text-align: center;
	padding-top: 2px;
	line-height: 20px;
	margin-top: 0;
}
.datumformat {
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #FFF;
}

.datumtag {
	font: 24px Georgia, "Times New Roman", Times, serif;
	color: #1D1D1D; 
}

.datumKopie {
	color: #666;
	font: 0.9em Arial, Helvetica, sans-serif;
	margin-top: 2px;
}

.taglist { margin-left: 2em; }

.neu {
	border-bottom: 1px dotted #ccc;
	font: 1.6em Georgia, "Times New Roman", Times, serif;
	padding-bottom: 5px;
}

.neu h1 a {
	font: normal 0.5em Georgia, "Times New Roman", Times, serif;
	padding-bottom: 5px;
	color: #075181;
}
.neu a:hover { color: #68ADD5; text-decoration: none; }

.icon {
	float: right;
	height: 15px;
	display: block;
	padding-left: 24px;
	margin-top: 1px;
}

.comtext { float: right; margin-left: 2px; }

.ende {
	clear: both;
	height: 200px;
/*	background: url('images/footer2.jpg') no-repeat 50% -5px #0c1216; */
	background: url('http://turbulentsky.cdn-cloud.appspot.com/a/i/footer3.jpg') no-repeat 50% -5px #0c1216;
	display: block;
}

.ende2 {
	height: 40px;
	width: 880px;
	margin: auto;
	padding-top: 7px;
	font-size: 0.85em;
	color: #666;
}

.ende a { color: #666; text-decoration: none; }
.ende a:hover { color: #CCC; text-decoration: none; }


/* Quotes & News -------------------------------------------------------------------------------- */
#main blockquote, .newsmain {
/*	background: url('images/quote.jpg') no-repeat 1px 5px #f5f5f5; */
	background: url('http://turbulentsky.cdn-cloud.appspot.com/a/i/quote2.jpg') no-repeat 1px 5px #f5f5f5;
	margin: 15px;
	border-left: 4px solid #e3e4e4;
	font-size: 0.86em;
	padding: 5px 8px 5px 40px;
	color: #5b5b5b;
}
.newsmain {
	margin: 0px 15px 15px;
	border-top: none;
}

#main blockquote a, .newsmain a { background-image: none; }
#main blockquote a:hover, .newsmain a:hover { background-image: none; }

.qthead {
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

.qthead a:hover { text-decoration:underline; }

.newsstop {
	margin: 15px 15px 0;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	border-bottom: none;
        border-left: 4px solid #e3e4e4;
	padding: 3px;
	background-color: #f0f0f0;
}
.newsstop a { color: #333; text-decoration: none; }
.newsstop a:hover { color: #555; text-decoration: none; }


/* Comments etc. 1zu1 übernommen aus BlueBlog --------------------------------------------------- */

fieldset { border: 1px solid #075181; }
textarea.text { 
	height: 150px; 
	width: 90%; 
	border: 1px solid #A90000; 
	background: #FFF; 
	color: #354D5F;
}

textarea.text:hover { 
	border: 1px solid #A70000; 
	background: #FFFFF4; 
	color: #000;
}

input.field { 
	border: 1px solid #075181;
	background-color: #FFF;
	width: 283px;
	color: #000;
}

input.field:hover { 
	border: 1px solid #68ADD5;
	background: #FFFFF4;
	color: #000;
}

input.text { 
	border: 1px solid #A70000;
	margin: 0;
	width: 150px;
	background: inherit;
	color: #000;
	padding: 4px;
}

input.text:hover { border: 0px solid #68ADD5; }

.date { 
	color: #808080;
	background: #FFF;
	text-align: right;
	margin: 4px 0 5px;
	padding: 0.4em 0 0;
	border-top: 1px solid #eee;
}

.comments { 
	padding: 10px 10px 8px;
	margin: 0 0 7px;
	background: #f8f8f8; 
	width: 400px;
	color: #000;
}

.commentsbox { 
	padding: 8px 0 10px 10px; 
	margin: 0 0 10px;
	background: #f4f4f4; 
	color: #000;
	width: 400px;
}

.error {
	color: #990000;
	background-color: #FFF0F0;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px dashed #900;
}

.error h2 {
	color: #900;
	background: inherit;
}

#respond h2 {
	clear: both;
	padding-top: 2em;
}

.success {
	color: #000;
	background: #F5FBE1;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px dashed #7BA813;
}
.success h2 {
	color: #7BA813;
	background: inherit;
}

/*post stylng*/
.post{ margin:0; }

.post .info {
	padding: 2px 3px 3px 8px;
	border: 1px solid #e3e4e4;
	background-color: #f5f5f5;
	text-align: center;
	font-size: 0.9em;
	color: #505050;
}

/* Comments Styling */
#commentlist li {
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #700000;
}

#commentform {
	margin: 1em 0;
	width: 480px;
}

#commentform textarea {
	background: #f8f7f6;
	border: 1px solid #d6d3d3;
	width: 480px;
}
#commentform textarea:hover {
	background: #FFF;
	border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
	background: #fff;
	border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url, #commentform #anti-spam input {
	font-size: 1.1em;
	background: #f8f7f6;
	border: 1px solid #d6d3d3;
	width: 480px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover, #commentform #anti-spam input:hover {
	font-size: 1.1em;
	background: #fff;
	border: 1px solid #d6d3d3;
	width: 480px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus, #commentform #anti-spam input:focus {
	font-size: 1.1em;
	background: #fff;
	border: 1px solid #939793;
	width: 480px;
}
#commentform input{ margin-bottom: 3px; }
#commentform label { text-align: left; }


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}
	
/* Begin Comments*/

.alt {
	margin: 0;
	padding: 10px;
}

.commentlist {
	padding: 0;
	text-align: justify;
}
.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
}
.commentlist li ul li {
	margin-right: -5px;
	margin-left: 10px;
}
.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	display: block;
}

.says { display: none; }

/* class um die li der 1 Ebene zu gestalten*/
.depth-1{
	background-color: #f5f5f5;
	border: 1px solid #e3e4e4;
	padding: 2px;
}
 
/*hat man Kind Kommentare gibt es dann noch soviel wie man eben braucht */
.depth-2, .depth-4 {
	background-color: #fff;
	border: 1px solid #e3e4e4;
	list-style: none;
}	
.depth-3, .depth-5 {
	background-color: #f5f5f5;
	border: 1px solid #e3e4e4;
	list-style: none;
}
 
/* folgende gestalten das li abwechselnd, wenn man mag*/
/* erstes li*/
.even {}
.thread-even{}
/* zweites li*/
.odd {}
.alt {}
.thread-odd {}
.thread-alt{}
/*---ende der class fuer die li---*/

#respond { margin-left: 10px; }
.bottomad { padding: 15px 0px 15px 100px; }