body {
	margin: 0 auto;
	color: #333;
	background: #f3f2f2 url('../img/knihovna.jpg') repeat;
}

a, a:visited {
    color : #824229;
    text-decoration : none;
    font-weight : bold;
}
a:hover {
    color :#d23141;
}

h1 {
    color: #630;
    text-align: center;
}

h2 {
    background: url('../img/title-bg.jpg') repeat-x;
}

h2 a, h2 a:visited {
    color: #000000;
}

h2, h3, h4, h5 {
    color: #000000;
    padding: 0 5px;
}

hr {
    height: 5px;
    background: url('../img/title-bg.jpg') repeat-x;
}

.headline {
    background: url('../img/title-bg.jpg') repeat-x;
}

#main {
	margin-top: 50px;
    background: #fff;
    border: 3px solid #834328;
}

#header {
	background: url('../img/header.jpg') no-repeat;
	height: 211px;
}


#navigation {
    background: #834328;
}

#navigation ul {
	padding: 10px;
    margin: 0;
    text-align: center;
}

#navigation ul li{
	display: inline;
    background: url('../img/bod.jpg') center left no-repeat;
    line-height: 30px;
    padding-left: 15px;
}

#navigation ul li a{
    padding: 10px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}
#navigation ul li a:hover{
    text-decoration: none;
    background: none;
    color: #D23141;
}

#comment {
	margin: 35px 0;
}

.comment-box {
	border: 1px solid #eee;
	padding: 10px;
	margin: 5px 0;
}

.odd {
	background-color: #eee;
}

#content {
	padding: 20px;
}

.post-box {
	margin: 15px 0;
}

#footer {
	padding: 15px;
    text-align: center;
	background-color: #F3F2F2;
	border-top: 1px solid #CCCACA;
}
.wrapper {
	width: 800px;
	margin: 0 auto;
}

#categories-menu {
    margin: 15px 5px;
}

#categories-menu li {
    border-bottom: 1px solid #eee;
    padding: 5px;
}
#categories-menu li.last {
    border-bottom: none;
    padding: 5px;
}

img {
    max-width: 600px;
    max-height: 500px;
}

.clear {
    clear: both;
}
div.flash {
    color: black;
    background: #FFF9D7;
    border: 1px solid #E2C822;
    padding: 1em;
    margin: 1em 0;
}


.error {
    background-color: #DB568B;
    padding: 5px;
    list-style: none;
    color: #000000;
}
a[href^="error:"] {
    background: red;
    color: white;
}

.required { color: maroon }


#ajax-spinner {
    margin: 15px 0 0 15px;
    padding: 13px;
    background: white url('../img/spinner.gif') no-repeat 50% 50%;
    font-size: 0;
    z-index: 123456;
    display: none;
}

ul {
    list-style: none;
}

input, textarea {
    width: auto;
}