/* Basics
------------------------------ */
html { /* Moz */
	height: 100%; }
/* Main Layout
------------------------------ */
body { background: #fff url(../images/mainBackground.jpg) repeat-x left top; font-size: 62.5%; font-family: Arial; margin: 0; padding: 0;}
#main { text-align: left; margin: 20px auto; margin-right: 20px; background: #fff; }
#gallerytitle { border-bottom: 1px solid #E6E6DF; padding-bottom: 14px; margin-bottom: 20px;/*min-height: 40px;
  _height: 40px;*/
}
#gallerytitle h2 { font-weight: normal; font-size: 12pt; margin-top: 18px; width:510px; }
/* Link Styles
------------------------------ */
a:link, a:active, a:visited { text-decoration: underline; color: #17A; }
a:hover, a:focus { text-decoration: underline; color: #6BD; }
/* Text Styles
------------------------------ */
h2 { font: 115% "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif; font-weight: bold; color: #002E5B; }
h2 a:link, h2 a:visited { color: #8DB8CF; text-decoration: none; }
h2 span { color: #8DB8CF; }
h2 a:hover { color: #94c2e5; text-decoration: none; }
h3 { font: 110% "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif; font-weight: bold; color: #002E5B; margin-top: 30px; }
h3 a:link, h3 a:visited { text-decoration: none; }
h3 a:hover { text-decoration: underline; }
/* Miscellaneous
------------------------------ */
hr { clear: both; height: 0; border: 0; border-top: 1px solid #E6E6DF; margin: 0 0 12px 0; padding: 0; }
img { border: 0; }
blockquote { border-left: 1px dotted #96967E; margin-left: 20px; padding-left: 20px; color: #363630; }
#imagemetadata { text-align: right; position: relative; display: none; }
#imagemetadata table { text-align: left; line-height: 1em; border: 1px solid #ccc; position: absolute; top: 2em; right: 0px; background-color: #fafafa; }
#imagemetadata table td { border-bottom: 1px solid #f0f0f0; background-color: #f8f8f8; padding: 2px 5px; }
/* Page Navigation
------------------------------ */
div#padbox { padding-left: 25px;}
ul.pagelist { clear: both; padding: 0; margin: 20px 0 0 0; list-style-type: none; }
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: #5A5A4B; }
ul.pagelist li.prev { margin-right: 10px; }
ul.pagelist li.next { margin-left: 10px; }
.disabledlink { color: #ddd; cursor: default; }
.pagenav { clear: both; }
.disabled_nav { visibility: hidden; }
/* AJAX
------------------------------ */
#albumDescEditable, #albumTagsEditable { margin-bottom: 12px; }
#imageDescEditable, #albumTagsEditable { margin-top: 24px; }
#imageDesc, #exif_link { margin-bottom: 4px; margin-top: 20px; font-size: 14px; margin-bottom: 15px; }
#exif_link { float: right; height: 1px; visibility: hidden; }
/* Tags
------------------------------ */
.taglist ul { display: inline; list-style-type: none; }
.taglist li { background: url(../images/tag.png) no-repeat left center; list-style-type: none; padding-left: 18px; float:left; padding-right: 5px; color: #999999; }
.taglist .tags_title { background: none; padding-right: 5px; padding-left: 0; }
/* Image Thumbnails
------------------------------ */
.imagethumb a, .imagethumb a:hover { display: block; padding: 9px; margin: 0px 9px 9px 0px; line-height: 0px; border: 1px solid #e6e6e6; background-color: #f6f6f6; }
.imagethumb a:visited { background-color: #fcfcfc; border: 1px solid #f8f8f8; }
.imagethumb a:hover { background-color: #f3f3f3; border: 1px solid #cccccc; }
.imagethumb { float: left; }
.albumdesc2 { line-height: 18px; }
/* Album Thumbnails
------------------------------ */
#albums { float: left; }
.album { margin: 0 12px 8px 0; padding: 10px 8px 2px 10px; float: left; width: 405px; border: 1px solid #E7F0F5; background: #F7F9FD; line-height: 100%; }
.album a img { }
.album .thumb { float: left; margin-right: 16px; }
.album h3 { padding: 0; margin: 0; font-size: 13px;}
.album p { line-height: 14px; font-size: 12px; padding: 4px 10px 0px; margin: 0px; }
.albumdesc small { color: #8DB8CF; visibility: hidden;}
/* Individual Image
------------------------------ */
.image { margin: 0; padding: 0; border: 0; }
#image { text-align: center; line-height: 0; margin-top: 40px;}
.imgnav { float: right; width: 140px; text-align: center; border: 1px solid #D5E6EE; background: #EEF5F9; margin-top: -10px; }
.imgnav .imgprevious a, .imgnav .imgnext a { display: block; width: 50%; height: 100%; float: left; padding: 4px 0; font-size: 120%; text-decoration: none; line-height: 180%; color: #237898; }
.imgnav .imgprevious a:hover, .imgnav .imgnext a:hover { background-color: #fff; text-decoration: none; color: #002E5B; }
.imgnav .imgprevious a { float: left; }
.imgnav .imgnext a { float: right; }
#narrow { margin: 0 auto; width: 440px; }
/*   gana stilovi
---------------------------------*/
#wrapper { position: relative; width: 850px; margin: 0 auto 40px; border: 1px solid #ccc; border-top: none; padding: 0; }
#wrapper { background: url(../../../../../images/secBackground.jpg) repeat-y top left; }
#header { height: 110px; background: url(../../../../../images/header.jpg) no-repeat left top; }
/* horizontal nav
----------------*/
#horNav { height:18px; margin:0; padding:0; background: #3C8C8D url(../images/hor-nav-grad.gif) repeat-x top left;}
#horNav li { display:inline; background: url(../images/border-nav.jpg) no-repeat 100% 60%; height: 19px; line-height: 19px;}
#horNav a { padding-left:5px; padding-right:5px; margin: 0; }
#horNav { font-size:13px; font-family: "Times New Roman", Times, serif; text-align:right; }
#horNav li.home { padding-right: 5px;}
#horNav li.contact { background: none; padding-right: 5px;}
#horNav li.news { padding-left: 2px; padding-right: 5px;}
#horNav a { color:#fff; font-weight:bold; text-decoration:none; }
#main { float: right; width: 650px; padding-bottom: 40px; }
#footer { margin: 0; padding: 0; float: right; width: 850px; background: #59A4A5 url(../images/footer-grad.gif) repeat-x left top; margin-top: 20px;}
#footer p { margin: 0; padding: 0; text-align: center; font-size: 11px; color: #fff;}
#footer p {  padding: 10px; margin-right: 0; }
#footer p a:link, #footer p a:visited { color: #fff; font-size: 11px; text-decoration: none;}
#footer p a:hover { color: #ccc; text-decoration: underline;}
#clearing { clear: both; }
/* vertikal nav
--------------*/
#verNav { float: left; width: 165px; }
#verNav p.naslovUMenijuPrvi { margin:0px; padding:0 2px 2px 3px; }
#verNav p { margin:0; }
#verNav p a { display:block; padding:2px 2px 2px 10px; }
#verNav p.naslovUMeniju { margin:0px; padding:2px 2px 2px 3px; }
#verNav img { margin-top: 30px; }
/* vertikal nav
	--------------*/
#verNav { background-color: #D2E2E3; }
#verNav p.naslovUMenijuPrvi { background-color:#297374; color:#fff; font-size:14px; text-align:left; }
#verNav p { background-color:#D2E2E3; border-bottom:1px solid #999; font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 1.2em; text-align:left; }
#verNav p a { color:#000; text-decoration:none; }
#verNav p.naslovUMeniju { background-color:#297374; color:#fff; font-size:14px; text-align:left; line-height: 1.25em; }
#verNav p a:hover { background-color:#066; color:#fff; }