/*  
Theme Name: Puttee
Theme URI: http://www.puttee.de/
Description: A three column fixed width theme with both sidebars widget ready.
Version: 1.0
Author: Puttee
Author URI: http://www.puttee.de/
*/		

*
{
margin: 0px;
padding: 0px;
}

ul
{
list-style: none;
}

body 
{
font-size: 13px;
margin: 0px;
text-align: center;
color: #333;
font-family: Arial, Helvetica, sans-serif;
background: url(img/bg.jpg); background-repeat: repeat;
}

#icon-div
{
position: relative;
height: 50px;
width: 50px; 
top: 7px;
left: 20px; 

}


#wrap
{
width:900px;
background-image:url(img/container.png);
margin: auto;

}

.nocomments {
visibility:hidden;
}
                         /***************************************************
                         *********************** Blogtitle **************
                         *****************************************************/

#blogtitle
{
width: 900px;
display: block;
text-align: left;
height:170px;
}


.description
{
color:  #00FF00;
text-align: left;
font-size: 18px;
margin-left: 8px;
}

                         /***************************************************
                         *********************** Container **************
                         *****************************************************/
#container
{
clear:left;
background-image: url(img/bg2.png);
background-repeat: no-repeat;
padding:0;
margin-left:auto;
margin-right:auto;
margin-top: 0;
width: 874px;
}




                         /***************************************************
                         *********************** Left Sidebar Container *******
                         *****************************************************/
#leftnav
{
float: left;
width: 180px;
margin: 0;
margin-top: 0;
margin-left: 2px;
text-align: left;
}


                         /***************************************************
                         *********************** Right Sidebar Container *******
                         *****************************************************/

#rightnav
{
float: right;
width: 180px;
margin: 0;
margin-top: 0;
margin-right: 2px;
text-align: left;
}

                         /***************************************************
                         *********************** Content **************
                         *****************************************************/
#inhalt
{
display: block;
margin: 0 180px 20px 175px;
padding: 1em;
padding-top: 10px;
text-align: left;
}


#content
{
display: block;
margin: 0 180px 20px 180px;
padding: 1em;
padding-top: 10px;
text-align: left;
}

#contentpage
{
margin: 0 0px 20px 180px;
padding: 1em;
padding-top: 10px;
text-align: left;
}


#contentpagegallery
{
padding-top: 0px;
padding-left:0px;
text-align: left;
}

#content ul
{
padding-left: 150px;
}

#content ul li{
margin-left: 15px;
list-style-type: square;
}

#content ul ul li{
padding-left: 3px;
}


#content ol{
list-style-position: inside;
padding-left: 15px;
padding-top: 2px;
margin-bottom: 10px;
}

#content p
{
padding-left: 0px;
color: #0099FF;
}



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

#footwrap
{
clear:both;
color: #FFCC00;
height:80px;
font-size:10px;
font-weight: normal;
background-image: url(img/footer.png); background-repeat:no-repeat;
}

#footwrap p
{
display: block;
margin-bottom: 5px;
text-align:center;
}

#footwrap a:link {
color: #E5CFAB;
text-decoration: none;
border: none;
font-weight: bold;
}
#footwrap a:hover {
color: #E5CFAB;
text-decoration: underline;
border: none;
}

#footwrap a:visited:hover {
color: #E5CFAB;
text-decoration: underline;
border: none;
}

#footwrap a:visited {
color: #E5CFAB;
text-decoration: none;
border: none;
font-weight: bold;
}

#footwrap img {
padding: 0px 5px 0px 5px;
}

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

/* footer */
#footer {
position:fixed;
left:0px;
width:100%; 
bottom:0px; 
height:27px; 
background-image:url(img/footerbar.png); 
background-repeat:repeat-x; 
text-align: center;
}


#footer a, #footer a:visited {
color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bolder;
}

#suchen {
position:relative;
left:0px;
padding-top:0px;
}

#impressum {
position: relative;
padding-top:17px;
padding-right:5px;
top:-10px;
}
                      /***************************************************
                         *********************** Left Sidebar **************
                         *****************************************************/
#sidebarleft
{
margin: 10px 0px 0px 10px;
background: url(img/panel_bg.png) repeat;
}

#sidebarleft ul
{
list-type:none;
}

#sidebarleft li
{

padding-bottom: 5px;
}

#sidebarleft ul li
{
margin-left: 10px;
margin-right: 4px;
list-style-type:none;
color:#0099ff;
}

#sidebarleft ul li li
{
padding-left: 0px;
margin-left: 30px;
margin-right: 3px;
padding: 2px 0;
list-style-type: circle;
}

