html, body { width: 100%; height: 100%; }

body { margin: 0; padding: 0; background: #2D2722 url(/img/img01.jpg) repeat-x fixed left -21px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #3C3D3F; }

h1, h2, h3 { font-weight: normal; color: #2B2522; }
h1 { font-size: 2.5em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.6em; }
p, ul, ol { margin-top: 0; line-height: 180%; }
ul, ol { }
a { text-decoration: underline; color: #2B2522; }
a:hover { text-decoration: none; }

#wrapper { margin: 0 auto; padding: 0; background: url(/img/img04.jpg) no-repeat fixed left 400px; min-height: 100%; }

#header-wrapper { height: 60px; border-top: 20px solid #2D2722; }
#header { width: 980px; margin: 0 auto; padding: 20px 0px 0px 0px; }
#adds { width: 1330px; margin: 0 auto; padding: 0px; }
#adds .adsbygoogle { border: 1px dotted #7777CC; float: left; }
#adds .adsbygoogle.left { position: fixed; }
#adds .adsbygoogle.right { float: right; position: fixed; right: calc(50% - 670px);}

#logo { float: left; width: 300px; margin: 0; padding: 0; color: #000000; }
#logo h1, #logo p { }
#logo h1 { padding: 0; margin: 0; font-size: 46px; font-style: italic; font-family: Georgia; text-shadow: 2px 2px 1px whitesmoke; letter-spacing: -1px; }
#logo h1 a, #logo h1 a:hover { text-decoration: none; color: #2B2522; }

#menu { float: right; margin: 0px auto; padding: 0; }
#menu ul { margin: 10px auto; padding: 0px 0px 0px 0px; list-style: none; line-height: normal; }
#menu li { float: left; margin-left: 20px; margin-bottom: 10px; }
#menu a { display: block; margin-right: 2px; padding: 8px 25px; text-decoration: underline; text-align: center; font-family: Arial; font-size: 14px; font-weight: normal; color: #FFFFFF; border: none; background: #4B402E; box-shadow: 0 0 2px 2px #999; }
#menu a:hover, #menu .current_page_item a, #menu .active a { text-decoration: none; box-shadow: 0 0 2px 2px #DDD; }
#menu .active a { text-decoration: none; }

#page { width: 980px; margin: 0 auto; padding: 0px 0px 0px 0px; }
#page-bgtop { padding: 20px 0px; }
#page-bgbtm { float: left;  background: #EEEEEE; width: 980px; }

#content { min-height: 350px; padding: 20px; }
#content > * { margin-top: 0; }
#content p { text-align: justify; }

.post { margin-bottom: 30px; border-bottom: 1px solid #D1D9F0; }
.post .title { height: 41px; padding: 0px 0px 0px 0px; letter-spacing: -1px; }
.post .title a { text-decoration: none; color: #191614; border: none; }
.post .entry { padding: 20px 30px 20px 30px; padding-bottom: 20px; text-align: justify; }
.post .byline { clear: both; overflow: hidden; padding-bottom: 20px; }
.post .meta { float: left; }
.post .links { float: right; }
.links a { }

/* Sidebar */

#sidebar { float: right; width: 250px; margin: 0 0 20px 20px; padding: 10px; background-color: #2D2722; }
#sidebar h2 { color: #DDD; font-size: 18px; line-height: 18px; margin: 0; padding: 10px; text-align: center; text-shadow: 2px 2px 1px #666; text-transform: uppercase; }
#sidebar ul { list-style: square; color: #999; margin: 0 0 10px 20px; }
#sidebar li {  }
#sidebar a { color: #999; text-decoration: underline; }
#sidebar a:hover, #sidebar li.active, #sidebar li.active a { text-decoration: none; color: #DDD; }


#footer { clear: both; font-family: Arial; margin: 0 auto; padding: 20px 0 40px; width: 980px; }
#footer p { margin: 0; line-height: normal; font-size: 10px; text-transform: uppercase; text-align: left; color: #847F7E; }
#footer a { color: #847F7E; }

.hero-unit { background-color: #dfEEdf; }

#content ul li { margin-bottom: 5px; }
#content table td { vertical-align: middle; }

#uvod > h2 { background-color: whitesmoke; border: 1px solid white; border-radius: 5px; padding: 5px; }


/* Responsive */
#adds { display: none; }
#adds .adsbygoogle.right { display: none !important; }
@media (max-width: 749px) {
   #header, #page, #page-bgbtm, #footer { width: 100%; }
}
@media (min-width: 750px) and (max-width: 979px) {
   #adds { display: block; width: 750px; }
   #header, #page, #footer { padding-left: 160px; }
   #header, #page, #page-bgbtm, #footer { width: 570px; }
}
@media (min-width: 980px) and (max-width: 1169px) {
   #adds { display: block; width: 980px; }
   #header, #page, #footer { padding-left: 160px; }
   #header, #page, #page-bgbtm, #footer { width: 800px; }
}
@media (min-width: 1170px) and (max-width: 1349px) {
   #adds { display: block; width: 1170px; }
   #header, #page, #footer { padding-left: 160px; }
}
@media (min-width: 1350px) {
   #adds { display: block; width: 1350px; }
   #header, #page, #footer { padding-left: 160px; padding-right: 160px; }
   #adds .adsbygoogle.right { display: block !important; }
}
/* Stylesheet: svobodovic Modified On 2014-02-21 12:08:27 */