Theme Name: Stars
Description: <p>Stars By Night!</p>
Author: Turtelina
Author URI: http://www.turtelina.net/
Date: December 09 - July 2010


/************************************************
*	Das notwendige Uebel    							*
************************************************/

* {
margin:0; 
padding:0;
} 

a img{border:none;}

a:active {
  outline: none;
}

.clear  {       
display:block; 
clear:both; 
height: 1%;
}

p {
margin:20px 0;
} 

ul, ol {
margin:0 0 0 0px;
} 

li {
list-style:none;
}

ul li {
margin:0 0 0 20px;
} 

b {
color: #ffffff;
background: #609947;
font-family: Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif;
}

strong {
color: #ffffff;
background: #609947;
font-family: Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif;
}

em {
color:#F7D74F;
font-family: Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif;
}

i {
color:#F7D74F;
font-family: Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif;
}

u {
border-bottom: 2px solid #FFCFD2;
color: #5199A9;
font-family: Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif;
font-weight: strong;
text-decoration: none;
}

	
/************************************************
*	Grundaufbau    							*
************************************************/

body {
background: #2E2518;
background-position: 0 320px;
color: #000000;
font-family: georgia, verdana, times new roman, sans-serif;
font-size: 0.9em;
font-weight: normal;
margin: 0 0 0 0px;
}
	
#wrap {
width: 866px;
line-height: 18px;
border: 5px solid #5199A9;
background-color: transparent;
background: url("img/0BG.gif");
background-repeat: repeat-y;
margin: 10px auto;
height: 100%;
	}

#content {
width: 750px;
margin: 0px 0px 0px 15px;
padding: 0px 0 0px 10px;
font-family: georgia, verdana, times new roman, sans-serif;
font-size: 0.9em;
font-weight: normal;
height: 100%;
	}

#header {
background: #85ACAC url("img/header.jpg") no-repeat;
width: 866px;
height: 271px;
color: #FFFFFF;
font-size: 11px;
margin: 0px;
padding: 0px;
overflow: hidden;
}
	#topmenu {
margin: 0 auto;
padding: 0 95px 0 0;
width: 830px;
height: auto;
background: transparent;
position: relative;
}
#sidebar {
float: right;
width: 0px;
background: #AE885A url("img/SidebarTurtle.gif") top right no-repeat;
margin: 10px 25px 0 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
line-height: 1.4;
}

	
/************************************************
*	Top Menu     							*
************************************************/

#topmenu {
margin: -5px auto 3px auto;
padding: 0 95px 0 0;
width: 830px;
height: auto;
background: transparent;
position: relative;
}

#topmenu img {
border: 0px;
margin: 0 0 0 12px;
}


/************************************************
*	Schildie    							*
************************************************/

#turtle {
background: transparent url("img/0Turtle.png") no-repeat;
width: 386px;
height: 169px;
margin: -83px 0px 0px 600px;
padding: 0px;
position:absolute;
z-index: 9;
}
	
#turtle img {
border: 0px;
}


/************************************************
*	Turti    							*
************************************************/

#turti {
background: transparent url("img/StarTurtle.gif") no-repeat bottom right;
width: 305px;
height: 179px;
margin: 0px 0px 0px 790px;
padding: 0px;
position:absolute;
z-index: 18;
}
	
#urti img {
border: 0px;
}
	
/************************************************
*	Motto    							*
************************************************/

#motto {
background: transparent url("img/StarsTitel.png") no-repeat;
width: 76px;
height: 485px;
margin: 360px 850px auto;
padding: 0px;
position:absolute;
z-index: 2;
}
	
#motto img {
border: 0px;
}
	

/************************************************
*	Soziales    							*
************************************************/

#soziales {
background: transparent;
margin: 7px -45px auto;
padding: 0px;
position:absolute;
z-index: 3;
}
	
#soziales img {
border: 0px;
padding: 2px;
opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
}

#soziales img:hover{
opacity: .5;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
}
	

/************************************************
*	Buchzeile     							*
************************************************/

#book {
background: url("img/currentlyreading.png") no-repeat;
width: 184px;
height: 270px;
margin: 70px 0 0 844px;
padding: 25px 0 0 15px;
position:absolute;
display: inline;
z-index: 10;
}
	
#book img {
border: 0px;
}



/************************************************
*	Turtelina.net     							*
************************************************/

#turtelina {
background: url("http://turtelina.net/dailylife/wp-content/themes/StarsByNight/images/turtelina.net.jpg") no-repeat;
width: 105px;
height: 149px;
margin: 600px 0 0 -105px;padding: 0px;
position:absolute;
display: inline;
z-index: 10;
}
	
#turtelina img {
border: 0px;
}

	
/************************************************
*	Flickr    							*
************************************************/

.flickr_badge {  
float:left;
}

#flickr_badge_source_txt {
padding:0; 
font: 11px Arial, Helvetica, Sans serif; 
color:#666666;
}

#flickr_badge_icon {
display:block !important; 
margin:0 !important; 
border: 0px solid rgb(0, 0, 0) !important;
}

#flickr_icon_td {
padding:0 5px 0 0 !important;
}

