html, body { margin:0; padding:0; height:100%; }
body { font:90%/150% Arial,helvetica,sans-serif; text-align:center; background:url('top.jpg') center top no-repeat #000; color:#999; }

q:before, q:after { content:''; }
q { quotes:'' ''; }

form { margin:0; padding:0; }
form td { vertical-align:top; }
label { vertical-align:top; }
input, textarea { border:1px solid #666; color:#999; background-color:#333; }
.paging { margin:1em 0; text-align:center; }
.buttons { text-align:center; }
.message { margin:1em 0; padding:10px; border:1px solid #666; background-color:#333; zoom:1;/*IE hasLayout fix*/ }
.message p { margin:0.5em 0; }
.confirm { color:#CFC; border-color:#090; background-color:#030; }
.errors { color:#FCC; border-color:#C00; background-color:#300; }
.required { color:#F66; }

.cleaner { clear:both; }
.read-more { font-weight:bold; text-decoration:none !important; border:none !important; }

.column { margin:1.5em 0; margin-top:-15px; }
.column.left { float:left; margin-right:20px; }
.column.right { float:right; margin-left:20px; }
.column h1 { padding:18px 20px; margin:0; border-bottom:1px dotted #555049; }
.column .col-body { padding:20px; }

#wrap { position:relative; width:960px; margin:0 auto; text-align:left; }

#sitename { width:100%; height:220px; border-bottom:1px dotted #222; }
#sitename a { display:block; position:absolute; left:0; top:42px; width:260px; height:100px; background:url('euterpe.png') left top no-repeat; }
#sitename strong { display:none; }

#menu { position:absolute; right:0px; top:170px; width:960px; height:50px; }
#menu ul { float:right; margin:0; height:100%; list-style-type:none; }
#menu li { float:left; height:100%; }
#menu a { float:left; display:block; padding:0 12px; height:100%; line-height:30px; text-decoration:none; color:#E5A95F; background:url('gradient/x000000-60-333333.png') left 50px repeat-x; }
#menu a:hover { background-position:left bottom; }
#menu .active a { background:none; color:#000; }

#main { position:relative; width:100%; }

#content { position:relative; padding:50px 0; }
#content h1 { color:#FFF; font-size:140%; font-weight:normal; }
#content h2 { color:#C8A983; font-size:120%; }
#content a { color:#E5A95F; }
#content strong { color:#E5A95F; }
#content strong>em { font-style:normal; font-weight:normal; color:#CCC; }
#content a { text-decoration:none; border-bottom:1px dotted #E5A95F; }
#content .hr { background-color:#2C2C29; width:40px; height:5px; font-size:1px; line-height:0; margin-top:10px; margin-bottom:20px; }
#content .bubble { padding:20px; font-size:135%; color:#000; }
#content .bubble a { color:#000; border-color:#000; }

#content, #quote, #foot { zoom:1;/*IE*/ }
#content, #foot { margin-left:260px; }
#quote, #content { border-bottom:1px dotted #222; }
#quote { margin-bottom:25px; margin-left:-30px; position:relative; }
#quote h1 { margin-top:0; margin-bottom:50px; min-height:34px; padding-left:85px; font-size:110%; line-height:2em; color:#E5A95F; display:block; background:url('quote.png') 30px 0px no-repeat; }
#quote big { font-size:120%; }
#sec-index #quote q { font-size:120%; }

#illust { position:absolute; left:-260px; top:20px; width:260px; }

#foot { clear:both; margin-top:30px; margin-bottom:30px; text-align:center; font-size:x-small; }
#foot a { color:#999; text-decoration:none; }
#foot .sep { margin:0 1em; }

.rounded-corners { position:relative; }
.corner { display:block; position:absolute; font-size:1px; line-height:0; background-repeat:no-repeat; }
.corner.lt { left:0; top:0; background-position:left top; }
.corner.rt { right:0; top:0; background-position:right top; }
.corner.rb { right:0; bottom:0; background-position:right bottom; }
.corner.lb { left:0; bottom:0; background-position:left bottom; }

.rounded-corners.blue { background-color:#6CC4E6; }
.rounded-corners.blue .corner { width:6px; height:6px; background-image:url('corners/blue.png'); }
.rounded-corners.blue .tail { display:block; position:absolute; width:12px; height:18px; left:20px; top:-18px; background:url('corners/blue_tail.png') left bottom no-repeat; font-size:1px; line-height:0; }

.rounded-corners.gray { background-color:#2C2C29; }
.rounded-corners.gray .corner { width:6px; height:6px; background-image:url('corners/gray.png'); }

.article-info { text-align:right; font-style:italic; margin:2em 0; font-size:small; }
.article-annotation { margin:2em 0; padding:0.5em 2em; border-left:5px solid #333; }

/* Poradna */
.poradna #main { padding:20px; }
.poradna #header { display:block; text-align:center; margin:1em 0; }
.poradna form { margin:0 auto; width:90%; }
.poradna form p { margin:0.7em 0; }
.poradna form textarea { width:100%; }
.poradna form .textinput { width:20em; }
.queue { text-align:center; }
.subscr { margin:1.5em 0; padding:0 1em; color:#999; background-color:#111; zoom:1;/*IE hasLayout fix*/ }
.subscr h3 { margin:0.5em 0; font-size:1em; font-weight:bold; }
.subscr p { margin:0.5em 0; }
.subscr .date { color:#666; font-size:80%; font-weight:normal; }
.subscr .new { border:1px solid #FF9; color:#FF9; background-color:#660; padding:0 0.5em; float:right; }

/*.subscr.theme_1 { color:#333; border-color:#880; background-color:#FFD; }*/