/*
THEME NAME: page-balloon
THEME URI: http://www.pagemod.cn/2008/10/diary-cute-released.html
Description: a simple WordPress theme , created by<a href="http://www.pagemod.cn/">page</a>.
VERSION: 1.0
AUTHOR: page
AUTHOR URI: http://www.pagemod.cn
TAGS: two columns, widget ready,fixed width,valid XHTML,valid CSS,simple,widgets,clean,right sidebar
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/* Begin html tags */
* { margin:0; padding:0; } 
body {font-size: 62.5%; /* Resets 1em to 10px */font-family: Verdana, Arial, Sans-Serif;background: #745b64 url(img/body_neu.jpg) no-repeat top center;color: #282c2f;	margin:0px auto;height:auto; cursor: default;}
hr{display: none;}
a{color: #a8d077;text-decoration: none; cursor: w-resize; outline: none;}
a:hover {color: #f7bb25;text-decoration: underline; outline: none; }
ul{list-style-type: none;}
h2{font-size:1.3em;}
h3,h4{font-size:1.1em;font-weight:bold;}
small{font-size:1em;}
.clear{clear:both;}

/* End html tags */


/* Begin Structure */

#header {text-align:right;width: 540px;height:60px;margin:0 auto 10px;color: #C78D4D;font-size:1.2em;padding:0px 200px 0 0;}
#content{width:1005px;margin:1em auto;background: #745b64 url(img/footert.jpg) no-repeat bottom right;}
#maincontent{float:left;width:550px;line-height:1.5em;background: #ffffff;display:inline;}

#sidebar{float:left;width:210px;text-align:left;position:relative; margin: 0px 0px 0px 0px; padding: 0px 20px 0px 30px; border-right:0px dotted; color:#ffffff;}
#sidebar-top{padding:0 5px;}
#sidebar-left{}
#sidebar2{float:left;width:180px;text-align:left;position:relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px; color:#ffffff;font-family: Verdana, Arial, Sans-Serif; font-size:1.2em;}
#sidebar-top{padding:0 5px;}
#sidebar-right{}

#footer-top{height:80px;background: #745b64 url(img/footer.jpg) no-repeat bottom center;}
#footer{width:740px;height:35px;margin:auto;font-size:1.2em;padding:5px 0;color:#ffffff; text-align:left;}
#footer a{color:#a8d077;}
/* End Structure */

/* begin header*/
#header h1{font-size:2.2em;padding:15px 0 0 0px;}
#header h1 a{color:#C78D4D;text-decoration: none;}
.description{padding:3px 10px 0 10px;}
#menu{font-size:1.2em;width: 750px;margin:auto;}

.lavalamp { position:relative;margin:auto;width:710px;height:30px;overflow: hidden; background:url("img/menu.gif") no-repeat bottom left;padding:3px 20px 0;}
 .lavalamp li {float: left; list-style: none;}
 .lavalamp li.back {width: 9px; height: 25px;z-index: 8;position: absolute;background: #a8d078 url("img/lavabg1.gif") no-repeat top right;}
 .lavalamp li.back .left {background: url("img/lavabg1.gif") no-repeat top left;height: 25px;margin-right: 9px; }
 .lavalamp li a {  text-decoration: none; color: #c03a53;outline: none;text-align: center; padding:5px 10px;text-transform: uppercase;letter-spacing: 0;
                        z-index: 10;                 /* original background color lava #B7AD76*/ 
                        display: block;
                        float: left;
                        position: relative;
                        overflow: hidden;
font-weight:bold;
                    }
.lavalamp li a:hover, .lavalamp li a:active, .lavalamp li a:visited {border: none; }               
/* End header*/





/* begin maincontent*/
.postdate{margin-right:5px;overflow:hidden;float:left;width:40px;height:40px;font-family:Verdana;font-size:small;text-transform:uppercase;text-align:center;color:#1e1e1e;background: #f1e45a url(img/date.gif) no-repeat top center;}
.postdate span{}

.topcorner{background: url(img/backtb.jpg) no-repeat top center;padding-top:20px;}
.bottomcorner{background: url(img/backtb.jpg) no-repeat bottom center;padding-bottom:15px;}
.contentpadding{padding:5px 20px;background:#ffffff url(img/backm.jpg) repeat-y center;}
#maincontent .entry a{color:#e1448b; outline: none;}
#maincontent .entry a:hover{text-decoration: none;border-bottom:1px dashed #e1448b; outline: none; }
#maincontent h2 a{color:#817844; outline: none;}
#maincontent h2 a:hover{color:#C78D4D; outline: none;}
#maincontent ul li{margin-left:25px;padding: 0 0 0 15px;background: url(img/ul.gif) no-repeat left 6px;}
.entry{margin-top:30px;overflow:hidden;text-align:justify; }

.entry p {margin-bottom:15px;}
.entry ol {padding: 0 0 0 35px;}
.entry ul {list-style-type:none;}
.entry ul li{margin-left:10px;padding: 0 0 0 15px;background: url(img/ul.gif) no-repeat left center}
.entry img {border:0px solid #A39856;padding:0px;}

.entry table {border:1px solid #A39856;}
.entry table tr th{padding:1px 10px;background:#C5CFB0;}
.entry table tr td{padding:2px 10px;background:#DDD9C0;}


.entry blockquote,.entry pre{ margin: 10px; padding: 0px 0px 10px 30px; color:#666; font-style:italic; background: url(img/blogquote.gif) no-repeat left top; }    /*blogquote */
.postmetadata{padding:1px 15px;margin:0.5em 0 45px;background: url("img/ping-track.gif") repeat-y top left;}     /* Abstand zum entry; bildchen bzw Strich */

.ping-track{padding: 0 15px;background: url("img/ping-track.gif") no-repeat top left;}
.postnav{margin:1em 0;}
/* End maincontent */

/* Begin sidebar */
#sidebar h2{font-size:1em;color:#f7bb25;font-weight:bolder;padding-left:5px;text-transform:uppercase;border-bottom:dotted; border-color:#f7bb25;margin-bottom: 10px;}
#sidebar h3{font-size:1em;color:#f7bb25;font-weight:bolder;padding-left:5px;text-transform:uppercase;border-bottom:dotted; border-color:#f7bb25;margin-bottom:10px;}
#sidebar img{border:0;}
#sidebar-top ul li{margin-top:10px;}
#sidebar-top ul li ul li{margin-top:0px;background: url(img/ul2.gif) no-repeat left center;padding-left:10px;line-height:1.2em;}
#sidebar-top ul li ul{padding-left:2px;}
a img 
{
	border:0;
	padding-bottom:0px;
}
/* End sidebar */

/* Begin sidebar2 */
#sidebar2 h2{font-size:1em;color:#f7bb25;font-weight:bolder;padding-left:5px;text-transform:uppercase;border-bottom:dotted; border-color: #f7bb25;margin-bottom:10px;}
#sidebar2 h3{font-size:1em;color:#f7bb25;padding-left:5px;text-transform:uppercase; font-weight:bolder; border-bottom:dotted; border-color: #f7bb25;margin-bottom:10px;}
#sidebar2 img{border:0;}
#sidebar2-top ul li{margin-top:10px;}
#sidebar2-top ul li ul li{margin-top:0px;background: url(img/ul2.gif) no-repeat left center;padding-left:10px;line-height:1.2em;}
#sidebar2-top ul li ul{padding-left:2px;}
a img 
{
	border:0;
	padding-bottom:0px;
}


/* End sidebar2 */

/* Begin wp-tags*/
img.centered {display:block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 2px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 2px;margin: 0 7px 2px 0;display: inline;}

.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignright {float: right;}
.alignleft {float: left}

.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}


#wp-calendar{width:90%;color:#707D56;text-align:center;}
#wp-calendar a{color:#817844;text-decoration: underline;}
#wp-calendar td { text-align:center;}
#wp-calendar tfoot{width:100%;}
.searchf input.sbm-b{margin-top:5px;width:70%;border:1px solid #c03a53;padding:4px;background:#745b64;color:#c7d9d9;}
/* End wp-tags */


/* Begin comments*/
.message{width:90%;}
#response{margin:2em 0 0 20px;}
.comleft{width:60%;float:left;vertical-align:middle;text-align:right;padding:5px;}
.comleft a{color:#333;}
.message-by{}
.avatar-place{}
.message-count{float:left;}
.message-content{margin:10px 20px;width:95%;padding-bottom:5px;border:1px solid #759352;}
.alt{border-bottom:1px solid #f2e55b;}
.author{border-bottom:1px solid #ecebe9;}
.message-entry{float:left;padding:5px 0 0 20px;width:95%;vertical-align:middle;}
.inputs input{
	background:#ffffff;
	border:0;
	padding:2px;
	background: #ffffff url(img/input.gif) no-repeat top center;
	width:166px;
	height:16px;
	padding-left: 10px;
}
.message textarea
{border:0;width:380px;height:180px;overflow:auto;background: #f7bb25 url(img/textarea.gif) no-repeat top center;padding:10px;}
.submit{margin-top:10px; margin-bottom:10px;}
.submit input{border:0;width:60px;height:30px;background: #a8d078 url(img/submit.gif) no-repeat top left;color:#1e1e1e;}
.backtotop{text-align:right;}
/* End comments */


/*ab hier ich */
/* ----------------- Comment Quicktags - Quicktags in den Kommentaren------------------- */
.quicktags {
 padding-top: 5px;
}

.quicktags input { 
 background: #a8d078;
 border: 1px solid #2c353c;
 color: #2c353c;
 margin: 2px;
 width: auto;
 padding: 2px 5px;
}

.quicktags input:hover { 
 background: #fff;
 border: 1px solid #000;
 color: #e1448b;
}

fieldset 
{
	border:none;
}

/* Intouch Contact Form */
		
/* just for clearing floats, IE Hack */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
.clearfix {display: block; margin: 0; padding: 0; }
p.clearfix {}
/* End hide from IE-mac */    
    
div.intouch { margin: 1em auto 2em auto; }		
div.intouch  form { float: left; width: 100%; }		
div.intouch div.inputfield { padding: 4px 0px; position: relative; }
div.intouch span { position: relative; top: 0.4em; }
div.intouch label { 
  display: block; float: left; clear: left; width: 15%; text-align: right; 
  padding-top: 0.4em; position: relative; right: 5px;
  }
div.intouch div.inputfield input, 
div.intouch div.inputfield textarea { float: left; margin-left: 10px; }
div.intouch div.inputfield input { 
  width: 40%; border: 1px solid #2c353c; padding: 3px;
  }
div.intouch div.inputfield textarea { 
  width: 60%; height: 138px; padding: 5px; border: 1px solid #2c353c;
  }
div.intouch div.inputfield input.submitbutton { 
  border: 3px double #2c353c; background: #f2f2f2; cursor: pointer;
  width: auto !important; padding: 2px; margin-left: 10px; left: 15%;
  position: relative;
  }

div.intouch div#usermessage { margin-bottom: 10px; text-align: center; }
div.intouch div#usermessage.success {}
div.intouch .error { border: 2px solid #ce4b2f !important; padding: 1px;  }

/* For Link Indication plugin */
a.liexternal {
	padding-right: 12px;
	background: url(img/link-icon_external.gif) no-repeat right;
	padding-top: 7px;
}

a.liinternal {
	padding-right: 12px;
	background: url(img/link-icon_external.gif) no-repeat right;
	padding-top: 7px;
}

a.liwikipedia {
	padding-right: 12px;
	background: url(img/link-icon_external.gif) no-repeat right;
	padding-top: 7px;
}
/* feed button */
#feeds_button {
	width:74px;
	height:14px;
	text-align: left;
	font-size: 11px;
	padding-left: 6px;
	padding-top:1px;
	padding-bottom: 0px;
	color: #fff;
	background: url(http://www.utes-dezines.de/wp-content/plugins/feedstats-de/images/feedstats-de.gif) repeat;
	margin-bottom: 2px;
}

/*Gravatar*/
.avatar {
	float: left;
	border: 0px solid #21282d;
	padding: 2px;
	background: #;
	margin: 3px;
	}
	
.commentfavicon {
float: left;
	border: 0px solid #21282d;
	padding: 2px;
	background: #;
	margin: 3px;
	}
		
/*Textwidget*/

.textwidget
{
	margin-top: 2px;
	margin-right: 7px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-left: 10px;
	text-align: justify;
	font-size: 11px;
}	
.widget	
{
	margin-top: 2px;
	margin-right: 7px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-left: 10px;
	text-align: justify;
	font-size: 11px;
}	

html { 
   scrollbar-arrow-color:#c03a53; 
   scrollbar-track-color:#745b64; 
   scrollbar-face-color:#745b64; 
   scrollbar-highlight-color:#f7bb25; 
   scrollbar-3dlight-color:#f7bb25; 
   scrollbar-darkshadow-color:#f7bb25;
   scrollbar-shadow-color:#f7bb25; 
} 


input{
border: 1px solid #2c353c;
background:#ffffff;
}

a#fbutton {
	position: fixed;
	z-index: 2000;
	right: 0;
	bottom: 0;
	text-decoration: none;
	text-indent: -999em;
	height: 100px;
	width: 100px;
	background: url(http://utes-dezines.bplaced.net/Bilder/icon_purple_eckbanner01.gif) bottom right no-repeat;
	display: block;
}

