/*######################################

Author: [w3w.cz] lepsi stranky internetu
Project: Pragosound, s.r.o.

Charset: UTF-8
Media: screen, projection
Browsers: All

Latest revision: 26. 8. 2008

Color palette:
- text: #fff
- common link & menu hover: #61d5ff
- headings, common hovers, current page links in menu & breadcrumbs: #ecbb03
- footer text & link: #a0a0a0
- background: #000

Structure:
display; position; float; z-index; overflow; 
width; height; margin; padding;
color; border; background;
align; text; font;

======================================
 RESET
======================================*/

fieldset, ul, ol { margin:0; padding:0; }
body {
    color: #fff;
    background: #000 url('img/body.jpg') no-repeat center top;
	margin: 0; padding: 0;
    text-align: center; font: 62.5%/1.5 verdana, tahoma, helvetica, sans-serif; /* 0.1em = 1px */
}

hr {display: none;}

a {color: #61d5ff; text-decoration: underline;}
a:hover,
a:active,
a:focus {color: #ecbb03; }

a img {border: none;}

abbr,
acronym,
.help {
    border-bottom: 1px dotted;
    cursor: help;
}
abbr:hover,
acronym:hover,
.help:hover {border-bottom: 1px solid;}

del {text-decoration: line-through;}

address {font-style: italic;}

h1, h2, h3, h4, h5, h6 {
   margin: 1.2em 0;
   font-weight: normal; color: #ecbb03;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #ecbb03}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active,
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus {text-decoration: none;}
h1 {font-size: 2em;}
h2 {
	margin: 10px 0;
	font-size: 1.7em;
}
h3 {font-size: 1.4em;}
h4 {font-size: 1em; font-weight: bold;}
h5, h6 {font-weight: bold;}
h5 {font-size: 1em;}
h6 {font-size: .9em;}
h3.post-heading {margin-bottom: .5em;}

p {margin: 1.2em 0; padding: 0;}
p.excerpt-more {margin-top: -1.2em; text-align: right;}
p.excerpt-more a {color: #ecbb03}
p.excerpt-more a:hover,
p.excerpt-more a:active,
p.excerpt-more a:focus {text-decoration: none;}

ul,
ol {
	margin: 1.2em 0 1.2em 2em;
	line-height: 1.7;
}
li ul,
li ol {margin: 0 0 0 2em;}
ul li {list-style: circle;}
ol li {list-style: decimal;}

form {margin: 0;}
fieldset {border: none;}
input,
textarea,
select,
option,
table {font-size: 100%;}

table { border-collapse: collapse; margin: 1.5em 0; }
table td, table th { border: solid #222; border-width: 1px 0; padding: 2px 10px; }
table th { font-weight: bold; text-align: left; }
table thead td, table thead th { background: #333; }
table tfoot td, table tfoot th { background: #222; }

dl { margin: .7em 0; }
dt { font-weight: bold; }

address { font-style: normal; }

/* UNIVERSAL CLASSES
======================================*/
.ir {
    display: block; position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
}
a .ir { cursor: hand; cursor: pointer; }
.clear {clear: both;}
.cleaner,
.aft-cleaner:after {
    display: block; visibility: hidden; clear: both;
    margin: -1px 0 0 0; padding: 0; height: 1px; line-height: 1px;
    font-size: 0; content: ".";
}
.noborder {border: none !important;}

.a-hidden {position: absolute; left: -10000em; z-index: -10;} /* pristupne skryti */
.hidden {display: none !important;}
.invisible {visibility: hidden !important;}

.f-left {float: left !important;}
.f-right {float: right !important;}

img.f-left {margin-right: 1.2em;}
img.f-right {margin-left: 1.2em;}

input.submit,
button.submit {cursor: pointer;}

/* text work --------------------*/
.uppercase {text-transform: uppercase !important;}

.left {text-align: left !important;}
.right {text-align: right !important;}
.center {text-align: center !important;}

/* SCTRUCTURE
======================================*/

#jump {font-size: 1.2em;}
#jump a {
    background: #466673;
    position: absolute; top: -10000em; left: 0;
    display: block; width: 100%; overflow: hidden; padding: 10px 0;
    text-align: center; text-decoration: underline;
    font-weight: bold; color: white;
}
#jump a:hover,
#jump a:active,
#jump a:focus {
    background: black;
    top: 0; z-index: 100;
}

#dummy {background: url('img/dummy.jpg') no-repeat center bottom;}
#container {
	overflow: hidden;
    width: 774px; margin: 0 auto; padding: 0;
    text-align: left; font-size: 1.2em;
}

/* Header
--------------------------------------*/

h1#logo {
	overflow: hidden;
    width: 100%; height: 265px; margin: 0;
}
h1#logo a {
	position: relative;
	display: block; width: 100%; height: 100%;
}
h1#logo a span.ir {background: url('img/header.jpg') no-repeat;}

/* Breadcrumbs
--------------------------------------*/
#lang {
	padding: 0 3px 3px 3px;
	text-align: right; color: #ccc;
}
#lang a {
	padding-left: 5px;
	text-decoration: none; color: #ccc;
}
#lang a:hover,
#lang a:active, 
#lang a:focus { color: #ecbb03; }


