/* ------------------------------------------------------------- */
/*                          layout.css                           */
/* ------------------------------------------------------------- */
/* 2007-05-08 13:05                                              */

/* BARVY: 
pink			#fd3a76
light blue		#d4f2fa
darker blue		#20cefa
white 			#fafafa
bottom grey		#55656c

text 222		#222
text 444		#444
text lighter	#595959
text light		#808080
bottom text 	#f2f2f2
*/	


/* ----- general ----------------------------------------------- */
html, body {height:100%;}
body {
	color: black; background-color: white;
	margin: 0; padding: 0;
	text-align: center;
}


/* ----- page -------------------------------------------------- */
#page {
/*	width: 60em; margin: 0 auto 0 auto;*/
	position: relative;
	text-align: left;
	height: 100%;
	z-index: 3;
}
html > body #page { 
	height: auto;
	min-height: 100%;
}

/* ----- header ------------------------------------------------ */
#header {
	color: #f0f0f0;
	background-color: #444444;
	margin-bottom: 2.8em;
	height: 7.65em;
}
#header div { width: 66em; margin: 0 auto 0 auto; line-height: 7.65em; }
#header h3 { float: left;}
#header .description { line-height: 7.65em; }

/* ----- left_column ----------------------------------------------- */
#left_column { width: 66em; margin: 0 auto 0 auto; position: relative; min-height: 21em; _height: 21em; }

/* ----- articles & article ----------------------------------------------- */
#article, #articles { width: 66%; z-index:90; /*border: 1px dotted red;*/ }
#articles { margin-bottom: 2em; }
#article .url { display: none; }
#article .meta { margin: 0.7em 0 1.5em 0; }
#article .body { margin-bottom: 6em; }

#tagometer { margin-bottom: 2em; text-align: center; }

/* ----- comments ---------------------------------------------- */
#comments {
	color: #222;
	background-color: #9de7fa;
	border-top: 4px solid #f61d92;
	padding-top: 2em;
}
#comments .container { width: 66em; margin: 0 auto 0 auto; }
#comments .comment { width: 75%; margin-top: 4em; padding-bottom: 4em; padding-right: 2em; position: relative; }
#comments .comment.first { margin-top: 2em; }
#comments .author, #comments .message { position: relative; z-index: 1; }

#comments .comment .number { position: absolute; right: 0; top: 0.1em; z-index: 1;} /* Thank you, Mike Davidson */

/* ----- comment form ------------------------------------------ */
#comment-form { margin-top: 4em; padding-bottom: 2em; /*width: 66% !important;*/ }
#comment-form .container { width: 100%; }
#comment-form h3 { width: 66%; }
#comment-form label, #comment-form input, #comment-form textarea {
	text-align: left;
	padding: 2px;
	margin-bottom: 15px;
	display: block;
	float: left;
}
#comment-form label { width: 10em; }
#comment-form input, #comment-form textarea { width: 30em; }
#comment-form textarea { width: 31em; }
#comment-form label {
	text-align: right;
	width: 12em;
	padding-right: 10px;
}
#comment-form.error label {
	color: #fb076e;
	font-weight: bold;
}
#comment-form br {
	clear: both;
}
#comment-form .submit {
	float: none;
	text-align: center;
  margin-left: 12em;
  padding: 0;
  width: 10em;
}

#comment-form .syntax {
  margin-left: 15em;
  padding: 0;
}


/* ----- right_column ------------------------------------------ */
#right_column { position: absolute; top: 0; left: 70%; width: 15em; /*border: 1px solid blue;*/ }
#right_column .container { position: relative; top: 0; left: -45%; width: 25em; margin: 0 auto 0 auto; /*border: 1px solid green;*/ }
#right_column .container .subcontainer { width: 80%; position: relative; left: 0%; }

#right_column .about { padding: 0; margin: 0; width: 90%; float: left; /*border: 1px dotted green;*/}
#right_column .rss { text-align: right; margin-top: 0.4em;}

/* ----- sidebar ------------------------------------------------ */
#right_column #search, #right_column #kategorie  { padding: 0; margin: 0;}
#kategorie h2 { float: left; padding: 0; margin: 0;}
#kategorie li { float: left; margin-right: 0.2em;}

/* ----- search results ---------------------------------------- */
#search_results_header { margin-bottom: 2em; }


/* ----- bottom ------------------------------------------------ */
#bottom {
	color: #f2f2f2;
	background: #55656c;
	padding: 2.9em 13px 9em 13px;
}
#bottom .container {
	width: 66em;
	margin: 0 auto 0 auto;
}
#bottom a {
	color: #f2f2f2;
}
#bottom #floral { text-align: center; margin-top: 5em;}
#bottom #floral div { width: 58px; height: 27px; }