.flickr_badge_image {
width: auto; 
height: 78px; 
padding: 5px 5px 15px 5px; 
margin: 0 7px 10px 12px; 
border-left: 1px solid #5F3117;
border-bottom: 1px solid #5F3117;
background: #ffffff; 
float: left;
}

.flickr_badge_image img {
border: 1px solid black !important;
width: 80px;
height: 80px;
}

#flickr_www {
display:block; 
padding:0 10px 0 10px !important; 
font: 11px Arial, Helvetica, Sans serif !important; 
color:#3993ff !important;
}

#flickr strong {
background: transparent
}

#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {
text-decoration:none !important; 
background:inherit !important;
color:#3993ff;
}

#flickr_badge_wrapper {
}

#flickr_badge_source {
padding:0 !important; 
font: 11px Arial, Helvetica, Sans serif !important; 
color:#666666 !important;
}

		
/************************************************
*	TwitPic    							*
************************************************/

#twittitle {
background: transparent url("img/Twitpic.png");
margin: 288px -72px auto;
width: 88px;
height: 50px;
padding: 0px;
position:absolute;
z-index: 4;
}

#twitpic {
width: 796px;
height: 146px;
margin: -2px 0 -5px 10px;
padding: 5px 0 0 0;
background: #583323;
text-align: center;
border-top: 2px solid #59301A;

-moz-box-shadow: 0 7px #1F0D06;
-moz-border-radius-bottomright: 12px;
-webkit-box-shadow: 0 7px #1F0D06;
-webkit-border-bottom-right-radius: 12px;
 
background: -moz-linear-gradient(top, #5A311B 0%, #3F1B08 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#35425d), to(#fff));
}
	
.twitpic {
background: #ffffff;
margin: 3px 0 0 20px;
padding: 5px;
border-color:#73584C;
border-bottom: 2px solid;
}

.twitpic img {
border-color:#73584C;
border-bottom: 2px solid;
}

.twitpic a {
border-color: #73584C;
border-bottom: 2px solid;
}

.twitpic a:hover {
background: #EDEDED
}


/************************************************
*	Weblog   							*
************************************************/

#weblog {
background: transparent url("img/0weblog.png");
margin: 373px -72px auto;
width: 86px;
height: 38px;
padding: 0px;
position:absolute;
z-index: 5;
}
	
#weblog img {
border: 0px;
}


/************************************************
*	Buttonbar   							*
************************************************/	

.buttonbar {
background: transparent;
margin: 7px 0 15px 170px;
padding: 2px 0 15px 130px;
width: 200px;
height: 100px;
padding: 0px;
position:absolute;
z-index: 13;
}

.buttonbar img{
padding: 0 0 0 -2px;
}

/************************************************
*	Blog An Sich 					     		    * 
************************************************/

#blog {
margin: 40px 10px 10px 10px;
}

.sterne {
text-align: left;
background: url("img/Starry.png");
width: 42px;
height: 35px;
margin: -80px 0 0 843px;
}

.sterne2 {
text-align: left;
background: url("img/0Stars.png");
width: 42px;
height: 35px;
margin: 0 0 0 -61px;
}

.title {
color: #2E2518;
text-align: left;
padding: 0 0 5px 15px;
font:bold 2.2em/98% Futura, "Century Gothic", Arial, sans-serif;
letter-spacing:0.13em;
font-weight: strong;
border-bottom: 0px solid #4F97A6;
}

.title a {
color: #86B626;
text-shadow: 1px 1px 1px #562818;
font-size: 48px;
font-family: georgia, verdana, times new roman, sans-serif;
text-align: left;
padding: 22px 0 0 110px;
}

blockquote {
margin: 1.5em 2em;
border-left: 1px dashed #442118;
padding-left: 1em; width: 600px;
background: #CFAF81;
}

blockquote p:first-letter {
float: left;
margin: .2em .3em .1em 0;
font-family: "Monotype Corsiva", "Apple Chancery", fantasy;
font-size: 220%;
font-weight: bold;
}

blockquote p:first-line {
font-variant: small-caps; 
}

.braun {
width: 705px;
font-weight: normal;
font-size: 0.9em;
line-height: 1 em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
color: #F7D954;
background: #4F412C;
padding: 5px;
margin: 0 0 0 80px;
}

.braun  a {
clear:right;
font-size: 0.9em;
line-height: 1em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
color: #ffffff;
border-bottom: 2px solid #FFCFD2;
text-decoration: none;
outline: none;
}

.braun a:hover {
clear:right;
color: #609947;
}

.braun2 {
width: 705px;
font-weight: normal;
font-size: 0.9em;
line-height: 1 em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
color: #F7D954;
background: #4F412C;
padding: 5px;
margin: 0 0 0 20px;
}

.braun2  a {
clear:right;
font-size: 0.9em;
line-height: 1em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
color: #ffffff;
border-bottom: 2px solid #FFCFD2;
text-decoration: none;
outline: none;
}

.braun2 a:hover {
clear:right;
color: #609947;
}

#category {
color: #F7D954;
margin: 3px 3px 3px 5px;
font-family: Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif;
font-weight: bold;
background: transparent;
}

