/*
	Theme Name: Kulturbanause.de - realise your Fantasies - Version 2.0
	Theme URI: http://www.kulturbanause.de/
	Description: Copyright 2008 Jonas Hellwig. Feel free to copy code, do NOT steal any images!
	Version: 2.0 
	Author: Jonas Hellwig
	Author URI: http://www.kulturbanause.de/
*/

/* ------------------------------------------------------------ */
/* -----------------------I Global Tags I---------------------- */
/* ------------------------------------------------------------ */

body {
	background:black url(images/body_bg2.jpg) top center repeat-y;
	color:#1d2830;
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:140%;
	margin:0;
	padding:0;
}

a:focus {
	outline:0; /* disable dotted active-link borders, but you can't navigate via tabulator any longer */
}
.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}

hr {
	display:none;
}

/* ------------------------------------------------------------ */
/* ----------------------I Global Classes I-------------------- */
/* ------------------------------------------------------------ */

.clear {
	clear:both;
	float:none;
	height:0;
	width:0;
	line-height:0.01em;
	font-size:0.01em;
}

.tab50 {
	display:block;
	float:left;
	width:50px;
}

.tab120 {
	display:block;
	float:left;
	width:120px;
}

div.hr {
	display:none;
}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}



.magic-cap { /* a small step to save my images */
	height:99,999%; /* do NOT use 100% to avoid scroll-bars in older versions of Firefox. */
	float:left;
	background:url(images/do-not-steal-my-images.gif) repeat;
	position:relative;
	width:100%;
}

.right {
	float:right;
}

.left {
	float:left;
}

/* ------------------------------------------------------------ */
/* -------------------------I Wrapper I------------------------ */
/* ------------------------------------------------------------ */

div#top-wrapper {
	background:url(images/top-wrapper_bg.jpg) top center no-repeat;
	margin:-21px auto 0 auto;
	min-height:960px;
	padding:21px 0 0 0;
	position:relative;
   width:100%;
}

* html div#top-wrapper { /* IE6 Hack */
	height:960px;
}

div#bottom-wrapper {
	height:639px;
	margin:0 auto;
	position:relative;
	width:100%;
	background-image: url(images/bottom-wrapper_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

/* ------------------------------------------------------------ */
/* --------------------------I Header I------------------------ */
/* ------------------------------------------------------------ */

	div#header {
		background:transparent;
		height:409px;
		position:relative;
		margin:0 auto;		
		width:980px;
	}
	
/* ------------------------------------------------------------ */
/* ---------------------------I Logo I------------------------- */
/* ------------------------------------------------------------ */	

h1.logo a {
	background:url(images/logo-kulturbanause.jpg) 0 0 no-repeat;
	display:block;
	font-size:0.01em;
	float:left;
	height:134px;
	text-indent:-9999px;
	width:411px;
	margin-top: 200px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 37px;
}

* html h1.logo a { /* IE6 Hack */
	margin-top: 210px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 19px;
}

h1.logo a:hover {
	background:url(images/logo-kulturbanause.jpg) 0 -134px no-repeat;
} 
	
	
/* ------------------------------------------------------------ */
/* -------------------------I Main Menu I---------------------- */
/* ------------------------------------------------------------ */

		/* Global Settings */
		
		ul#main-menu {
			background:transparent; 
			float:left;
			height:69px; 
			margin:0; 
			padding:0;
			width:980px;
		}
		
		ul#main-menu {
			list-style-type:none;
			margin:0;
			padding:0;
		}
		
			ul#main-menu li {
				float:left;
				font-size:0.01em;
				line-height:0.01em;
				margin:0;
				padding:0;
			}
			
			ul#main-menu a span {
				font-size: 0.01em;
				vertical-align: middle;
				visibility: hidden;
			}
			
			ul#main-menu a {
				border:none;
				display: block;
				height: 69px;
				text-decoration: none;
			}
			
			/* Link List */
			
			a.blog {
				width:146px; 
				background:url(images/main-menu/blog.jpg) 0 0 no-repeat; 
			}
			
			a.blog:hover {
				background:url(images/main-menu/blog.jpg) 0 -69px no-repeat; 
			}

			a.portfolio {
				width:174px; 
				background:url(images/main-menu/portfolio.jpg) 0 0 no-repeat; 
			}
			
			a.portfolio:hover {
				background:url(images/main-menu/portfolio.jpg) 0 -69px no-repeat; 
			}

			a.resources {
				width:189px; 
				background:url(images/main-menu/resources.jpg) 0 0 no-repeat; 
			}
			
			a.resources:hover {
				background:url(images/main-menu/resources.jpg) 0 -69px no-repeat; 
			}

			a.about {
				width:161px; 
				background:url(images/main-menu/about.jpg) 0 0 no-repeat; 
			}
			
			a.about:hover {
				background:url(images/main-menu/about.jpg) 0 -69px no-repeat; 
			}

			a.contact {
				width:172px; 
				background:url(images/main-menu/contact.jpg) 0 0 no-repeat; 
			}
			
			a.contact:hover {
				background:url(images/main-menu/contact.jpg) 0 -69px no-repeat; 
			}

			a.rss {
				width:138px; 
				background:url(images/main-menu/rss.jpg) 0 0 no-repeat; 
			}
			
			a.rss:hover {
				background:url(images/main-menu/rss.jpg) 0 -69px no-repeat; 
			}


