/*  
Theme Name: 05 Moon
Theme URI: http://www.h4x3d.com/themes/moon
Description: <small>A cold and dark three-column theme designed around the moon. This is a widget-ready mootools featured theme by <a href="http://www.h4x3d.com">Julian Klewes</a>. Released under <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/">these Creative Commons</a> terms of use. Keep wordpress sponsorlink FREE!</small>
Version: 1.0
Author: Julian Klewes
Author URI: http://www.h4x3d.com
Created: 18:32 05.07.2007 (press F5 in notepad to enter the date, yay!)
*/

	body {
		margin:0 0 0 0;
		padding:0px;
		font: normal 11px/14px arial, sans-serif;
		color: #fff;
		background: #000;
		}

	p {padding:.625em 0; text-align: justify; line-height: 20px;}
	
	.postcage img, .entry img { float: right; margin-left: 10px;  
	border: 2px solid #1e2529; vertical-align: top;}

	#hi a, #hi a:link, #hi a:hover {
		border: 0px;
	}
	
	a, a:link, a:visited, a:active {
		color: #c1ffff;
		border-bottom: 2px solid #e6ffff;
		text-decoration: none;}
	a:hover {
		color: #e6ffff;
		border-bottom: 2px solid #c4e7ff;
		text-decoration: none;}

	img {
		border: 0;}
	h1 {
		display: inline;
		font-size: 16px;
		font-weight: bold;
		color: #161b1f;
		text-decoration: none; }
	

	#within {
		position: absolute;
		left:20px;
		top:0px;
		z-index: 0;
		}

	#blogname {
		position: absolute;
		left:545px;
		top:20px;
		width:250px;
		z-index: 1;
		}

	#home { text-align: left;}
	#home a { color: white; }
	#home p { color: silver; }
	
	
	
	#leftcontent {
		background: #000 url(images/moon_l.jpg) no-repeat top right;
		float: left;
		width:500px;
		}

	#centercontent {
		width: 200px;
		background: #000 url(images/moon.jpg) no-repeat top left;
		float: left;

		}
	html>body #centercontent {
		}

	#rightcontent {
		padding-left: 0px;
		width:200px;
		float: left;
		background: #000 url(images/moon_r.jpg) no-repeat top left;
		}

.postcage {
	padding: 20px 20px 20px 40px;
}
.postcage1 {
	padding: 325px 0 0 0;
}
.themes { width: 150px; }

.round {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #161b1f;
	z-index:0;
}
.top-leftc, .bottom-leftc, .top-rightc, .bottom-rightc {
	position: absolute;
	overflow: hidden;
	height: 20px;
	width: 20px;
	background: #000;
	z-index:0;
}
.top-lefti, .bottom-lefti, .top-righti, .bottom-righti {
	position: relative;
	color: #161b1f;
	font: 150px/40px Arial;
	z-index:0;
}
.top-leftc { top:0; left:0; z-index:0;}
.top-rightc { top:0; right:0; z-index:0;}
.top-lefti { left:-8px; z-index:0;}
.top-righti { left:-25px; z-index:0; }
.bottom-leftc { bottom:0; left:0;  z-index:0;}
.bottom-rightc { bottom: 0; right:0; z-index:0;}
.bottom-lefti { left:-8px; top:-17px; z-index:0; }
.bottom-righti { left:-25px; top:-17px; z-index:0;}
.box {position: relative; padding: 20px 30px 15px; z-index:0; }


/* taken and adapted from freshy them, he is the godfather of dates */

.left {
	float: left;
}
.right {
	float: right; 
}
.date { 
	float: right;
	color:#e6f4f4;
	line-height:2.1em;
	padding-top: 4px;
	margin:0 0 20px 20px;
	font-size:.8em;
	text-align:center;
}

.date_day {
	display:block;
	font-size:2.167em;
	text-align:right;
}

