html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

:focus { outline: 0; }
ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
strong { font-weight: bold; }

body { background: #DFFF80 url('../images/bg.gif') repeat-x ; color: #000000; font: normal 75% Arial, Helvetica, sans-serif; padding-top: 35px; }

a { color: #aaa; text-decoration: underline; }
a:hover { color: #ffa227; text-decoration: none; }

#container { width: 760px; margin: 0; padding: 0; margin: 0 auto; background: transparent url('../images/guitar.jpg') no-repeat 420px 0px; }

/*-------------------- HEADER --------------------*/

#header { clear: both; background: transparent; height: 80px; text-align: left; margin: 10px 0 20px 100px; }

h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Arial, sans-serif; }
h1 { display: block; width: 170px; height: 100px; overflow: hidden; position: relative; font-weight: bold; padding: 0; text-align: right;}
h1 span { position: absolute; left: 0; top: 0; width: 170px; height: 100px; background: url('../images/logo.jpg') no-repeat; }
h1:first-letter, h2, #sidebar h3 { color: #F0BF00; }
h2 { font-size: 200%; font-weight: bold; }
h3 { font-size: 150%; }
h3.zluty { font-size: 200%; color: #ffa227; margin: 10px 0;}
h3.zeleny { font-size: 175%; color: #333333; }
#header a {cursor: pointer;}
/*--------------------SIDEBAR --------------------*/

#sidebar { float: right; width: 340px; margin: 200px 0 0 0; }
#sidebar h3 { font-weight: bold; }

#nav { float: right; text-align: left; width: 150px; padding: 0; }
#nav li { display: block; margin: 0; padding: 0px; font-weight: bold;}
#nav li a { font: bold 150% "Trebuchet MS", sans-serif; display: block; text-decoration: none; padding: 0 0 5px 0; }
#nav li a:first-letter { color: #ffa227; }

#current { color: #ffa227; }

/*--------------------SHOWS --------------------*/

#shows { float: right; width: 170px; margin-right: 10px; }
#shows ul { margin-bottom: 20px; }
#shows ul li { padding: 10px 0 10px 0; }
form { background: transparent;  margin-top: 0; padding-top: 1em; }
fieldset { border: 0; padding: 0; margin: 0; width: 250px; }
input, .button  { font-size: 90%; }
#shows label, #shows input { float: left; display: block;  margin-bottom: 10px;}

br { clear: both; }

/*-------------------- MAIN CONTENT --------------------*/

#main { background: transparent; float: left; width: 380px; padding: 0; margin: 0; }
h3.title { font-size: 90%; margin-bottom: 20px; font-weight: normal; }
#main p { text-align: justify; line-height: 1.7em; font-size: 100%; }
#main ul { list-style-image: url('../images/arrow.gif'); list-style-position: inside; margin-top: 10px; }
#main table { margin-top: 15px; }
#main table p { text-align: left; }
#main td { width: 130px; }

.divider { clear: both; background: transparent url('../images/divider.gif') no-repeat; height: 3px; margin: 15px 0; }
input#save { color: #aaa; background: #0e0f0e; font-weight: bold; border: 1px solid #ffa227; padding: 2px; }

img.alignright { margin: 0 0 2px 10px; display: inline; border: 0; }
img.alignleft { margin: 0 2px 2px 0; display: inline; border: 0; }
img.centered { display: block; margin-left: auto; margin-right: auto; border: 0; }
.alignright, .right { float: right; }
.alignleft, .left { float: left }
.left {margin: 7px 7px 7px 0}
.right {margin: 7px 0 7px 7px;}

#main a img { border: 3px solid #333; padding: 4px; }
#main a:hover img { border: 3px solid #ffa227; }

/*-------------------- FOOTER --------------------*/

#footer { clear: both; text-align: center; }
#footer p { font-size: 90%; padding: 20px 0;  }

/*------------------Navstevni kniha-----------------------*/
input {width: 120px; margin: 3px;}
textarea {width: 375px; height: 200px;}
.komentare strong {color: #FFA227; padding-right: 5px; font-size: 115%;}   
.komentare .main strong {color: #91BF31; padding-right: 5px; font-size: 115%;}
.komentare dt {border-top: 1px solid #000000; margin-top: 10px; padding-top: 10px;}
.date { font-size: 75%; }
.errors { color: #FF0000; }