/* ------------------------------------------------------------ */
/* -------------------------I Content I------------------------ */
/* ------------------------------------------------------------ */

	div#content-wrapper {
		background:transparent;
		margin:0 auto;
		position:relative;
		width:980px;	
	}
	
		div#content {
			background:transparent;
			float:left;
			margin:0 163px 0 53px;
			position:relative;
			width:514px;
		}
		
		* html div#content { /* IE& Hack */
			margin:0 163px 0 26px;
		}

		
			div.post {
				float:left;
				margin:0 0 25px 0;
				padding:0;			
				width:514px;
				background:transparent;
			}
			
				/* Links */
			
				div.post a:link,
				div.post a:visited {
					color:#1e698f;
					text-decoration:none;
				}
				
				div.post a:hover,
				div.post a:active {
					background:#5f794c;
					color:#efece1;
					text-decoration:none;
				}
							
				/* Post h2 */
			
				div.post h2 a:link,
				div.post h2 a:visited {
					background:url(images/post-h2_bg.gif) 0 0 no-repeat;
					color:#efece1;
					display:block;
					font-size:17px;
					font-weight:normal;
					height:18px;
					margin:0 0 10px 0;
					padding:7px 0 7px 7px;
					text-decoration:none;
					width:507px;
				}
				
				div.post h2 a:hover,
				div.post h2 a:active {
					background:url(images/post-h2_bg.gif) 0 -32px no-repeat;
					color:#efece1;
					display:block;
					font-size:17px;
					font-weight:normal;
					height:18px;
					margin:0 0 10px 0;
					padding:7px 0 7px 7px;
					text-decoration:none;
					width:507px;
				}
				
				/* Post h4 - Das hier muss noch auf die H3 umgeschrieben werden, es m�ssen jedoch auch die Posts (Urlaubsbericht und Tutorials) bearbeitet werden. */
			
				div.post h3 {
					background:url(images/post-h3_bg.gif) 0 0 no-repeat;
					color:#3f2e26;
					display:block;
					font-size:17px;
					font-weight:normal;
					height:18px;
					margin:0 0 10px 0;
					padding:7px 0 7px 7px;
					text-decoration:none;
					width:507px;
				}				

				div.post h4 { /* its the same like h3, i have to change the heading in my posts */
					background:url(images/post-h3_bg.gif) 0 0 no-repeat;
					color:#3f2e26;
					display:block;
					font-size:17px;
					font-weight:normal;
					height:18px;
					margin:0 0 10px 0;
					padding:7px 0 7px 7px;
					text-decoration:none;
					width:507px;
				}	
									
				/* Post Meta: Author, Categories, Date, Comments */
				
				div.post p.post-meta {
					color:#4f585f;
					font-size:11px;
					margin:0;
				}
				
				div.post p.post-meta a strong.comment,
				div.post p.post-meta a:link strong.comment, 
				div.post p.post-meta a:visited strong.comment {
					background:url(images/comments-icon_12.gif) 0 0 no-repeat;
					color:#1e698f;
					height:12px;
					padding:0 0 0 16px;
					text-decoration:none;
				}
				
				div.post p.post-meta a:hover strong.comment, 
				div.post p.post-meta a:active strong.comment {
					background:#efece1 url(images/comments-icon_12.gif) 0 0 no-repeat !important;
					color:#5f794c;
					height:12px;
					padding:0 0 0 16px;
					text-decoration:none;
				}

				/* Post Tags */
				
				div.post strike {
					color:#4f585f;
					text-decoration:line-through;
				}
				
				div.post code {
					padding:0 2px;
				}				
				
				div.post cite {
					color:#175879;
					font-style:normal;
					font-weight:bold;
					margin:-10px 0 0 0;
				}				
				
				div.post blockquote {
					font-style:italic;
					margin:-10px 0 0 0;
				}
				
					div.post blockquote p:first-letter {
						background:url(images/post-blockquote.gif) 0 0 no-repeat;
						padding:0 0 0 25px !important;
					}
				
				div.post p {
					margin:0 0 15px 0;
				}
				
				/* Post Images */
				
				div.post .img_right {
					border:5px solid #bdb7ab; 
					float:right;
					margin:5px 0 10px 10px;
				}
				
				div.post a:hover .img_right {
					border:5px solid #aca59a; 
					float:right;
					margin:5px 0 10px 10px;
				}	
				
				div.post .img_center {
					border:5px solid #bdb7ab; 
					float:left;
					margin:0 0 10px 0;
				}
				
				div.post a:hover .img_center {
					border:5px solid #aca59a; 
					float:left;
					margin:0 0 10px 0;
				}				

				div.post .img_left {
					border:5px solid #bdb7ab; 
					float:left;
					margin:5px 10px 10px 0;
				}
				
				div.post a:hover .img_left {
					border:5px solid #aca59a; 
					float:left;
					margin:5px 10px 10px 0;
				}	
				
				div.post .gallery { /* small thumb at the bottom of large posts */ 
					border:5px solid #bdb7ab; 
					float:left;
					margin:8px;
				}
				
				div.post a:hover .gallery { /* small thumb at the bottom of large posts */ 
					border:5px solid #aca59a; 
					float:left;
					margin:8px;
				}		
								
			/* Comments */	
			
			div.comments {
				float:left;
				margin:0;
				padding:0;
				width:514px;
			}
			
				/* Links */
		
				div.comments a:link,
				div.comments a:visited {
					color:#1e698f;
					text-decoration:none;
				}
				
				div.comments a:hover,
				div.comments a:active {
					background:#5f794c;
					color:#efece1;
					text-decoration:none;
				}
				
				/* Topics */
			
				div.comments h4 {
					background:url(images/post-h3_bg.gif) 0 0 no-repeat;
					color:#3f2e26;
					display:block;
					font-size:17px;
					font-weight:normal;
					height:18px;
					margin:0 0 10px 0;
					padding:7px 0 7px 7px;
					text-decoration:none;
					width:507px;
				}	
				
				div.comments ol.commentlist {
					list-style:none;
					margin:0 0 35px 0;
				}
				
					div.comments ol.commentlist li {
						background:url(images/comment_bg.gif) top center no-repeat;
						font-size:12px;
						margin:0 0 10px 0;
						padding:25px 10px 15px 10px;
					}
					
					div.comments ol.commentlist li.alt { /* This will change every second comment to class "alt". Actually not in use. */
						background:url(images/comment_bg.gif) top center no-repeat;
						font-size:12px;
						margin:0 0 10px 0;
						padding:25px 10px 15px 10px;
					}
					
					/* Post Meta: Author, Categories, Date */
				
					div.comments ol.commentlist span.comment-meta {
						border-bottom:1px solid #796862;
						color:#4f585f;
						display:block;
						font-size:11px;
						
						margin:0 0 3px 0;
					}
					
					/* Comment Form */
					
					div.comments input {
						background:#d7d2c8;
						border-bottom:1px solid white;
						border-right:1px solid white;
						border-left:1px solid #796862;
						border-top:1px solid #796862;
						font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
						font-size:12px;
						padding:3px;
						margin:3px 0;
						width:506px;
					}

					div.comments textarea {
						background:#d7d2c8;
						border-bottom:1px solid white;
						border-right:1px solid white;
						border-left:1px solid #796862;
						border-top:1px solid #796862;
						font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
						font-size:12px;
						overflow:auto;
						padding:3px;
						margin:3px 0;
						width:506px;
					}
					
					div.comments input#submit{
							width:514px;
							height:25px;
							font-weight:bold;
							border:0;
							border-bottom:1px solid #0d415b;
							border-left:1px solid #5499bc;
							border-right:1px solid #0d415b;
							border-top:1px solid #5499bc;
							background:#165474;
							cursor:pointer;
							color:#efece1;
							margin:0;
							letter-spacing:0.05em;
						}
					
					/* Contact Form. Actually used in Imprint / Contact */
					/* WP Contact-Form is a WP-Plugin. You will find it here: http://johannesries.de/webwork/contactform */
					
					div.post .contactform {
						position: static;
						overflow: hidden;
						margin:10px 0 25px 0;
					}
					
					div.post .contactleft {
						width: 20%;
						clear: both;
						float: left;
						display: inline;
						padding: 3px;
					}
					
					div.post .contactright {
						width: 75%;
						float: right;
						display: inline;
						padding: 3px;
						font-size:12px;
					}
					
						div.post .contactright input {
							background:#d7d2c8;
							border-bottom:1px solid white;
							border-right:1px solid white;
							border-left:1px solid #796862;
							border-top:1px solid #796862;
							font-size:12px;
							padding:3px;
							width:280px;
							margin:0 5px 0 0;
						}
						
						div.post .contactright textarea {
							background:#d7d2c8;
							border-bottom:1px solid white;
							border-right:1px solid white;
							border-left:1px solid #796862;
							border-top:1px solid #796862;
							font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
							font-size:12px;
							overflow:auto;
							padding:3px;
							width:280px;
						} 
						
						div.post .contactright
						
					
						div.post .contacterror { /* displayed after uncorrect filled form */
							border: 1px solid #621995;
						}
						
						div.post .contactformerror { /* CSS wird inline im P-Tag in der Benutzeroberfl�che des Plugins eingegeben */
							padding:0 0 0 52px;
							margin:10px 0;
							height:55px;
							background:url(../images/help_icon.gif) 0 0px no-repeat;
							color:#999;
							font-size:0.85em;
						}
						
						div.post input#contactsubmit{
							width:287px;
							height:25px;
							font-weight:bold;
							border-bottom:1px solid #0d415b;
							border-left:1px solid #5499bc;
							border-right:1px solid #0d415b;
							border-top:1px solid #5499bc;
							background:#165474;
							cursor:pointer;
							color:#efece1;
							margin:0;
							letter-spacing:0.05em;
						}
					
					
