/*
Name: Main Style Sheet
Author: Ludek Cernocky; ludek@faceit.cz; http://www.faceit.cz
Date: 9.2.2008
Note: Donīt steal, just watch and learn. This CSS is copyrighted like all other stuff on Kramolna.cz domain ;)

1. Main
2. Construction
3. Header
	3.1 Logo
	3.2 Search
4. Content
   4.1 Definitions
   4.2 Forms, input, buttons..
   4.3 Tables
5. Left column + right column
6. Left column
   6.1 Menu
	6.2 Last photo
7. Right column
	7.1 News
8. Footer
*/

/* 1. Main
-----------------------------*/
* {margin:0; padding:0; border: none;} /* global reset */
body {background: #D8DAE6 url('/design/images/_www-kramolna/bg.jpg') repeat-x 0 0; color:#222; font-family: sans-serif; font-size: medium; text-align:center; min-width: 600px; /* for older browsers */}

h1 {color: Black; font-size: 190%;}
h2 {color: #FF5400; font:160%/1.2 "Helvetica", Arial, Verdana, sans-serif; margin: 0.2em 0; padding: 0.2em 0 0.2em 0; letter-spacing: -1px;}
h3 {color:#222; font-size:110%; letter-spacing: -0.025em; font-weight: bold;}
h3 a { text-align:left}

p {line-height: 140%; margin: 0.2em 0; padding: 0.2em 0 0.5em 0;}

.space {padding-top: 1.5em; padding-bottom: 0;}
.clear {background:none;clear:both; height:0 !important; line-height:0px; font-size:0;width:auto !important;display:block;}

.hide, hr {display: none;}  /* hidden elements */

a{color:#FF4300;}
a:hover {color:#333; text-decoration: none;}
a.nahoru {background: none; back\ground: url('/design/images/_www-kramolna/sipka-up.gif') no-repeat 3px 6px; color: #666; margin: 1em 0 0em 0; padding-left: 1em; text-decoration: none; }
a.nahoru:hover {background: none; back\ground: url('/design/images/_www-kramolna/sipka-up2.gif') no-repeat 3px 5px; color: #FF5400; }
a.tisk {background: none; back\ground: url('/design/images/_www-kramolna/print.gif') no-repeat 0 2px; color: #666; margin: 1em 0 0em 0; padding-left: 1.3em; text-decoration: none; }
a.tisk:hover {background: none; back\ground: url('/design/images/_www-kramolna/print2.gif') no-repeat 0 2px; color: #FF5400; }


/* 2. Construction
-----------------------------*/
#all {font-size: 75%; margin: 1.5em auto; position: relative; width: 760px;}
#conteiner {background: White url('/design/images/_www-kramolna/all.jpg') repeat-y 0 0; padding-left: 172px; padding-right: 172px; position: relative; overflow: hidden; width: 416px;}
#content {text-align: justify; width: 416px;}

#content, #left, #right {position: relative; float: left; padding-bottom: 20010px; margin-bottom: -20000px;}
#left, #right {color: #444; width: 172px;}
#left {margin-left: -100%; right: 172px; _left: 172px;}
#right {margin-right: -172px;}
#footer {background: url('/design/images/_www-kramolna/footer.jpg') no-repeat 0 0; clear: both; height: 55px; position: relative;}

/*
3. Header
-----------------------------*/
#header {background: White url('/design/images/_www-kramolna/header.jpg') no-repeat 0 0; height: 242px;}

/* 3.1 logo */
#header h1 {float:left; margin: 180px 0 0 70px; overflow: hidden; position: absolute; left: 0; width: 190px; height:53px; } /* you need to change width&height and margin for other domain purposes */
#header h1 span {display:block; width:190px; height:53px; position:absolute; top:0px; left:0; background:url(/design/images/_www-kramolna/logo.gif) no-repeat 0 0;}
#header h1 a {text-decoration:none;}
#header h1 a:link, #logo h1 a:visited, #logo h1 a:hover {color: #FF4300; cursor: pointer; text-decoration: underline;}
#header h1 a:hover span {background-position: 0 -53px; cursor: pointer;}

/* 3.2 Search */
#header form {background: url('/design/images/_www-kramolna/search.gif') no-repeat 0 0; position: absolute; top: 218px; right: 12px; min-height: 30px; z-index: 2000;}
* html #header form {left: 545px;}
#header legend {display: none;}
#header #search {height: 20px; border: 1px solid #C3C3C3; margin-left: 30px;}
#header input.submit {background: #FB4200 url('/design/images/_www-kramolna/bg-submit.gif') repeat-x 0 0; border: 1px solid #d7dae6; color: White; font-weight: bold; position: relative; top:2px; padding: 2px;}
* html #header input.submit {position: static; padding: 1px;}
*:first-child+html #header input.submit {position: static; padding: 1px;}

/* 4. Content
-----------------------------*/
#content .in { border: 1px solid #E8E8EF; margin-top: 10px; padding: 5px 12px;}
#content h3 {margin: 0.8em 0 0.2em 0; padding: 0.5em 0 0.2em 0;}

p.breadcrumb {border-bottom: 1px solid #F9F9F9; color: #999; padding: 3px 5px 5px 0; overflow: hidden;}
p.breadcrumb a {color:#666;}
p.breadcrumb span {color: #FF4300;}

p.print-top {color: #CCC; text-align: right;}

/* 4.1. Definitions */
dl {font-size: 100%; margin: 0.5em 0; text-align: left;}

/* 4.2 Forms, inputs, buttons.. */
input {background: url('/design/images/_www-kramolna/bg-input.gif') repeat-x 0 0; font-family: sans-serif; font-size: 100%; margin: 0 4px; padding-left: 2px;}

/* 4.3. Tables */
table {border-collapse: collapse; font-size: 100%;}

/* 5. Left column + right column
-----------------------------*/
#left h3, #right h3 {color: #222; font-weight: normal;padding:10px 0 6px 0; margin: 5px 20px 1px 20px;}
#left a, #right a {color: #444;}
#left a:hover, #right a:hover {color: #FF4300;}

/* 6. Left column
-----------------------------*/
#left div {background: url('/design/images/_www-kramolna/shadow-left.gif') no-repeat 8px 0; padding: 8px 0 0 8px; margin-bottom: 2em;}
#left h3 {text-align: left;}

/* 6.1 Menu */
menu strong {font-weight: normal;}
menu li {background: url('/design/images/_www-kramolna/menu.gif') no-repeat 80% 100%; list-style: none; padding: 3px 0; text-align: left;}
menu li a {background: url('/design/images/_www-kramolna/menu-li.gif') no-repeat 0 45%; display:block; font-weight: bold; outline: none; margin: 0 0 0 25px; padding: 5px 0 5px 18px; overflow: hidden; text-decoration: none;}
menu li a:hover, menu li a.active {background: url('/design/images/_www-kramolna/menu-li-hover.gif') no-repeat 0 45%;}

/* 6.2 Last photo */
#last-photo p {text-align: center;}
#last-photo img {border: 2px solid #E8E8EF; margin-top: 5px;}

/* 6.3 Board */
#board p {text-align: left; padding: 4px 0 5px 20px; line-height: 120%;}

#board dl {padding-left: 20px;}
#board dt {margin: 0; padding: 0.5em 0 0.2em 0;}
#board dd {font-size: 95%;color: #666; margin-bottom: 0.5em;}
#board dd img {margin:0 0 0.2em 0;}
#board dd span {display: inline;}

/* 7. Right column
-----------------------------*/
#right div {background: url('/design/images/_www-kramolna/shadow-right.gif') no-repeat 4px 0; padding: 8px 8px 0 0;}
#right h3{text-align: right;}

/* 7.1 News */
#news dl {margin: 0; padding: 0 20px 0 15px; text-align: justify;}
#news dt {clear: right; margin-top: 0.3em; padding: 0 0 0.4em 0;}
#news dd span { font-weight:bold} /* change by matak */
#news dd a.more-info {background: url('/design/images/_www-kramolna/menu-li.gif') no-repeat 0 45%; float: right; padding: 0 0 0 15px; text-decoration: none;}
#news dd a.more-info:hover {background: url('/design/images/_www-kramolna/menu-li-hover.gif') no-repeat 0 45%;}
#news dd {background: url('/design/images/_www-kramolna/news.gif') no-repeat 80% 100%; clear: right; margin: 0.2em 0 1.5em 0; padding-bottom: 30px; line-height: 140%;}

/* 8. Footer
-----------------------------*/
#footer {color: #999; font-size: 85%; text-align: center; padding-top: 2px; width: 760px; position: relative;}
#footer a {color: #999;}
#footer a:hover {color: Black;}

#footer p.powered, #footer p.webdesign {position: absolute; top: 1px;}
#footer p.powered {left: 25px;}
#footer p.webdesign {right: 25px;}

/* face it */
#footer p.webdesign span {float: left;}
#footer p.webdesign a {cursor: pointer; display: block; float: left; overflow: hidden; width:18px; height:21px; position: relative; left: 5px; top: -4px;}
#footer p.webdesign a span {display:block; float: none; width:18px; height:21px; position:absolute; top:0px; left:0; background:url('/design/images/_www-kramolna/faceit.gif') no-repeat 0 0;}
#footer p.webdesign a:hover span {background-position: 0 -21px;}

/* update by matak */
#articleList {}
.articleBox { vertical-align:top}
.image { float:left; margin-right:5px; margin-bottom:5px}
.autor { font-weight:bold}
.galery-thumbs { vertical-align:top}
.galery-thumbs img { margin:5px;}


#content ol { list-style-type: decimal; margin-left:20px;}
#content ol li { list-style-type:decimal;}

#content ol li ol { list-style-type: lower-alpha; margin-left:20px;}
#content ol li ol li { list-style-type: lower-alpha;}
hr.line { display:block; border-bottom:1px solid black}
h2.section {border-top:1px solid #666666;font-size:14px;font-weight:bold;padding:5px 0px;margin-top:15px}