@import url("layout.css");

@import url("comments.css");

@import url("metas.css");

@import url("sidebar.css");

@import url("footer.css");

@import url("calendar.css");





html,body{

	margin: 0;

	padding: 0;

	background-color: #8EB7DA;

}



body {

	padding: 0 0 0 0;

	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Helvetica, sans-serif;

	font-size: 12px;

	color: #333;

	text-align: center; 

	width: 100%;

	min-width: 1000px;

	width:expression(document.body.clientWidth < 810? "800px": "auto");

}



#masthead h1{

	color: #fff;

	margin: 0 0 0 2px;

	padding: 65px 0 0 410px;

	font-size: 12px;

}

#masthead h1 a{

	color: #fff;

	text-decoration: none;

}

#masthead h2{

	color: White;

	font-size: 12px;

	margin-left: 68px;

	padding-left: 344px;

	padding-top: 5px;

	height: 28px;

	margin-top: 0px;

}









* html #masthead h2{

	margin-left: 206px;

	padding-left: 0;

	float: left;

}

a img {

	border: none;

}





acronym, abbr {

	border-bottom: 1px dotted #B5DCFA;

}





acronym, abbr, span.caps {

	cursor: help;

	font-size: 11px;

	letter-spacing: .07em;

}









blockquote {

	border-left: 5px solid #ccc;

	margin-left: 1.5em;

	padding-left: 5px;

}





h1 {

	margin: 25px 10px 20px 0px;

	padding: 0px;

	text-align: left;

}









h2 {

	font-size: 13px;

	font-weight: normal;

	margin: 15px 20px 0 25px;

	padding-bottom: 2px;

}





h3.fix{

	font-size: 20px;

	font-weight: bolder;



	margin: 5px 0 0 20px;

	color: #74C0FA;

}



h3 a {

	font-size: 20px;

	font-weight: bolder;

	margin: 0 0 0 20px;

	padding: 0;

	color: #8EB7DA;



	display: block;

}

.date{

	font-size: 10px;

	font-weight: normal;

	color: #74C0FA;

}









h1 a:hover, h2 a:hover, h3 a:hover {

			color: #74C0FA;

}











#getit{

	margin-left: 10px;

	margin-top: -30px;

}



h3#respond{

	background: url(img/bobble.gif) no-repeat;

	height: 49px;

	padding: 42px 0 0 48px;

	margin: 0 0 0 0;

	color: #8C8C8C;

	font-size: 15px;

}

h3#comments{

	background: url(img/cornerarrow.gif) no-repeat;

	height: 89px;

	padding: 41px 0 0 163px;

	margin: -5px 0 0 0;

	color: #fff;

	font-size: 14px;

}







p, li, .feedback {

	font-size: 12px;

}







ul.post-meta {

	list-style: none;

}









ul.post-meta span.post-meta-key {

	font-weight: bold;

}





.feedback {

	color: #ccc;

	text-align: left;

	font-size: 11px;

	float: right;

	margin: -20px 20px 0 0;

	padding: 0 0 0 0;

}



.feedback a{

	color: #97C000;

	text-decoration: none;

	font-size: 11px;

	cursor: pointer;

}















#clearer {

	clear: both;

	margin: 0;

	padding: 0;

}

















#content .post{

	background: url(img/csbbody-r.gif) no-repeat bottom right;

	font-size: 100%;

	width: 100%;

	color: #4F402A;

	margin: 0 0 0 0;

        text-align:justify;





}



#content .postop {

			background: url(img/csbhead-r.gif) no-repeat top right;

			margin: 0 0 0 0;

			padding: 0 0 0 0;

			text-align: center;

}

#content .postop .pheadfill {

			background: url(img/csbhead-l.gif) no-repeat top left;

			margin: 0 0 0 0;

			padding: 10px 30px 5px 0;

			color: white; 

			font-weight: bold; 

			font-size: 1.2em; 

			line-height: 1em;

}

