/* CSS Document
USED BY
all single photo pages
vazglavnici - ratan (kreslo-ot-ratan.html, etc.), pod, mebeli
exept - mebeli, stolove*/

body,  h1, .title , #gallery, h3, div, ul, #wrapper, #tumbnail-holder {
	margin: 0 auto;
	padding:0;
	border: 0;
	outline: 0;
	font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Arial', 'Helvetica', sans-serif;
	font-size:1em;
	line-height:1em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	background: transparent;color:#666;}
	
h1, #title {clear:both;text-align:center;font-size:1em;width:100%;letter-spacing:2px;padding-top:18px;}
h3 {text-align:center;font-weight:bold;background:url(../decorations/brush-green.jpg) no-repeat  top ;padding:3%;margin-left:-2%;}	

#gallery{width:100%;text-align:center;color:#666666;height:35px;background:url(../decorations/brush-yellow.jpg) no-repeat  center bottom;letter-spacing:1px;padding:3% auto;}
#gallery a:link {color:#8B6D5C;text-decoration:none;}
#gallery a:visited {color:#8B6D5C;text-decoration:none;}
#gallery a:hover {color:#666;text-decoration:none;}
	
#wrapper{width:90%;min-width:900px;max-width:1300;height:100%;border:solid 1px #cccccc;}
#wrapper{*width:95%;}
#tumbnail-holder {float:left;width:30.2%;margin-top:30px;margin-left:2%;}
#tumbnail-holder {*margin-left:1%;}

	/*List*/
.nav-thumbnail {width:70%;height:auto;margin-top:15px;}
.nav-thumbnail ul {display:block;width:40%;height:auto;list-style-type:none;padding-top:5%;}
.nav-thumbnail li {display:inline;width:50%;height:auto;}
.nav-thumbnail li img {width:30%;height:auto;margin:1.3%;}

.path {float:left;width:65%;padding-left:25%;height:auto;color:#999;font-size:90%;text-align:left;padding-top:40px;}
.path {*margin-left:0%;line-height:1.3em;}
a.nav:link {color:#999;text-decoration:none;}
a.nav:visited {color:#999;text-decoration:none;}
a.nav:hover {color:#CC3333;text-decoration:none;}

#main-photo {float:left;width:36%;padding-top:20px;margin-left:-.5%;}
.mainPhoto {width:100%;height:auto;}

img {width:100%;height:auto;border:solid 1px #cccccc;}

#right {float:right;width:30%;height:auto;margin-top:5%;}
ul.prevNextPhoto {float:right;display:block;width:90%;height:auto;list-style-type:none;}
ul.prevNextPhoto li {display:inline;}
.thumbnail {float:left;width:35%;height:auto;margin:2%;}

.arrowleft {width:3%;float:left;margin-right:1px;border:0;margin-top:17%;}
.arrowright {width:3%;float:left;margin-left:1px;border:0;margin-top:17%;}

.note {float:left;margin:30px 0 0 0;width:100%;}
.style-left{margin:0 auto;width:50%;font-size:90%;text-align:left;padding:1.5% 3% 5%% 5%;line-height:1.3em;}

.statcounter {clear:both;width:20px;height:20px;margin:0;padding:0;visibility:hidden;}

#more-link {clear:both;height:10px;font-size:80%;text-align:left;padding:2% 0 1.5% 1%;}

/* rATAN PHOTO */
#tumbnail-holderR {float:left;width:30.2%;margin-top:30px;margin-left:3%;}
#tumbnail-holderR {*margin-left:1%;}
#main-photoR {float:left;width:33%;padding-top:10px;}
.mainPhotoR {width:100%;height:auto;}
/* rATAN right */
#rightR {float:right;width:30%;height:auto;margin-top:5%;margin-right:1%;}
#rightR {float:right;width:30%;height:auto;margin-top:5%;margin-right:.8%;}