/* 
address: http://jo2.ethome.sk
author: Jozef Sivek ml. ad.
name: 001-oldbook.css
last edit: august 2008

statemnt: feel free to learn from this *.css, but be care - this is NOT template

comments: IE has problem wit this layout, solution isn't desired, maybe IE7 will have more luck.
*/

/* Import common styles */
@import url("common.css");

/* Import css to create css file tree */
@import url("cssfiletree.css");

/* Import decoration of anchors */
@import url("anchordecor.css");

/* Import overlay style */
@import url("overlay.css");

/*
	General elements
*/
div#content {
	font-size: 16px; font-family: serif;
}

div#foot {
	font-family: Georgia, "New York CE", utopia, serif; letter-spacing: 0.2em; font-size: 11.5px;
	color: #522e1f; 
}

div#content h1 , div#content h2 , div#content h3 , div#content h4 {
	font-family: Georgia, "New York CE", utopia, serif; letter-spacing: 0.08em;
	color: #522e1f;
	margin: 1em 0em 0.5em 0em;
	clear: left;
}

div#content h1 {margin-top: 0em; font-weight: bold;}
div#content h2 {font-weight: bold;}
div#content h3 {color: #694d3f;}
div#content h4 {color: #000;}

div#content p {margin: 1em 0em; padding: 0em;
	text-indent: 1.2em;
}

div#content pre {margin: 1em 0em; padding: 1%;
	border: solid 1px #522e1f;
}
div#content pre {background-color: #f5f1ea;
	overflow: auto; width: 97%;
}

div#content table {border-collapse: collapse;}
div#content table td , div#content table th {border: solid 1px #522e1f;
	padding: 0em 0.3em;
}
div#content table th {text-align: center; font-weight: bold;
	background-color: #f5f1ea;
}
div#content table caption {font-family: Georgia, "New York CE", utopia, serif; letter-spacing: 0.2em;
	color: #522e1f;
}

div#content ul li {list-style-image: url("images/001-oldbook/li.png");
	padding: 0px; padding-left: 2px;
	margin: 0px;
}
div#content ul , div#content ol {margin: 1em 0em; padding: 0px; padding-left: 22px;}

div#content div.lead {margin: 1em 0em; margin-right: 20%;
	font-family: Georgia, "New York CE", utopia, serif; letter-spacing: 0.2em; font-size: 90%; font-style: italic;
	color: #522e1f;
} 

div#content cite , div#content q {font-style: italic;}
div#content blockquote {margin: 1em 0em; padding: 0em 2em 0em 1em;
	border: solid 1px #7f573e; border-width: 0px 0px 0px 3px;
}
div#content blockquote p {margin: 0em;}


/*
	Anchors
*/
div#content a , div#content a:link {color: #3a4887;}
div#content a:visited {color: #000;}

div#localnav a , div#localnav a:link {color: #3a4887; text-decoration: none;}
div#localnav a:visited {color: #000;}
div#localnav a:hover , div#localnav a:active {color: #9b452b; text-decoration: underline;}

div#content h2 a {text-decoration: none;} 
div#content h2 a:visited {color: #3a4887;}

div#content a:hover ,
div#content a:active ,
div#content h2 a:hover ,
div#content h2 a:active {color: #9b452b;}


/*
	Elements of style
*/

/*
div#flickr_badge_uber_wrapper
`--- div#flickr_badge_wrapper
     |--- script
     |--- div#flickr_badge_image1.flickr_badge_image
     |    `--- a
     |         `--- img
     |--- div#flickr_badge_image2.flickr_badge_image
     |    `--- a
     |         `--- img
     |--- div#flickr_badge_image3.flickr_badge_image
     |    `--- a
     |         `--- img
     |--- div#flickr_badge_image4.flickr_badge_image
     |    `--- a
     |         `--- img
     |--- div#flickr_badge_image5.flickr_badge_image
     |    `--- a
     |         `--- img
     `--- span.flickr_badge_beacon
          `--- img
*/
div#content div#flickrness {
	margin: 1em auto; padding: 0;
	/* images are 75*75 px */
	height: 100px; width: 420px /*375px + 20px*/;
	overflow: hidden;
	position: relative;
}
	
	div#content div#flickrness div.flickr_badge_image {
		position: absolute; top: 0; left: 0;
	}
	
	div#content div#flickrness div#flickr_badge_image1 {}
	div#content div#flickrness div#flickr_badge_image2 {left: 100px;}
	div#content div#flickrness div#flickr_badge_image3 {left: 200px;}
	div#content div#flickrness div#flickr_badge_image4 {left: 300px;}
	
		
	div#content div#flickrness span.flickr_badge_beacon {
		display: none;
	}


