/*********************************************************************
 StrimaZen / mokry / studjo
*********************************************************************/
	* { margin: 0; padding: 0; }
	
	body {
		font-family: Verdana, Arial, helvetica, tahoma, lucida, sans-serif;
		font-size: 76%; color: #5e5e5e; background-color: #fff;
		text-align: center; padding: 0 0 50px 0; }
		
	p, div, blockquote, ol, ul, dl { text-align: left; }
	
	a { outline: none; }
	a:link { color: #01af59; }
	a:visited { color: #01af59; }
	a:hover, a:active { color: #00aeff; }

   h1 { font-size: 2.0em; }
	h2 { font-size: 1.8em; }
	h3 { font-size: 1.6em; }
	h4 { font-size: 1.5em; }
	h5 { font-size: 1.3em; }
	h6 { font-size: 1.1em; }
	h2, h3, h4, h5, h6 {
		margin: 5px 0 10px 0; font-family: Arial, "Trebuchet MS", Helvetica, Tahoma, sans-serif;
		font-weight: normal; color: #666; }
		
	img { border: 0; }
	.center { text-align: center; }
	
	p { font-size: 11px; }
		
/* layout ***********************************************************/

	#main {
	   margin: 0 auto; width: 750px; background: url(img/main-bg.png) repeat-y;
	   border-bottom: 1px solid #cbcbcb; }
	
	#main h1 {
		height: 50px; overflow: hidden; margin: 0 0 0px 0px; text-indent: 0px; vertical-align: middle; line-height: 50px;
		color: #01af59;  padding: 0 20px 0 20px; text-align: right;
	}

	#top {border-bottom: 1px solid #CBCBCB; margin-bottom: 15px;}

	#top a {float: left; margin: 1px 3px 1px 5px;}
		
/* Album Thumbnails */

	.album {
	   padding: 10px; margin: 20px; clear: both;
	   border-bottom: 1px dotted #dadada; }
	.album img { float: left; }
	.album h2 { padding: 0; margin: 0; }
	.album h2 a {
	   display: block; padding: 3px 0 6px 0; color: #00a353;
	   font-size: 20px; font-family: Trebuchet ms, sans-serif; }
	.album p {
	   margin: 0 0 4px 0;
	}
	.albumdesc {
	   float: right;
	   width: 580px;
	}
	
	/* links */
	ul#links { width: 750px; margin: 10px auto; list-style: none; padding: 0; }
	#links li { list-style: none; margin: 0 15px 0 0; padding: 0; float: left; }

	.albumTitle {
		color: #01af59; font-size: 18px; text-align: center; font-weight: bold; margin-top: 10px; }
		
	.albumDesc { text-align: left; margin: 0 20px 15px 20px; }
	
	/* images page ***************************************************/
	
	div#images { margin: 0 15px 20px 18px; }
	
	/* Image Thumbnails */
	.imagethumb { float: left; }
	.imagethumb a {
	   display: block; padding: 10px; margin: 6px;
	   border: 1px solid #dfdfdf;
	   background-color: #fff; line-height: 0; }
	.imagethumb a:hover {
	   border: 1px solid #00a353; background-color: #f3faf7; }


	/* Page Navigation
	------------------------------ */
	ul.pagelist {
	   clear: both; padding: 10px 0;
	   list-style-type: none; text-align: center; }
	ul.pagelist li { display: inline; }
	ul.pagelist li a, ul.pagelist span.disabledlink { padding: 4px; }
	ul.pagelist li.current a {
	   font-weight: bold; text-decoration: none;
	   cursor: default; color: #000; }
	ul.pagelist li.prev { margin-right: 10px; }
	ul.pagelist li.next { margin-left: 10px; }
	.disabledlink {
	   color: #ddd; cursor: default; }
	.pagenav { clear: both; }

	div.gornaNav {
		text-align: center;
	}
	div.gornaNav ul.pagelist {
		padding: 0;
	}
	div.gornaNav a {
		color: #000;
	}

	div.gornaNav a:hover {
		color: #00AEFF;
	}
	
	/* path */
	
	p.path {
		padding: 12px 0; border-bottom: 1px solid #c7c7c7; font-size: 11px;
		text-align: center; background-color: #f7f7f7; margin: -12px 2px 10px 2px !important; }


	/* image page ****************************************************/
	

	#image { text-align: center; line-height: 0; margin: 15px 20px 15px 20px; position: relative; }
	
	ul.imgnav {
		width: 96px; height: 43px; position: relative; line-height: 0;
		list-style: none; margin: -86px auto 35px auto; padding: 0; }
	.imgnav li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
	.imgnav li a { display: block; height: 43px; text-indent: -5000px; text-decoration: none; }
	.imgnav .imgprevious { left: 0; }
	.imgnav .imgnext { left: 60px; }
	.imgnav .imgprevious a { width: 45px; background: url(img/prev-lnk.png) no-repeat; }
	.imgnav .imgprevious a:hover { background-position: -45px 0; }
	.imgnav .imgnext a { width: 36px; background: url(img/next-lnk.png) no-repeat; }
	.imgnav .imgnext a:hover { background-position: -36px 0; }

	.imageDesc {
		margin: 20px; padding: 15px; border: 1px solid #00a353;
		background-color: #f8fcfa; position: relative; line-height: 1.6; }