@charset "utf-8";
/*  
Theme Name: Black 'n Grey
Theme URI: http://stephan.straubel.net
Description: WordPress theme designed by <a href="http://stephan.straubel.net">Stephan Straubel</a>.
Version: 1.0
Author: Stephan Straubel
Author URI: http://stephan.straubel.net

	This theme was designed and built by Stephan Straubel.
	
	By downloading and using this theme, you agree to the following terms:
    - You may NOT resell this theme
    - You may use this theme for personal or commercial projects
    - You may modify, translate or distribute

*/

/* CSS Document */

/* html-tags */
body {
	font-family: Arial, Helvetica, sans-serif;
	background: white;
	color: black;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

h1 {
	font-size: 4.25em;
	margin: 0px;
	padding: 0px;
	float:left;
	display:block;
	text-align: left;
	vertical-align: bottom;
	font-weight: normal;
	clear: left;
}

h2 {
	width: 54em;
	margin: 0em;
	padding: 0em;
	float: left;
	font-weight: normal;
	font-size: 1em;
	display: block;
	text-align: right;
	vertical-align: bottom;
	clear: both;
}

h3 {
	width: auto;
	background: black;
	color: #a9a9a9;
	font-size: 1em;
	font-weight: normal;
	display: block;
	float: left;
	text-align: left;
	vertical-align: middle;
	padding: 0em 1em 1em 1em;
	margin: 0em;
}

input {
	background: black;
	color: #a9a9a9;
	display: inline;
	float: left;
	margin: 0em 0em 0em 1.5em;
	border: 0px;
	text-align: center;
	vertical-align: middle;
}

a {
	text-decoration: none;
	color: #a9a9a9;
	background: black;
}

a:hover {
	text-decoration: underline;
}

li {
	list-style-type: none;
	list-style-position: inside;
	margin: 0em;
	padding: 0em;
}

ul {
	display: block;
	float: left;
	margin: 0em;
	padding: 0em;
}
/* end html tags */

/* surounding part */
#wrapper {
	width: 57em;
	margin: 0em auto;
	position:relative;
	padding: 0em;
}
/* end surounding part */

/* header */
#header {
	padding: 0em 1.5em 0em 1.5em;
	margin: 0em;
	background: #a9a9a9;
	color: black;
	display: block;
	vertical-align: bottom;
	float: left;
}

#header a {
	color: black;
	background: #a9a9a9;
}

#blog_search {
	width: auto;
	top: 1.5em;
	bottom: auto;
	right: 1.5em;
	left: auto;
	padding: 0em;
	margin: 0em;
	position: absolute;
	display: block;
	text-align: right;
	vertical-align: bottom;
	border: 0em;
	clear: right;
}

#search_form {
	top: auto;
	width: auto;
}

#search_field_top {
	width: 23em;
	display: block;
	text-align: left;
	vertical-align: middle;
}

#submit_button_top {
	width: 5.5em;
	display: block;
	vertical-align: middle;
}

#blog_nav {
	width: 36em;
	padding: 1em 0em 0em 18em;
	margin: 0em;
	background: black;
	color: #a9a9a9;
	float: left;
	text-align: left;
	vertical-align: middle;
	clear: both;
	display: block;
}

#blog_nav a {
	color: #a9a9a9;
	background: black;
}

#blog_nav li {
	float: left;
	padding: 0em 1em 0em 0em;
}
/* end header */

/* sidebar */
#sidebar {
	width: 15em;
	background: white;
	color: black;
	margin: 1em 0em 0em 1.5em;
	padding: 0em;
	display: inline;
	float: left;
}

#sidebar a {
	background: #a9a9a9;
	color: black;
}

.sidebar_box {
	text-align: left;
	vertical-align: top;
	width: 13em;
	padding: 0em 1em 0em 1em;
	margin: 0em 0em 1em 0em;
	display: block;
	background: #a9a9a9;
	color: black;
	float: left;
}

.sidebar_box h3 {
	width: 11em;
	display: block;
	padding: 0em 1em 1em 1em;
	margin: 0em;
	background: black;
	color: #a9a9a9;
	text-align: left;
	vertical-align: top;
}

.sidebar_box_content {
	width: 11em;
	display: block;
	padding: 1em;
	margin: 0em;
	background: #a9a9a9;
	color: black;
	text-align: left;
	vertical-align: top;
}

.sidebar_box_content li {
	padding: 0.5em 0em 0em 0em;
}

.sidebar_box_content a {
	background: #a9a9a9;
	color: black;
}

.sidebar_box_footer {
	width: 13em;
	height: 1em;
	background: black;
	color: #a9a9a9;
	display: block;
	float: left;
}
/* end sidebar */

/* blog-content */
#blog_content {
	width: 38em;
	background: white;
	color: black;
	float: left;
	margin: 1em 1.5em 0em 1em;
	padding: 0em;
	display: inline;
}

#content_advertise {
	clear: both;
	margin: 0em 0em 1em 0em;
	padding: 0em 1em 0em 1em;
	display: block;
	background: #a9a9a9;
	color: black;
	float: left;
}