.storycontent {
color: #000000;
padding: 4px 0 0 6px;
margin: 5px 0 0 0;
width:790px;
text-align: left;
font-family: Futura, "Century Gothic", Arial, sans-serif;
font-size: 15px;
line-height: 155%;
color: #2f2e2e;
}

.storycontent a {
color: #ffffff;
font-size: 1em;
font-family: Futura, "Century Gothic", Arial, sans-serif;
border-bottom: 2px solid #5199A9;
text-decoration:none;
outline: none;
}

.storycontent a:active {
outline: none;
}


.storycontent a:hover {
text-decoration:none; 
background: transparent;
color: #609947;
border-bottom: 2px solid #5199A9;
padding: 5px 0 0 0;
text-transform:none;
}

.storycontent p  {
margin: 20px 0;
} 

.storycontent ul {
margin: 0 0 15px 30px;
}

.storycontent li {
list-style-image: url("img/star.png");
margin: 0 0 0 40px;
border-bottom: 1px solid #401C09;
width: 580px;
padding: 0 0 2px 0;
color: #000000;
}

.storycontent li a {
text-decoration: none;
background: transparent;
}

.storycontent li a:hover {
background: transparent;
}

.storycontent h3 {
font-family: Futura, "Century Gothic", Arial, sans-serif;
font-size: 17px;
font-weight: bold;
}

#storycontent > p:first-child:first-line,   
#storycontent > .ad:first-child + p:first-line {  
text-transform:uppercase;  
position:relative;  
font-size:0.95em;  
letter-spacing:1px;  
}  

#storycontent > p:first-child:first-letter,   
#storycontent > .ad:first-child + p:first-letter  {  
letter-spacing:0;  
text-transform:uppercase;  
color:#628fbe;  
font-family:times,serif;  
font-size:3.5em;  
float:left;  
margin:0.13em 0.2em 0 0;  
line-height:0.7;  
} 

span.cap {
float:left;
font-family: Old English, serif;
font-weight: bold; 
font-size: 430%; 
line-height: 0.9em; 
margin-right: 0.05em; 
padding-top: 0; 
padding-bottom: 0.02em; 
}

.readmore {
text-align: right;
width: 100px;
text-shadow: 1px 1px 1px #b56db5;
filter: dropshadow(color=#b56db5, offx=1, offy=1); 
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; 
}

.navigation {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
color: #000000;
margin: 25px 0 15px auto;
text-decoration: none;
width: 100%;
text-align: center;
}

.navigation a {
background: #83A912;
padding: 2px 3px 2px 3px;
margin: 5px 5px 5px 5px;
color: #000000;
padding: 6px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
text-decoration: none;
}

.navigation a:hover {
background: #AF8F62;
padding: 2px 3px 2px 3px;
margin: 5px 5px 5px 5px;
color: #000000;
padding: 6px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
text-decoration: none;
}


/************************************************
*	Comment   							*
************************************************/

.comment {
position: absolute;
z-index: 7;
margin: -57px 0px 0 890px; 
padding:0px 0px 0 0px;
}

.comment img {
background: #49230F;
}

.comment2 img {
background: #49230F;
}

.comment2 {
position: absolute;
z-index: 7;
margin: -137px 0px 0 -82px;
padding:0px 0px 0 0px;
}

.comment a {
border-bottom: 0px;
font-family: Arial;
font-weight: bolder;
font-size: 32px;
color: #FAE573;
outline: none;
border: 0;
}

.comment2 a {
border-bottom: 0px;
font-family: Arial;
font-weight: bolder;
font-size: 32px;
color: #FAE573;
outline: none;
border: 0;
}

.comment a:hover {
border-bottom: 0px;
font-family: Arial;
font-weight: bolder;
font-size: 32px;
color: #86B626;
outline: none;
border: 0
}

.comment2 a:hover {
border-bottom: 0px;
font-family: Arial;
font-weight: bolder;
font-size: 32px;
color: #86B626;
outline: none;
border: 0
}


/************************************************
*	Letze Postings und Kommentare  							*
************************************************/

.recently {
width: 350px;
margin: 10px 0 5px 20px;
padding: 10px 30px 0 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #C2A376;
border-right: solid 1px #87A64E;
}

.recently a {
color: #ffffff;
}

.recentlytitle {
color: #F6E271;
text-shadow: 1px 1px 1px #562818;
font-size: 16px;
margin: 5px 0 5px 0;
font-family: georgia, verdana, times new roman, sans-serif;
}

.recently img {
background: #ffffff;
padding: 3px 0 0 3px;
margin: 4px;
border: 0px;
}

.lastly {
width: 350px;
margin: 7px 0 5px 20px;
padding: 18px 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #C2A376;
}

.lastly a {
color: #ffffff;
text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
text-decoration: underline;
font-weight: bold;
}

.lastly li {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
height: 40px;
}

.lastlytitle  {
color: #F6E271;
text-shadow: 1px 1px 1px #562818;
font-size: 16px;
margin: 7px 0 5px 0;
font-family: georgia, verdana, times new roman, sans-serif;
}

.lastly img {
background: transparent;
padding: 3px;
margin: 0;
border: 0px;
float: left;
}

.readingtitle {
color: #F6E271;
text-shadow: 1px 1px 1px #562818;
font-size: 16px;
margin: 7px 0 5px 0;
font-family: georgia, verdana, times new roman, sans-serif;
}


/************************************************
*	Twitterpost  							*
************************************************/


.twitter {
width: 500px;
height: 150px;
margin: 40px 20px 5px 15px;
padding: 15px 40px 0 0;
font-size: 1em;
font-family: Futura, "Century Gothic", Arial, sans-serif;
color: #000000;
background: transparent url("img/linkerlie3.gif") no-repeat;
background-position: 360px 0;
text-align: center;
}

.twittertext {
width: 400px;
padding: 5px 10px 0 10px;
}

.twitter0 a {
color: #83A912;
font-weight: bold;
}

.twitter a {
color: #83A912;
text-decoration: none;
}


.twitter a:hover {
text-decoration:none; 
background: transparent;
color: #ffffff;
border-bottom: 2px solid #5199A9;
padding: 5px 0 0 0;
text-transform:none;
}

/************************************************
*	Footer   							*
************************************************/

#footertop {
background: #ffffff url("img/footertop.png") no-repeat;
width: 836px;
height: auto;
margin: 0px 0px 0px 15px;
}

