/*
Theme Name: izmus.cz
Theme URI: http://izmus.cz/
Description: Design, který udělal Jaroslav Hrách.
Version: 2.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: #207280 url('images/background.jpg') repeat-x;
	color: #333;
	text-align: center;
	margin: 0 auto;
	}

#page {
	margin: 0 auto;
	width: 940px;
	text-align: left;
}
	
/* ---// STRUKTURA //--- */


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

h1 {
  font-size: 2em;
  color: #D3145A; 
}

h2 {
  font-size: 1.8em;
  color: #BF0B56; 
  background-color: inherit;
}

.nadpis {margin-bottom: 0px;}
.nadpis a{text-decoration: none;}
.nadpis a:hover{background: none; text-decoration: underline; color: #8F083D;}
.nadpis a:visited{color: #ba0f4d;}

.publication {
  border-bottom: 2px #DFDFDF solid;
  font-size: 11px;
}

h3 {
  font-size: 1.5em;
  color: #000; 
  background-color: inherit;
  margin: 10px 0 10px 0;
}

a {color: #D3145A;}
a:hover {color: #0E4250; background: #C2E9EF;}
a:visited{color: #ba0f4d;}

p {line-height: 1.5em}
small {font-size: 11px;}
.entry {margin-bottom: 10px; text-align: right;}

.odkazy {font-size: 11px;}

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


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

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

#header h1 {padding: 30px 0 0 100px;}

#header a {color: #000; font-size: 30px;}
#header a:hover {color: #D4145A; font-size: 30px;}

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

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

/* --- OBSAH --- */

#blok1 {width: 630px; float: left; padding: 0; margin: 0; background:#fff;}
#blok2 {margin: 0 0 0 630px; text-align: left; background:#fff;}

#content {background: url('images/content.jpg') repeat-y;}
#content-top {background: url('images/content-top.jpg') left top no-repeat; padding: 26px 30px 20px 38px;}

.post {margin: 0 0 20px;	text-align: left;}
.post hr {display: block;}
	
.navigation a {font-style: italic;color: #4F4F4F;}
.navigation a:hover {font-style: italic;color: #000;}

.paticka-text {
  background: url('images/paticka.jpg') repeat-x;
  width: 555px;
  height: 34px;
  padding: 10px 7px 0 0;
  text-align: right;
}

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


/* --- MENU -- */

#menu {
	width: 310px;
  background: url('images/menu.jpg') repeat-y;
  float: right;
}

#menu-footer {padding: 0 0 15px 0; background: url('images/menu-footer.jpg') left bottom no-repeat;} 
#menu-odsazeni {margin: 50px 0 25px 0; } 
#search {	background: url('images/menu-top.jpg') left top no-repeat;}
#search-vlozeni {padding: 45px 0 0 45px;}
	
#menu h3 {
 font-size: 18px;
 color: #D3145A;
 font-weight: normal;
 margin-top: 10px;
 margin-bottom: 15px;
}

#menu-navigace {
 padding: 10px 10px 10px 50px;
 margin: 0 0 0 20px;
 background: url('images/navigace.png') center left no-repeat;
}

#menu-rss {
 padding: 10px 10px 10px 50px;
 margin-left: 20px;
 background: url('images/rss.png') center left no-repeat;
}

#menu-kategorie {
 padding: 10px 10px 10px 50px;
 margin-left: 20px;
 background: url('images/kategorie.png') center left no-repeat;
}

#menu-komentare {
 padding: 10px 10px 10px 50px;
 margin-left: 20px;
 background: url('images/komentare.png') center left no-repeat;
}

#menu-spratelene-weby {
 padding: 10px 10px 10px 50px;
 margin-left: 20px;
 background: url('images/spratelene-weby.png') center left no-repeat;
}

#menu ul {
  padding: 0 35px 15px 20px;
  margin: 0;
  list-style: none;
}

#menu ul li {
  display: block;
  line-height: 23px;
  padding-left: 25px;
  background: url('images/sipka.png') center left no-repeat;
  border-bottom: 1px dotted #000;
}

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

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

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


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

#footer {
	background: url('images/footer.jpg') left bottom no-repeat;
	width: 630px;
	height: 78px;
	float: left;
}

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

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

/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}


/* --- ČÍSLOVÁNÍ -- */

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #D3145A;
	color: #D3145A;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #D3145A;
	color: #D3145A;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #D3145A;
	color: #D3145A;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #D3145A;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #D3145A;
	color: #D3145A;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #D3145A;
	color: #000000;
	background-color: #FFFFFF;
}

/* ---// ČÍSLOVÁNÍ //-- */

/* Begin 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;}

/* End Images */



/* Begin Comments*/

.comment {
	width: 555px;
  background: url('images/comment.jpg') repeat-y;
  margin-bottom: 20px;
	}

.comment-top {background: url('images/comment-top.jpg') no-repeat;}
.comment-bottom {background: url('images/comment-bottom.jpg') left bottom no-repeat; padding: 10px 0 5px 10px;}
.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;
}
	
/* End Comments */


/* Begin 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;
	}
	
/* End Form Elements */



/* Begin 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*/