/* ------------------------------------------------------------ */
/* --------------------------I Search I------------------------ */
/* ------------------------------------------------------------ */			
				
					
		div#search {
			margin:0 0 10px 0;
			float:left;
		}
		
			div#search form#searchform input {
				background:#d7d2c8;
				border-bottom:1px solid white;
				border-right:1px solid white;
				border-left:1px solid #796862;
				color:#3f2e26;
				border-top:1px solid #796862;
				float:left;
				font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
				font-size:12px;
				padding:5px;
				width:112px;
			}
			
			div#search form#searchform input#searchsubmit {

				background:#536f41;
				border-bottom:1px solid #304b1d;
				border-right:1px solid #304b1d;
				border-left:1px solid #749360;
				border-top:1px solid #749360;
				color:#efece1;
				display:block;
				float:left;
				font-size:15px;
				height:25px;
				margin: 0 0 0 10px;				
				padding:0 1px 0px 0;
				width:35px;
			}
			
			div#search form#searchform input#searchsubmit:hover { 
				cursor:pointer;
			}

/* ------------------------------------------------------------ */
/* -------------------------I Sidebar I------------------------ */
/* ------------------------------------------------------------ */

		div#sidebar {
			float:left;
			font-size:12px;
			position:relative;
			width:170px;
		}		

		div#sidebar a:link,
		div#sidebar a:visited {
			color:#3f2e26;
			text-decoration:none;
		}
		
		div#sidebar a:hover, 
		div#sidebar a:active {
			background:#5f794c;
			color:#efece1;
			text-decoration:none;
		}
		
		div#sidebar p {
			font-size:12px;
			margin:0 0 15px 0;
			padding:0 0 0 8px;
		}
		
			/* Topics */
			
			div#sidebar h5.greenlist {
				background:url(images/sidebar-h5_green-bg.gif) 0 0 no-repeat;
				color:#efece1;
				display:block;
				font-size:15px;
				font-weight:normal;
				height:25px;
				margin:0;
				padding:4px 0 4px 8px;
			}
			
			div#sidebar h5.brownlist {
				background:url(images/sidebar-h5_brown-bg.gif) 0 0 no-repeat;
				color:#3f2e26;
				display:block;
				font-size:15px;
				font-weight:normal;
				height:25px;
				margin:0;
				padding:4px 0 4px 8px;
			}
			
			div#sidebar h5.blog {
				background:url(images/sidebar-h5_blog.gif) 0 -1px no-repeat;
				color:#efece1;
				display:block;
				font-size:15px;
				font-weight:normal;
				height:26px;
				margin:0;
				padding:8px 0 4px 8px;
			}
			
			div#sidebar h5.portfolio {
				background:url(images/sidebar-h5_portfolio.gif) 0 1px no-repeat;
				color:#efece1;
				display:block;
				font-size:15px;
				font-weight:normal;
				height:26px;
				margin:0;
				padding:8px 0 4px 8px;
			}
			
			div#sidebar h5.accolades {
				background:url(images/sidebar-h5_accolades-bg.gif) 0 1px no-repeat;
				color:#efece1;
				display:block;
				font-size:15px;
				font-weight:normal;
				height:26px;
				margin:0;
				padding:11px 0 4px 8px;
			}

			div#sidebar h5.resources {
				background:url(images/sidebar-h5_resources.gif) 0 -1px no-repeat;
				color:#efece1;
				display:block;
				font-size:15px;
				font-weight:normal;
				height:26px;
				margin:0;
				padding:8px 0 4px 8px;
			}

			div#sidebar h5.about {
				background:url(images/sidebar-h5_about.gif) 0 4px no-repeat;
				color:#efece1;
				display:block;
				font-size:15px;
				font-weight:normal;
				height:26px;
				margin:0;
				padding:8px 0 4px 8px;
			}

			div#sidebar h5.contact {
				background:url(images/sidebar-h5_contact.gif) 0 4px no-repeat;
				color:#efece1;
				display:block;
				font-size:15px;
				font-weight:normal;
				height:26px;
				margin:0;
				padding:8px 0 4px 8px;
			}

			div#sidebar h5.vcard {
				background:url(images/sidebar-h5_vcard-bg.gif) 0 0 no-repeat;
				color:#efece1;
				display:block;
				font-size:15px;
				font-weight:normal;
				height:26px;
				margin:0;
				padding:8px 0 4px 8px;
			}

			div#sidebar h5.skype {
				background:url(images/sidebar-h5_skype-bg.gif) 0 0 no-repeat;
				color:#efece1;
				display:block;
				font-size:15px;
				font-weight:normal;
				height:26px;
				margin:0;
				padding:8px 0 4px 8px;
			}
			
			div#sidebar h5.icq {
				background:url(images/sidebar-h5_icq-bg.gif) 0 0 no-repeat;
				color:#efece1;
				display:block;
				font-size:15px;
				font-weight:normal;
				height:26px;
				margin:0;
				padding:8px 0 4px 8px;
			}
			
			
			/* Green Standard Lists */
			
			div#sidebar ul.greenlist,
			div#sidebar ul.greenlist ul {
				list-style:none;
				margin:0 0 15px 0;
			}
			
			div#sidebar ul.greenlist li {
				background:url(images/sidebar-li_greenarrow.gif) 7px 4px no-repeat;
				font-weight:bold;


			}
			
	
			div#sidebar ul.greenlist li a,
			div#sidebar ul.greenlist li a:link,
			div#sidebar ul.greenlist li a:visited {
				border-bottom:1px solid #cbcfbc;
				color:#304820;
				display:block;
				font-size:12px;
				font-weight:bold;
				height:21px;
				padding:4px 0 0 29px;
				text-decoration:none;
			}		
			
			div#sidebar ul.greenlist li a:hover,
			div#sidebar ul.greenlist li a:active {
				background:#f5f3ea url(images/sidebar-li_greenarrow.gif) 7px 4px no-repeat;
				border-bottom:1px solid #cbcfbc;
				color:#182510;
				display:block;
				font-size:12px;
				font-weight:bold;
				height:21px;
				padding:4px 0 0 29px;
				text-decoration:none;
			}
			
			/* Brown Standard Lists */
			
			div#sidebar ul.brownlist,
			div#sidebar ul.brownlist ul {
				list-style:none;
				margin:0 0 15px 0;
			}
			
			div#sidebar ul.brownlist li {
				background:url(images/sidebar-li_brownarrow.gif) 7px 4px no-repeat;
			}
			
	
			div#sidebar ul.brownlist li a,
			div#sidebar ul.brownlist li a:link,
			div#sidebar ul.brownlist li a:visited {
				border-bottom:1px solid #ddd8cd;
				color:#3f2e26;
				display:block;
				font-size:12px;
				height:21px;
				padding:4px 0 0 29px;
				text-decoration:none;
			}		
			
			div#sidebar ul.brownlist li a:hover,
			div#sidebar ul.brownlist li a:active {
				background:#f5f3ea url(images/sidebar-li_brownarrow.gif) 7px 4px no-repeat;
				border-bottom:1px solid #e3dfd4;
				color:#182510;
				display:block;
				font-size:12px;
				height:21px;
				padding:4px 0 0 29px;
				text-decoration:none;
			}
			
			/* Individual List Icons */	
			
			div#sidebar ul.brownlist li.checked {
				background:url(images/checked.gif) 8px 4px no-repeat;
			}	
			
			div#sidebar ul.brownlist li.checked a:hover,
			div#sidebar ul.brownlist li.checked a:active {
				background:#f5f3ea url(images/checked.gif) 8px 4px no-repeat;
			}	
			
			/* Showcases */	
				
			div#sidebar ul.greenlist li.bestwebgallery {
				background:url(images/showcases/bestwebgallery.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.greenlist li.bestwebgallery a:hover,
			div#sidebar ul.greenlist li.bestwebgallery a:active {
				background:#f5f3ea url(images/showcases/bestwebgallery.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.greenlist li.commandshift3 {
				background:url(images/showcases/commandshift3.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.greenlist li.commandshift3 a:hover,
			div#sidebar ul.greenlist li.commandshift3 a:active {
				background:#f5f3ea url(images/showcases/commandshift3.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.greenlist li.cssartillery {
				background:url(images/showcases/cssartillery.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.greenlist li.cssartillery a:hover,
			div#sidebar ul.greenlist li.cssartillery a:active {
				background:#f5f3ea url(images/showcases/cssartillery.gif) 8px 4px no-repeat;
			}
				
			div#sidebar ul.greenlist li.cssbased {
				background:url(images/showcases/cssbased.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.greenlist li.cssbased a:hover,
			div#sidebar ul.greenlist li.cssbased a:active {
				background:#f5f3ea url(images/showcases/cssbased.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.greenlist li.cssclip {
				background:url(images/showcases/cssclip.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.greenlist li.cssclip a:hover,
			div#sidebar ul.greenlist li.cssclip a:active {
				background:#f5f3ea url(images/showcases/cssclip.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.greenlist li.cssdesigned {
				background:url(images/showcases/cssdesigned.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.greenlist li.cssdesigned a:hover,
			div#sidebar ul.greenlist li.cssdesigned a:active {
				background:#f5f3ea url(images/showcases/cssdesigned.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.greenlist li.csselite {
				background:url(images/showcases/csselite.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.greenlist li.csselite a:hover,
			div#sidebar ul.greenlist li.csselite a:active {
				background:#f5f3ea url(images/showcases/csselite.gif) 8px 4px no-repeat;
			}
			
			
			div#sidebar ul.greenlist li.cssheaven {
				background:url(images/showcases/cssheaven.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.greenlist li.cssheaven a:hover,
			div#sidebar ul.greenlist li.cssheaven a:active {
				background:#f5f3ea url(images/showcases/cssheaven.gif) 8px 4px no-repeat;
			}
			
		
			div#sidebar ul.greenlist ul li.cssmania {
				background:url(images/showcases/cssmania.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.greenlist ul li.cssmania a:hover,
			div#sidebar ul.greenlist ul li.cssmania a:active {
				background:#f5f3ea url(images/showcases/cssmania.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.greenlist li.designersource {
				background:url(images/showcases/designersource.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.greenlist li.designersource a:hover,
			div#sidebar ul.greenlist li.designersource a:active {
				background:#f5f3ea url(images/showcases/designersource.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.greenlist li.smashingmagazine {
				background:url(images/showcases/smashingmagazine.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.greenlist li.smashingmagazine a:hover,
			div#sidebar ul.greenlist li.smashingmagazine a:active {
				background:#f5f3ea url(images/showcases/smashingmagazine.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.greenlist li.drweb {
				background:url(images/showcases/drweb.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.greenlist li.drweb a:hover,
			div#sidebar ul.greenlist li.drweb a:active {
				background:#f5f3ea url(images/showcases/drweb.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.greenlist li.cssflash {
				background:url(images/showcases/cssflash.gif) 8px 4px no-repeat;
			}			
			
			div#sidebar ul.greenlist li.cssflash a:hover,
			div#sidebar ul.greenlist li.cssflash a:active {
				background:#f5f3ea url(images/showcases/cssflash.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.greenlist li.uniquecss {
				background:url(images/showcases/uniquecss.gif) 8px 4px no-repeat;
			}	
			
			div#sidebar ul.greenlist li.uniquecss a:hover,
			div#sidebar ul.greenlist li.uniquecss a:active {
				background:#f5f3ea url(images/showcases/uniquecss.gif) 8px 4px no-repeat;
			}	
			
			div#sidebar ul.greenlist li.welovewp {
				background:url(images/showcases/welovewp.gif) 8px 4px no-repeat;
			}	
			
			div#sidebar ul.greenlist li.welovewp a:hover,
			div#sidebar ul.greenlist li.welovewp a:active {
				background:#f5f3ea url(images/showcases/welovewp.gif) 8px 4px no-repeat;
			}	
			
			div#sidebar ul.greenlist li.cssleak {
				background:url(images/showcases/cssleak.gif) 8px 4px no-repeat;
			}	
			
			div#sidebar ul.greenlist li.cssleak a:hover,
			div#sidebar ul.greenlist li.cssleak a:active {
				background:#f5f3ea url(images/showcases/cssleak.gif) 8px 4px no-repeat;
			}			
			

			
			/* Social Bookmarks */
			
			div#sidebar ul.brownlist li.mr-wong {
				background:url(images/social-bookmarks/mr-wong.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.brownlist li.mr-wong a:hover,
			div#sidebar ul.brownlist li.mr-wong a:active {
				background:#f5f3ea url(images/social-bookmarks/mr-wong.gif) 8px 4px no-repeat;
			}

		
			div#sidebar ul.brownlist li.digg {
				background:url(images/social-bookmarks/digg.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.brownlist li.digg a:hover,
			div#sidebar ul.brownlist li.digg a:active {
				background:#f5f3ea url(images/social-bookmarks/digg.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.brownlist li.delicious {
				background:url(images/social-bookmarks/delicious.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.brownlist li.delicious a:hover,
			div#sidebar ul.brownlist li.delicious a:active {
				background:#f5f3ea url(images/social-bookmarks/delicious.gif) 8px 4px no-repeat;
			}	
			
			div#sidebar ul.brownlist li.google {
				background:url(images/social-bookmarks/google.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.brownlist li.google a:hover,
			div#sidebar ul.brownlist li.google a:active {
				background:#f5f3ea url(images/social-bookmarks/google.gif) 8px 4px no-repeat;
			}	
			
			div#sidebar ul.brownlist li.technorati {
				background:url(images/social-bookmarks/technorati.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.brownlist li.technorati a:hover,
			div#sidebar ul.brownlist li.technorati a:active {
				background:#f5f3ea url(images/social-bookmarks/technorati.gif) 8px 4px no-repeat;
			}					
				
			div#sidebar ul.brownlist li.linkarena {
				background:url(images/social-bookmarks/linkarena.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.brownlist li.linkarena a:hover,
			div#sidebar ul.brownlist li.linkarena a:active {
				background:#f5f3ea url(images/social-bookmarks/linkarena.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.brownlist li.yahoo {
				background:url(images/social-bookmarks/yahoo.gif) 8px 4px no-repeat;
			}
			
			div#sidebar ul.brownlist li.yahoo a:hover,
			div#sidebar ul.brownlist li.yahoo a:active {
				background:#f5f3ea url(images/social-bookmarks/yahoo.gif) 8px 4px no-repeat;
			}
				
/* ------------------------------------------------------------ */
/* --------------------------I Footer I------------------------ */
/* ------------------------------------------------------------ */

	div#footer {
		background:transparent;
		margin:0 auto;
		position:relative;
		width:980px;
	}
	
		/* Pagebar */
		/* Pagebar is a WP-Plugin. You will find it here: http://elektroelch.de/hacks/wp/pagebar */
		div#footer div.pagebar {
			position:relative;
			top:0;
			left:50px;
			height:30px;
			width:514px;
		}
			
			div#footer div.pagebar a, .pagelist .this-page {
				background: #165474;
				color:#efece1;
				padding: 2px 6px;  
				text-decoration: none;
			}
			
			div#footer div.pagebar a:visited {
				background: #165474;
				color:#efece1;
				padding: 2px 6px; 
				text-decoration: none;
			}
			
			div#footer div.pagebar .break {
				background: transparent; 
				color:#1d2830;
				padding: 2px 6px; 
				text-decoration: none;
			}
			
			div#footer div.pagebar .this-page {
				background: #5f794c;
				color: #efece1;
				font-size: 12px; 
				font-weight: bold; 
				padding: 2px 6px; 
				vertical-align: top; 
			}
			
			div#footer div.pagebar a:hover {
				background: #5f794c;
				color: #efece1; 
				text-decoration: none;
			}		

		/* Footer Info */
		
		div#footer div#footerinfo {
			position:absolute;
			top:160px;
			left:50px;
			font-size:12px;
			width:514px;
		}	
		
			div#footer div#footerinfo a:link,
			div#footer div#footerinfo a:visited {
				color:#3f2e26;
				text-decoration:none;
			}
			
			div#footer div#footerinfo a:hover, 
			div#footer div#footerinfo a:active {
				background:#5f794c;
				color:#efece1;
				text-decoration:none;
			}
			
			div#footer div#footerinfo p {
				padding:0 0 15px 0;
			}
			
			div#footer div#footerinfo p.p2 { /* margin left for second <p> */
				padding:0 0 15px 35px;
			}
			
			div#footer div#footerinfo p.p3 { /* margin left for third <p> */
				padding:0 0 15px 50px;
			}
		
			div#footer div#footerinfo p.p4 { /* margin left for fourth <p> */
				padding:0 0 15px 75px;
			}
			
			div#footer div#footerinfo h4 {
				background:url(images/post-h3_bg.gif) 0 0 no-repeat;
				color:#3f2e26;
				display:block;
				font-size:17px;
				font-weight:normal;
				height:18px;
				margin:0 0 10px 0;
				padding:7px 0 7px 7px;
				text-decoration:none;
				width:507px;
			}	
			
				div#footer div#footerinfo img.wordpress-logo {
					float:right;
					margin:5px 0 0 15px;
				}
	
	
/* WP-Syntax */	
/* WP-Syntax is a WP-Plugin. You will find it here: http://wordpress.org/extend/plugins/wp-syntax/ */
	
.wp_syntax {
  color: #100;
  background-color: #f7f5ee;
  border: 1px solid #a8a196;
  margin: 0 0 1.5em 0;
  overflow: auto;
}

/* IE FIX */
.wp_syntax {
  overflow: auto;
  width: 100%;
}

.wp_syntax table {
  border-collapse: collapse;
}

.wp_syntax div, .wp_syntax td {
  vertical-align: top;
  padding: 2px 4px;
}

.wp_syntax .line_numbers {
  text-align: right;
  background-color: #9c9589;
  color: #3f2e26;
  overflow: visible;
}

/* potential overrides for other styles */
.wp_syntax pre {
  margin: 0;
  width: auto;
  float: none;
  clear: none;
  overflow: visible;
}