.date_month {
	display:block;
	font-size:2.167em;
	text-align:right;
	font-weight:bold;
}

.date_year {
	display:block;
	font-size: 10px;
	line-height:.9em;
}

h2 {
		display: inline;
		font-size: 16px;
		line-height: 16px;
		font-weight: bold;
		color: #161b1f;
		text-decoration: none;
	}	

.contentdate h2, .contentdate p {padding: 0 0 0 10px; }

.contentdate
	{
	vertical-align: top;
	color: #e6ffff;
	padding: 0.3em 0 0.5em 0;
	}

.contentdate:hover, .contentdate:visited:hover
	{
	color: #c1ffff;
	padding: 0.3em 0 0.5em 0;
	}

.contentdate a, .contentdate a:link { /*opfer */
	}


#sidebar2 ul ul li, #sidebar ul ul li{
background:url(images/li.gif) left top no-repeat;
margin-left:0px;
padding-left:12px;
line-height:1.6em;
font-size:.9em;
}

#widget {
	color: white; 
}

#sidebar a, #sidebar a:link, #sidebar a:visited {
		color: #3B494A;
		border-bottom: 1px dotted #e5f3b2;
		text-decoration: none;}

#sidebar a:hover {
		color: #c1ffff;
		border-bottom: 1px solid #d3fdad;
		text-decoration: none;}

#sidebar2 ul, #sidebar ul {margin: 0 0 10px 0; padding:0; list-style-type: none;}

#sidebar h2 {font: bold 1.1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#272d2d;; margin:0; padding:0; 

padding-left: 20px; text-transform:uppercase;}

#sidebar #header h2 {padding-left: 0; border:0; color: #222; letter-spacing:2px;}

#sidebar #pages h2, #sidebar h2.about {background: url(images/pages.gif) no-repeat top left;}

#sidebar #categories h2.widgettitle { padding-top: 1px; background: url(images/cat.gif) no-repeat bottom left;}

#sidebar #rss-1 h2.widgettitle { padding-top: 10px; background: url(images/rss_16_16.gif) no-repeat bottom left;}

#sidebar h2.search {background: transparent url(images/search.gif) no-repeat top left;}


#sidebar #archives h2.widgettitle { padding-top: 10px; background: url(images/file.png) no-repeat bottom left;}

#sidebar #meta h2.widgettitle { padding-top: 10px; background: url(images/meta.gif) no-repeat bottom left;}

#sidebar #links h2.widgettitle, #sidebar #Blogroll h2.widgettitle { padding-top: 10px; background: url(images/web.png) no-repeat bottom left;}

#sidebar #recent-posts h2.widgettitle { padding-top: 10px; background: url(images/link.png) no-repeat bottom left;}

#sidebar #recent-comments h2.widgettitle { padding-top: 10px; background: url(images/comment.png) no-repeat bottom left;}

#sidebar ul {margin-top: 5px;}

#sidebar ul li {background: transparent no-repeat top left; padding-left: 0px;}

#sidebar ul li ul { margin:0;}

#sidebar ul li ul li {padding-left:20px; border:none; }

#sidebar img {margin:2px 0 0 0; padding:2px 0 0 0; border: none;}

#footer { color: #3B494A; }

.top1 { float: right; padding-bottom: 4px; border-bottom: 0px; }
.top {
	height:30px;
	margin:0px;
}

.top ul{
	list-style:none;
}

.top li{
	padding-left:5px;
	width:80px;
	height:30px;
	float: left;
}

.top a{
	width:80px;
	height:22px;
	text-align:center;
	display:block;
	padding-top:8px;
	outline:none;
	font-size:10px;
	text-transform:uppercase;
	color:#62747E;
	background:url(images/page.gif) no-repeat 0 0;
	border: 0px;
}

.top a:hover{
	color:#CCC;
	background:url(images/page.gif) no-repeat 0 100%;
	text-decoration:none;
	border: 0px;
}