/*
Theme Name: Junic
Theme URI: http://junic.cz/
Description: Design určený projektu Junic.cz
Version: 1.0
Author: Jaroslav Hrách
Author URI: http://izmus.cz/
*/

/* ----- STRUKTURA ----- */

body {
font-size: 85%;
font-family: "Trebuchet MS", "Geneva CE", verdana, sans-serif;
background: #1a252e url('images/background.jpg') repeat-x;
color: #333;
text-align: center;
margin: 0px auto;
}

#celek { 
margin: 0 auto;
width: 828px;
}

/* -----// STRUKTURA //----- */


/* ----- ZÁKLAD ----- */

h1 { 
font-size: 1.6em;
color: #000; 
}

h2 { 
font-size: 1.6em;
margin: 0 0 10px 0;
color: #000; 
background-color: inherit;
text-align: left;
border-bottom: 1px dotted #000;
}

h3 { 
font-size: 1.4em;
color: #000; 
background-color: inherit; 
line-height: 1.2em;
text-align: left;
}

.nadpis { border-bottom: 1px solid #31414E; }

.nadpis a{ color: #31414E; text-decoration: none; }

.nadpis a:hover{
background: none;
text-decoration: none; 
border-bottom: 1px solid #000;
color: #2B77AF; }
  
.kategorie { 
text-align: center; 
font-size: 12px; 
color: #000; 
background: #dad9d9;	
border-bottom: 1px #aeaeae solid;
padding: 3px 0 3px 0;
margin: 10px 0 25px 0;
}

.kategorie a { color: #4D4D4D;	}
.kategorie a:hover { color: #000; background: none;	}
  
.tags { font-size: 11px; }
.tags a { font-size: 11px; text-decoration: none; }

a { color: #1F567F; }
a:hover { color: #fff; background: #2B77AF; text-decoration: none; }

p { line-height: 1.4em; }


/* -----// ZÁKLAD //----- */


/* ----- HLAVIČKA ----- */

#header-full {
margin: 0 auto;
height: 137px;
}

#header {
height: 137px;
width: 828px;
padding: 0;
position: relative;
margin: 0px auto;
overflow: hidden;
text-align: left;
float: left;
}

#header span {
background: url('images/header.jpg') no-repeat;
height: 137px;
width: 828px;
display: block;
position: absolute; 
left: 0; 
top: 0; 
z-index: 1;
cursor: pointer;
}

#header h1 { text-align: left; padding-top: 15px; margin: 0 0 0 30px; }
#header a { color: #fdfdfd; font-size: 20px; text-decoration: none; }
#header a:hover { color: #A9A9A9; font-size: 20px; text-decoration: underline; }

/* -----// HLAVIČKA //----- */


/* ----- OBSAH ----- */

#content {
background: #2F3F4C url('images/content.jpg') repeat-y;
}

#content-bottom {
background: #000 url('images/content-bottom.jpg') repeat-y;
width: 828px;
height: 24px;
}

#blok1 { width: 549px; float: left; }
#blok2 { margin: 0 0 0 549px; text-align: left; }

#obsah-top {
width: 549px;
background: url('images/obsah-top.jpg') left top no-repeat;
margin: 0 auto;
}

#obsah-content {
width: 549px;
background: url('images/obsah-content.jpg') 0 0 repeat-y;
margin: 0 0 0 20px;
text-align: left;
}

#obsah-bottom {
width: 549px;
background: url('images/obsah-bottom.jpg') left bottom no-repeat;
margin: 0 auto;
} 

#obsah-text { padding: 15px 15px 35px 15px;}

.cleaner {
clear: both;
height: 0;
content: ' ';
overflow: hidden;
}

.cleaner hr { display: none; }

/* -----// OBSAH //----- */

/* ----- MENU ----- */

.menu-top {
width: 240px;
background: url('images/menu-top.jpg') left top no-repeat;
margin: 0 auto;
}

.menu-content {
width: 240px;
background: url('images/menu-content.jpg') 0 0 repeat-y;
margin: 0 auto;
}

.menu-bottom {
width: 240px;
background: url('images/menu-bottom.jpg') left bottom no-repeat;
margin: 0 auto;
} 
	
#sidebar {
margin: 0 auto;
padding: 15px 13px 10px 13px;
text-align: justify;
}

#sidebar h2 {
font-size: 1.6em;
color: #000;
font-weight: normal; 
text-align: left;
border-bottom: 1px solid #000;
}

