/*  
Theme Name: Caroli
Theme URI: http://www.caroli-city.de
Description: a custom theme for caroli-city.de
Version: 0.0
Author: Teickner
Author URI: http://www.teickner.de

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

/* ---------- @CUSTOM STYLE ---------*/ 

u {
	text-decoration:underline;	
}

.bar1 {
	width:100%;	
	background-color:black; 
}

.b1 {
	margin:0 auto;
	width:960px;
	height:66px; 
	text-align:left; 
}

.bar2 {
	width:100%; 
	height:1px;
	background-color:#808080;
	overflow:hidden;
}

.b2 {
	width:960px;
	height:1px;
	background-color:#808080;
}

.bar3 {
	width:100%;	
	background-color:#201a12;
}

.b3 {
	margin:0 auto;
	width:960px;
	height:66px;
	text-align:left; 
}

.b3 .nav {
	height:48px;
	float:left;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:20px; 
	margin-top:12px;
	color:white; 
	font-weight:normal;
	margin-right:45px;
	text-decoration:none;
}

.b3 a {
		text-decoration:none;
}

.b3 a .nav:hover, .ba3 a .nav .description:hover {
		text-decoration: line-through;
		color:white;
	
}

.b3 .description {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:italic;
	color:white; 
	font-weight:normal;
	text-decoration:none;
}


/* HTML Tags */



/* link */
a {
	text-decoration:none;	
	color: black;
}

body,html {
	min-height:101%; /*Firefox scrollbar fix*/
	}
	
body {
	background:#e4e2db;
	color: #1d1d1d;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

/* Structure */

#page {
	width:960px;
	margin:0 auto;
	padding-top:0px;
	}

#headblue {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: white; 
	background-color: #38b6fe; 
	padding-left:25px;
	padding-top:20px;
	line-height:20px;
	height:80px;
	padding-bottom:20px;
}

#headblue a {
	color:white;
}


#wrapper {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#FFF;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	border-bottom:1px solid #cac8c2;
	border-right:1px solid #cac8c2;
	}
	
#content_start {
	width:700px;
	float:left;
	}
	
#content_all {
	width:100%;
	float:left;
	}
	
h2, h3 {
	text-transform: uppercase; 
	font-size: 20px;
	color: black;
	font-weight:normal;
}
	
#content_all a, #content_start a {
	color: #666;
}
	
#lead {
	margin-top:0px;
	margin-bottom:10px;
	background:#DEDEDE;
	overflow:hidden;
	}
	
#lead:hover {
	background:#dad4ce;
	}



/* Float Clearing */

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block;
	}

.clearfloat {
	display:block
	}
	
/* Lead Style */

#lead-text {
	margin-left:35px;
	margin-top:10px;
	float:left;
	width:350px;
	height:230px;
	line-height:18px;
	color: #333;
	text-decoration:none;
}
	
#lead-text #text u
{
	text-decoration:underline;	
}

#lead-text #text {
	overflow:hidden; 
	height: 182px;
}


#lead br, .recent-excerpts br /*cleans up excerpts*/ {
	margin-bottom:15px;
	}

#lead img {
	float:left;
	}

#lead-text p {
	margin:0px;	
	
}

#lead h1 {
	font-size:12px;
	font-weight: bold; 
	color: #666666; 
	margin:0px;
}

#lead-text h2 {
	width:450px;
	overflow:visible;
	font: 34px Arial, Helvetica, sans-serif;
	line-height:32px;
	margin-top:	10px;
	
		margin-bottom:	0px;
		margin-right:	0px;
		margin-left:	0px;
		
	text-transform:uppercase;
	color: white;
}


#lead-text h2 a {
	text-decoration:none; 
	color: white;
}
	
#lead-text h3 {
	font: 16px Arial, Helvetica, sans-serif;
	margin-top:2px;
	color:#fd00a1;
	margin-bottom:8px;
	text-transform:uppercase;
	font-weight:bold;
	}
	
h1 {
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:0px;
	font: 12px Arial, Helvetica, sans-serif;
}
	
#news {
	float: right; 
	width: 337px;	
	padding-left:10px;
	border-left: 1px #e5e5e5 solid;
}

	#news h1 {
	font-weight:bold;
	color: #ffc000;
	margin-bottom:15px;
	}
	
	
	#news #newsentry {
	display:inline-block;
	border-bottom: #e5e5e5 1px solid;
	padding-bottom:10px;
	margin-bottom:10px;
	}
	
	
	
	#news img {
		margin-right:10px;
		float:left;
	}	
	
	#news #newstext {
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#555;
	
	margin-top:5px;
	margin-right:5px;
	margin-bottom:5px;
	
	float:left;
	width: 245px;
	}
	
	#news #newstext a {
	color:#555;
	text-decoration:none;
	}
	
	#news #newstext b {
		color:#ccc;	
		font-size:10px;
		text-transform:uppercase;
		font-weight:normal;
	
	}
	
	#news #newstext b a {
		color:#ccc;
	}
	
	#news #newstext i {
	color:#666;
	font-size:10px;
	text-transform:uppercase;
	font-style: normal;
	font-weight:normal;
	}
	
	#news #newstext h4 {
	margin-bottom:6px;
	margin-top:0px;
	}