.rechts {
text-align: center;
width: 600px;
padding: 70px 0 20px 105px;
font-family: Futura, "Century Gothic", Arial, sans-serif;
font-size: 15px;
line-height: 155%;
}


#footer {
margin: -15px 0 0 0;
width: 100%;
height: 47px; 
background: url(img/footerbg.gif) repeat-x 0 100% ; 
position: absolute;
}



.row {
width: 1100px;
margin: 0 auto;
}

#div1 { float:left; width:50%;}
#div2 { margin-left:50%; width:50%;} 
#div3 { float:left; width:550px;}
#div4 { margin-left:570px; width:500px;} 


.test {
margin: 20px 0 10px 0;
padding: 0 15px 0px 15px;
font-size: 16px;
font-family: Futura, "Century Gothic", Arial;
color: #ffffff;
background:  #453724;
}

.test li {
font-size: 14px;
padding: 15px 0 0 5px;
margin: 10px 0 0 10px;
line-height: 155%;
font-family: Futura, "Century Gothic", Arial;
}

.test li a{
padding: 15px 0px 10px 0;
font-size: 16px;
font-family: Futura, "Century Gothic", Arial;
}

.test img {
width: 50px;
height: 70px;
float: left;
padding-right: 5px;
padding-bottom: 5px;
}

.test a {
color: #83A912;
padding: 0 0 15px 0;
margin: 0 0 15px 0;
}

.testtitle {
color: #F6E271;
text-shadow: 1px 1px 1px #562818;
font-size: 1.6em;
margin: 25px 0 5px 0;
font-family: Futura, "Century Gothic", Arial;
}

.test img {
padding: 4px;
border-bottom: solid 1px #CFB48E;
border-right: solid 1px #CFB48E;
background: #AF8F62;
margin: 0 5px 12px 0;
border: 0px;
}

.testtext {
line-height: 155%;
font-size: 16px;
font-family: Futura, "Century Gothic", Arial;
}

.testtitle2 {
color: #F6E271;
text-shadow: 1px 1px 1px #562818;
font-size: 1.6em;
margin: 25px 0 0 13px;
font-family: Futura, "Century Gothic", Arial;
}


.test2 {
margin: 20px 0 10px 22px;
padding: 0 15px 25px 0px;
font-size: 16px;
font-family: Futura, "Century Gothic", Arial;
color: #ffffff;
background:  #5F4829;
}

.test2 li {
font-size: 14px;
padding: 0 0 0 5px;
margin: 10px 0 0 10px;
line-height: 155%;
}

.test2 li a{
padding: 15px 0px 10px 0;
}

.test2 a {
color: #83A912;
padding: 0 0 15px 0;
margin: 0 0 15px 0;
}

.test2 img {
padding: 4px;
border-bottom: solid 1px #CFB48E;
border-right: solid 1px #CFB48E;
background: #AF8F62;
margin: 0 5px 12px 0;
border: 0px;
float: left;
}

.turtelchen {
margin: 35px 0 0 25px;
color: #ffffff;
font-family: Futura, "Century Gothic", Arial, sans-serif;
}

.turtelchen a {
color: #F6E271;
text-decoration: none;
}

.turtelchen a:hover {
text-decoration:none; 
background: transparent;
color: #ffffff;
border-bottom: 2px solid #5199A9;
padding: 5px 0 0 0;
text-transform:none;
}

.quote {
width: 800px;
margin: 0 auto;
}

#footerbottom {
margin:0;
padding:0;
border-top: 1px solid #EFBF00;
clear: both;
font-size: 0.8em;
background:  #F5D03A;
color: #000000;
font-size: 1em;
font-family: Futura, "Century Gothic", Arial, sans-serif;
text-align:center;
}

#footerbottom p {
padding: 15px 0 15px 0;
text-align: center;
margin:0;
border-top: 1px solid #83CDE1;
}

#footerbottom a { color: #266A7D; }

