/*  

Theme Name: Tranquility

Theme URI: http://hashi.mediengeneration.com

Description: Original-Autor des Themes ist Makequick besucht doch mal seine Website unter http://www.makequick.com

Version: 1.01 deutsche Version

Author: Hashi

Author URI: http://hashi.mediengeneration.com

*/



/*************************************

 +Containers

 *************************************/

body{

	background:#a0a0a0 url(./images/header-bg.jpg) repeat-x;

	color:#333333;

	font-family: Verdana, "Times New Roman", Times, serif;

	font-size:67.5%;

	line-height:1.5;

	margin:0;

	padding:0;

	text-align:center;

}

#wrap{

	margin:0 auto;

	text-align:left;
       width:90em;
		

}

#content{

	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #A0A0A0;

	font-size:1.2em;

	float:left;

	padding:1em;

	width:570px;

}

#sidebar{

	font-size:1.1em;

	float:right;

	width:20em;

}

#sidebar-float {

margin-top: -385px;
margin-left: -70px;

}

#sidebar-top {

	background-image: url('images/sidebar-top.jpg');

	background-position: top;

	background-repeat: no-repeat;

	width: 322px;

	height: 520px;

	margin-left: -130px;

	margin-top: -142px;

	

	}

#header{

	padding-left: 70px;

	background-image: url('images/fahrrad-fuerstenfeldbruck.jpg');

	background-repeat: no-repeat;

	background-position: left;

	margin-top: 5px;

	height: 150px;

}

#menu-left {

background-image: url(images/menu-left.gif);

width: 10px;

height: 24px;

float: left;

}



#menu-right {

background-image: url(images/menu-right.gif);

width: 9px;

height: 24px;

float: left;

}



#menu-middle {

background-image: url(images/menu-bg.gif);

height: 24px;

float: left;

}

#footer{
	background-image: url(images/mtb-footer.gif);
	border-top:1px solid #17212B;
	color:#000;
	clear:both;
	font-size:0.9em;
	padding:0.5em;
        height: 10px;
}

#footer a {
color: #000;
}
#footer a:hover {
color: #000;
}
#mtb-footer {
	background-image: url(images/mtb-footer.gif);
	height: 25px;
	width: 100%;
	background-repeat: repeat-x;
	background-position: left top;
}



/*************************************

 +Hn and p

 *************************************/

h1, h2, h3{

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-weight: normal;

	letter-spacing: -1px;

	margin:0;}



#sidebar h3 {

display: block;

background-image: url('images/mountainbike-muenchen.gif');

padding-bottom: 1px;

padding-top: 5px;

padding-right: 102px;

height: 25px;

background-position: left;

background-repeat: no-repeat;

color: #ccc;

letter-spacing: +1px;

font-size: 14px;

text-align: center;

}



#header h1{

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size:3em;

	margin:0;

	margin-right:1em;

}

#header h1 a{

	color:#FFFFFF;

}

#header h1 a:hover{

	color:#E9F4FF;

}

#header p{

	color:#aaa;

	font-size:1.1em;

	margin:0;

	margin-top:-0.5em;

}

.entrytitle h2{

	font-size:2.2em;

}

.entrytitle h2 a

{

	color:#cccccc;

}

.entrytitle h2 a:hover{

	color:#5DBCF1;

}

.entrytitle h3{

	font-size:1.8em;

	color:#FFFFFF;

}



/*************************************

 +Entry

 *************************************/

.entry{

	margin-bottom:3em;

}



.entrymeta{

	font-size:0.9em;

}

.postedby{

	background: url(./images/user.gif) no-repeat;

	padding:3px;

	padding-left:20px;

}

.filedto{

	background: url(./images/post.gif) no-repeat;

	padding:3px;

	padding-left:20px;

}

.commentslink{

	background: url(./images/packaged.gif) no-repeat;

	padding:3px;

	padding-left:20px;

}



/*************************************

 +Sidebar

 *************************************/

#sidebar ul{



border-bottom: 0px dashed #cc3366;

display: block;

padding-top: 3px;

padding-left: 3px;

padding-bottom: 3px;

	

}



border-bottom: 1px dashed #ccc;

display: block;

padding-top: 3px;

padding-left: 3px;

padding-bottom: 3px;

}



#sidebar ul li a:link{



border-bottom: 1px dashed #fff;





}

#sidebar ul li a:hover{





}

/*************************************

 +Comments

 *************************************/

.commentsblock{

	margin:0.5em;

	padding:1em;
}

.commentsblock textarea{
	width:35em;
	background:#666666;
}

.commentsblock input, .commentsblock textarea{
	border:1px solid #333333;
	background:#999999;

}

.commentsblock textarea:focus{
	background:#767676;
	border:1px solid #333333;

}

.commentsblock textarea:focus, .commentsblock input:focus{

	background:#767676;

	border:1px solid #333333;

}

.commentauthor{

	display:block;

	font-size:1.5em;

}





















ol.commentlist{

	color:#ccc;

	font-size:0.9em;

	list-style-type:none;

	margin:0;

	margin-top:1.5em;

	padding:0;

}

.commentlist li{

	margin-bottom:0.5em;

	padding:0.5em 1em;

}

.alt{

	background:#3D4A58;

	border:0px dotted #475462;

	padding:0.5em;

}

h3#comments{

font-size:1.6em;

}



/*************************************

 +Misc

 *************************************/

a{

	color:#ccc;

	text-decoration:none;

}

a:hover{

	color:#fff;

}

#content_start {position: absolute;left: -10000px;};



/* Navigation */



#navigation ul { list-style-type: none; list-style-image: none; float: left;}



#navigation li { float: left; list-style-type: none; list-style-image: none; margin-top: -7px }



#navigation li a:link,

#navigation li a:visited

{

	float: left;

	color: #cc3366;

	padding-left: 0px;

	padding-right: 10px;

	border: none;

	font-size: 12px;

	list-style-type: none; 

	list-style-image: none;

}

#slogan {

color: #2B3744;

font-size: 13px;

}

#navigation li a:hover

{       float: left;

	color: #cc3366;

	padding-left: 0px;

	padding-right: 10px;

	border: none;

	font-size: 12px;

	list-style-type: none; 

	list-style-image: none;

}



#navigation li a:active

{

	float: left;

	color: #cc3366;

	padding-left: 0px;

	padding-right: 10px;

	border: none;

	font-size: 12px;

	list-style-type: none; 

	list-style-image: none;

}



#navigation

{

	clear: both;

	float: left;

	width: 600px;

	height: 22px;

	margin-right: auto;

	margin-top: -23px;

}



.date2 {

float: left; width: 61px; height: 61px; margin-left: -89px; background-image: url('images/date.gif'); margin-top: 10px;

}



.date2 .month {

	display: block;

	color: #80CAF1;

	text-align: center;

	text-transform: uppercase;

	font-size: 10px;

	font-weight: bold;

	margin-top: 11px;

	margin-left: 5px;

}

.date2 .day {

	display: block;

	color: #AABACA;

	font: 2.3em Georgia;

	text-align: center;

	margin-top: -5px;

	margin-left: 0px;

}

.kleineschrift {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
		padding-left: 90%;
}




#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