#content .storycontent{

			background: url(img/csbbody-l.gif) no-repeat bottom left;

			margin: 0 0 0 0;

			padding: 5px 30px 31px 20px;

}

.thecontent{

	width: 100%;

	float: left;

}









.storytitle a {

	text-decoration: none;

}



#content .post .storycontent p img{

float: left;

border: none;

}





/*  roudn corners */





.post p a{

	color: #242424;

	text-decoration: none;

	background: #ECF2F9;

}

.post p a:hover{

	background: #242424;

	color: White;

}



.post p {

	margin: 5px 15px 10px 20px;

	text-transform: none;

}







.noposts{

	font-size: 20px;

	color: White;

	background: url(img/noposts.jpg) no-repeat top left;

	height: 60px;

	padding: 18px 0 0 75px;

	margin-left: 80px

}







		

h2#flickr{

}







#header, #header a:link {

	font-size: 20px;

	font-weight: normal;

	color: #ccc;

	text-decoration: none;

}



#header a:hover {

	color: #c00;

}













.page_item {

	margin: 0 0 0 0;

	padding: 0 0 0 0;

}







.licontainer{

	margin: 4px 0 0 0;

	background: url(img/subitem.gif) repeat-x bottom left;

	height: 40px;

	float: left;

}



















.ddsg-wrapper a {

font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Helvetica, sans-serif;

	font-size: 12px;

	text-align: center; 

	color: #8EB7DA;

	text-decoration: none;

	background: #ECF2F9;

}



.ddsg-pagenav a {

font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Helvetica, sans-serif;

	font-size: 12px;

	color: #333;

	text-align: center; 

	color: #8EB7DA;

	text-decoration: none;

	background: #ECF2F9;



}



#li a{

	color: #242424;

	text-decoration: none;

	background: #ECF2F9;

}



#li a:hover{

	background: #242424;

	color: White;

}







#bild-rechts {

margin-left: 20px;

margin-top: 5px;

margin-bottom: 12px;

float: right;

border: 2px ridge #6699CC;

}



#bild {

margin-left: 0px;

margin-top: 5px;

margin-bottom: 0px;

float: none;

}





#trenner {

border: 1px dotted #6699CC;

margin-top: 5px;

float: none;

width:500px;

margin-left: 20px;

padding: 3px;



}



#big {


margin: 0px;
	font-size: 12px;

	font-weight: bolder;

	
padding: 0px;




}













/*  flickr integration */





#flickr_badge_uber_wrapper{

	margin-left: 17px;

}





#fli



ul#tagcloud { padding:0; margin:0; text-align:center; list-style:none; }

ul#tagcloud li { display:inline; font-size:10px; color: #333; background: none; padding: 0;}

ul#tagcloud li a, ul#tagcloud li a:link { text-decoration:none; }

ul#tagcloud li a:hover { color:#FFFFFF; background: #333333; text-decoration:none; }

ul#tagcloud li.t1 a { color:#FFFFFF; font-size: 110%; }

ul#tagcloud li.t2 a { color:#FFFFFF; font-size: 120%; }

ul#tagcloud li.t3 a { color:#FFFFFF; font-size: 140%; }

ul#tagcloud li.t4 a { color:#FFFFFF; font-size: 160%; }

ul#tagcloud li.t5 a { color:#FFFFFF; font-size: 180%; }

ul#tagcloud li.t6 a { color:#FFFFFF; font-size: 200%; }

ul#tagcloud li.t7 a { color:#FFFFFF; font-size: 220%; }

ul#tagcloud li.t8 a { color:#FFFFFF; font-size: 240%; }

ul#tagcloud li.t9 a { color:#FFFFFF; font-size: 260%; }

ul#tagcloud li.t10 a { color:#FFFFFF; font-size: 280%; }



    .votio {

    border: 1px dotted #6699CC;

margin-top: 5px;

float: none;

width:500px;

margin-left: 20px;

padding: 3px;



    }



    .votio .stars .vote {

    cursor: hand;

    }



    .votio .votes {

    }