#sidebarleft a:link {
color: #FFFFFF;
text-decoration: none;
border: none;
font-weight: bold;
}

#sidebarleft a:hover {
color: #0099FF;
border: none;
}

#sidebarleft a:visited:hover {
font-family:Arial, Helvetica, sans-serif;
color: #0099FF;
text-decoration:none;
border: none;
}

#sidebarleft a:visited {
color: #FFFFFF;
text-decoration: none;
border: none;
font-weight: bold;
}

#sidebarleft h2 {
font-family: Arial, sans-serif;
background-image: url(img/footerbar.png);
color: #FFFFFF;
padding: 3px 8px 0px 4px;
margin-top:0px;

font-weight:bold;
padding-top:4px;
}


#sidebarleft p
{
padding: 0px;
}

                         /***************************************************
                         *********************** Right Sidebar **************
                         *****************************************************/

#sidebarright
{
margin: 10px 10px 0px 0px;
background: url(img/panel_bg.png) repeat;
}


#sidebarright ul
{
list-type:none;
}

#sidebarright li
{
padding-bottom: 5px;
}

#sidebarright ul li
{
margin-left: 18px;
margin-right: 4px;
list-style-type:square;
color:#0099ff;
}

#sidebarright ul li li
{
padding-left: 0;
margin-left: 15px;
margin-right: 3px;
padding: 2px 0;
list-style-type: circle;
}


#sidebarright a:link {
color: #ffffff;
text-decoration: none;
border: none;
font-weight: bold;
}

#sidebarright a:hover {
color: #0099ff;
border: none;
}

#sidebarright a:visited:hover {
font-family:Arial, Helvetica, sans-serif;
color: #0099ff;
text-decoration:none;
border: none;
}

#sidebarright a:visited {
color: #ffffff;
text-decoration: none;
border: none;
font-weight: bold;
}

#sidebarright h2 {
font-family: Arial, sans-serif;
background-image: url(img/footerbar.png);
color: #FFFFFF;
padding: 3px 8px 0px 4px;
margin-top:0px;

font-weight:bold;
padding-top:4px;
}


#sidebarleft p

{
padding: 0px;
}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }


                         /***************************************************
                         *********************** Paragraph **************
                         *****************************************************/

p
{
margin-bottom: 12px;
margin-top: 12px;
}

                         /***************************************************
                         *********************** Blockquote ********************
                         *****************************************************/

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}



                         /***************************************************
                         *********************** Post Metadata ****************
                         *****************************************************/

.postmetadata
{
text-align: left;
color: #FFFFFF;
width:98%;
}


#content .postmetadata
{
padding-left: 0px;
}

.postmetadata a:link
{
border: none;
color: #FFCC00;
font-weight: normal;
}

.postmetadata a:hover
{
border: none;
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
}

.postmetadata a:visited:hover
{
border: none;
color: #FFFFFF;
text-decoration:none;
font-weight: normal;
}

.postmetadata a:visited
{
border: none;
color: #FFCC00;
font-weight: normal;
}

                         /***************************************************
                         *********************** Links ********************
                         *****************************************************/

