/*
Theme Name: Clean
Theme URI: http://amomentintime.de/
Description: First try
Version: .1
Author: Jonas Parnow
Author URI: http://amomentintime.de/
Tags: clean, black and white

	clean v.1
	 http://amomentintime.de/clean/

	This theme was designed and built by Jonasparnow,
	whose blog you will find at http://amomentintime.de/

*/

/* Reset Start */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: baseline;
}

html { height: 100%; }

a { color:#000; text-decoration:none; }

table { border-collapse:collapse; border-spacing:0; }

ol,ul { list-style:none; }

q:before,q:after,blockquote:before,blockquote:after { content:""; }


/* Reset Ende */

body { 
	font: .8125em "Adobe Caslon Pro", "Hoefler Text", "Times New Roman", Times, Georgia, serif;
	color: #000;
	background: #fff url('images/background.png') repeat-x;
	height: 100%;
	padding: 0 10px;
}

div#site { 
	width: 1100px;
	margin: 1em auto;
	min-height: 100%;
	border: 1px #d0d0d0 solid;
	padding: 1em; /* Abstand nach innen */
	background: #fff url('images/background-site.png') top repeat-x;
	border-style: solid;
	
	/*Runde Rahmen */
	-moz-border-radius:3px;
  	-khtml-border-radius: 3px;
	-webkit-border-radius:3px;
	_-moz-border-radius:3px;
  	_-khtml-border-radius: 3px;
	_-webkit-border-radius:3px;
}
	
div#site h2 {
	font-size: .8em;
	font-style: italic;
	letter-spacing: .1em;
	text-align: center;
	display: block;
	font-family: "Times New Roman", Times, serif;
}
div#site h2 a:hover { border-bottom: 1px solid #ddd; }
	
div#header {
	position: absolute;
	width: 100%;
	left: 0;
	min-width: 1150px;
	height: 170px;	
	margin-top: 10px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background: transparent url('images/background-header.png') repeat-x;
}



/* Menu Formatierung */

div#menu {
	float: right;
	font-size: 1.0em;
	line-height: 1.3;
	letter-spacing: .2em;
	margin: 1.5em 6em;
}

div#menu span { font-size: .95em; text-align: left; display: block; font-style: italic; text-indent: 60px; }
div#menu span + span { text-align: center; text-indent: 0; margin: .2em 0; }
div#menu span.menu_2 { text-indent: 20px; }

div#menu a { text-transform: uppercase; color: #742038; font-size: 1.1em; letter-spacing: .1em; font-style: normal; }
div#menu a:hover { color: #911840; }
div#menu span strong { font-size: 1.1em; font-weight: normal; }
div#menu span small { font-size: .7em; }

/* Menu Formatierung Ende */

/* Archiv Formatierung */

div#archive {
	margin-top: 20px;
	border-bottom: 1px solid #aaa;
	padding: 5px 10px 10px 10px;
	background: transparent url('images/background-image.png') bottom repeat-x;
	height: 100px;
	padding: 0 50px;
}

div#archive div h2 { text-align: left; font-size: 1.0em; font-style: normal; text-transform: uppercase; letter-spacing: .1em; padding-left: 1em; border-bottom: 1px dotted #aaa; margin-bottom: 5px;}
div#archive div { display: block; width: 135px; margin: 0 50px; float: left; top: 0; text-align: center; color: #555; letter-spacing: .2em; }
div#archive ul li { font-style: italic; font-size: .7em; padding: 2px 0; }
div#archive ul li a:hover { color: #555 }

/* Archiv Formatierung Ende */

/* Navigation Formatierung */

div#navigation {
	text-transform: uppercase;
	color: #555;
	font-size: .7em;
	letter-spacing: .2em;
	margin-top: 200px;
	border-bottom: 1px solid #aaa;
	padding: 5px 10px 10px 10px;
	background: transparent url('images/background-image.png') bottom repeat-x;
}

div#navigation span { font-size: .95em; }
div#navigation span.right { float: right; }
div#navigation span a:hover { border-bottom: 1px solid #ddd; color: #000; }
div#navigation span a { color: #555 }

/* Navigation Formatierung Ende */


div#content {
	float: left;
	width: 750px;
	color: #000;
	line-height: 1.5em;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-left: 150px;
}

