/*  
Theme Name: teddytroops
Theme URI: 
Description: Handwritten Theme | keasone | Alexander Hahn
Version: 1.0
Author: Alexander Hahn
Author URI: http://www.keasone.de 

	
 */
@import url("reset.css");
@import url("navi_main.css");
@import url("navi_sub.css");
@import url("comments.css");

@media all{

html, body { 	height: 100%;} 
/*iPhone*/
/*html {-webkit-text-size-adjust: auto}*/
	  
body {
	width: 100%;
	background: #fff url(images/bg.gif) repeat top center;
	font: 62.5% Georgia,"Century Schoolbook",Times,serif;
	color: #11336a;
	text-align: left;
	}
/**
* --- STRUCTURE ---------------------------------------------------------------------------------------------------------------------------
*/
#wrapper {
	width	: 800px;
	margin: 0 auto; 
	background-color: #fff;
	font-size:1.4em;
	}
		
#header_wrap {
	width: 800px;
	height: 272px;
	background: #fff url(images/header_bg.gif) no-repeat top left;
}

#content_wrap {
	width: 700px;
	margin: 0px auto!important;
	padding: 0 50px;
	background: transparent;
	}

#logo {
	height: 215px;
	width: 290px;
	background: transparent;
	margin-left:0;
}

#headline {
	width: 700px;
	padding: 4px 0 17px 0;
	background: transparent url(images/h_bg.gif) repeat-x left center;
}

#content 	{float: left;	width: 405px;}
#content_wide 	{float: left;	width: 725px;}
*+ html #content_wide { margin-bottom: 10px;} /*FUCK IE 7*/

.post { background: transparent; }

#sidebar {
	float: right;
	width: 270px;
	background-color: #fff;
	margin-bottom: -1px;
}

#sidebar2 {
	float: right;
	width: 245px;
	background-color: #fff;
}


/**
* --- CONTENT ---------------------------------------------------------------------------------------------------------------------------
*/

#navi_extra {
	width: 405px;
	margin: 0px 0 7px 0;
	background: transparent url(images/h_bg.gif) repeat-x left center;
}

.aback { float: left; margin-left: 15px; padding:0 4px 0 13px; background: #EFEAD9 url(images/arrow-left.gif) no-repeat left center; border: none!important;}
.anext { float: right; margin-right: 15px; padding:0 13px 0 4px; background: #EFEAD9 url(images/arrow-right.gif) no-repeat right center; border: none!important;}
.aback:hover { background: #EFEAD9 url(images/arrow-left.gif) no-repeat left center; text-decoration: underline; }
.anext:hover { background: #EFEAD9 url(images/arrow-right.gif) no-repeat right center; text-decoration: underline;}

/**
* --- TRIPPLE ---------------------------------------------------------------------------------------------------------------------------
*/
.teaser {
	float: left;
	width: 216px;
	/*width: 250px;*/
	margin: 0 25px 16px 0;
	min-height: 320px;
	height:auto !important;  /* für moderne Browser */
	height:320px;  /*für den IE */
	text-align: center;
}

/**
* --- TYPOGRAPHY ---------------------------------------------------------------------------------------------------------------------------
*/

p { margin-bottom: 12px; line-height: 1.355em;}

a:link {
	color: #18a7e3;
	text-decoration: underline;
	}
	
a:visited {
	color: #18a7e3;
	text-decoration: underline;
	}
a:hover {
	color: #fff;
	background-color: #18a7e3;
	}
a:active {
	color: #fff;
	background-color: #18a7e3;
	}

/* HEADLINES */

#logo {
	height: 215px;
	width: 290px;
	background: transparent;
	margin-left:0;
}

#logo h1 a {
	background: transparent url("images/logo.gif") no-repeat 0 0;
	display: block;
	height: 215px;
	line-height: 600px;
	overflow: hidden;
	position: absolute;
	width: 290px;
	border:none;
}
h2, h2, h3, h4{font-weight:normal;}

#logo h1 a:hover {
	background: transparent url("images/logo.gif") no-repeat 0 0;
}

#headline h2{
	font-size: 1.645em;
	background-color: #fff;
	display:inline;
	margin:0 0 0 25px;
	padding:0pt 6px;
	}

h2  span {	color: #009ee1; }

h3, h4 {	font-weight:normal; font-size: 1.285em; margin: 0px 0 12px 0;}

h3 a:link, h3 a:visited {color: #11336a!important;}
h3 a:hover, h3 a:active {color: #fff!important;}


.teaser h4 {	font-weight:bold; font-size: 1.0em; margin: 0px 0 4px 0;}

#sidebar2 p { margin: 5px 0 12px 0;}

strong {font-weight:bold;}
em {font-style:italic;}
/* SIDEBAR */

/* FOOTER */
.footer { clear:both; background: transparent url(images/h_bg2.gif) repeat-x left center; margin:15px 0 35px 0px; }

.footer p {	
background-color: #fff; 
padding: 8px; 
margin:0 0 0px 25px; 
display: inline;}

/* EXTRAS */

/**
* --- IMAGES ---------------------------------------------------------------------------------------------------------------------------
*/
.post img, .post img:visited, .teaser img, .teaser img:visited {
	padding: 2px; 
	border: 1px solid #18A7E3; 
	background: #fff; 
	}
.post  img:hover, .post img:active, .teaser  img:hover, .teaser img:active{
	padding: 1px; 
	border: 2px solid #18A7E3; 
}	
.left {
	float: left;
	margin: 0 10px 0 0;
	}

.no, .no:hover, .no:visited, .no:active {
	background: transparent;
	border: none!important;
	padding: 0!important; 
}
 
/**
/*--- COMMENTS ---------------------------------------------------------------------------------------------------------------------------
*/
.commentlist h4 {	font-weight:bold; font-size: 1.285em; margin: 0px 0 0px 0;}
#comment { width: 405px;}
 
/**
* --- EXTRAS ---------------------------------------------------------------------------------------------------------------------------
*/
.devide { display:block; height: 10px; background:transparent url(images/h_bg3.gif) repeat-x left center; margin:15px 0 15px 0px; clear:both;}

acronym, abbr {
border-bottom:1px dotted #18A7E3;
cursor:help;
font-size:0.9em;
}

.language_switch {float:right; margin: 4px 35px 0 0;}
.active:link, .active:visited, .active:hover, .active:active {color: #B5D3DF!important; text-decoration: none;}

/* Clearen per Overflow */
.floatbox { overflow:hidden; }
/* .floatbox-Anpassung für IE */
* html .floatbox {width:100%;}

}