a:link
{
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

a:hover
{
text-decoration: underline;
}

a:visited
{
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
}

a:visited:hover
{
text-decoration: underline;
}

a img 
{
border:none;
background:none;
padding:5px;
}

#feed, #feed img a:link, #feed img a:visited
{
border: none;
}


                         /***************************************************
                         *********************** Comments ********************
                         *****************************************************/

.commentlist
{
position:relative;
left:0px;
color: #FFFFFF;
width: 485px;
}

.commentlist li
{

padding: 5px;;
border: #CCCCCC 1px solid;

list-style: none;
margin-bottom: 25px;
background-color:  #0b0b0b;
}

.commentlist li ul li
{
border: none;
}

.commentlist cite
{
padding: 2px 3px 1px 3px;
}

.commentlist p
{
padding: 5px 5px 2px 0px;
margin-bottom: 5px;
}

.commentlist a:link
{
border: none;
text-decoration: underline;
color: #FF6633;
}

.commentlist a:visited
{
border: none;
text-decoration: underline;
font-weight: bold;
color: #FF6633;
}

.commentlist a:hover
{
border: none;
font-weight: bold;
color: #FFFFFF;
}

.commentlist a:visited:hover
{
border: none;

font-weight: bold;
color: #FFCC00;
}


.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited
{
text-decoration: none;
color: #FFCC00;
}



.commentnumber {
font: normal 14px 'Times New Roman', Times, serif;
margin-top: 2px;
float:right;
color: #0000FF;
font-size: 67px;
}

#comment
{
width:100%;
height:100px;
}

#commentform
{
width:80%;
}

textarea{
	width: 95%;
	padding:5px;
	border: 1px solid #ccc;	
	background: #0b0b0b;	
	font:1em Verdana, Arial, Serif;
	line-height:1.6em;
	color:#FFFFFF;
}

input.textbox
{
	border:#ccc 1px solid;
	background: #333333;
	font:1em Verdana, Arial, Serif;
	padding:5px;
	width:150px;
	color: #FFFFFF;
}

                         /***************************************************
                         *********************** Headings**************
                         *****************************************************/

h1
{
font-size: 20px;
color: #FFFFFF;
}

h2 {
	font-size: 16px;
	font-family: Arial, sans-serif; 
display: block;

font-weight: bold;
padding: 5px 0 0 10px;
margin: 5px 0 6px 0;
text-align: left;
}

h3
{
font-family: Arial, sans-serif; 
display: block;
font-size: 14px;
font-weight: bold;
padding: 0px 0 0 0px;
margin: 0px 0 6px 0;
text-align: left;
color:#FFFFFF;
}

h3 a
{
font-family: Arial, sans-serif;
text-decoration: underline;
display: block;
font-size: 24px;
font-weight: bold;
padding: 5px 0 0 0px;
margin: 5px 0 0px 0;
text-align: left;
color:#FFFFFF;
}

h3.posttitle   
{
font-family: Arial, sans-serif; 
font-size: 22px;
font-weight: bold;
padding-left: 0px;
padding-top: 2px;
padding-bottom: 2px;
margin-top: 0px;
margin-bottom: 5px;
}

.posttitle a:link
{
font-size: 22px;
color: #FFFFFF;
font-weight: bold;
}

.posttitle a:visited
{
font-size: 22px;
color: #FFFFFF;
font-weight: bold;
}

.posttitle a:hover
{
font-size: 22px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

.posttitle a:visited:hover
{
text-decoration: none;
}

h4
{
font-family: Arial, sans-serif;
color:#FFCC00;
margin-top: 15px;
font-size: 14px;
font-weight: bold;
padding: 5px 0 0 0px;
margin: 5px 0 0px 0;
text-align: left;
}

h5
{
font-family: Arial, sans-serif; 
margin-top: 15px;
font-size: 12px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;
}

                          /*Miscellaneous*/
.cal
{
font-size: 18px;
position:relative;
float: right;
top:0px;
margin-top: 0px;
text-align: center;
color: #FFFFFF;
width:43px;
height:49px;
background-image: url(img/calendar.png);
background-repeat:no-repeat;
}


                         /*Contained Floats Fix*/
.post
{
display: block;
overflow:hidden;
width:98%;
margin-left:auto;
margin-right: auto;
background: url(img/panel_bg.png) repeat;
padding: 0px 5px 0px 5px;

}
                     /*Code*/
code
{
display: block;
margin: 10px 30px 0 30px;
padding: 2px 10px 5px 10px;
border-top: 4px solid #333;
border-bottom:4px solid #333;
color: #FFFFFF;
background: #FFFFCC;
}

/*#searchform {
margin-left: 5px;
	}*/

/* navigation
--------------------------------------------------*/
#navigation 
{
width: 900px;
height:24px;
line-height: 24px;
background-image: url(img/navigation.png);
/*background: #333 url(img/navigation.png) no-repeat; */
margin-bottom: 0;
}

#navigation ul 
{
margin:0;
font-family: Arial, Helvetica, sans-serif;
background-color:#000000;
size:11px;
padding:0;
}

#navigation li {
float:left;
margin:0;
padding:0;
list-style-type:none;
white-space:nowrap;
border-color:#6F7076;
}

#navileiste {
float:left;
padding-left:25px;
height:25px;


}

#navigation li a 
{
display:block;
padding:0 8px;
font-size:0.8em;

}

* html #navigation a {width:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html */

#navigation form 
{
float:right;
height:100%;
width:164px;
padding:0 15px;
line-height:0;
}

#navigation form fieldset 
{
  /* centering the search form could've
  been done way more elegant but IEWin
  and Opera refused to follow the rules */
  margin-top:3px;
border:0 solid; /* Opera */
}

* html #navigation form fieldset {margin-top:7px;}

#navigation #s 
{
height:1.5em;
width:115px;
margin:0 5px 0 0;
padding:0;
border:1px solid;
font-size:0.8em;
vertical-align:middle;
}

