/* ----- CSS ----- */
body,div,dt,dd,h1,h2,pre,form,fieldset,input,blockquote,table,
th,td { margin: 0; padding: 0; }

body { font-family: Georgia, "Bitstream Charter", serif; color:#aaa;
	background: #000 url("header.gif") top repeat-x;}

h2 {margin-bottom:10px; color:#ccf}
h3 {color:#2395ed; margin-bottom:10px}
h4 { color: #aaa; }
strong { color: #fff}
em { color:#abc}
a { text-decoration:none; color:#edcb00}
blockquote { padding:0 40px; font-style: italic;}

/* ----- IDs ----- */
#header { height:56px; background: #000 url("header.gif") top left repeat-x;}
	#header h1 a {display: block; float:left;background: url("ballor-logo.png") top left no-repeat; width: 180px; height:56px; text-indent: -9999px;}
#container { margin: 0 auto; width:1024px; background-color:#000}

#main { width: 700px; float:left; padding:10px}
	#main .box { margin:0 0 20px 0; padding-bottom:10px; border-bottom: 1px dashed #660}
	#main h2 a { color:orange; }
	#main p { margin-bottom:10px; text-align:justify}
	#main .data { color:#2395ed; margin-bottom:10px}

#sidebar {width:290px; float:left; margin:10px 0 0 10px; }
	#sidebar h2 { margin: 0 0 1em}
	#sidebar dl { margin:0 0 20px 0; color:#eee;border-radius:7px; background-color: #444;}
	#sidebar dt { color: #f55; font-weight: bold; padding:5px}
	#sidebar dd { font-size:.9em;background-color: #333; margin:0; padding:5px; border-bottom:1px solid #444 }
	#sidebar dd:hover { background-color: #555; color:#fff}
	
#footer { clear:both; text-align: center;background-color: #333; color: #ccc; padding:5px}

/* ----- classes ----- */
.center {margin:0 auto; display:block;-moz-border-radius:7px;-webkit-border-radius:7px;background:black}
.komment { background-color:#333; padding:10px;-moz-border-radius:7px;-webkit-border-radius:7px}
.komment input[type=text] { width:200px; margin-right:10px; font-size:1em;}
.komment textarea { width:99%; height:5em; font-size:1em; margin-bottom:10px}
.boxkomment {background-color:#303030; margin-bottom:10px; padding:5px;border-radius:7px}

#navi{ height:22px;font-size:11px;font-weight:bold;float:right;margin:18px 0 0 0;  text-transform:uppercase; letter-spacing:2px}
#navi ul{margin:0px;padding:0 0 0 10px;list-style-type:none;width:auto;float:left;}
#navi ul li{display:block;float:left;margin:0 5px 0 0 ;}
#navi ul li a{display:block;float:left;color:#ccc;text-decoration:none;padding:0 0 0 8px;height:22px;line-height:195%;}
#navi ul li a span{padding:0 8px 0 0;}
#navi ul li a:hover,#navi ul li a.active{color:#fafafa;}
#navis ul li a:hover span,#navi ul li a.active span{display:block;width:auto;}

#komm p { margin:0 0 10px;}

#archivum { float:left; width:150px; font-size:.9em;}
#kategoria { float:right; width:130px; font-size:.9em;}
.list { padding: 0px; margin:0 0 10px 0; list-style:none; }
.list li { background: url("mini-star.gif") no-repeat left center; padding: 3px 0px 3px 12px; margin:0px; line-height: 130%; list-style:none; }
.list li a {list-style:none; }
.list li a:hover { color:#669900; }

.cssform {font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; font-size:.9em}
.cssform p { width: 530px; clear: left; margin:0; padding:5px 0 0 100px; /*width of left column containing the label elements*/ border-top: 1px dashed gray; height: 1%; }
.cssform label{ font-weight: bold; float: left; margin-left: -100px; /*width of left column*/
width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/ }
.cssform input[type="text"], .cssform input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 200px;}
.cssform textarea{ width: 99%; height: 150px; }

.uzenet { clear:both; width:700px;margin-bottom:10px; padding:5px 0px; background:#303030; -moz-border-radius:8px;-webkit-border-radius:8px;}