/* basic elements */
body { 
	background-image: url(_grafik/bg-color.png);
	background-color:#FFD631;
	overflow: -moz-scrollbars-vertical;
	text-align: center;
}

a:link, a:visited {
	font: 12px "Trebuchet MS", Verdana;
	text-decoration: underline;
	color: #000;
}
a:hover, a:active {
	font: 12px "Trebuchet MS", Verdana;
	text-decoration: none;
	color: #000;
}

ul {
	list-style: none;
	padding: 0px;
	margin: 0;
}

ul li {
	padding: 5px 10px 5px 10px;
	border-top: 1px dashed #000;	
	margin: 0;
}

/* li:hover style... Change BG Color for the whole block*/
ul li:hover {
	background-color: #A03E19;
	color: #FFF;
}

ul li a {
	font: 14px "Trebuchet MS", Verdana;
	display: block;
	text-transform: lowercase;
}

/* Change color of the text when cursor enters the <li> and when it's over the link */
ul li:hover a, ul li:hover a {
	color: #FFF;
}

p {
	margin: 0;
	padding: 0; 
	border: 0; 
	text-decoration: none;
}

img {
	border: 0;
	padding: 2px;
}

/* New ID's and Classes */ 


#container {
  margin: 0 auto;
  text-align: left;
	width: 1000px;
}


#header {
	background-image: url(_grafik/ztilleto.blog.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 74px;
	border: 2px dashed #222222;
}

#blog {
	background-color: #FFDE5A;
	background-image:url(_grafik/bg-color2.png);
	margin-top: 10px; 
	width: 800px;
	height: 100%;
/*	border: 3px double;*/
	position: relative;
	border: 2px solid;
	-moz-border-radius: 5px;
}

#blog div.blogBox {
	position: relative;
	/* IE needed the height 100% else it would make the Bottom positioning wrong*/
	height: 100%;
}

#blog hr {
	noshade: noshade;
	border: 0px;
}

#blog hr.hr {
	width: 540px; /* Need to make specific for FireFox */
	color: #333333;
	border-top: 1px dashed;
	margin: 0 30px;
}

#blog div.date {
	font: 12px "Trebuchet MS", Verdana;
	position: absolute;
  left: 450px;
	top: 30px;
	z-index: 5;
}

#blog div.blogheadline {
	position: absolute;
	top: 25px;
	left: 110px;
	font-weight: bold;
	z-index: 5;
}

#blog div.theme {
	background-image: url(_grafik/da_capo2.png);
	/* IE 5.5+ hack for using opaque and alpha on png */
	_background-image: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='da_capo2.png', sizingMethod='scale');
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	position: relative;
	z-index: 2;
	left: 8px;
	top: 0px;
}

#blog div.message {
	margin: 0px 40px 0px 65px;
	padding: 5px 10px 5px 10px;
	background-image:url(_grafik/bg-color2.png);
	border-left: 2px dashed;
	border-top: 2px dashed;
	position: relative;
	z-index: 3;
	top: -46px;
	-moz-border-radius-topleft: .5em; /* doesn't support dashed then */
}

#blog div.comment {
	font: 11px "Trebuchet MS", Verdana;
	position: absolute;
    right: 30px;
	z-index: 5;
/*	border: 1px solid red;*/
	bottom: 25px;

}

#blog div.poster {
	font: 11px "Trebuchet MS", Verdana;
	position: absolute;
    left: 70px;
	bottom: 20px;
	z-index: 5;
}

#blog div.time {
	font: 11px "Trebuchet MS", Verdana;
	position: absolute;
 	left: 180px;
	bottom: 20px;
	z-index: 5;
}



#sidebar {
	float: right;
	width: 180px;
	margin-right: 2px;
}

#links {
	width: 180px;
	margin-top: 20px;
	background-image:url(_grafik/bg-color2.png);
	border: 2px solid;
	-moz-border-radius: 5px;
}

#links div.headline {
	text-align: center;
	background-image: url(_grafik/bg-color.png);
	border-bottom: 1px dashed;
	font-weight: bold;
}

#links div.item {
	text-align: center;
	border-top: 1px dashed;
}

#powered a{
	text-decoration: none;
}

.Login div.item {
	font-size: 14px;
}

.login {
	border: 1px solid; 
	background-color: white;
	color: Black;
	font-size: 10px;
	margin: 3px;
	margin-left: 8px;
	margin-right: 8px;
}

#blog div.commentBox {
	margin-left: 35px;
	margin-right: 35px;
	margin-bottom: 15px;
	/* IE needed the height 100% else it would make the Bottom positioning wrong*/
	height: 100%;
}

#blog div.commentcontent {
	padding: 5px;
	border-left: 1px dashed; 
	border-top: 1px dashed;
	font-size: 12px;
}

#blog div.commentposter {
	text-decoration: none;
	text-align: right;
	font: 10px "Trebuchet MS", Verdana;
}

#commentform INPUT, #commentform TEXTAREA, #commentform BUTTON, 
#blogform INPUT, #blogform TEXTAREA, #blogform BUTTON {
	border: 1px solid; 
	background-color: white;
	color: Black;
	margin: 3px;
	margin-left: 8px;
	margin-right: 8px;
	padding: 1px;
}
#commentform TEXTAREA, #blogform TEXTAREA {
	padding: 3px;
}

div.blogedit {
	position: absolute;
	font-size: 8pt;
	font-weight: bold; 
	left: 650px;
	width: 130px;
	text-align: right;
	z-index: 5;
}