#navigation #searchbutton 
{
height:2em;
width:auto;
padding:0 1px;
font-size:9px;
letter-spacing:1px;
text-align:center;
vertical-align:middle;
}


#navigation li 
{
border-color:#7F7F7F;
}

#navigation a 
{
color: #CCCCCC;
text-decoration:none;
}

#navigation .selected,
#navigation .current_page_item,
#navigation a:hover
{
color: white;
background-image: url(img/navibutton.png);
height:25px;

}

#navigation a:visited
{
font-weight: bold;
}


#navigation #s 
{
border-color:#FFF9EA;
}

#navigation #searchbutton 
{
color:white;
 background-color:#798288;
}

.button
{
margin-bottom: -4px;
}


/******************Calendar**************/
#wp-calendar 
{
empty-cells: show;
margin: 10px auto 0;
width: 160px;
}

#wp-calendar #next a 
{
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a 
{
padding-left: 10px;
text-align: left;
}

#wp-calendar td 
{
padding: 2px 0;
text-align: center;
color: #999999;

}

#wp-calendar th 
{
/*padding: 3px 0;*/
text-align: center;
color: #ffffff;
}

#today { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #ff0000 !important;
  padding: 1px 3px 1px 1px;
  color: #ffffff !important;
}

#wp-calendar caption 
{
text-align: center;
width: 100%;
text-transform: uppercase;
font-weight: bold;
}

img 
{	
border:none;
padding:5px;
}

.alignright {
text-align: right;
}

.alignleft {
text-align: left
}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 0;
}

.wp-smiley
{
padding: 0;
}

.textwidget
{
margin: 2px 5px 2px 5px;
}
 
 
                          /***************************************************
                         *********************** contentpage nur eine sidebar **************
                         *****************************************************/  
.details {
 color: #FFCC00;
 font: 10px Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 margin-left:0px;
}

.published {
 color: #FF0000;
 font: 10px Verdana, Arial, Helvetica, sans-serif;
 text-align: right;
 margin-left:0px;
}
.details a:link, .details a:hover, .details a:visited {
 color: #FFFFFF;
}




.wp-smiley {
	border: 0pt none;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}	



hr.clear {
	clear:  both;
	visibility: hidden;
	height: 0;
}


p.postmeta {
	margin-bottom: 10px;
	color: #FFCC00;
}

.postinfobox
{
margin-bottom: 10px;
border: outset;
border-color: #0099ff;
color: #FFFFFF;
}

.meta {
background-image:url(img/footerbar.png); 
}

p.meta {
	font-size: 87%;
	

	margin-bottom: 10px;
	color: #FFCC00;
}
p.meta a
{
	color: #FFCC00;
	text-decoration: none;
}


span.user
{
	padding: 3px 5px;
}

span.timr
{
	

	color: #fff;
	padding: 3px 5px;
}
span.catr
{
	padding: 3px 5px;
}
span.editr
{
	padding: 2px 2px 2px 18px;
}
span.commr
{
	background: url(img/comment.png) 0 0 no-repeat;
	padding: 0 2px 0 18px;
}


.entry {
	margin-bottom: 10px;
	text-align: left;
}
.entry  a {
	color: #0099ff;
}

.entry  p {
	color: #CCCCCC;
}

.entry
{
margin-bottom: 5px;
}

.entry ul {
	color:#FFFFFF;
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -3px;
	} 

.entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	color:#FFFFFF;
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
}

  /***************************************************
                         *********************** Aufzählungen, numerierung **************
                         *****************************************************/  
.entrytext {
	margin-bottom: 10px;
	text-align: left;
}
.entrytext  a {
	color: #FFFFFF;
}

.entrytext  p {
color: #0099FF;
font-family:Arial, Helvetica, sans-serif;
size:12px;
}
.entrytext
{
margin-bottom: 5px;
}

.entrytext ul {
	color:#FFFFFF;
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -3px;
	} 

.entrytext li {
	margin: 7px 0 8px 10px;
	}

.entrytext ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020"; 
	}

.entrytext ol {
	color:#FFFFFF;
	padding: 0 0 0 35px;
	margin: 0;
	}

.entrytext ol li {
	margin: 0;
	padding: 0;
}


.comment-number
{
color:#FF0000;
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
font-weight:bold;
}

.comment-page-numbers
{
color: #CCCCCC;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

  /***************************************************
                         *********************** post views - most viewied **************
                         *****************************************************/  
#pages ul 
{
padding-left: 15px;
} 					 
						 
#pages ul li {
padding-left: 2px;
font-size:12px;
size:5px;
list-style-type:square;
}

#most-viewed ul
{
padding-left: 15px;

} 
						 