#sidebar ul {
padding: 0;
margin: 0 0 25px 0;
list-style: none;
text-align: justify; 
}

#menu ul li {
display: block;
}ghj

#menu ul li a {
font-size: 16px;
color: #112e0a;
text-decoration: none;
background: none;
}

#menu ul li a:hover { 
color: #305722;
text-decoration: none;
}

#nabidka  {
width: 828px;
height: 59px;
background: #000 url('images/nabidka.jpg') no-repeat;
margin: 0 auto;
text-align: center;
}


ul#links {height: 28px; padding: 13px 14px; float: left; margin: 0}
ul#links li {overflow: hidden; display: block; text-decoration: none; padding: 0; position: relative; height: 40px}
ul#links li, ul#links li a {float: left; padding: 0; font-size: 12px; text-align: center;}
ul#links li a span {height: 40px; padding: 0; top: 0; left: 0; }

li.home {width: 79px}
li.home a span, li.home span {background: url('images/links/home.jpg') no-repeat center top; width: 79px;} 
li.aktuality {width: 107px}
li.aktuality a span, li.aktuality span {background: url('images/links/aktuality.jpg') no-repeat center top; width: 107px;}
li.filmy {width: 72px}
li.filmy a span, li.filmy span {background: url('images/links/filmy.jpg') no-repeat center top; width: 72px;}
li.hry {width: 58px}
li.hry a span, li.hry span {background: url('images/links/hry.jpg') no-repeat center top; width: 58px;}
li.hudba {width: 84px}
li.hudba a span, li.hudba span {background: url('images/links/hudba.jpg') no-repeat center top; width: 84px;}
li.recenze {width: 99px}
li.recenze a span, li.recenze span {background: url('images/links/recenze.jpg') no-repeat center top; width: 99px;}
li.o-junic {width: 87px}
li.o-junic a span, li.o-junic span {background: url('images/links/o-junic.jpg') no-repeat center top; width: 87px;}
li.junic-podporuje {width: 163px}
li.junic-podporuje a span, li.junic-podporuje span {background: url('images/links/junic-podporuje.jpg') no-repeat center top; width: 163px;}

li a:hover span {background-position: center -40px}

ul#links li a span, ul#links li span {display: block; position: absolute; z-index: 2; cursor: pointer;}

/* -----// MENU //----- */


/* ----- TEXT ----- */

.post { margin: 0; text-align: justify; }

.post hr { display: block; }
	
.navigation a { font-style: italic;	color: #4F4F4F; margin: 0 auto; }
.navigation a:hover {	font-style: italic; color: #000; }

/* -----// TEXT //----- */


/* ----- PATIČKA ----- */

#footer {
background: url('images/footer.jpg') no-repeat;
border: none;
margin: 0 auto;
width: 828px;
clear: both;
}

#footer p {
margin: 0;
padding: 0 0 15px 0;
text-align: center;
color: #e9e9e9;
}
	
#footer a { color: #c9c9c9;}

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

/* -----// PATIČKA //----- */


/* ----- COMMENTS ----- */

#comment {
width: 520px;
background: url('images/comment-content.jpg') repeat-y;
margin-bottom: 20px;
color: #000;
}

#comment-top {
background: url('images/comment-top.jpg') no-repeat;
}
	
#comment-bottom {
background: url('images/comment-bottom.jpg') left bottom no-repeat;
padding: 10px 10px 5px 10px;
text-align: justify;
}

.gravatar { display: block; float: left;  margin: 0 5px 5px 0; padding: 1px; }

.alt {
margin: 0;
padding: 10px;
}

.commentlist {
padding: 0;
text-align: justify;
}

.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}

.commentlist p { margin: 10px 5px 10px 0; }

#commentform p {
margin: 5px 0;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}

/* -----// COMMENTS //----- */

/* ----- IMAGES ----- */

p img {
	padding: 0;
	max-width: 100%;
	}

/*	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-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	padding: 0;
	}

/* -----// IMAGES //----- */

/* ----- Form Elements ----- */

#commentform input {
	width: 175px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	border: 1px solid #999;
	}

#commentform textarea {
	width: 455px;
	padding: 2px;
	background: #fff url('images/comment-obrazek.png') right bottom no-repeat;
	border: 1px solid #999;
	}

#commentform #submit {
	margin: 0 0 10px 0;
	float: left;
	}
/* -----// Form Elements //----- */



/* ----- Various Tags & Classes ----- */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

/* -----// End Various Tags & Classes //----- */