body {background:#eee;margin:0;text-align:center}
h1{margin:0;padding:10px 0 0 0;text-align:center;letter-spacing:5px;font-family:serif;font-variant:small-caps;color:#fff;font-size:45px}
h1 a{color:#fff;display:block}
h1 a:hover {color:#fff}
a{text-decoration:none;color:#f60}
a:hover {color:#06f}
h2{margin:0;color:#f60;font-size:24px;text-align:center;padding:2px;letter-spacing:1px;font-family:serif;border-bottom:1px solid #ddd}
h2 a{color:#f60;display:block}
strong{color:#005}

#center img{border:2px solid #ddd;padding:2px;}
#center img:hover {border:2px solid #f60}

span.date{font-family: "Courier New CE", "Courier CE", "Courier New", monospace;letter-spacing:1px;font-weight:bolder;font-size:14px;color:#000}
span.comment{padding-left:1cm;vertical-align:super;font-size:70%}

img{border:none}

img.dot{border:none}
img.limage{float:left;margin:2px}
img.rimage{float:right;margin:2px}
/*img.center{margin:auto}*/

/* definice mikroblogu */
div.micro{font-size:10px;width:90%;border:2px solid #a99;margin:auto;min-height:120px;background: url('gfx/micro.gif') 0 50% no-repeat;text-indent:10px}
div.micro p{margin:0;font-size:12px;color:#555;padding:1px}
div.micro p span{font-family: "Courier New CE", "Courier CE", "Courier New", monospace;letter-spacing:1px;font-weight:bolder;font-size:14px;color:#000}
div.micro p span.comment{font-size:70%}


div.center{text-align:center;margin:auto;padding:0;}

p{text-indent:1cm;font-size:14px;font-family:sans-serif;padding:0 2px 0 2px;color:#222;text-align:left;line-height:1.7}
p.date{text-align:right;color:#309;margin:0;padding:2px 10px 0 0;font-weight:bolder;background:#eee;margin:0}
p.perex{background:#eee;letter-spacing:1px;line-height:2em;font-family:serif;border-bottom:1px solid #ddd;margin:0;margin-bottom:5px;padding:10px 20px 10px 20px}
p table{margin:0}
p.center {text-align:center}
h2.article{font-size:30px}

#main{width:99%;margin:auto;margin-top:7px;border:1px solid #999;background:#fff;min-height:500px;text-align:left}
#main #head{background: #bbb url('gfx/www-hlavicka.jpg') 50% 100% no-repeat; width:100%;height:80px;margin:0;padding:0;border-bottom:1px solid #999}
#main #center{padding:2px 0 0 230px}
#main #ccenter{width:100%}
#main #left{float:left;width:230px}
#main #foot{font-size:8px;text-align:right;border-top:1px solid #999}

#menu {margin:5px 5px 10px 5px;border: 2px solid #ddd;letter-spacing:1px;font-variant:small-caps}
#menu ul{margin:0;padding:0;font-size:15px}
#menu li{list-style: none;margin: 0;font-size: 1em;background:#eee;width:100%;text-align:center;}
#menu a{display: block;text-decoration: none;height:25px;font-weight:bolder;margin:0;border:2px solid #eee}
#menu a:hover {display:block;text-decoration: none;background:#fff;border:none;border:2px solid #ddd}

.clear {clear:both}
.art{border:2px solid #ddd;margin:3px;width:100%;height:100%}
html>body .art{width:auto}
.art h2{background:#eee}
.art table{vertical-align:top;width:100%;margin:0}
.art p.date{text-align:right;color:#309;margin:0;padding:2px 10px 0 0;font-weight:bolder;background:#fff}

table.smart h2{font-size:20px}
table.smart {font-size:11px}
table.smart td{width:50%;vertical-align:top}
table.smart p{font-size:10px}
table.smart .art{margin:0px;min-height:150px}

table.action {background:#eee;border:2px solid #ddd;width:90%;font-size:10px;margin:0 3px 0 3px}
table.action .date{width:100px;color:#f60}
table.action .odd{background:#ddd}

.ruler{border-bottom:1px dotted #ddd;margin:2px;text-align:center}
.ruler a{margin:2px;font-size:14px;font-weight:bolder}
.ruler a.actual{font-size:20px}
.reklama{text-align:center;margin:auto}

/* tak udelame forum */
div#forum label{width:200px;display:block;letter-spacing:1px;font-weight:bolder}
div#forum div.mf{display:none}
div#forum input{border:1px solid #aaa;width:400px;font-size:14px}
div#forum textarea{margin:3px 0 5px 0;width:400px;height:200px;font-size:16px;border:1px solid #aaa}
div#forum table.item{width:500px;border:1px solid #aaa;margin:2px}
div#forum table.item td.web{text-align:right}
div#forum table.item td.datum{text-align:right}
div#forum table.item td.comm{border:1px solid #aaa;color:#111}
div#forum table.item td.gravatar{width:100px;border:1px solid #aaa;text-align:center;vertical-align:middle}
div#forum form{margin:5px;padding:5px}