.archives {
margin: 65px 0 0 0;
text-shadow: 1px 1px 1px #562818;
text-align: center; 
} 

.archives a {
color: #83A912;
}

.archives a:hover {
color: #ffffff
}

h3 {
margin: 0;
padding: 0;
font-size:1.3em;
color: #F6E271;
}


#bottom {
margin:0 auto;
padding: 10px;
clear: both;
max-width:100%;
}

#bottom h2 {
color: #EAE8E9;
border-bottom: 1px solid #83A244
}

#bottom  ul {
list-style-type:none;
padding:0;
margin:0;
color:#000;
}

#bottom  ul li {
display:block;
overflow:hidden;
padding-left:0px;
float:left; 
}

#bottom  ul li a {
text-decoration:none;
font-weight:normal;
color:#7E7E9A;
}

#bottom  ul li a:hover {
text-decoration:underline;
}

.entries {
width: 650px;
margin: 70px 0 10px 22px;
padding: 0 15px 0px 15px;
font-size: 16px;
font-family: Futura, "Century Gothic", Arial;
color: #ffffff;
background:  #453724;
}

.entries li {
font-size: 14px;
padding: 15px 0 0 5px;
margin: 10px 0 0 10px;
line-height: 155%;
font-family: Futura, "Century Gothic", Arial;
}

.entries li a{
padding: 15px 0px 10px 0;
font-size: 16px;
font-family: Futura, "Century Gothic", Arial;
}

.entries img {
width: 50px;
height: 70px;
float: left;
padding-right: 5px;
padding-bottom: 5px;
}

.entries a {
color: #83A912;
padding: 0 0 15px 0;
margin: 0 0 15px 0;
}




/************************************************
*	Datums Kalender							*
************************************************/

/* Outer div */
div.datetime {
border:1px solid #000;
width:5.0em;
}

div.datetime p {
margin:0 auto;
padding:0;
text-align:center;
font-size:x-small;
}

div.datetime .top {
color:#ffffff;
background-color:#609947;
}

/* day of the month (NUMBER) */
div.datetime p.day {
font:bold 1.5em/98% Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif;
letter-spacing:0.13em;
}

/* month */
div.datetime p.mon {
font:x-small/135% Verdana,Geneva,Arial,Helvetica,sans-serif;
letter-spacing:normal;
text-transform:uppercase;
}

/* year */
div.datetime p.yr {
font:x-small/110% Verdana,Geneva,Arial,Helvetica,sans-serif;
letter-spacing:0.05em;
padding: 0 0 5px 0;
}

div.datetime .btm {
color:#365174;
background:transparent;
border-left:1px solid #a1c6ac;
margin:0 10px 5px 0;
padding:0 0 1px 0;
}

div.datetime {
float:left;
margin:-2px 10px 2px 2px;
padding:0;
background: #ffffff;
}


/************************************************
*	Bilder CSS  							*
************************************************/

.floatl {
padding: 8px;
display: inline-block;
border-bottom: solid 1px #CFB48E;
border-right: solid 1px #CFB48E;
background: #AF8F62;
overflow: hidden;
float: left;
margin-right: 20px;
margin-top: 5px;
}

.floatr {
padding: 8px;
display: inline-block;
border-bottom: solid 1px #CFB48E;
border-left: solid 1px #CFB48E;
background: #AF8F62;
overflow: hidden;
float: right;
margin-left: 20px;
margin-top: 5px;
}

.bild {
display: inline-block;
border: solid 1px #000;
overflow: hidden;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}


img.center {
padding: 8px;
display: inline-block;
border-bottom: solid 1px #CFB48E;
border-right: solid 1px #CFB48E;
background: #AF8F62;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
} 













/************************************************
*	Suche und Finde							*
************************************************/

#search {
color: #ffffff;
font-weight: bold;
margin: -43px 0 0 275px;
position:absolute;
z-index: 6;
}

.searchform {
display: inline-block;
zoom: 1; /* ie7 hack for display:inline-block */
*display: inline;
border: solid 0px #d2d2d2;
padding: 3px 5px;
}

#searchcountdown {
color: #ffffff;
font-weight: bold;
margin: 229px 0 0 240px;
position:absolute;
z-index: 6;
display:inline;
}

.searchform input {
font: normal 12px/100% Arial, Helvetica, sans-serif;
}

.searchform .searchfield {
background: #fff;
padding: 3px 5px 3px 5px;
width: 202px;
border: solid 1px #509AA7;
outline: none;
height: 17px;
width: 150px;

-webkit-border-radius: 1.6em;
-moz-border-radius: 1.6em;
border-radius: 1.6em;

-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}

