body,h1,h2,h3,h4,p,ul,li,form,img,table,td,th,form,fieldset {margin:0;padding:0;font-size:100%;font-weight:normal;border:0;list-style:none}
body {font:82%/1.2em "Arial CE",Arial,sans-serif;background:#500303 url("bg.png") repeat-x left top;color:#fff;text-align:center}
a {color:#d12020;text-decoration:underline}
a:hover {color:#fff}
input, label {vertical-align:middle}
td,th {vertical-align:top;text-align:left}
table {border-collapse:collapse}
.img {float:left}
.hint {font-size:85%;color:#a16d6d}

.hr {clear:both;height:1px;width:100%;line-height:1px;overflow:hidden}
.hr hr {display:none}

.ok,
.error {margin:1em 0;border:2px solid red;padding:5px;background:#FFF2D8;color:#000}
.ok a:hover,
.error a:hover {color:#000}
.ok {border-color:Green;background:#F5FFD8}
.ok p {text-align:center;line-height:170%}
.ok p strong {padding:2px 0 2px 30px;background:url("http://www.kafe.cz/design/ico-ok.gif") no-repeat 0 0}
.error p {text-align:center;line-height:170%;}
.error p strong {padding:2px 0 2px 30px;background:url("http://www.kafe.cz/design/ico-zarovka.gif") no-repeat 0 0}
.mainflash-error {padding:200px 0;font-size:2em}
.mainflash-error p strong {background:none}
.btn {display:block;width:130px;height:25px;line-height:25px;overflow:hidden;background:url("bg-btn.gif");text-align:center;color:#8d0231;border:0;padding:0;margin:0;text-decoration:none;font-weight:bold;cursor:pointer;font-size:92%}

.pager {width:100%;position:relative;padding:5px 0;margin-bottom:10px;text-align:center;background:url("http://www.kafe.cz/design/grad-vio.gif") repeat-x left top}
.pager strong {color:#c80707}
.pager a {color:#4b4a4f}
.pager a:hover {color:#ff6600}
.pager span {font-size:92%}
.pager .prev {position:absolute;left:10px;background:url("http://www.kafe.cz/design/ar-prev.gif") no-repeat 0 0.4em}
.pager .naprev,
.pager .prev a {padding-left:15px}
.pager .nanext,
.pager .next {position:absolute;right:10px;background:url("http://www.kafe.cz/design/ar-next.gif") no-repeat 100% 0.4em}
.pager .next a {padding-right:15px}

#page {min-width:980px;width:100%;background:url("bg-header-beta.png") no-repeat center top}
#pagein {width:980px;margin:0 auto;text-align:left}
#content {width:100%;position:relative}
#mainflash {width:100%;position:relative;overflow:hidden}
#header {width:100%;height:130px;position:relative;z-index:0}
#logo {width:330px;height:130px}
#header a {display:block;width:100%;height:100%}
#logo-kafe {position:absolute;right:0;top:0;width:200px;height:130px}
#footer {padding:10px 0;color:#d12020}
#logo-sanoma {float:right}

#maincol {width:678px;float:right;background:url("bg-maincol-top.gif") no-repeat left top;color:#000}
#maincol .colin {padding:11px 0;background:url("bg-maincol-bottom.gif") no-repeat left bottom}
#maincol .colin2 {background:url("bg-maincol.gif") repeat-y left bottom;padding:9px 20px}
#maincol .colin3 {width:100%}
#maincol a:hover {color:#ff6600}
#leftcol {width:300px;float:left}
#leftcol .box {width:100%;margin-bottom:5px;background:url("bg-leftcol-box-bottom.gif") no-repeat left bottom}
#leftcol .boxin {padding:10px 0;background:url("bg-leftcol-box-top.gif") no-repeat left top}
#leftcol .boxin2 {padding:1px 10px;background:#6a0000}
#leftcol .box h2 {margin-bottom:0.7em;color:#d70000;font-weight:bold}
#leftcol label {display:block;margin:0.5em 0  0.2em 0}
#leftcol .inp,
#leftcol textarea {width:98%}
#leftcol .button {margin:0.5em 0;text-align:center}
#discussion-thread {width:100%;overflow:hidden}
#discussion-thread .item {margin-bottom:1.5em;clear:both}
#discussion-thread .item .info {position:relative;padding:3px 8px;margin-bottom:8px;background:#ffc9c9}
#discussion-thread .item .info img {vertical-align:middle}
#discussion-thread .childitem .info{background:#fff1f1}
#discussion-thread .item .img {padding:3px 18px 15px 9px;margin-right:0;background:url("http://www.kafe.cz/design/bg-bubble-avatar.gif") no-repeat 0 0}
#discussion-thread .item .img img {border:1px solid #eee}
#discussion-thread .item .info .date {color:#ff6600}
#discussion-thread .item .info a {color:#000}
#discussion-thread .item .info a:hover {color:#fff}
#discussion-thread .item .info a.respond {position:absolute;right:8px;color:#8d0231}
#discussion-thread .item .info a.respond:hover {color:#fff}
#discussion-thread .childitem .info a:hover {color:#8d0231 !important}
#discussion-thread .childitem .info a.respond:hover {color:#000 !important}
#discussion-thread .advisor .info a {color:#fff !important}
#discussion-thread .advisor .info a:hover {color:#000 !important}
#discussion-thread .item .txt {margin-left:80px}
#discussion-thread .item h2 {margin:0 0 0.5em 0;font-weight:bold}
#discussion-thread .item p {margin:0 0 1em 0;line-height:130%}
#discussion-thread .item .today p {font-weight:bold}
#discussion-thread .advisor .info {background:#c80707;color:#fff}
#discussion-thread .advisor .info .date {color:#fff}
#discussion-thread .advisor .info a {color:#fff}
#discussion-thread .avatar a:hover img {border-color:#fff}
#discussion-thread .admin-tools {text-align:right}
.discussion-hint {margin-bottom:10px}
.discussion-thread-type {margin-bottom:10px;text-align:center;font-size:85%}
.discussion-link {padding:5px 0 5px 25px;background:url("ico-discussion-link.gif") no-repeat left center}
.discussion-link,
.discussion-link a {color:#fff}

.aoph h2 {font-size:10px;text-transform:lowercase;text-align:right;color:#c6a9ba}
#ao-corner {position:absolute;top:0;right:0;width:100px;height:100px;text-align:right;background:purple}
#aoph-partnership {text-align:center}
#ao-partnership {width:980px;height:60px;background:green;margin:0 auto 5px auto}
#mainflash #ao-rectangle {position:absolute;bottom:1px;left:0;width:300px;height:250px}
#ao-skyscraper {position:absolute;top:0;left:100%;margin-left:2px}
#hypertextlogo .box {float:left;width:33%}
#hypertextlogo a {color:#fff}
#hypertextlogo a:hover {color:#eee}
#hypertextlogo th {padding:5px 0;vertical-align:middle}
#hypertextlogo td {padding:5px 5px 5px 0}

.articlebody p {margin:0 0 1em 0;line-height:150%}