/*
Theme Name: LTS Olomouc
Theme URI: www.ltsnet.org
Description: Please, dont copy any graphics ! Thank you ...
Version: 1.0
Author: Jan Kovařík
Author URI: http://jankovarik.net/
Tags: 
*/


/* Begin Typography & Colors */

* { margin: 0; padding: 0; outline: none; font-size: 100.01%;}

html {
font-size: 62.5%;
}

body {
margin: 0 auto;
min-width: 960px;
background: #d9d9d9  url(img/body.jpg) repeat-x center top;
text-align: center;
font: 12px/1.5em Arial, Helvetica, sans-serif;
color: #4c4c4c;
} 

a:link {text-decoration: underline; color: #00aeef;}
a:hover {text-decoration: none; color: #00aeef;}
a:visited {text-decoration: none; color: #00aeef;}
a:active {text-decoration: underline; color: #000000;}

p, ul {
margin-bottom: 2.4em;
}

h1 {
font-size: 3em;
font-weight: bold;
letter-spacing: -0.06em;
text-transform: uppercase;
margin-bottom: 1.5em;
}



h2 {
font-size: 1.5em;
font-weight: bold;
letter-spacing: -0.04em;
text-transform: uppercase;
margin-bottom: 1em;
padding: 0 0 0 22px;
background: url(img/h2.gif) no-repeat left center;
}

#sidebar h2 {
font-size: 1.5em;
font-weight: bold;
letter-spacing: -0.04em;
text-transform: uppercase;
padding: 0;
margin: 0 0 10px 0;
color: #ea7f00;
background-image: none;
}

#main ul {
list-style-type: none;
}

#main ul li{
background : transparent url(img/li.gif) no-repeat left top;
background-position : 0 5px;
padding-left : 15px;
}


/* STRUCTURE */

#header {
background: url(img/head.jpg) no-repeat top center;
width:100%;
height:487px;
z-index: -1;
}

.text_top {
width: 960px;
height: 350px;
text-align: left;
display: block;
margin: 0 auto;
}                        

.text {
width: 960px;
text-align: left;
display: block;
margin: 0 auto;
}

#main {
width: 520px;
padding: 0px 50px 0 50px;
margin: 0;  
display: block;
float: left;
position: relative;
left: 0; top: -73px;
margin-bottom: -73px;
}

#sidebar {
width: 230px;
padding: 0px 50px 0 50px;
margin: 0; 
display: block;
float: right;
background: url(img/sidebar.gif) repeat-y left top;
}

#footer {
width: 1134px;
height: 237px;
text-align: center;
display: block;
margin: 0 auto; 
clear: both;
background: url(img/footer.jpg) no-repeat center bottom;
}

/* MAIN OBJECTS */

/* logo img replacement */
#logo {
width:355px;
height:68px;
margin:0; padding:0;
position: relative;
left: 45px; top: 90px;
overflow: hidden;
}  
/* span is placed besided text, in html */
#logo span {
width:355px;
height:68px;
display:block;
position:absolute; left:0; top:0; z-index:1;
margin:0; padding:0;
background:url(img/logo_lts.jpg) top left no-repeat;
}

#lang_sel {
width: 300px;
height: 1.2em;
font-size: 0.9em;
display: block;
float: right;
position: relative;
left: 130px; 
top: 25px;        
}

#lang_sel ul {
margin: 0;
padding: 0;  
} 

#footer_text {
width: 300px;
height: 100px;
display: block;
margin: 0 auto;
padding-top: 100px; 
font-size: 0.9em;
}

#footer_text p {
margin-bottom: 0;
}

#footer_nav li ul{
display: none;
list-style-type: none;
}

#footer_nav li, #lang_sel li {
list-style-type: none;
}

#footer a {
color: #4d4d4d;
}

#footer a:hover {
text-decoration: underline;
}

#footer_nav li a, #lang_sel li a {
display: block;
float: left;
padding-right: 6px;
margin-right: 6px;
color: #4d4d4d;
text-decoration: none;
}

#footer_nav li a:hover, #lang_sel a:hover {
text-decoration: underline;
} 

#footer_nav li a {
background: url(img/footer_spacer.gif) no-repeat right center;
font-weight: bold;
}

#lang_sel a {
background: url(img/language_spacer.gif) no-repeat right center!important;
font-weight: normal;
}

#footer_nav li:last-child a, #lang_sel ul li ul li:last-child a {
background: none!important;
}



/* UNIVERSAL CLASSES */
.bigger {
font-size: 1.4em;
font-weight: bold;
}

.smaller {
font-size: 0.8em;
font-weight: normal;
}

.strong {
font-weight: bold;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	margin: 10px;
  border: 3px rgb(192,192,192) solid; 
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin: 15px auto 10px auto;
	}

img.alignright {
	margin: 15px 0 10px 15px;
	display: inline;
	}

img.alignleft {
	margin: 15px 15px 10px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* search widget */

#searchform {
display: block;
width: 230px;
}

#sidebar ul li {
margin: 0;
padding: 0;
list-style-type: none;
display: block;
clear: both;
margin-top: 50px;
}

#search-3 {
margin-top: 0!important;
display: block;
height: 35px;
}

.screen-reader-text {
display: none;
}

#s {
width: 175px;
height: 15px;
display: block;
line-height: 25px;
padding: 5px; 
vertical-align: middle;
border: 1px #8c8c8c solid;
background: #ffffff url(img/search_input.gif) repeat-x top;
float: left; 
}

#searchsubmit {
width: 31px;
height: 31px;
display: block;
background: url(img/search_button.gif) no-repeat top;
border: 0;
float: right; 
}

 

/* NOVINKY */

.time {
display: block;
clear: both;
font-size: 0.9em;
line-height: 0.9em;
}

.icon {
padding-left: 70px;
padding-bottom: 15px;
}

#news {
background: url(img/calendar.gif) no-repeat left top;
}

#novinka p {
height: 4.5em;
overflow: hidden;
margin-bottom: 1.5em;
}

#quick_c {
display: block;
clear: both;
float: left;
margin: 0 10px 0 0;
}