/*************************************
	- CSS Style -
	CSS URI: http://ww.hradloket.cz/
	Version: 1.0
	Description: CSS for browsers with Gecko core - default
	Author: Alex
	Author URI: http://www.apollo1.cz/
*************************************/

/*************************************
 +Body, Html
*************************************/

html {
	
	background: #000 url('images/bg-body.jpg') center bottom no-repeat;
	background-attachment: fixed;
}

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.6em;
	margin: 0;
	padding: 0;
	color: #ddd;
	letter-spacing: .06em;
	word-spacing: .1em;
	background: url('images/bg-html.gif') center top repeat-x;
	
}

#misse-menu, #wrap-blog, #right-menu {
	/*border: 1px solid;*/
}

/*************************************
 +A
*************************************/

a {
	color: #ee2200;
	text-decoration: none;
}

a:hover, a.active {
	color: #fff;
}

	a.lightbox {
		
	}
	
	a.lightbox:hover {  }
	
	a.lightbox img {
		border: none;
	}
	
	



img {
	margin: 0 5px 5px 0;
}

#wrap-footer a {
	
}

#wrap-footer a:hover {
	
}

/*************************************
 +(X)HTML
*************************************/

ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}


/*************************************
 +Containers
*************************************/

#wrap {
	width: 990px;
	margin: 0 auto;
	font-size: 1.3em;
	font-weight: normal;
}



/*************************************
 +Hn
*************************************/

h1, h2, h3 {
	margin: 0;
	padding: 0;
}

h2 {
	
}

h3 { }

h3.footer-blog, h3.footer-blog a {
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	font-size: 1em;
	margin: 0;
}

h4 { }


/*************************************
 +Header
*************************************/

#header {
	position: relative;
	margin: 0;
	padding: 0;
	height: 160px;
}
	
	#header h1 {
		position: relative;
	}
	
	#header h1 a {
		display: block;
		width: 900px; height: 150px;
		background: url('images/h1.gif') left bottom no-repeat;
	}
	
	#header h1 span {
		display: none;
	}
	
#top {
	clear: both;
	height: 30px;		
}
	
/*************************************
 +Finder
*************************************/

#finder {
	float: left;
	margin: 4px 0 0 10px;
}

	#search input {
		border: 0px solid #fff;
		padding: 3px;
		background: #777;
		color: #fff;
		font-style: italic;
	}
	
	#search input.submit {
		background: url('images/search.png') center top no-repeat;
		width: 20px; height: 20px;
		cursor: pointer;
	}

/*************************************
 +Misse Menu
*************************************/

#misse-menu {
	position: relative;
	float: left;
	z-index: 25;
}

	#misse-menu ul {
	
	}
	
	#misse-menu ul li {
		margin: 0;
	}
	
		#misse-menu ul li a {
			display: block;
			width: 132px; height: 43px;
			margin: 0 0 6px;
		}
		
		#misse-menu ul li a.active {
			z-index: 20;
		}
		
		#misse-menu ul li a.a-1 {background: url('images/misse-01.png') right center no-repeat;}
		#misse-menu ul li a.a-1.active {background: url('images/misse-01_active.png') right center no-repeat;}
		#misse-menu ul li a.a-1:hover {background: url('images/misse-01_active.png') right center no-repeat;}
		
		#misse-menu ul li a.a-2 {background: url('images/misse-02.png') right center no-repeat;}
		#misse-menu ul li a.a-2:hover {background: url('images/misse-02_hover.png') right center no-repeat;}
		#misse-menu ul li a.a-2.active {background: url('images/misse-02_active.png') right center no-repeat;}
		
		#misse-menu ul li a.a-3 {background: url('images/misse-03.png') right center no-repeat;}
		#misse-menu ul li a.a-3:hover {background: url('images/misse-03_hover.png') right center no-repeat;}
		#misse-menu ul li a.a-3.active {background: url('images/misse-03_active.png') right center no-repeat;}
		
		#misse-menu ul li a.a-4 {background: url('images/misse-04.png') right center no-repeat;}
		#misse-menu ul li a.a-4:hover {background: url('images/misse-04_hover.png') right center no-repeat;}
		#misse-menu ul li a.a-4.active {background: url('images/misse-04_active.png') right center no-repeat;}
		
		#misse-menu ul li a.a-5 {background: url('images/misse-05.png') right center no-repeat;}
		#misse-menu ul li a.a-5:hover {background: url('images/misse-05_hover.png') right center no-repeat;}
		#misse-menu ul li a.a-5.active {background: url('images/misse-05_active.png') right center no-repeat;}
		
		#misse-menu ul li a span {
			display: none;
		}
		
		


/*************************************
 +Main Menu
*************************************/