.searchform .searchbutton {
color: #fff;
border: solid 1px #7E4B3A;
font-size: 10px;
height: 22px;
width: 22px;
text-shadow: 0 1px 1px rgba(0,0,0,.6);

-webkit-border-radius: 1.6em;
-moz-border-radius: 1.6em;
border-radius: 1.6em;

background: #7E4B3A;
background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#7E4B3A));
background: -moz-linear-gradient(top,  #9e9e9e,  #7E4B3A);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#7E4B3A'); /* ie7 */
-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#7E4B3A'); /* ie8 */
}

input, textarea { 
padding: 9px;
border: solid 1px #E5E5E5;
outline: 0;
font-size: 1em;
font-family: Futura, "Century Gothic", Arial, sans-serif;
width: 200px;
background: #FFFFFF url('bg_form.png') left top repeat-x;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

textarea { 
width: 400px;
max-width: 400px;
height: 150px;
line-height: 150%;
}

input:hover, textarea:hover,
input:focus, textarea:focus { 
border-color: #C9C9C9; 
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}

.form label { 
margin-left: 10px; 
color: #999999; 
}

.submit input {
width: auto;
padding: 9px 15px;
background: #617798;
border: 0;
font-size: 14px;
color: #FFFFFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/************************************************
*	TagCloud						*
************************************************/
#tagcloud {
margin-left:80px;
padding: 15px;
color:#453724;
background: #7F6A4F;
}

#tagcloud li {
color:#453724;
background: #7F6A4F;
list-style-image: url("http://turtelina.net/dailylife/wp-content/themes/TheDark/img/star.png");
border-bottom: 1px solid #401C09;
width: 200px;
color: #000000;
}

#tagtitle {
font-weight: bold;
font-size: 18px;
}

p.tagcloud{padding:10px 0 50px;line-height:150%;}

#tagcloud a{
color:#DFCEB5;
}

#tagcloud a:hover{
color:#1F5D72;border-bottom:1px solid #83A912;
}


/************************************************
*	Rest						*
************************************************/

.addtoany_share_save_container { text-align:right; }


#down {
background: transparent;
width: 37px;
height: 48px;
margin: 362px 0px 0px -37px;
padding: 0px;
position:absolute;
z-index: 11;
}
	
#down img {
border: 0px;
	}
	
#up {
background: transparent;
width: 37px;
height: 48px;
margin: 0px 0px 0px -37px;
padding: 0px
position: relative;
z-index: 12;
}


	
#up img {
border: 0px;
}


/* Kommentar Styling
----------------------------------------------- */

#div5 { float:left; width:15%;}
#div6 { margin-left:15%; width:85%;}
#div7 { width:100%;}

#div5 img { 
-webkit-box-shadow: 4px 4px 3px ;
-moz-box-shadow: 4px 4px 3px ;
box-shadow: 4px 4px 3px #A18967;
background: #609947;
padding: 3px;
}

ol.commentlist {    
padding: 15px 20px 20px 20px;
font-size: 1em;
font-family: Futura, "Century Gothic", Arial, sans-serif;
}  
    
.commentlist li {  
list-style:none;  
margin-bottom:14px; 
margin-top: 15px;
}  
      
.commentlist a:link, .commentlist a:visited {  
color: #ffffff;
font-size: 1em;
font-family: Futura, "Century Gothic", Arial, sans-serif;
border-bottom: 2px solid #5199A9;
text-decoration:none;
outline: none; 
}  
  
.commentlist a:hover, .commentlist a:active {  
color: #2E2518;
font-size: 1em;
font-family: Futura, "Century Gothic", Arial, sans-serif;
border-bottom: 2px solid #5199A9;
text-decoration:none;
outline: none;  
}  
   
.commentlist cite img {  
padding: 3px;
border-bottom: solid 1px #CFB48E;
border-right: solid 1px #CFB48E;
background: #AF8F62; 
}  
   
.commentlist .author {  
font: small-caps bold 1.4em Georgia, "Times New Roman", Times, serif;  
text-decoration:none;  
color: #2E2518;
}  
    
.commentlist .time {  
background: url("img/bg_clock.gif") no-repeat 1px;  
padding-left:13px;  
}  
  
.commenttext {  
 margin: 10px 0 10px 10px;  
padding: 10px 10px 10px 20px; 
color: #fafcf6;  
width: 550px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px; 
background: -moz-linear-gradient(top, #5A311B 0%, #3F1B08 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#35425d), to(#fff));
}  


.authcomment .commenttext{
background: -moz-linear-gradient(top, #829F27 0%, #667F17 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#667F17), to(#fff));
} 

.atr_reply {
margin: 10px 0 0 20px;
}

.atr_reply:hover

.atr_reply_img 

a.atr_link
a.atr_link:hover
div#atr_tt

#comment {
padding:5px 10px 5px 10px;
width:578px;
margin:30px 0 0 0
}


#comments h4{
display:inline;
font-size:14px
}

#commentform textarea  {
width:95%
}

#commentform label{
width: 100px;
float:left;
display: inline-block;
}

#respond {
margin:0 10px 0 30px;
padding:30px;
-moz-border-radius:5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;border-radius: 5px; 
background: #144B60 url("img/Background.png") top left repeat-x;
width: 650px;
font-family: Futura, "Century Gothic", Arial, sans-serif;
color: #ffffff
}

#respond a {
color: #83A912;
font-weight: bold;
}

#ps {
background: url("img/Turti.png") bottom right no-repeat;
}

#respond h4{
margin:0 0 10px 0 ;
font-size:14pt
}

#respond ol{
margin:0px;
padding:0px
}

#respond li { 
list-style: none;
margin:15px 0 15px 10px 
}

#respond input[type="text"] {height:1.5em}