div#content.center{
	margin-left: 345px;
}

div#content div.post {
	clear: both;
	margin: 0 45px 40px 195px;
	border-bottom: 1px solid #d0d0d0;
	padding: 5px;
	padding-bottom: 20px;
	background: transparent url('images/background-image.png') bottom repeat-x;
}

div#content h1 { text-transform: uppercase; letter-spacing: .1em; font-size: 1.1em; margin: 1.5em 0 0 0; display: block; border-bottom: 1px solid #f2f2f2; }
div#content h1 a { color: #000; display: block; }
div#content h1 a:first-letter { font-size: 1.2em; }
div#content h1 a:hover { color: #742038; }
div#content h2, div#content h3 { letter-spacing: .1em; font-size: 1.0em; margin: 1.5em 0; font-style: italic; text-align: center; }

div#content p { clear: both; margin: 1.5em 0 0 0; padding-bottom: .6em; letter-spacing: .1em; text-align: justify; font-size: .9em; line-height: 1.5em;}
div#content p a { border-bottom: 1px solid #aaa; text-transform: uppercase; font-size: .8em;}
div#content p a:hover { color: #742038; border-bottom: 1px solid #742038; }
div#content p a.more-link { float: right; color: #aaa; text-transform: uppercase; font-style: normal; font-size: .7em; border: 0; }
/* div#content p:first-child:first-letter { font-size: 2.2em; font-style: italic;  float: left; padding: .2em .1em 2.0em 2.8em;} */ 
div#content p + p:first-letter { font-size: 1.2em; float: none; font-style: normal; padding-right: 0; }
div#content p + p { margin: 1.0em 0 0 0; }
div#content p img.right { float: right; padding: 5px; }
div#content p img.left { float: left;  margin-left: -301px; position: absolute; }
div#content p img { display: block; margin: 20px auto 0; }
div#content p { clear: both; margin: 1.5em 0 0 0; padding-bottom: .6em; letter-spacing: .1em; text-align: justify; font-size: .9em; line-height: 1.5em;}
div#content small { letter-spacing: .1em; font-size: 0.9em; font-style: italic; text-align: right; display: block; margin: -15px 20px 0 0;}
div#content small a { text-transform: none; }


div#content code { padding: 5px 0 5px 20px; display: block; letter-spacing: .1em; font-family: monospace; line-height: 1.7em; border-left: 1px solid #eaeaea; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; background: #fff url('images/background-image.png') left repeat-y;}