/* 
	General styles
*/

div#content div.example {padding: 0px 22px 0px 0px;
	min-height: 34px;
	background-image: url("images/001-oldbook/example.png"); background-repeat: no-repeat; background-position: right 4px;
	border: solid 1px #522e1f; border-width: 2px 0px 0px 0px;
	color: #522e1f;
}

div#content div.author , div#content div.lastmessage {text-align: right; letter-spacing: .05em; color: #555;
	margin: 1em 0em;
}

/*
	Structure
*/

body {
	text-align: center;
	margin: 0px; padding: 0px;
	background-color: /*#f6f3ef*/#f3f3f0;
}

div#container {width: 762px; margin: 0px auto;
	position: relative;
	text-align: left;
}

/*---------------------------------------------------*/
div#intro {
	height: 227px;
	overflow: hidden;
	background-image: url("images/001-oldbook/header.jpg"); background-repeat: no-repeat;
}

div#pageheader {}
div#pageheader h2 {margin: 0px; padding: 0px; font-size: 1px;}
div#pageheader h2 a {display: block; position: absolute; top: 20px; left: 40px;
	width: 130px; height: 0px;
	margin: 0px; padding: 0px; padding-top: 185px;
	overflow: hidden;
}
div#pageheader h3 {display: none;}

div#search {position: absolute; top: 145px; left: 270px; height: 25px; width: 300px;
/* border: solid 1px #f1f1f1;*/
}

div#sitenav {position: absolute; top: 175px; left: 150px; width: 520px; height: 50px; overflow: hidden;}
div#sitenav ul {display: block; margin: 0px; padding: 0px; list-style-type: none;} 
div#sitenav li {display: block; margin: 0px; padding: 0px; float: left;
	text-align: center;
}
div#sitenav a {display: block; margin: 0px 10px; padding: 0px 0px 10px 0px;
	background-image: url("images/001-oldbook/menu_ornament.png"); background-repeat: no-repeat; background-position: bottom center;
}
 
/*---------------------------------------------------*/
div#pagebody {
	background-image: url("images/001-oldbook/content_bg.jpg"); background-repeat: repeat-y;
}

	div#content {padding: 1px 80px;
		/*margin-left: 75px;
		width: 612px;*/
	}

		div#localnav {margin: 0px 0px 10px 0px; padding-left: 22px;
			background-image: url("images/001-oldbook/li.png"); background-repeat: no-repeat; background-position: left 0.5em;
			font-size: 90%;
		}
		div#localnav h4 {display: inline; font-size: 1em; font-weight: bold;}
		
		div#contentnav {font-style: italic;
			text-align: center;
			margin: 0.5em 0em;
		}


	div#sidebar {position: absolute; top: 177px; right: 65px;
		height: 45px; width: 95px;
	}
	div#sidebarmenu {position: absolute; top: 0px; right: 55px;}
	a#sidebarcsschange {display: block; margin: 0px; padding: 0px;
		height: 17px; width: 27px; overflow: hidden;
		position: absolute; top: 0px; right: 15px;
		text-decoration: none;
		background-image: url("images/001-oldbook/css_change.png"); background-repeat: no-repeat; background-position: 0px 0px;
	}
	a#sidebarcsschange:hover {background-position: 0px -32px;}
	a#sidebarcsschange span {visibility: hidden;}

/*---------------------------------------------------*/
div#foot {
	height: 174px;
	overflow: hidden;
	clear: both;
	background-image: url("images/001-oldbook/foot.jpg"); background-repeat: repeat-y;
	text-align: center;
}
div#footblock {padding-top: 10px; padding-left: 1.5em;}
div#footcontent {height: 100px;}

/* anchors */
div#sitenav a , div#sitenav a:link , div#sitenav a:visited {font-size: 17px; text-decoration: none; color: #522e1f;
	font-family: Georgia, "New York CE", utopia, serif; letter-spacing: 0.8px;
}
div#sitenav a:hover	, div#sitenav a:active {color: #1d0f0c;}

body.page-about div#sitenav li.about a ,
body.page-umenie div#sitenav li.umenie a ,
body.page-programovanie div#sitenav li.programovanie a ,
body.page-zdroje div#sitenav li.zdroje a {color: #1d0f0c;}

div#foot a , div#foot a:link , div#foot a:visited {color: #522e1f; text-decoration: none;}
div#foot a:hover , div#foot a:active {color: #1d0f0c; border: dotted #1d0f0c 1px; border-width: 0px 0px 1px 0px;}