#news2 {
	float: left; 
	width: 340px;
	
}

	#news2 h1 {
		font-weight:bold;
		color:#fd00a1;
		margin-bottom:15px;
	}
	
	#news2 #newsentry 
	{
		background-color:#fd00a1;
		font:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		display:inline-block;
		width: 340px;
		margin-bottom:5px;
		
	}
	
	#news2 #newsletter 
	{
		/*ffc000*/
		border-top: 8px solid #ccc;
		margin-top: 5px;
		padding-top:10px;
	}
	
	
	#news2 #newsletter #text 
	{
	margin-left:10px;	
	}
	
	
	#news2 img {
		
		float:left;
	}
	
	#news2 h4 {
		margin:0px;	
		text-transform:uppercase;
		color:white;
	}
	
	#news2 b {
		color: #efefef;
		
	}
	
	#news2 #newsentry #newstext {
	
		
		float:left;
		margin-top:5px;
		margin-left:10px;
		margin-bottom:5px;	
		padding:0px;
	}

/*---------- @ Sidebar -----------*/
 
#sidebar {
	width:205px;
	float:right;
	margin-top:0px;
	
}

#sidebar h3, #news2 #newsletter h1{
	margin-top:0px;
	margin-bottom:10px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	color:#555;
}

a img {
	border:0px;	
}

#sidebar a{ 
	color: #CCC;
	text-decoration:none;
}

/* calendar plugin */

#wp-calendar {

	
	background:#f2f2f2;
	margin-bottom:10px;

}

#wp-calendar table{
	padding-right:20px;
	padding-left:20px;
	
}

#ec3_prev, #ec3_next, #wp-calendar .nav {
	background:#e5e5e5;
	height: 31px;
	padding-top:2px;
	vertical-align:middle;
	font-weight: bold;
	
}

#wp-calendar .nav a, #wp-calendar caption a {
	/*color:#fd00a1;*/
	color:#fd00a1;
}	

#wp-calendar caption  
{
	font-weight: bold;
	color:#ffc000;
	text-align:center;
	
}


ul, li {
}

#sidebar h2 {
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#555;
}

#sidebar ul {
	list-style:none;
	margin:0px;
	padding:0px;
}







input[type="text"],
input[type="password"],
textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box; /* ie8 only */
	box-sizing: border-box;
	font-size: 10px;
	width: 100%;
	padding: 3px;
	margin-top: 2px;
	margin-right: 6px;
	margin-bottom: 0px;
	border: 1px solid #e5e5e5;
	background: #fbfbfb;
}

input[type="submit"]
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box; /* ie8 only */
	box-sizing: border-box;
	font-size: 10px;
	padding: 3px;
	margin-top: 2px;
	margin-right: 6px;
	margin-bottom: 0px;
	border: 1px solid #e5e5e5;
	background: #fbfbfb;
}

label
{
	display:inline-block;
	padding-right:10px;
	padding-left:10px; 
	padding-top:5px;
	padding-bottom:5px;
}


.widget {
	margin-bottom:10px;	
	/*padding:10px;
	background-color:#FBFBFB;*/
	padding-bottom:5px;
	padding-top:10px;
	border-top: 8px solid #ccc;
}


fieldset, legend {
color:black;
border:0px;
padding-left:0px;
margin-left:0px;
margin-right:0px;
padding-right:0px;
}

label 
{
margin-left:0px;
padding-left:0px;
}

/* ---------- @ Popup ----------- */
#blanket {
   background-color:#fff;
   opacity: 0.75;
   position:absolute;
   z-index: 9001; /*ooveeerrrr nine thoussaaaannnd*/
   top:0px;
   left:0px;
   width:100%;
}
#popUpDiv {
	position:absolute;
	background-color:#ffffff;
	width:350px;
	height:500px;
	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/
}



/* ---------- @ Footer -----------*/

#footer {
	font-size:10px;
	padding:20px;
	}

#footer a, #footer a:visited {
	color:black;
	text-decoration:none;
	}

#footer a:hover {
	color:#5a5954;
	}

#footer a:active {
	text-decoration:underline
	}
			
#footer img {
	vertical-align:middle;
	border:0px; 
	margin-left:10px;
	
	}
	
#copyright {
	float:left;
	width:550px;
	margin-top:5px;
	}

#rss {
	float:right;
	width:350px;
	text-align: right
	}

/* custom music review code */
#headbrown {
	height: 92px;
	background-color: #ccc6be; 
	padding-left:20px;

		
}

#single_review {
	width:270px; 
	float:left;
	margin-right:40px;	
	margin-bottom:20px;
}


#single_review img {
	border: 1px solid #ccc;	
}

#single_review h1 {
	background-color: #ccc6be; 
	font-size: 20px;
	color: white;	
	line-height:20px;
	text-transform:uppercase;
	vertical-align:bottom;
	display:table-cell;
	height: 88px;
	padding-bottom:0px;
	margin-bottom:0px;
}

#single_review a {
	text-decoration:none;	
}

#djs h1
{
font-size:20px;
line-height:20px;	
color:black;

}

#djs h1 a {
	text-decoration:none;
}

#djs 
{
	width:25%; 
	float:left;
	height:650px;
	overflow:hidden;
}

#djs #txt 
{
	margin-right:10px;
	width:210px;
}

small {
	font-size:10px;
	line-height:normal;
	color: #999;
}