/*
Theme Name: TomášPučík.cz
Theme URI: http://tomaspucik.cz/
Description: Design pro osobní stránku Tomáše Pučíka od Jaroslava Hrácha.
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: #fff url('images/header-background.jpg') repeat-x;
	color: #333;
	text-align: center;
	margin: 0px auto;
}

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


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

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

h2 { 
  font-size: 1.8em;
  margin: 0 auto;
  color: #359C19; 
  background-color: inherit;
}

h3 { 
  font-size: 1.5em;
  color: #000; 
  background-color: inherit; 
  line-height: 1.2em;
}
.nadpis a {text-decoration: none;}

.nadpis a:hover{
  background: none;
  text-decoration: underline; 
  color: #305722; }
  
.tags {font-size: 11px;}
.tags a {font-size: 11px; text-decoration: none;}

a {color: #359C19;}
a:hover {color: #305722;}

p {line-height: 1.4em}

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


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

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

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

#header h1 { text-align: center; padding-top: 15px; margin: 0 auto; }
#header a { color: #8CC63C; font-size: 30px; text-decoration: none; }
#header a:hover { color: #359C19; font-size: 30px; text-decoration: underline; }

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


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

#content {width: 850px; margin-top: 25px; padding: 0 auto;}
#content-top {background: url('images/content-top.jpg') no-repeat; height: 23px; width: 849px;}
#content-content {background: url('images/content-content.jpg') 0 0 repeat-y; margin: 0; width: 849px;}
#content-bottom {background: url('images/content-bottom.jpg') left bottom no-repeat; height: 23px; width: 849px;}

#articles {width: 580px; padding: 0 25px 0 0; float: right;}

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

.cleaner hr { display: none; }

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


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

#sidebar {
 width: 190px; 
 padding: 0 0 0 17px;
 float: left;
}

#sidebar h2 {
 font-size: 24px;
 color: #000;
 font-weight: normal;
 text-align: center;
 border-bottom: 5px solid #97ab90;
}

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

#sidebar ul li {display: block;}

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

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

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

#footer {
	background: url('images/footer.jpg') left bottom no-repeat;
	border: none;
	padding-top: 10px;
	margin: 0 0 10px 0;
	width: 849px;
	height: 62px;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 19px 0 0 0;
	text-align: center;
	color: #fff;
}
	
#footer a { color: #E2FBC1;	}
#footer a:hover { color: #8CC63E; text-decoration: underline;	}

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


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

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

.hidden {display: none;}

hr {display: none;}

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