.cancel {margin:0 0 20px 0}
.reply {margin: 0 10px 10px 0; text-align:right;float:left;}
.edit-comment a{color:#E73A1F;font-size:10px;}
.edit-comment a:hover{color:red}

.nocomments {
padding:10px;
font-family: Futura, "Century Gothic", Arial, sans-serif;
font-size: 17px;
font-weight: bold;
margin: 10px 0 10px 0;
}

div#comments .children{
list-style-type:none;
width:90%;
margin:20px 0 0 20px !important;
clear:both
}

.comment {
margin-bottom:15px;
border:1px solid #EAECED;
padding:0 0 10px 0;
-moz-border-radius:5px;-khtml-border-radius: 5px;
-webkit-border-radius: 
5px;border-radius: 5px;
}

.even{
background:#fff
}

.avatar {
float:left;
border:5px solid #fff
}

.comment div.commenter{
margin:20px 0;
background:#ECF7FB;
padding:10px
}

.comment-text{
padding:10px;
font-size:1.1em;
line-height:1.2em;
}

.comment-meta {
float:left;
margin:0 0 0 20px;
line-height:2em;
}

.fn{
display:block;
font-size:24px;
font-style:normal;
}

.bypostauthor {
background:#FBFDEE
} 

/* Main Span */
#comment_quicktags {
text-align: left;
margin-left: 1%;
}

/* Button Style */
#comment_quicktags input.ed_button {
background: #F4F4F4;
border: 1px solid #D6D3CE;
color: #000000;
font-family: Georgia, "Times New Roman", Times, serif;
margin: 1px;
width: auto;
}

/* Button Style on focus/click */
#comment_quicktags input:focus.ed_button {
background: #FFFFFF;
border: 1px solid #686868;
}

/* Button Lable style */
#comment_quicktags #ed_strong {
font-weight: bold;
}

/* Button Lable style */
#comment_quicktags #ed_em {
font-style: italic;
}


/************************************************
*	Leselisten    							*
************************************************/

#booklist {
text-align: left;
font-family: Futura, "Century Gothic", Arial, sans-serif;
font-size: 15px;
line-height: 155%;
color: #2f2e2e;
background: transparent;
border-top: 1px solid #000000;
}

#booklist ul {
margin: 5px;
width: 100%;
border-bottom: 1px solid #000000;
background: transparent;
}

#booklist li {
list-style-type: none;
}

#booklist .title {
font size: 20px;
}

#booklist .author {
font-size: 16px;
}

#booklist .review {
}

#booklist .rating {
float: right;
}



/************************************************
*	Gallery  							*
************************************************/

#gallery li a {
        padding:10px 10px 40px 10px;
        background: #f7f6f5 url(../img/pattern-tile.png);
        display:block;
 
        /*box shadows -- 2 of them!! */
        -moz-box-shadow: inset 0 0 2px 8px rgba(96,96,96, 0.1), 0 0 5px 5px rgba(0,0,0, 0.3);
        -webkit-box-shadow: inset 0 0 8px 2px rgba(96,96,96, 0.1), 0 0 5px 5px rgba(0,0,0, 0.3);
        box-shadow: inset 0 0 2px 8px rgba(96,96,96, 0.1),0 0 5px 5px rgba(0,0,0, 0.3);
}

#gallery li img {
    width:200px;
    border: 1px solid #dfdfdf;
    border: 1px solid rgba(96,96,96,0.2);
 
}

/***NEXT WE STYLE THE CAPTIONS TO THE IMAGES USING figcaption***/
#gallery figcaption{
    text-align: center;
    font-family: 'Reenie Beanie', cursive; /*Reenie Beanie is available through Google Webfonts http://code.google.com/webfonts/specimen/Reenie+Beanie*/
    font-size: 1.5em;
    color: #454f40;
    letter-spacing:0.09em;
    }