acronym { color: #742038; cursor: pointer; }
acronym:hover { color: #000; }

em { color: #742038; 	font-size: 1.0em;
	font-family: Times;
	font-style: italic; }

label { margin-left: 10px; color: #aaa; font-size: .7em; letter-spacing: .2em; text-transform: uppercase; }

input {
	border: 0;
	border-bottom: 1px solid #d0d0d0;
	letter-spacing: .1em;
	font-size: .9em;
	margin: 5px 0 10px 0;
	font-size: 1.0em;
	font-family: Times;
	font-style: italic;
}

input:active, input:focus { border-bottom: 1px solid #c1cfdc; background-image: none; }

input#submit {
	border: 0;
	background: #fff none;
	cursor: pointer;
	font-style: normal;
	font-size: 1.1em;
	padding: 2px;
	margin: 0 auto;
	display: block;
}

	

textarea {
	width: 500px;
	border: 1px solid #d0d0d0;
	background: transparent url('images/background-image.png') bottom repeat-x;
	padding: 3px;
	font-size: 1.0em;
	font-family: Times;
	font-style: italic;
	line-height: 1.4;
}

textarea:active, textarea:focus { border: 1px solid #c1cfdc; background-image: none; }



/* Picture Box Formatierung */

div#content div.picturebox div { text-align: right;  font-style: italic; font-size: .8em; margin: -20px 0 0 0; background: #f9f9f9 url('images/background-image.png');  position: absolute; }
div#content div.picturebox { display: inline-table; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; background: #f9f9f9 url('images/background-image.png'); margin-left: -9px; margin-right: -8px; }
div#content div.picturebox img { border: 1px solid #c1cfdc; padding: 5px 7px; background: transparent url('images/image-loader.gif') center no-repeat; }

/* Picture Box Formatierung Ende */

div#content ul.flickr { border: 1px solid #c1cfdc; background: #f9f9f9 url('images/background-image.png'); margin-left: -5px; margin-right: -5px; text-align: center; padding: 25px; }
/* div#content ul.flickr:after { content: 'Alle Bilder auf Flickr'; display: block; font-style: italic; font-size: .8em; text-align: right; } */
div#content ul.flickr li { display: inline; margin: 5px; }
div#content ul.flickr li img { border: 1px solid #c1cfdc; }
div#content ul.flickr li img:hover { border: 1px solid #aaa; }


div#content div.info {
	float: left;
	position: absolute;
	margin: 2em 0 0 -250px;
	padding-left: 2em;
	border-left: 1px solid #aaa;
	background: transparent url('images/background-image.png') left repeat-y;
}

div#content ol li div.info {
	margin: 0em 0 0 -250px;
}

div#content div.info span { color: #aaa; font-size: .7em; letter-spacing: .2em; font-style: italic; text-align: left; }
div#content div.info li { margin-left: 15px; list-style-type: disc; color: #aaa; font-size: .7em; letter-spacing: .2em; font-style: italic; }
div#content div.info a { color: #aaa; text-transform: uppercase; font-style: normal; }
div#content div.info a:hover, div#content p a.more-link:hover { color: #742038; }

/* div#content span.conti { text-transform: uppercase; float: right; font-size: .8em; letter-spacing: .1em; } */
/* div#content span.conti a { color: #aaa } */

div#content div.navigation { text-transform: uppercase; color: #555; font-size: .7em; letter-spacing: .2em; float: left; width: 500px; margin-left: 200px;}
div#content div.navigation a { color: #aaa; }
div#content div.navigation a:hover { color: #742038; }
div#content div.navigation div.alignleft { float: left; }
div#content div.navigation div.alignright { float: right; }




div#sidebar { float: right; width: 150px; color: #000; line-height: 1.5; height: 100%; margin-right: 50px; margin-top: 5em; background: transparent url('images/background-image.png') bottom repeat-x}
div#sidebar p { letter-spacing: .1em; line-height: 1.7; font-size: .8em; text-align: justify; }
div#sidebar h2 { letter-spacing: .2em; line-height: 1.7; font-size: .8em; text-transform: uppercase; }
div#sidebar ul { margin: 1em 0 1em 0em; }
div#sidebar ul li { border-bottom: 1px solid #93b0b4; }
a[title="Digg"]:hover { color: #1b5790; }
a[title="Last.fm"]:hover { color: #d51007; }
a[title="Flickr"]:hover { color: #ff0084; }
a[title="Twitter"]:hover { color: #35ccff; }
a[title="Facebook"]:hover { color: #3b5998; }

div#sidebar ul li a { font-size: .6em; text-transform: uppercase; display: block; padding: 2px 10px; letter-spacing: .1em; }
div#sidebar ul li a:first-letter { font-size: 1.2em; }
div#sidebar label { letter-spacing: .1em; line-height: 1.7; font-size: .8em; text-transform: uppercase; }



div#footer {
	clear: both;
	border-top: 1px solid #aaa;
	padding: 0 150px;
	background: transparent url('images/background-image.png') top repeat-x;
}

div#footer ul { margin: 2em auto; width: 100%; }
div#footer ul li { width: 200px; display: block; margin-top: .5em; float: left; margin-bottom: .5em; }
div#footer ul li ul { margin: .5em 0 0 3.6em; border: 0;}
div#footer ul li ul li { margin: .3em 0 0 0; font-size: .9em; letter-spacing: .1em; list-style-type: disc; }
div#footer ul li h2 { color: #000; text-transform: uppercase; font-size: .7em; letter-spacing: .1em; margin-left: 4em; border-bottom: 1px dotted #aaa; }
div#footer ul li h2:first-letter { font-size: 1.3em; }
div#footer h2 { font-style: normal; }
div#footer span { clear: both; display: block; text-align: center; line-height: 5.0; font-style: italic; }


/* Copyright 2008  Meitar Moscovitz Anti-Phishing */

iframe {
    filter: alpha(opacity=100) !important; /* for IE */
    opacity: 1 !important; /* for conforming browsers */
}