#content_advertise_banner {
	margin: 1em 0em 1em 0em;
	border: 0px;
	width: 30.69em;
	height: 3.3em;
}

#content_advertise h3 {
	width: 34em;
}

#content_advertise a {
	background: #a9a9a9;
}

.content_box_footer {
	padding: 0em 1em 0em 1em;
	margin: 0em;
	vertical-align: top;
	background: black;
	display: block;
	color: #a9a9a9;
	width: 34em;
	float: left;
}

.post {
	width:36em;
	background: #a9a9a9;
	margin: 0em 0em 1em 0em;
	padding: 0em 1em 0em 1em;
	color: black;
	display: block;
	float: left;
}

.post a {
	font-weight: bold;
}

.blog_content_title {
	width: 36em;
	clear: both;
	margin: 0em;
	/*padding: 0em 0em 1em 0em;*/
	background: black;
	color: #a9a9a9;
	float: left;
}

.blog_content_title h3{
	width: 20em;
	float: left;
	display: block;
}

.blog_content_time {
	width: 13em;
	padding: 0em 1em 0em 0em;
	text-align: right;
	background: black;
	color: #a9a9a9;
	float: left;
}

.blog_content_post {
	width:34em;
	margin: 0em;
	padding: 0em 1em 0em 1em;
	text-align: justify;
	float: left;
}

.blog_content_post a {
	color: black;
	background: #a9a9a9;
}

.content_blog_box_footer {
	width: 34em;
	margin: 0em;
	padding: 0em 1em 0em 1em;
	vertical-align: top;
	background: black;
	color: #a9a9a9;
	display: block;
	float: left;
}

.blog_content_post_category {
	width: 20em;
	padding: 0em; 
	margin: 0em;
	text-align: left;
	float: left;
	color: #a9a9a9;
	background: black;
	display: block;
}

.blog_content_post_comment {
	width: 14em;
	padding: 0em; 
	margin: 0em;
	text-align: right;
	float: left;
	color: #a9a9a9;
	background: black;
	display: block;
}
/* end blog-content */

/* blog-footer */
#blog_footer {
	clear: both;
	padding: 0em 1.5em 0em 1.5em;
	margin: 0em;
	background: #a9a9a9;
	display: block;
	vertical-align: top;
	text-align: right;
}

#blog_footer_old_entries {
	width: 27em;
	background: black;
	color: #a9a9a9;
	text-align: left;
	vertical-align: top;
	display: block;
	float: left;
}

#blog_footer_new_entries {
	width: 27em;
	background: black;
	color: #a9a9a9;
	text-align: right;
	vertical-align: top;
	display: block;
	float: left;
}

#blog_footer_copyright {
	clear: both;
	width: 54em;
}

#blog_footer_links {
	clear: both;
	width: 54em;	
	background: black;
	color: #a9a9a9;
	display: block;
}
/* end blog-footer */

/* Google Search */
#gsearch input {
	width: 11em;
	display: block;
	padding: 0em;
	margin: 1em 0em 1em 0em;
	text-align: center;
	vertical-align: middle;
	float: left;
}
/* End Google Search */

/* comments */
#comments {
	width: 34em;
	padding: 0em 1em 0em 1em;
	margin: 1em 0em 0em 0em;
	display: block;
	float: left;
}

.comment {
	width: 32em;
	border: 1pt dashed black;
	margin: 1em 1em 0em 1em;
	padding: 0em 1em 0em 1em;
	text-align: justify;
	display: inline;
	float: left;
}

.comment a {
	background: #a9a9a9;
	color: black;
	text-decoration: underline;
}

.comment a:hover {
	background: black;
	color: #a9a9a9;
}

#respond {
	width: 34em;
	padding: 0em 1em 1em 1em;
	margin: 1em 0em 0em 0em;
	display: block;
	float: left;
}

.comment_header {
	padding: 0em 1em 0em 1em;
	margin: 0em -1em 1em -1em;
	background: black;
	color: #a9a9a9;
	width: 32em;
	display: inline;
	float: left;
}

.comment_header a {
	background: black;
	color: #a9a9a9;
	text-decoration: underline;
}

.comment_header a:hover {
	background: #a9a9a9;
	color: black;
}

#commentform {
	width: 34em;
	display: inline;
	margin: 1em 0em 1em 0em;
	text-align: left;
	padding: 0em 1em 0em 1em;
	float: left;
}

#commentform p {
	width: 32em;
	display: inline;
	margin: 0em 0em 1em 0em;
	padding: 0em;
	float: left;
}

#commentform label {
	width: 14em;
	display: block;
	padding: 0em;
	margin: 0em;
	float: left;
}

#commentform input {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: middle;
	width: 22em;
	display: block;
	padding: 0.2em;
	margin: 0em;
	float: left;
}

#commentform textarea {
	font-family: Arial, Helvetica, sans-serif;
	width: 33.6em;
	margin: 0em 0em 1em 0em;
	padding: 0.2em;
	text-align: left;
	height: 10em;
	border: 0px solid black;
	background: black;
	color: #a9a9a9;
	display: inline;
	float: left;
}

#submit_comment {
	width: 33.6em;
	text-align: center;
}