/*
 * Tento soubor je nedílnou součástí projektu LOTRcomics.v3 a nesmí být šířen
 * jako celek ani jeho části jinak než bez svolení autora.
 * (c) Jiří Chadima aka gizmo 2006 | lotr-comics.cz
 * 
 */
@import url('reset.css');
/* CSS haas been reset in Eric Meyer's reset.css */
a {
				color: #822618;
				text-decoration: underline;
}

a:visited {
				color: #822216;
}

a:focus, a:active, a:hover {
				color:black;
}

p {
				line-height:125%;
}

strong {
				font-weight: bold;
}

.top_container h2, .nodisplay, hr {
				display:none;
}

body {
				font-family: garamond, 'times new roman', utopia, serif;
				background: url('imgs/strom.png') center bottom no-repeat;
}

#main {
				width: 100%;
				padding-top: 3em;
				position: relative;
				/*background: url('imgs/strom.png') center bottom no-repeat;*/
				padding-bottom: 3em;
}

h1 {
				width: 100%;
				height: 125px;
				background: url('imgs/hlavicka.jpg') top left no-repeat;
}

h1 a span {
				display: block;
				position: absolute;
				width: 100%;
				height: 100%;
				left: 0;
				top: 0;
				background: url('imgs/hlavicka.jpg') top left no-repeat;
}

h1 a {
				display: block;
				position: relative;
				width: 500px;
				height: 125px;
}

.top_container {
				margin-bottom: 8px;
				background: url('imgs/border-horizontal.png') bottom left repeat-x #f1f1f1;
				position: absolute;
				top: 0px;
				left: 0;
				width: 100%;
				text-align: center;
				height: 2em;
}

.menu {
				font-size: 105%;
				font-variant: small-caps;
				padding-top: 2px;
				margin-left: -25px;
}

.menu a {
				margin-left: 25px;
				color: black;
				text-decoration: none;
}

.menu a:hover {
				text-decoration: underline;
}

.menu li {
				display: inline;
}

h2#comics_links {
				display:none;
}
.comics_links_large {
				float: left;
				padding:0;
				width: 520px;
				overflow: hidden;
}

.comics_links_large div {
        position: relative;
        left: 50%;
        margin-left: -250px;
        top: 0;
        width: 500px;
        height: 100%;
}

.comics_links_large a {
				display: block;
				width: 500px;
				height: 150px;
				margin-bottom: 5px;
}
.comics_links_large a span {
				display:none;
}
.comics_links_large .fotr a {
				background-image: url('imgs/fotr-catchup.jpg');
				background-position: right top;
}
.comics_links_large .ttt a {
				background-image: url('imgs/ttt-catchup.jpg');
				background-position: left top;
}
.comics_links_large .rotk a {
				background-image: url('imgs/rotk-catchup.jpg');
				background-position: left top;
}
.comics_links_large a:hover, a:focus {
				background-position:0 150px;
}

.notifier, .strankovani {
				width: 100%;
				text-align: center;
				background: #f2f2f2 url('imgs/strankovani-bg.gif') top left no-repeat;
				border: 1px solid #d28b29;
}
.notifier {
				width: 498px;
				margin-bottom: 1em;
				font-weight: bold;
}
.notifier a {
				display:inline;
}

.strankovani {
				font-size: smaller;
				background-color: white;
				margin-top: 6px;
				margin-bottom: 6px;
				padding: 2px 0 2px 0;
				width: 97%;
				margin-left: 2	%;
}

#comics_detail .strankovani {
        background-color: #f1f1f1;
}

#pravy_panel {
				margin-left:530px;
				border: 1px solid #d28b29;
				margin-right: 1em;
				padding: 0.4em;
				background: #f1f1f1 url('imgs/panel-bg.gif') bottom right no-repeat;
}

#pravy_panel h2 {
				font-weight: bold;
				margin-bottom: 0.3em;
}

#pravy_panel ul {
				margin-bottom: 0.6em;
				line-height: 125%;
				padding: 0;
}

#pravy_panel li, .podpora p {
				padding-left: 1em;
}

.posledni_novinky li {
				margin-bottom: 0.5em;
}

.posledni_novinky .oldnews {
				text-align: right;
				font-size: smaller;
}


.footer_container {
				background: #f1f1f1 url('imgs/border-vertical.png') top left repeat-x;
				clear: both;
}

.footer {
				background: url('imgs/border-horizontal.png') bottom right repeat-x;
				font-size: small;
				text-align: right; 
				padding-top: 13px;
				padding-bottom: 13px;
				padding-right:6px;
}

.comics_list_imgs li {
        padding: 0;
        float: left;
        width: 140px;
        text-align: center;
        border: 1px solid #767676;
        margin: 4px;
        padding: 4px;
        background:#f1f1f1;
}


.comics_list_imgs span {
        font-size:smaller;
}

