/* 
Theme Name: Zone Out
Theme URI: http://www.webdesign-in.de/
Description:  Zone Out ist ein 3spaltiges, fluides WP Theme. Du kannst es mit den  <a href="http://automattic.com/code/widgets/">Widgets</a> nutzen. 
Version: 1.0
Author: mts
Author URI: http://www.webdesign-in.de/

	Zone Out ist das Ergebnis eines Tagtraums von  mts
	http://www.webdesign-in.de/
	Ich empfehle Dir aendere nur dann an width oder height etwas, wenn Du genau weisst was Du machst.
	Die Kommentare haben ein eignes CSS==>comments.css
	Support gibt es nur, wenn mindestens der Backlink bleibt.

	
 */
/*<![CDATA[*/


html, body {margin : 0;padding : 0;}
html {
background-image:url(images/dreams-back.gif);
background-repeat:repeat;
background-position:0 0;}

div#containerl {
	max-width : 1200px;
	width : 97%;
	margin : 0 auto;
	text-align : center;
	border:3px double #000;
	color : #AF9769;
	background-color : #151515;
	background-image:url(images/daydream.jpg);
	background-repeat:no-repeat;
	background-position:0 0;}

	

div#wrapper {
	width : 100%;
	float : left;
	min-height : 500px;
	height : auto !important;
	height : 100%;}

div#content {
	margin :180px 22% 5px 22%;
	text-align : left;
	border : 3px double #000;
	border-top:none;
	min-height : 500px;
	height : auto !important;
	height : 100%;}

div#header {width:100%;
	position : relative;
	height : 70px;}
 div#header h1 a{
 	position:absolute;
 	top:120px;left:33%;
    font:lighter oblique 140%/160% "Palatino Linotype", swiss, serif;}

div#sidebar {
	float : left;
	width : 22%;
	margin-top:-65px;
	margin-left : -22%;
	text-align : left;
	border-bottom:3px double #000;
	color : #AF9769;
	background-color : #151515;
	background-image:url(images/side-nav.gif);
	background-repeat:repeat-y;
	background-position:0 0;}


div#navigation {
	float : left;
	width : 22%;
	margin-top:180px;
	margin-left : -100%;
	text-align : left;
	border-bottom:3px double #000;
	background-image:url(images/side-nav.gif);
	background-repeat:repeat-y;
	background-position:100% 0;}

div#footer {margin : 0 auto;
	text-align : center;
	clear : left;
	max-width : 1200px;
	width : 97%;
	min-height :5em;}

/*--all over the world--*/
html, body {font : 0.9em/1.4em Verdana, "Trebuchet ms", "Gill Sans MT", "Gill sans", sans-serif;}
ol li, 
ul li {
	list-style-type : none;
	list-style-image : none;
	line-height : 1.6em;}
body img.wp-smiley {
	border : none;
	float : none;
	vertical-align : middle;}
.clear {clear : both;}

h2, h3, h4, h5, h6 {
	margin : 6px 8px 4px 8px;
	font : 130%/140% "Palatino Linotype", swiss, serif;
	color : #CB9148;
	background-color : inherit;}
   
input,
textarea{
	background-color:#AF9769;color:#fff;
	background-image:url(images/input-textarea.gif);
	background-repeat:repeat-x;
	background-position: 0 0;
	border:3px double #000;}
p {
	padding : 4px 10px;
	margin : 0 10px 0 10px;
	clear : both;}
	#footer p {
		margin : 0;
		padding : 1em 0;
		text-align : center;
                font-size:0.8em;}		