#most-viewed ul li
{
padding-left: 2px;
font-size:9px;
size:5px;
list-style-type:square;
}

#most-viewed ul li a:link
{
padding-left: 0;
font-size:9px;
size:5px;
list-style-type:square;
}



  /***************************************************
                         *********************** sidebarlogin.php **************
                         *****************************************************/ 
#user_pass
{
color: #000000;
padding-left:8px;
margin-left:8px;
}

#user_login
{
color: #000000;
padding-left:8px;
margin-left:8px;
}

#wp-submit
{
color: #000000;
padding-left:8px;
margin-left:8px;
}

/* next & previous post navigation */

.post-nav {
border-top: #ffffff 1px solid;
border-bottom: #FFffff 1px solid;
font-size:12px;
line-height:20px;

}

.post-nav a, .post-nav a:visited {
	color: #999999;
	text-decoration: none;
}
.post-nav a:hover {
	color: #ffffff;
	text-decoration: none;

}
.post-nav .previous a {
	float: left;
	padding-left: 32px;
	
}

.post-nav .nextus a {
	float: right;
	padding-right: 32px;
	text-align: right;
}




  /***************************************************
                         *********************** infppanel **************
                         *****************************************************/ 
						 
						 
.lastfm {
font-size: 10px;
padding-left:5px;
text-align:left;}

.infopanel {
font-size:12px; text-decoration:underline; color:#0099ff; font-weight:bold; text-align:left;
}

div.yoo-toppanel div.panel-container {
	position: absolute;
	left: 50%;
	width: 100%;
	height: 0px; /* overlapping link bug */
	margin-left: -50%;
	z-index: 15;
}

div.yoo-toppanel div.panel-wrapper {
	height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

div.yoo-toppanel div.panel {
	position: relative;
}

div.yoo-toppanel div.trigger {
	position: relative;
}

div.yoo-toppanel div.article {
	clear: both;
}/* (C) 2007 YOOtheme.com */

div.default div.yoo-toppanel div.panel {
	background: #000000 url(img/panel_bginfo.png) 0 100% repeat-x;
	color: #969696;
}

div.default div.yoo-toppanel div.content {
	margin: auto;
	padding-top: 20px;
	overflow: hidden;
}

div.default div.yoo-toppanel div.close {
	width: 100px;
	height: 18px;
	margin-bottom: 10px;
	border: 1px solid #646464;
	background: #1e1e1e;
	float: right;
	overflow: hidden;
	text-align: left;
	font-size: 85%;
	line-height: 18px;
	cursor: pointer;
}

div.default div.yoo-toppanel div.trigger {
	top: 0px;
	width: 120px;
	margin-left: -60px;
	cursor: pointer;
}

div.default div.yoo-toppanel div.trigger img {
	width: 20px;
	height: 19px;
	border: 0px;
}




div.default div.yoo-toppanel div.trigger-m {
	width: 250px;
	height: 19px;
	
	float: left;
	text-align: center;
	font-size: 85%;
	line-height: 18px;
	overflow: hidden;
	color: #ffffff;
	margin-left:80px;
}

div.transparent div.yoo-toppanel div.trigger-m {
	width: 223px;
	height: 261px;
	position:absolute;
	right: 20%; 
	background: url(img/splash.png) 100% 0 repeat-x;
	float: left;
	text-align: center;
	font-size: 85%;
	line-height: 18px;
	overflow: hidden;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold
	
}

.trigger {
position:absolute;
margin-left:840px;
cursor:pointer;
}
div.default div.yoo-toppanel div.article {
	padding-bottom: 10px;
}/* (C) 2007 YOOtheme.com */


div.transparent div.yoo-toppanel div.content {
	margin: auto;
	padding-top: 20px;
	overflow: hidden;
}

div.transparent div.yoo-toppanel div.close {
	width: 50px;
	height: 18px;
	margin-bottom: 10px;
	border: 1px solid #646464;
	background: #1e1e1e;
	float: right;
	overflow: hidden;
	text-align: center;
	font-size: 85%;
	line-height: 18px;
	cursor: pointer;
}


div.transparent div.yoo-toppanel div.article {
	padding-bottom: 10px;
}

div.transparent div.yoo-toppanel div.panel {
	/* position: relative; /* IE6 link fix for transparent background image */
	background: url(img/panel_bginfo.png) 0 100% repeat;
	color: #969696;
}

.widgettitle h2 {
font-size:12px; text-decoration:underline; color:#0099ff; font-weight:bold; text-align:left;
}

.recentcomments_gravs ul li {
list-style: disc;
}