body {
background:url(bg.jpg) #550400;
font:16px/24px camboregular, "lucida sans unicode", "lucida grande", helvetica, arial, verdana, sans-serif;
color:#f5f5f5;
margin:0;
padding:0;
}

@font-face {
    font-family: 'camboregular';
    src: url('/fonts/cambo-regular-webfont.eot');
    src: url('/fonts/cambo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/cambo-regular-webfont.woff') format('woff'),
         url('/fonts/cambo-regular-webfont.ttf') format('truetype'),
         url('/fonts/cambo-regular-webfont.svg#camboregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dearestregular';
    src: url('/fonts/dearest-webfont.eot');
    src: url('/fonts/dearest-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/dearest-webfont.woff') format('woff'),
         url('/fonts/dearest-webfont.ttf') format('truetype'),
         url('/fonts/dearest-webfont.svg#dearestregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'deutsch_gothicnormal';
    src: url('/fonts/deutsch-webfont.eot');
    src: url('/fonts/deutsch-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/deutsch-webfont.woff') format('woff'),
         url('/fonts/deutsch-webfont.ttf') format('truetype'),
         url('/fonts/deutsch-webfont.svg#deutsch_gothicnormal') format('svg');
    font-weight: normal;
    font-style: normal;

}



div#container {
width:830px;
margin:0px auto 0px;
padding:0px;
}

div#header {
background:url(top.jpg);
margin:0px auto 0px;
width:832px;
height:456px;
}

div#nav {
width:140px;
float:right;
margin:-130px 0px 0px 0px;
padding:0px;
}

div#nav ul {
list-style-type:none;
margin:0px 5px;
text-align:left;
}

div#nav ul li { padding:0px 8px 0px 0px; margin:0px; background:none; }

div#nav ul li a {
color:#ffa928;
font:25px deutsch_gothicnormal, dearestregular,  camboregular, 'lucida sans unicode', arial, sans-serif;
margin-left:-30px;
text-decoration:none;
font-weight:normal;
text-transform:lowercase;
}

div#nav ul li a:hover { color:#fff8ae; }

div#content {
width:680px;
float:left;
margin:-80px auto 0px;
padding:10px 0px 0px;
text-align:left;
}

h1 {
background:url(sprites/trozei.gif) no-repeat 0px 0px;
margin:0px 0px -18px;
padding:0px 0px 0px 35px; 
font: 30px deutsch_gothicnormal, dearestregular, camboregular, 'lucida sans unicode', arial, sans-serif;
color:#ff9a30;
text-shadow: 2px 2px 5px #000;
}

h2 {
margin:-10px 0px -10px;
font: 25px deutsch_gothicnormal, dearestregular, camboregular, 'lucida sans unicode', arial, sans-serif;
color:#ee3d51;
text-shadow: 2px 2px 5px #000;
text-transform:lowercase;
}

h3 {
margin:5px 0px -10px;
font: 20px camboregular, 'lucida sans unicode', arial, sans-serif;
color:#ee3d51;
text-shadow: 2px 2px 5px #000;
text-align:center;
clear:right;
}

h2 + blockquote { margin-top:20px !important; }


blockquote {
margin:10px 10px 0px;
padding:3px;
background:#8A0803;
}

blockquote p { margin:5px !important; padding:5px; background:url(bg.jpg); }

blockquote:hover { background:url(darkbg.png); }
blockquote.stat { width:80%; }

blockquote.left {
width:25%;
float:left;
margin:0px 10px 0px 0px;
line-height:22px;
}

a { color:#ffd127; font-weight:bold; cursor:crosshair; }
a:hover { color:#fff8ae; }


b, strong, i, em, span { color:#f7884d; }
p.center { text-align:center; margin-bottom:-5px; }
p.right { text-align:right; line-height:15px; margin-bottom:0px; padding-bottom:10px; }
p.updates { font-size:18px; text-align:center; }
abbr { border-bottom:1px dotted #eee; }


img, a img { border:4px solid #350300; padding:5px; margin-right:10px; background:url(lightbg.png); }
img:hover { border-color:#8A0803; background:url(darkbg.png); }
img.right { float:right; margin:0px 0px 5px 5px; }
img.fancybox-image { background:#f9f9f9; }

ol { margin-left:20px; text-align:left;  }


ol li {
padding:0px 0px;
}

table#links { text-align:center; margin:0 auto 5px; border-width:0px;  }
table#links td { width:50%; }