.center_panel li {padding-bottom:1em;background: url('imgs/news-separator.png') center bottom no-repeat;}
.center_panel .archivy li {padding-bottom:0;background: url('imgs/blank.gif');}
.center_panel h2 {color:#822618;}

/* komentáře */
.cmnt_top {background: #802020 url('imgs/cmnt-top-bg.jpg') top left repeat-x;color:white;border:1px solid #cc751f;padding:2px;_height:20px;}
.cmnt_top a {color:white;padding-left:4px;text-decoration: none;}
.cmnt_top .cmnt_topright {font-size:smaller;display:block;width:100%;text-align:right;margin-top:-1.5em;}
.cmnt_body {margin-left:2%;margin-right:2%;margin-bottom:1em;padding:4px;line-height:140%;background: #f1f1f1 url('imgs/cmnt-body-bg.gif') top right no-repeat;border:1px solid #dadada;}


.cmnt_add legend {display:none;}
.cmnt_add fieldset {border:none;padding:16px;padding-top:40px;}
.cmnt_add label {vertical-align:middle;padding-right:20px;}
#comics_detail .cmnt_add p {color:#767676;font-size:smaller;position:absolute;top:24px;right:20px;width:100px;text-align:right;}
.cmnt_add input, .cmnt_add textarea {border:1px solid #767676;background:white url('imgs/cmnt-input-grad-bg.gif') top left repeat-x;font-size:110%;line-height:130%;}
.cmnt_add #jmeno_block {margin-bottom:10px;background:none;padding:0;}
.cmnt_add textarea {width:100%;height:6em;margin-bottom:0.5em;}
.hlaska {font-weight:bold;text-align:center;}
.diskuse .cmnt_add {position:relative;height:260px;border:0;/*background: url('imgs/cmnt-disc-form-top-bg.gif') top left no-repeat;*/}
.diskuse .cmnt_add legend {display: block; font-weight: bold;}
.diskuse .cmnt_add fieldset {border: 1px solid #802020;background: white;padding-top:1em;}
.diskuse .cmnt_add textarea {margin-bottom: 0;}
.diskuse .cmnt_add p {position: inherit; color:#767676;font-size:smaller;text-align:right;margin:0;}


.cmnt_add button.submitter {background:no-repeat url('imgs/button-submitter-bg.gif') top left;cursor:hand;width:100px;height:30px;border:0;margin-left:151px;}
.cmnt_add button.submitter span {display:none;}

#comics_detail {text-align:center;width:100%;}
#comics_detail .cmnt_body {text-align:left;margin-left:26%;margin-right:26%;}
#comics_detail h2 {display:none;}
#comics_detail img {border:1px solid black;}

#comics_detail .comics_list_text li {margin:1px;width:18%;padding:0;border:0;float:left;}
#comics_detail textarea {height:8em;}
#comics_detail button.submitter {margin-left:227px;}
#comics_detail #cmx_text_list_hoverator {position:absolute;top:4px;right:3px;z-index:2;width:200px;background:#f1f1f1 url('imgs/cmx-text-list-parent.gif') top right no-repeat;height:16px;}
#comics_detail #cmx_text_list_hoverator .comics_list_text {width:200px;height:100px;background-color:#f1f1f1;overflow:auto;border:1px solid black;display:none;margin-top:16px;padding:0;}
#comics_detail #cmx_text_list_hoverator .comics_list_text a {display:block;text-align:center;border:1px solid #f1f1f1;}
#comics_detail #cmx_text_list_hoverator .comics_list_text a:hover {background:#f4f4f4;border:1px solid #767676;}
#comics_detail #cmx_text_list_hoverator:hover {background: #f1f1f1 url('imgs/cmx-text-list-parent-hover.gif') top right no-repeat;}
#comics_detail #cmx_text_list_hoverator:hover .comics_list_text {display:block;}
#comics_detail #cmx_text_list_hoverator .cmx_text_list_highlight_active {background:white;font-weight:bold;}
#comics_detail .cmnt_top {text-align:left;width:50%;margin-left:25%;}
#comics_detail .strankovani {width:70%;margin:5px 0 1em 15%;padding:5px;}

/* upravit pro IE */
#comics_detail .cmnt_add {width:587px;height:297px;background: url('imgs/cmnt-form-top-bg.gif') transparent top left no-repeat;text-align:left;position:relative;left:50%;margin-left:-293px;}
.cmnt_add input, .cmnt_add textarea {font-family:garamond, 'times new roman', serif;}

/*OPERA OK, FF OK*/
.footer_container {clear:both;background: #f1f1f1 url('imgs/border-vertical.png') top left repeat-x;}
.footer {background: url('imgs/border-horizontal.png') bottom right repeat-x; font-size:small;text-align:right;padding-top:13px;padding-bottom:13px;padding-right:6px;}