#main-menu {
	position: relative;
	top: 7px;
	font-family: arial, helvetica, sans-serif;
	float: left;
	padding: 0;
	margin: 0 0 0 50px;
	text-align: right;
	width: 740px;
}

	#main-menu ul li {
		
		display: inline-table;
		font-size: .95em;
		text-transform: uppercase;
	}
	
		#main-menu ul li a {
			
			margin: 0;
			padding: 1px 15px 2px;
			color: #a5a8a9;
			text-decoration: none;
			
		}
		
		#main-menu ul li a.first {
			border: none;
		}

		#main-menu ul li a:hover, #main-menu ul li a.active {
			color: #fff;
		}


/*************************************
 +Misse Menu
*************************************/

#right-menu {
	position: relative;
	width: 220px;
	float: left;
	z-index: 25;
	/*border-left: 1px solid #222;*/
	padding: 0 0 120px 0;
}

	#right-menu ul {
		
	}
	
	#right-menu ul li {
		margin: 0;
		padding: 0;
		/*list-style-position: outside;
		list-style-image: url('images/li-right-menu.gif');*/
	}
	
		#right-menu ul li a {
			display: block;
			padding: 9px 5px 9px 17px;
			margin: 0 0 0 -1px;
			text-decoration: none;
			text-transform: uppercase;
			/*border-left: 0px solid #222;*/
			/*color: #747e80;*/
			/*background: url('images/li-right-menu.gif') left 10px no-repeat;*/
			
		}
		
			#right-menu ul li a:hover, #right-menu ul li a.active {
				/*background: url('images/li-right-menu_hover.gif') left 10px no-repeat;*/
				padding: 9px 5px 9px 16px;
				border-left: 1px solid #555;
				
			}
		
		#right-menu ul li a span {
			
		}
	
	#right-menu ul.level-2 {
		margin: 0 0 5px 0;
	}
		
		#right-menu ul.level-2 li a, #right-menu ul.posts-list li a {
			font-size: .9em;
			background: none;
			border-left: 1px solid #222;
			padding: 0px 5px 3px 10px;
			margin: 0 0 0 15px;
			border-left: 1px solid #222;
		}
		
		#right-menu ul.level-2 li a:hover, #right-menu ul.level-2 li a-active, #right-menu ul.posts-list li a:hover, #right-menu ul.posts-list li a-active {
			border-left: 1px solid #555;
		}


/*************************************
 +Content
*************************************/

#wrap-content {
	position: relative;
	margin: 30px 0 0 0;
	padding: 0;
	
}

#wrap-blog {
	position: relative;
	z-index: 50;
	float: left;
	width: 520px;
	margin: 0 0 0 50px;
	padding: 15px 30px 40px 30px;
	background: url('images/bg-wrap-blog.png') left top repeat;
}
	
	#wrap-blog .wrap-post {
		margin-bottom: 40px;
		border-bottom: 1px dotted #222;
	}
	
		#wrap-blog .wrap-post h2 {
			margin: 6px 0 .8em 0;
			font-size: 2.1em;
			color: #ee2200;
			letter-spacing: 0.08em;
			word-spacing: .1em;
			line-height: 1.3em;
			font-weight: normal;
			text-transform: uppercase;
			font-style: italic;
			/*cbackground: #ee2200;
			olor: #fff;
			padding: 5px 15px;
			text-transform: uppercase;*/
		}
			
			#wrap-blog .wrap-post h2 a {
				text-decoration: none;
				color: #e53517;
				
			}

		#wrap-blog .wrap-post .post {
			line-height: 1.6em;
			letter-spacing: .08em;
			font-size: 1.1em;
			font-weight: normal;
			font-family: georgia, times, serif;
		}
		
		#wrap-blog .wrap-post .post ul {
			line-height: 1.2em;
		}
		
		#wrap-blog .wrap-post .post ul, #wrap-blog .wrap-post .post li {
			list-style: disc;
		}
		
			#wrap-blog .wrap-post .post ul li {
				margin: 0 0 7px 25px;
			}			
			
			#wrap-blog .wrap-post .post .media {
				padding: 0;
				margin-left: -1px;
				color: #eaba65;
				color: #000;
			}
			
			#wrap-blog .wrap-post .post a.gallery {
				background: none;
				text-decoration: none;
			}
		
			#wrap-blog .wrap-post .post h3 {
				font-size: 1.6em;
				font-weight: normal;
				text-transform: uppercase;
				letter-spacing: .07em;
				line-height: 1.3em;
				color: #d79115;
			}
			
			#wrap-blog .wrap-post .post h3.em {
				font-family: georgia, times, serif;
				font-style: italic;
				text-transform: none;
				font-size: 1.6em;
				line-height: 1.7em;
				font-weight: normal;
				background: #e53517;
				color: #fff;
				padding: 5px 10px;
				margin: 0 0 1.3em 0;
				
			}
			
			#wrap-blog .wrap-post .post h4 {
				font-size: 1.4em;
				font-weight: normal;
				line-height: 1.4em;
				letter-spacing: .06em;
				word-spacing: 0em;
				color: #d79115;
				font-style: italic;
				margin: 40px 0 10px 0;
			}
			
			#wrap-blog .wrap-post .post p, #wrap-blog .wrap-post .post ul {
				margin: 0 0 1.2em 0;
			}
			
			#wrap-blog .wrap-post .post h4 a {
				text-decoration: none;
			}
			
			#wrap-blog .wrap-post .post strong {
				color: #fff;
				letter-spacing: .1em;
				padding: 0 1px;
			}
			
			#wrap-blog .wrap-post .post em {
				
			}
			
			#wrap-blog .wrap-post .post em.red {
				color: #e53517;
			}
			
			#wrap-blog .wrap-post .post img.left {
				margin: 0 5px 0 0;
			}
			
			#wrap-blog .wrap-post .post img.right {
				margin: 0 0 0 5px;
			}
			
			#wrap-blog .wrap-post .post a {
				color: #eaba65;
				font-weight: bold;
				letter-spacing: .1em;
				background: url('images/link.png') left 8px no-repeat;
				padding: 0 0 0 11px;
				text-decoration: underline;
			}
			
				#wrap-blog .wrap-post .post a:hover {
					color: #d79115;
				}
				
			#wrap-blog .wrap-post .post a strong {
				color: #eaba65;
			}
	
