/* cajovna-inspirace.cz stylesheet */

/* GLOBAL VARIABLES */
body { background-color: #000;
       color:#ddd;
       font-size: 15px;
       font-family: dejavu sans, verdana, sans-serif; }

h1 {
    font-size: 220%;
    color:#ab5;
    margin-top:0;
    font-weight:normal;
    font-family: Palatino Linotype, serif;
    text-shadow:#ccc 0 0 0.1em;
    text-align:right;
}
h2, h3, h4, h5 {
    text-shadow:#888 0 0 0.1em;
    margin-bottom:0;
    margin-top:1.2em;
}    
h2 {
    font-size:180%;
    font-family: Palatino Linotype, serif;
    /*border-bottom:1px dotted #782;*/
}
h2 a:hover{
    text-decoration:none;
}
h3 { font-size:140%; }
h4 { font-size:120%; }
h5 { font-size:100%; }

p {
    margin-top:0.5em;
    margin-bottom:1em;
}

.small {
    font-size:70%;
}

a { color:#ab5;
    text-decoration:none;
    font-weight:bold; }

a:hover { color:#fff;
          text-decoration:underline;
          font-weight:bold; }

table.styled {
    text-align:left;
    border:1px dotted #782;
}
table.styled td{
    padding:2px 5px;
}
table.styled th {
    border-bottom:1px dotted #782;
    padding:5px 5px 2px 2px;
}

img {
    margin:15px;
}
a img {
    border:2px solid #ab5;
}
a:hover img {
    border:2px solid #fff;
}

input, textarea {
    border:1px solid #782;
    color:#ddd;
    background-color:#000;
}

.separator { clear:both;
             position:relative;}

#left {
    position:relative;
    float:left;
    width:49%;
}

#right {
    position:relative;
    float:right;
    width:49%;
}

#wrapper {
    position:relative;
    width:800px;
    margin:10px auto;
    border:solid 1px #ab5;
    background-color:#090300;
}

#menu {
    position:absolute;
    top:10px;
    right:0;
    border-bottom:1px solid #ab5;
}

#menu a {
    margin-right:20px;
    text-shadow:#ccc 0.1em 0.1em 0.2em;
}
#menu a:hover{
    text-decoration:none;
}

#top {
    position:relative;
    clear:both;
    height:150px;
    width:auto;
	background: #512 url('../img/prechod-top.png') 0px 0px repeat-x scroll;
}

#top img {
    margin:0;
    border:none;
}

#topimg {
    position:absolute;
    left:0;
    top:0;
}

#logo {
    position:absolute;
    left:0px;
    top:0px;
}

#titulek {
    position:absolute;
    left:140px;
    top:30px;
}

#content {
    position:relative;
    clear:both;
    width:740px;
    min-height:600px;
    _height:600px;              /*IE Hack*/
    padding:0 30px 20px 30px;
	background: #090300 url('../img/dragon-background.png') 120px 0px no-repeat scroll;
}

#quote {
    position:relative;
    float:left;
    width:55%;
    font-size:120%;
    font-style:italic;
    border-left:5px solid #782;
    padding: 15px;
}

#opening {
    position:relative;
    float:right;
    width:40%;
}

#pagemenu {
    position:relative;
    float:right;
    /*background-color:#090300;*/
    border:1px solid #ab5;
    padding: 10px;
    margin-left:20px;
    font-size:80%;
}
#pagemenu h4 {
    margin:0;
}

.attachments {
    font-size:90%;
    border-left:1px dotted #782;
    padding:10px;
    width:auto;
}

#footer {
    clear:both;
    position:relative;
    width:760px;
    height:20px;
    padding: 10px 20px 5px 20px;
    font-size:70%;
	background: #512 url('../img/prechod-bottom.png') 0px 0px repeat-x scroll;
}
#footer table, #footer table td, #footer table th {
    margin:0;
    padding:0;
    border:none;
}

#guestbook p {
    border-top:1px dotted #782;
    padding:10px 0px;
}
#guestbook blockquote {
    font-style:italic;
    margin-bottom:2em;
}

.message, .error_message {
    width:auto;
    padding:10px;
    margin:10px 0px;
}
.message {
    border:2px solid #080;
}

.error_message {
    border:2px solid #824;
}

/* TWEAKS */

.separator { clear:both;
             position:relative; }