/* general html styling + reset */
html {margin:0; padding:0; background:#060d20; color:#8e6c32; }
body {margin:0; padding:0; font-family: Georgia, Arial, Helvetica; font-size: 12px; line-height:14px; }
a { color: #1b3571; }
a:hover { text-decoration: none; }
p {margin:0; padding:0; margin-bottom:7px;}
form {}
table {}
ul { margin: 0; padding:0; }
ul li { margin: 0; padding:0; list-style: none; }
img {}
div {display:block; overflow:hidden; }
h1 {margin:0; padding:0; font-size:40px; line-height:35px; font-weight:normal; letter-spacing:-1px; color:#fff;}
h2 {margin:0; padding:0; font-size:23px; line-height:22px; font-weight:normal; letter-spacing:-1px; color:#8e6c32;}
h2 a {text-decoration:none; }
h3 {margin:0; padding:0; color:#000;}
table {border:1px solid #8e6c32; background:#f0f0f0; width:100%;}
table td {border-bottom:1px solid #8e6c32; padding:5px;}
table th {padding:5px;}
/* main box model */

div.standard {width:990px; margin:0 auto; }
#page { width:100%;}
#page #header { width:100%; position:fixed; z-index:10000; overflow:visible; background:#060d20 url('../images/header_bg.jpg') bottom center repeat-x; border-bottom:6px solid #8e6c32; height:90px; }
#page #header .warning {position:absolute; bottom:20px; right:30px; font-size:20px; font-weight:normal; margin-bottom:2px; text-transform:lowercase;}
#page #header .standard {height:90px; overflow:visible; position:relative; }
#page #header #logo {width:250px; height:150px; float:left; background:url('../images/logo.png') center center no-repeat; position:absolute; text-indent:-2000px;}
#page #header #menu { float: right; margin: 60px 0px 0 0; }
#page #header #menu li { display: block; float: left; margin-right: 5px;  }
#page #main { padding-top:50px;}
#page #main #title { padding:15px; margin-left:280px; margin-bottom:10px; }
#page #main #title h1 {margin-bottom:10px;}
#page #main #content {}
#page #main #age { display: none; }


#page #main #fancybox {position:relative; z-index:1000;  }
#page #main #fancybox.open { } 
#page #main #fancybox #fancy-content {display:none;  }
#page #main #fancybox #news {}
#page #main #fancybox #fancy-close {display:none;width: 43px; height: 43px; text-indent: -9000px; background: url(images/fancy_close.png) no-repeat top left; position: absolute; top:15px; right:15px; z-index: 1000;outline: none;}
#page #main #fancybox #fancy-close:hover { background: url(images/fancy_close.png) no-repeat bottom center;  }
#page #main #fancybox .articleContent {padding:15px;  -moz-border-radius:15px; -webkit-border-radius:15px; border:1px solid #ccc; margin-bottom:15px;}
#page #main #fancybox.open #fancy-content {display:block;}
#page #main #fancybox.open #fancy-close {display:block;}

#footer { padding-bottom:20px; }

#blogPage {padding:30px; padding-bottom:50px; background:#fff; border:0px solid #8e6c32; -moz-border-radius:15px; -webkit-border-radius:15px; font-size:14px; line-height:18px; min-height:200px;}
#blogPage h1 {color:#005; margin-right:100px; padding:5px 0 10px 0;}
#blogPage div.blogPageTitle {margin-bottom:10px; }
#blogPage div.blogPageTitle .meta {color:#ccc; text-transform:uppercase; font-family:arial,helvetica; font-size:10px; line-height:12px;}
#blogPage div.blogPageTitle .meta a {color:#999; }
#blogPage div.blogPageTitle .meta a:hover {color:#666; }
#blogPage div.blogPageTitle .parent {position:absolute; top:10px; color:#ccc; text-transform:uppercase; font-family:arial,helvetica; font-size:10px; line-height:12px;}
#blogPage div.blogPageTitle .parent a {color:#999; }
#blogPage div.blogPageTitle .parent a:hover {color:#666; }
#blogPage div.blogPageTitle .description {padding-bottom:30px; background:url('../images/separator-mare.png') bottom center no-repeat; margin:0;}
#blogPage div.blogPagePrimary {margin-bottom:15px;}
#blogPage div.blogPageBody {margin-bottom:15px; color:#333;}
#blogPage div.blogPageBody ul {list-style-type:square; padding-left:20px;}
#blogPage div.blogPageBody ul li {margin-bottom:10px; margin-left:20px; }
#blogPage div.blogPageBody h2 {margin-top:30px;}
#blogPage div.blogPageBody h3 {margin-top:20px;}
#blogPage div.blogPageBody h4 {margin-top:10px;}

#blogPage div.blogPageSecondary {padding:10px 0;position:absolute; left:0; bottom:0px; width:100%; }
#blogPage div.blogPageSocial {float:left; margin-left:30px; margin-right:10px; }
#blogPage div.blogPageSocial p {float:left; margin:0; margin-right:10px;}
#blogPage div.blogPageNavigation {padding:0; font-size:11px; line-height:12px; margin-bottom:15px; xborder-bottom:1px solid #eee; xborder-top:1px solid #eee; display:block; float:none; clear:both; text-transform:uppercase; font-family:arial,helvetica; font-size:10px; line-height:12px;}
#blogPage div.blogPageNavigation p {display:inline-block; margin:0; padding:0; margin-right:10px;}
#blogPage div.blogPageNavigation p a {display:block; max-width:350px;padding:5px 0px;color:#999; }
#blogPage div.blogPageNavigation p a:hover {color:#000;}
#blogPage div.blogPageNavigation p.next a {padding-right:30px; background: url("../images/serbari/small_next.gif") center right no-repeat;}
#blogPage div.blogPageNavigation p.prev a {padding-left:30px; background: url("../images/serbari/small_prev.gif") center left no-repeat;}
#blogPage .gallery {padding-top:30px; xbackground:url('../images/separator-mare.png') top center no-repeat; width: 25000px;}
#blogPage .gallery-wrapper { overflow: hidden; width: 680px;}
#blogPage .gallery-detail { text-align: center; }
#blogPage .blogPageComments {margin-bottom:30px;}
#blogPage .blogPageComments .comments {padding-top:30px; background:url('../images/separator-mare.png') top center no-repeat; }
#blogPage .posts {}

.entry-content h2 {margin-top:30px;}
.entry-content h3 {margin-top:20px;}


.sticky {color:#333;}
.sticky .post {margin-bottom:30px;}
.sticky h2 {margin-bottom:10px;}
.sticky h2 a {color:#ccc;}
.sticky a {color:#5f5935;}

#topics.contents1,#topics.contents2,#topics.contents3 {padding-top:30px; background:url('../images/separator-mare.png') top center no-repeat; }

.posts { border:none; display:block; overflow:hidden; width:6000px;}
.posts .post { display:block; overflow:hidden; margin:0; padding:10px 0; border:none; position:relative; width:200px; float:left; font-size:11px; line-height:12px; xheight:170px; margin-right:20px;}
.posts .not-found {width:500px;}
.posts .post h2 {padding:0px; margin:0; padding-bottom:5px;}
.posts .post h2 a {text-decoration:none;}
.posts .post .entry-content {padding:0; margin:0;}
.posts .post .entry-utility {position: absolute; bottom: 0px; padding:2px 0;font-size:10px; line-height:11px; }
.posts .post .entry-meta, #blogPage.category .entry-utility {font-size: 11px; color:#ccc;}
.posts .post .entry-meta a, #blogPage.category .entry-utility a {color: #ccc; text-decoration:none;}
.posts .post .entry-meta a:hover, #blogPage.category .entry-utility a:hover {color: #333;}
.posts .post .entry-summary {color: #ddd}
.posts .post .icon {opacity:1; border:none; float:left; padding:0; margin:0; margin-right:5px; border:1px solid #000; }
.posts .post .icon img {border:none; float:none; padding:0; margin:0;}
.posts .post a {color:#5f5935;}
.posts .post:hover {color:#666;}
.posts .post:hover a {color:#060d20;}
.contents1 .posts div.post { width: 650px;  }
.contents2 .posts div.post { width: 320px;  }

.full-list.posts { width: auto; }
.full-list .post { float: none; width: auto;}

.commentlist {margin:0; padding:0; }
.commentlist li {margin:0; padding:10px 0; border-top:1px dotted #ccc;}
.commentlist .comment-author {color:#000; float:left;}
.commentlist .comment-meta {font-size:10px; float:right;}
.commentlist .comment-body {clear:both;float:none;}
.commentlist li ul.children {margin-left:30px; padding:10px; background:#eee;}
.commentlist li ul.children li {padding:5px 0;}
/*
.commentlist {margin:0; padding:0; width:3000px; padding-top:10px; font-size:11px; line-height:12px; }
.commentlist li.depth-1 {width:190px; margin:0; padding:0;float:left; margin-right:10px; background:#eeeef5; color:#666; padding:10px; margin-bottom:15px; height:200px; overflow:hidden; border:1px solid #fff;  -moz-border-radius:15px; -webkit-border-radius:15px;}
.commentlist li.depth-1:hover {overflow:auto; border-color:#eeeef3; background:#f9f9ff;}
.commentlist li.depth-1 .comment-body {border-top:1px solid #666; padding-top:10px;}
*/
#comments #respond {clear:both; float:none; padding:10px; background:#eee; -moz-border-radius:10px; -webkit-border-radius:10px;width:80%;}
#comments #respond.closed { width:250px; padding:5px 10px; background:#003;}
#comments #respond.closed:hover { background:#5f5935;}
#comments #respond.closed form {display:none;}
#comments #respond h3 {cursor:pointer; }
#comments #respond.closed h3 {color:#fff; font-size:14px;}
#comments #respond form {padding-top:7px;}
#comments #respond form p {background:#fff; margin:0; padding:0; border:1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:2px; position:relative; color:#aaa;}
#comments #respond form p:hover {color:#000; border-color:#aaa;}
#comments #respond form p span {float:right; color:red; margin-right:10px;}
#comments #respond form p label {padding:5px; font-size:14px; line-height:15px; width:20%;; display:block; float:left;}
#comments #respond form p input {margin:0; padding:5px; font-size:14px; line-height:15px; border:none; width:70%; border-left:1px dotted #eee; color:#000;}
#comments #respond form p textarea {margin:0; padding:5px; font-size:14px; line-height:15px; border:none; width:70%; border-left:1px dotted #eee; color:#000;}
#comments #respond form p.form-submit {border:none; background:none; margin-top:-35px; padding-left:5px; float:left; }
#comments #respond #submit {-moz-border-radius:5px; -webkit-border-radius:5px; width:auto; padding:7px 12px; border:none; font-size:12px; line-height:13px; font-weight:bold;}


.gallery dl { float: left; margin-right: 10px; }
.gallery dl a img { border: none; }
img.alignright { float: right; }



/* main content styling */

#menu li a { color: #fff;  }

#age {}

#content {}

#map {}

/* sidebar social */
#shareButtons a {display: block; width: 32px; height: 32px; text-decoration: none; text-indent: -9000px; float: left; margin-right: 2px; }
#shareButtons a.social-facebook {background: url(images/facebook_32.png) no-repeat top left;}
#shareButtons a.social-twitter {background: url(images/twitter_32.png) no-repeat top left;}
#shareButtons a.social-digg {background: url(images/digg_32.png) no-repeat top left;}
#shareButtons a.social-delicious {background: url(images/delicious_32.png) no-repeat top left;}


/* specifics */

body.inactive {background-position:50% -100px;}
body.inactive #page #main #title { display:none;  }
body.inactive #page #main #age { display:block;  }
body.inactive #page #main #fancybox { display: none; }
body.inactive #page #main #map { display: none; }
body.inactive #page #main #arhiva { display: none; }
/*body.inactive #footer { display: none; }*/