/*************************************
 +Footer
*************************************/

#footer {
	position: relative;
	z-index: 50;
	float: left;
	width: 522px;
	margin: 2px 0 0 180px;
	padding: 0 30px 40px 30px;
	background: none;/*url('images/bg-wrap-blog.png') left top repeat;*/
	font-size: .85em;
	font-style: italic;
	color: #444;
}

	#footer a {
		color: #444;
	}
	
	#footer a:hover {
		color: #aaa;
	}

	#footer .box {
		width: 190px;
		float: left;
		padding: 0 20px;
	}
	
	#footer .box ul, #footer .box li {
		list-style-image: url('images/bullet.gif');
	}




/*************************************
 +Table
*************************************/

table {
	width: 100%;
	margin: 1em 0;
	border-collapse: collapse;
}

td, th {
	padding: 3px 8px 4px 8px;
	border-bottom: 1px solid #222;
	vertical-align: top;
}

th {
	text-align: left;
}

th small { }

	table.borders th {
		background: #d79115;
		color: #fefefe;
	}
	
		table.borders th.light {
			background: #eaba65;
			color: #000;
			text-align: center;
			padding: 10px 5px;
		}
		
		table.borders th.dark {
			font-size: 1.3em;
			padding: 15px 15px;
		}
	
	table.borders td {
		border: 1px solid #222;
	}
	
	table.list-of-children {
		font-size: .85em;
		line-height: 1.4em;
	}
	
		table.list-of-children td, table.list-of-children th {
			padding: 3px 4px 4px 4px;
		}

/*************************************
 +Gallery
*************************************/

#gallery {}

	#gallery a {
		margin: 15px 7px;
		display: block;
		width: 100px; height: 100px;
		background: none;
		text-align: center;
		
	}
	
		#gallery a img {
			border: 6px solid #151515;
			padding: 0;
		}
		
		#gallery a:hover img {
			padding: 0;
			border: 6px solid #e53517;
		}

	#gallery .cell {
		float: left;
	}
	
	#gallery.simple {
		
	}
	
		#gallery.simple .caption {
			display: none;
		}
	
	#gallery.notes {
		
	}
		
	#gallery.notes a {
		width: 130px; height: 170px;
	}
	
	#gallery.notes .caption {
		display: block;
		margin: 5px auto;
		font-size: .9em;
		font-style: normal;
		line-height: 1.2em;
	}



/*************************************
 +Calendar
*************************************/

#calendar {}

#calendar table { }

#calendar td { }

#calendar .calendar-in td { }

#calendar td.link { }

#calendar td.calendar-today { }

#calendar td.calendar-nav a { }


/*************************************
 +JQuery Scrollable
*************************************/

#cat-nav {
	float: left;
	width: 180px;
	padding: 12px 0 0 20px;
	margin: 0 0 0 10px;
}

#cat-nav a { text-decoration: none; color: #000; font-weight: bold; }
#cat-nav a:hover, #cat-nav a.active { text-decoration: underline; }

#scrollable {
	height: 20px;
	padding: 0;
	width: 145px;
	position: relative; 
    overflow: hidden; 
	float: left;
	
}

#scrollable div.items { 
    float: left;
	position: absolute;
	width: 2000em;
	
} 

#scrollable div.items div { 
	float: left;
	text-align: center;
	
} 

#scrollable div.items div.short { width: 16px; }
#scrollable div.items div.long { width: 22px; } 

#main-menu a.prev, #main-menu a.next, a.prevPage, a.nextPage {
	display: block;
	padding: 0 3px;
	float: left;
	cursor: pointer;
	
}

#main-menu a.next {
	margin: 0 0 0 5px;
	padding: 0 0 0 3px;
}
/*************************************
 +ShoutBoard
*************************************/



/*************************************
 +Misc
*************************************/
hr {}

.info, .error {}

.error {color: red;}
.info {color: green;}

.cleaner {clear: both;}