/* Breadcrumbs
--------------------------------------*/
#breadcrumbs {
	padding: 0 3px;
	text-align: right; color: #ecbb03;
}
#breadcrumbs span,
#breadcrumbs a {color: #ccc;}
#breadcrumbs a:hover,
#breadcrumbs a:active, 
#breadcrumbs a:focus { color: #ecbb03; }

/* Content
--------------------------------------*/

#content {
	float: right; overflow: hidden;
	width: 550px;
}

/* and common content styling */
#content .post-date {
	display: block;
	color: #999;
}
.postmetadata,
.spotnav {clear: both; margin: 1.2em 0; text-align: right;}
.postmetadata a {color: #666;}
ul#sitemap {
	margin-bottom: 2em;
	line-height: 2;
}
ul#sitemap ul {margin: 0 0 0 2em;}

/* NGallery styling -------------- */
.ngg-gallery-thumbnail {
    margin-right: 11px !important;
}

#content a.button {
    margin: 1.5em 0 1em; padding: 4px 10px;
    border: 1px solid; background: #f0e8d7;
    font-weight: bold; text-align: center; text-decoration: none;
}

/* Menu
--------------------------------------*/
#l-col {
	float: left; display: inline;
	width: 190px; min-height: 600px;
}
ul#menu {
	border-bottom: 1px solid #61d5ff;
	margin-left: 20px; padding-bottom: 13px;
	font-size: 110%;
}
ul#menu a {text-decoration: none; color: #fff;}
ul#menu a:hover,
ul#menu a:active,
ul#menu a:focus {text-decoration: underline; color: #61d5ff;}
ul#menu ul {margin: 0;}
ul#menu li {
	list-style: none;
	background: url('img/star.gif') 0 5px no-repeat;
	padding: 0 0 0 17px;
}
ul#menu li ul {margin: .3em 0;}
ul#menu li ul li {
	background: none;
	font-size: .9em;
}
/* For fold-page-list plugin ------------------------*/
ul#menu li.current_page_item,
ul#menu li.current_page_ancestor {background: url('img/star-a.gif') 0 4px no-repeat;}
ul#menu li.current_page_item a,
ul#menu li.current_page_ancestor a,
ul#menu li.current_page_ancestor li.current_page_item a {font-weight: bold; color: #ecbb03;}
ul#menu li.current_page_ancestor li.current_page_item a:hover,
ul#menu li.current_page_ancestor li.current_page_item a:active,
ul#menu li.current_page_ancestor li.current_page_item a:focus {color: #ecbb03;}
ul#menu li.current_page_ancestor li {background: none;}
ul#menu li.current_page_ancestor li a,
ul#menu li.current_page_item li a {font-weight: normal; color: #fff;}
ul#menu li.current_page_ancestor li a:hover,
ul#menu li.current_page_ancestor li a:active,
ul#menu li.current_page_ancestor li a:focus,
ul#menu li.current_page_item li a:hover,
ul#menu li.current_page_item li a:active,
ul#menu li.current_page_item li a:focus {color: #61d5ff;}

/* Footer
--------------------------------------*/
#footer {
	border-top: 1px solid #61d5ff;
	width: 100%; overflow: hidden; clear: both;
	text-align: center; color: #a0a0a0;
}
#footer-in {
	width: 774px; margin: 0 auto;
	text-align: left;
}
#footer p {margin: 0; padding: 7px 0;}
#footer a {color:#a0a0a0;}
#footer a:hover,
#footer a:active,
#footer a:focus {color:#ecbb03;}
#footer #copyright {
	float: left;
    padding-right: 10px;
} 
#footer #controller {
	float: right;
    padding-left: 10px;
} 
#footer span#w3w-logo {
    position: relative; top: 2px; float: left;
    margin: 0 0 0 4px;
}
#footer span#w3w-logo a {
    border: none;
    position: relative;
    display: block;
    width: 38px; height: 14px; overflow: hidden;
    font-size: 80%;
}
#footer span#w3w-logo a span.ir {background: url('img/w3w-footer.png') no-repeat 0 0;}
#footer span#w3w-logo a:hover span.ir,
#footer span#w3w-logo a:active span.ir,
#footer span#w3w-logo a:focus span.ir {background-position: -38px 0;}