/* body and body container */
body  {
	overflow-y: scroll;
	background-color: #0a0a0a;
	margin: 0;
}

#body {
	width: 640px;
	height: 100%;
	left: 50%;
	margin-left: -400px;
	position: absolute;
}

/* logo area on the left of content */
#body #logo {
	border-left:  dotted #ca4 1px; 
	border-right: dotted #ca4 1px; 
	background-color: #000;
	height: 100%;
	width: 100px;
	position: fixed;
}

/* logo image
 * if more image in logo area, add  class */
#body #logo img {
	top: 20%;
	border: 0;
	position: absolute;
}

/* position of content container is really tricky
 * correct this to be more exact and understandable */
#body #content {
	width: 100%;
	top: 100px;
	left: 110px; /* logo + 10px */
	margin: 0;
	padding-bottom: 200px;
	position: relative;
}

/* WARNING container */
.warning {
	color: #000;
	border: solid #000 4px;
	background-color: #ca4; /*#aa0;*/
	padding: 5px 20px 5px 20px;
}
.warning a {
	color: #fff;
	text-decoration: bold;
}

/* BLOGPOST content
 * merge with previous */
.blog_content_item {
	color: #ca4;
	background-color: #111;
	/* TODO background: left_black_gradient.png; */
	min-height: 100px;
	margin-top: 10px;
	margin-left: -9px;
	padding: 5px;
	border: dotted #ca4 1px; 
	border-left: 0;
	position: relative; /* jak to funguje? */
}
.blog_content_item a {
	color: #ca4;
}
.blog_content_item p {
	margin: 20px;
}
.blog_content_item h1 {
	text-align: center;
}
.blog_content_item pre {
	margin: 30px;
	padding: 10px;
	background-color: #321;
}
.blog_content_item ul {
	width: 400px;
	font-family: monospace;
	position: relative;
}
.blog_content_item strong {
	color: #bbb;
}
.blog_content_item .post_taglist {
	font-size: 60%;
}
.blog_content_item .post_tag {
	background-color: #321;
	color: #ca4 ;
}