* {margin: 0; padding: 0;}

body {
	background: url(p/_design_first/bg.gif) #2c3216 no-repeat 560px 300px;
	color: white;
  font: 1em/1.67 'palatino linotype', palatino, 'lucida grande', 'lucida sans unicode', sans-serif;
}
#bg_po_boku {
	z-index: 3;
	position: absolute; top: 890px; left: 0;
	width: 180px; height: 600px;
	background: url(p/_design_first/bg_po_boku.gif) repeat-y;
	}
	
#wrapper {} 

#jump_to_menu {display: none;}


/***** header *****/
#header {
	height: 262px;
	background: url(p/_design_first/bg_header.jpg) repeat-x;	
	text-align: center;
	}
h1 {display: none}
#header #logotyp  {
  position: relative;
	top: 100px;
	margin: 0 auto;
  width: 586px; height: 61px;
	z-index: 5; /* nad #menu (4) kvoli postave Vetvy */
	} 
#header #logotyp span {
  background: url(p/_design_first/logotyp.gif) no-repeat;
  width: 100%; height: 100%;
  position: absolute; top: 0; left: 0;
	}  

  
/***** content *****/  
/* for all browsers that understand max-width */
#content_matrijoska{
	text-align: justify;
	position: relative;
	top: -51px;
	min-width: 35em;
	max-width: 60em;
	margin-bottom: 300px;
  padding: 72px 15px 15px 15px;	
}
/* for IE 5-6 browsers */
* html #content_matrijoska{
	width: expression(document.body.clientWidth > 980 ? '61em' : (document.body.clientWidth < 570 ? '35em' : '100%')); /* or 'auto'; 875 = 700 / 0.8 */
	margin-bottom: 120px;
}
#content{
	margin-left: 200px;
	}
h2 {
	position: absolute;	top: 0px; left: 8.95em;
	}
h3 {
	margin-top: 1em;
	color: #7aa6ff;
	border-top: 2px solid #232810;
	clear: both;
	}	

h3#main_page {	clear: none;}
	
h3.margin_top_no {
	margin-top: 0;
	}
h3.horde {margin-top: 50px; color: red;}	/* margin-top sa musi rovnat s "o jeden riadok nizsie"*/
img.horde {margin-top:50px; float:right;} /* margin-top sa musi rovnat s "o jeden riadok vyssie"*/
img.alliance {float:right;} /* margin-top sa musi rovnat s "o jeden riadok vyssie"*/

h4 {margin-top: 10px; color: #6e90a4;}
h4.alliance, #content h4.horde {
	margin-top: 20px;
	}		
h2.alliance, h4.alliance {
	color: #7aa6ff;
	}
h2.horde, h4.horde {
	color: red;
	}				
	



	
.img-right {
	margin: 0 0 .1em 1em;
	}	
.img-left {
	margin: .5em 1em .1em 0;
	}	
.img-right, .img-left {
	text-align: center;
	color: #738127;
	line-height: 1.4;
	background: #151708;
	border: 2px solid #171500;
	}
.img-right DIV, .img-left DIV{
	padding-top: .1em;
	padding-bottom: .5em;
	padding-left: .5em;
	padding-right: .5em;
	}	
.img-right {float: right;}
.img-left {float: left;}











/*****menu *****/
#menu_matrijoska {
	background: #1f240d;
	position: absolute; top: 205px; left: 15px;	
	z-index: 4;	 /* pod logotypom stránky (5) */
	width: 170px;
	}
#menu {
	padding: 1em 1.2em 1em 2em;
	}
#menu ul, #menu ol {
	padding: 1em;
	margin: 0;
}	
#postava_nad_menu {
	width: 203px; height: 262px;
	position: absolute; top: -205px; left: -15px;
	background: url(p/_design_first/vetva.gif) no-repeat;
	}
	
#second_menu h3{
	margin-top: 2em;
	}
#second_menu ul {
	padding: 0 1em 1em 1em;
}	
 









/* footer */
#footer_matrijoska {
	position: relative;
	z-index: 5;
  text-align: center; 
  font-size: .9em;
}
#footer  {
  border-top: 1px solid #061400;
	width: 30em;	
  margin: 10px auto 0 auto;
	padding-top: .3em;
	padding-bottom: .6em;
  }
#footer hr {display: none;}
#footer h3 {display: none;}



/* POSTAVY sekcia  */
.signature {float: right;}

/* UVOD sekcia - novinky */
ul#novinky li {
	padding-bottom: 55px;
}

strong {
	color: white;
}

blockquote {
	font-size: 1.1em;
	margin: 10px;
	padding: 0 20px;
	font-style: italic;
	color: #c7cabd;
	background: url(p/_blockquote.jpg) #1b1f0d;
	border: 1px solid #0D0E07;
}
.blockquote_author {
	color:#bdcac0;
	text-align:right;
}
.blockquote_author_name {
	font-weight: bold;
}

p {margin: 1em 0;}

hr {display: none;}

/* on every post */
.kapitola{color: #a34bc3; position: absolute; top: 13px; right: 1em;}



/* on entire design */
ul, ol {margin-left: 15px;}
a {cursor: pointer; text-decoration: underline;} 
a:link {color: #d6ad34;}
a:visited {color: #a3d634;}
a:active {color: green;}
a:hover {color: #589c3b;}
a img {border: 0;}

.red {color: red;}
.title {border-bottom: 1px dotted #d6ad34;}  /* abbr pre ie */ 
.display_none {display: none;}
.clear_both {clear: both; font-size:0;}
.back_to_top {float: left; z-index: 9; position: relative; margin: 1em;}
* html .back_to_top {float: left; position: relative; top: 120px;}