/************************************************
*	Polaroids    							*
************************************************/

    /***FIRST STYLE THE POLAROID SECTION***/
    #polaroid{
    overflow: hidden; /*clears the floats used below*/
    width: 100%; /*set any width you choose, but a width is needed to clear the floats in Internet Explorer*/
    }

    /***NOW POSITION THE IMAGES***/
    figure{ /*as the images are held within figure its that we style*/
    float: left; /*places the images in a line*/
    width: 200px; /*width of the images*/
    margin: 10px 20px; /*space between the images*/
    }

    /**NEXT STYLE THE FRAME AROUND THE IMAGES***/
    figure{
    padding: 6px 8px 10px 8px; /*size the the frame*/
    /*give the frame background a gradient - see cssdemos.tupence.co.uk/gradients.htm*/
    background: #eee6d8; /*fallback for browsers that don't support gradient*/
    background: -webkit-linear-gradient(top, #ede1c9, #fef8e2 20%, #f2ebde 60%);
    background: -moz-linear-gradient(top, #ede1c9, #fef8e2 20%, #f2ebde 60%);
    background: -o-linear-gradient(top, #ede1c9, #fef8e2 20%, #f2ebde 60%);
    background: -ms-linear-gradient(top, #ede1c9, #fef8e2 20%, #f2ebde 60%);
    background: linear-gradient(top, #ede1c9, #fef8e2 20%, #f2ebde 60%);
    /*rotate the images slightly - see http://cssdemos.tupence.co.uk/transform-rotate.htm*/
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
    -webkit-backface-visibility: hidden; /*prevent rotated text being jagged in Chrome and Safari*/
    /*and add a drop shadow effect - see http://cssdemos.tupence.co.uk/box-shadow.htm*/
    -webkit-box-shadow: 4px 4px 8px -4px rgba(0, 0, 0, .25);
    -moz-box-shadow: 4px 4px 8px -4px rgba(0, 0, 0, .25);
    box-shadow: 4px 4px 8px -4px rgba(0, 0, 0, .25);
    }

    /**ROTATE ALTERNATE IMAGES THE OPPOSITE WAY USING NTH-CHILD - see http://cssdemos.tupence.co.uk/nth-child.htm**/
    figure:nth-child(even) {
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
    -webkit-backface-visibility: hidden;
    /*because the rotation has changed, we also change the shadow*/
    -webkit-box-shadow: 4px 4px 8px -4px rgba(0, 0, 0, .25);
    -moz-box-shadow: 4px 4px 8px -4px rgba(0, 0, 0, .25);
    box-shadow: -4px 4px 8px -4px rgba(0, 0, 0, .25);
    }

    /***NEXT WE STYLE THE CAPTIONS TO THE IMAGES USING figcaption***/
    figcaption{
    text-align: center;
    font-family: 'Reenie Beanie', cursive; /*Reenie Beanie is available through Google Webfonts http://code.google.com/webfonts/specimen/Reenie+Beanie*/
    font-size: 1.5em;
    color: #454f40;
    letter-spacing:0.09em;
    }

    /***FINALLY WE ADD THE STICKY TAPE TO THE IMAGES USING :before PSEUDO ELEMENT - see http://cssdemos.tupence.co.uk/before.htm***/
    figure:before {
    content: ''; /*whatever is place between '' will appear (for example 'xx' will show two xs), leaving this blank results in an empty block*/
    display: block;
    position: absolute; /*lets us place the tape exactly where we want, relative to the figure*/
    left: 5px; /*places the tape 5px left of the edge of the figure*/
    top: -15px; /*places the tape -15px from the top edge of the figure*/
    width: 75px;
    height: 25px;
    background: rgba(222,220,198,0.7);
    -webkit-transform: rotate(-12deg);
    -moz-transform: rotate(-12deg);
    -o-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    }
    /*style alternate tapes differently to fit with the different rotation of the images*/
    figure:nth-child(even):before {
    content: '';
    left: 150px;
    top: -15px;
    width: 55px;
    height: 25px;
    -webkit-transform: rotate(12deg);
    -moz-transform: rotate(12deg);
    -o-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    }
    /**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
    figure{
    -pie-background: linear-gradient(#ede1c9, #fef8e2 20%, #f2ebde 60%);
    behavior: url(assets/pie/PIE.htc);
    position: relative; /*required to make PIE work*/
    padding-top: 10px\9; /*adding \9 will only be read by IE*/
    padding-right: 10px\9;
    }






/* ---------- gallery styles start here ----------------------- */
.gallery2 {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery2 li {
	margin: 10px;
	padding: 0;
	float: left;
	position: relative;
	width: 212px;
	height: 175px;
}

.gallery2 a {
	text-decoration: none;
	color: #999;
}
.gallery2 a:hover {
	color: #000;
	text-decoration: underline;
}
.gallery2 img {
	border: none;
	padding: 14px 12px 12px 13px;
}
.gallery2 em {
	width: 193px;
	height: 25px;
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	background: url(http://turtelina.net/php/dodoupload/watercolor-mask.png) no-repeat;
	text-align: center;
	font: italic 100%/100% Georgia, "Times New Roman", Times, serif;
	padding-top: 140px;
}



/************************************************************************************
TAPE
*************************************************************************************/
.gallery {
		margin: 0 0 25px;
	text-align: center;
}
.gallery li {
	display: inline-block;
	margin: 5px;
	list-style: none;
}
.gallery a {
	position: relative;
	display: inline-block;
}
 .tape li {
	width: auto;
	padding: 5px;
	margin: 15px 10px;
	border: solid 1px #cac09f transparent;
	background: #fdf8e4;
	text-align: center;
	box-shadow: inset 0 1px rgba(255,255,255,.8), 0 1px 2px rgba(0,0,0,.2);

}
.tape figure {
	position: relative;
	margin: 0;
}

.tape a:before {
	position: absolute;
	content: ' ';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(http://webdesignerwall.com/demo/decorative-gallery-2/images/overlay.png) no-repeat;
}




.tape figcaption {
font-family: 'Handlee', Arial, Helvetica, cursive;
font-size: 12px;
	color: #787568;
margin: -17px 0 0 0;
}

.tape a:before {
	position: absolute;
	z-index: 2;
	content: ' ';
top: -12px;
	left: 50%;
	width: 115px;
	height: 32px;
	margin-left: -57px;
	background: url(http://webdesignerwall.com/demo/decorative-gallery-2/images/tape.png) no-repeat;
}