pre, code {
	font : 0.9em/1.7em Courier, monospace;
	width : 90%;
	overflow : auto;
	clear : both;
	margin : 10px 0 10px 15px;
	padding : 5px 3px 20px 4px;
	border : 1px dotted #AF9769;}

b, strong, i, em {
	color : #AF9769;
	background-color : inherit;}

ins {
	text-decoration : none;
	padding-left : 2px;
	border-bottom : 1px solid #AF9769;
	border-left : 1px solid #AF9769;}

del {
	font-weight : bold;
	color : #ff0000;
	background-color : inherit;}

address {
	margin : 0 5%;
	padding : 0 5px 0 9px;
	border-left : 2px solid #AF9769;}

blockquote {
	border-left : 3px double #AF9769;
	margin : 5px auto;
	width : 70%;
	padding-left : 5px;}
    blockquote p {padding : 5px;}

acronym, abbr, span.caps, span.abbr {cursor : help;}
acronym, abbr, span.abbr {border-bottom : 1px dashed #CB9148;}

/*--links--*/
a, a:link {
padding : 0 2px;
color : #D2500F;
background-color :transparent;
text-decoration : underline;}
	a:visited {
	color : #D2500F;
	background-color : inherit;
	text-decoration : none;}
		a:link:focus {
		color : #D2500F;
		background-color :transparent;
		text-decoration : none;}
		a:link:hover, a:visited:hover {
		color :#a53121 ;
		background-color : inherit;
		text-decoration : none;}
		a:link:active, a:visited:active {
	        color : #ffa500;
		background-color : inherit;}
/*--images--*/
		:link img {border : none;}
		:visited img {border : none;}
		:link:active img, :visited:active img {border : none;}
		
		p img {	float : left;	margin : 10px;}
		
/*--articles--*/
.firstpost {
	background-image : url(images/firstpost.gif);
	background-repeat:no-repeat;
	background-position:0 0;}

	h2.firstpost {
	padding : 0 0 0 52px;
	height : 47px;
	line-height : 47px;
	margin : 0;
    border-top : 3px double #000;
	border-bottom : 3px double #000;}
	
div.post {margin-top:10px;border-bottom : 3px double #000;}

.navigate {
	text-align : center;
	width : 98%;
	margin : 0 auto;}

.metadata {
	border-top : 3px double #000;
	margin : 0;
	clear : both;
	text-align : right;}

.moretext {font-style : oblique;}

/*--lists--*/
div.entry ul li, 
 div.entry ol li {
	padding : 2px 0 2px 12px;
	background-repeat:no-repeat;background-position:0 7px;}
		div.entry ol li {background-image : url(images/ol-li.gif);}
		div.entry ul li {background-image : url(images/ul-li.gif);}

/*--sidebar on the right--*/
#sidebar h2 {
	border-bottom : 3px double #000;
	border-top : 3px double #000;
	margin : 6px 0 2px 4px;
	padding-left : 5px;
	line-height : 1.6em;}

#sidebar .sidebar_header {
	border-bottom : 3px double #000;
	border-top : 3px double #000;
	margin : 6px 0 2px 4px;
	padding-left : 5px;
	line-height : 1.6em;}

div#sidebar ul {
	margin : 2px 4px;
	padding : 2px 3px;}
   div#sidebar ul ul {
  		 margin : 0;
   		padding : 2px 0;}
      div#sidebar ul li, 
      div#sidebar ul li ul li {
      		list-style-type:none;
      		margin : 0;
     		padding : 2px 0 0 12px;
     		background-image: url(images/links-li.gif);
     		background-repeat:no-repeat;
			background-position:0 7px;
     		line-height : 1.6em;}

/*--navigation on the left--*/
#navigation h2 {
	border-bottom : 3px double #000;
	border-top : 3px double #000;
	margin : 6px 4px 2px 0;
	padding-left : 5px;
	line-height : 1.6em;}
	div#navigation ul {
		margin : 2px 4px;
		padding : 2px 3px 2px 6px;}
		div#navigation ul ul {
			margin : 0;
			padding : 2px 0;}
			div#navigation ul li, 
			div#navigation ul li ul li {
			list-style-type:none;
			margin : 0;
			padding : 2px 0 0 12px;
			background-image: url(images/links-li.gif);
			background-repeat:no-repeat;
			background-position:0 7px;
			line-height : 1.6em;}

#navigation .navigation_header {
	border-bottom : 3px double #000;
	border-top : 3px double #000;
	margin : 6px 4px 2px 0;
	padding-left : 5px;
	line-height : 1.6em;}
	div#navigation ul {
		margin : 2px 4px;
		padding : 2px 3px 2px 6px;}
		div#navigation ul ul {
			margin : 0;
			padding : 2px 0;}
			div#navigation ul li, 
			div#navigation ul li ul li {
			list-style-type:none;
			margin : 0;
			padding : 2px 0 0 12px;
			background-image: url(images/links-li.gif);
			background-repeat:no-repeat;
			background-position:0 7px;
			line-height : 1.6em;}

/*--searchform--*/
form#searchform {text-align:center;width:97%;margin:2px auto;}
input#searchsubmit{cursor:pointer;}

/*--widgets or plugins--*/
div.textwidget {
	padding : 2px 3px 2px 9px;
	border : 1px dotted #000;}

ul.tagcloud li {
	display : inline;
	margin : 3px 0;
	line-height : 150%;
	padding-left : 3px;}

#wp-calendar {
	border : 1px dotted #000;
	text-align : center;
	empty-cells : show;
	font-size : 11px;
	margin : 16px auto 5px auto;
	width : 80%;}
	#wp-calendar #next a {
		padding-right : 10px;
		text-align : right;}
	#wp-calendar #prev a {
		padding-left : 10px;
		text-align : left;}
		#wp-calendar a {
			display : block;
			text-decoration : none;
			font-weight : bold;
			border:1px solid #000;}
			#wp-calendar a:hover {border:1px solid #AF9769;}
			#wp-calendar a:visited {border:1px solid #AF9769;font-weight : normal;}
#wp-calendar caption {
	text-align : center;
	font-size : 12px;
	margin : 0;
	margin : 0 auto;
	font-weight : bold;
	border : 1px dotted #000;}
#wp-calendar td {
	border : 1px dotted #000;
	font-size : 11px;
	letter-spacing : normal;
	text-align : center;}
#wp-calendar td.pad:hover {background : #fff;}
#wp-calendar td:hover,
	 #wp-calendar #today {
		background : #fff;
		color : #990000;}
#wp-calendar th {
	font-style : normal;
	text-transform : capitalize;
	color : #990000;
	text-align : center;}

/*]]>*/