/*
|----------------------------------------------------------------------------------------|
| SUPERAWESOME CSS FRAMEWORK - EMBEDDABLE STYLE SHEET                                    |
|----------------------------------------------------------------------------------------|
| v1.0 by Dragan Babic | http://sprawsm.com/                                             |
|----------------------------------------------------------------------------------------|
| ABOUT:                                                                                 |
|----------------------------------------------------------------------------------------|
| Use this style sheet for all your site's styles and to override existing ones set by   |
| the framework if you wish to upgrade to a newer version at some point. This is the     |
| style sheet you should embed in your HTML page.                                        |
|----------------------------------------------------------------------------------------|
*/

@import "sprawsm-typography.css";
@import "sprawsm-extras.css";

/* !Generals */
html{ font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Tahoma, sans-serif; font-size: 13px; line-height: 1.8; color: #292929; background: #ceebf2; }
  body{ border-top: 1em solid #333; }

button, input[type=submit]{ cursor: pointer; }

/* !Link Colors */

a:link{ color: #292929; text-decoration: none; border-bottom: 1px dotted #555; }
a:visited{ color: #292929; text-decoration: none; border-bottom: 1px dotted #555; }
a:hover{ border-bottom: none; }
a:active{ color: #d62c29; }
a:active, a:focus { outline-style: none; -moz-outline-style:none; }


/* !Headings */

h2{ font-size: 2em; margin: 1em 0 0 0; letter-spacing: -1px; color:#292929; }
  #primary .article:first-child h2{ margin-top: 0; }
h3{ text-transform: uppercase; }
#secondary h3{ margin: 1.5em 0 .5em 0; }
h4{}

/* !Header */

#branding{}

/* !Footer */

#footer{ clear: both; background: #d9f2f8; border-top: 1px solid #c2dce2; margin-top:4em; }
  #footer .content{ width: 980px; margin: 0 auto; padding: 25px 0; }
    #footer a{ border: none; }
    #footer a:hover{ color: #000 !important; }
    .footerAbout{ margin-right: 340px; font-size: 11px; }
      .footerAbout p{ margin:5px 0 0 0; }
    #footer ul{ float: right; width: 193px; margin: 5px 0 0 0; font-size: 11px; }
      #footer ul li{ margin: 0; text-align: right; }
    .branding{ float: right; width: 117px; margin-left: 60px; text-align: right; }
        .branding span{ float: right; display: block; width: 70px; font-size: 10px; margin-top: -.5em;; line-height: 1.5; }
    #footer form{ background: #222; }
      #footer form fieldset{ width: 980px; height: 52px; margin: 0 auto; position: relative; background: url(site-design/search_box.png) 100% 50% no-repeat; }
        #footer form input{ position: absolute; top: 17px; right: 72px; width: 243px; padding: 0; border: none; background: #333; color: #ccc; }
        #footer form input:focus{ outline: none; }
        #footer form button{ position: absolute; top: 12px; right: 0; background: transparent; border: none; padding: 0; height: 26px; line-height: 26px; width: 69px; font-weight: bold; color: #fff; }

/* !Main Content */

#content{ position: relative; width: 980px; margin: 0 auto; background: url(site-design/1px_line.png) 659px 0 repeat-y; }
  #mainContent{}
  
/* Global overflow clearing */
#content:after, .content:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }

#branding{}
  #branding .content{ background: url(site-design/main_bg.png) 100% 100% no-repeat; height: 105px; padding: 1px 0; overflow: hidden; }
  #branding .content, .twitter .content{ width: 980px; margin: 0 auto; }
    #branding h1{ margin: 26px 0 0 0; float: left; }
    #branding h1, #branding h1 a, #branding h1 img, #branding h1 a span{ float: left; }
    #branding h1 a{ border: none !important; }
      #branding h1 a span{ width: 70px; height: 30px; margin: 10px 0 0 0; padding: 5px 0 0 26px; font-size: 10px; line-height: 1.3; font-weight: normal; }
    #navigation{ float: right; text-align: right; font-size: 14px; margin: 34px -6px 0 0; color: #777; }
      #navigation a{ font-weight: bold; border: none !important; padding: 0 6px; }
      #navigation a:hover{ color: #000; }
      
.twitter{ background: #d9f2f8; border: 1px solid #b0d4da; border-width: 1px 0; overflow: hidden; font: italic normal 1.2em/52px Cambria, Georgia, serif; margin-bottom: 3em; }
  .twitter *{ margin: 0; }
  .twitter .content{ background: url(site-design/tweet_bg.png) 100% 50% no-repeat; position: relative; }
  #slider{ height: 61px !important; }
    .twitter ul{ margin: 0; height: 61px; line-height: 61px; width: 980px; }
      #slider li{ height: 61px; overflow: hidden; }
      .twitter a, .twitter .date{ color: #007bbd !important; border: none !important; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Tahoma, sans-serif; font-style: normal; font-size: 12px; }
      .visitTwitterPage{ display: block; position: absolute; top: 0; left: 0; height: 61px; text-indent: -999px; overflow: hidden; width: 980px; }

.ads{ width: 980px; margin: 26px auto; overflow: hidden; }
  .ads div{ float: left; margin: 0 7px 0 0; background: #def1f7; }
    .ads a{ border: none !important; }

html .btn-1{ background-color: #d62c29; }
html .btn-2{ background-color: #3b5998; }

/* Get columns into order */
#mainContent{ float: left; width: 100%; margin-right: -300px; }
  #mainContent .content{ margin-right: 300px; }
    #primary{ margin-right: 20px; padding-right:20px; }
    #secondary{ float: right; width: 300px; }

/* Style the articles */
.article{ border-bottom: 1px solid #b0d4da; padding-bottom: 3em; }
  .articleHeader{ margin-bottom: 1.5em;}
    .articleHeader h2 { line-height:1.4em; margin-bottom: .25em; }
    .articleHeader h2 a { border: none; }
    .articleHeader h2 a:hover{ border-bottom: 1px dotted #555; }
    .articleHeader .date { padding-left:20px; background: url(site-design/icn-date.png) no-repeat 2px 0;}    
    .author, .author a{ color: #333 !important; }
  .articleFooter{margin-top: .75em;}
  .articleHeader p, .articleFooter p{ text-transform: uppercase; letter-spacing: 2px; font-size: 11px; margin: 0; }
  .searchResult .articleHeader p{ margin: -1.5em 0 0 0; }
  .articleBody{ font-family: "Lucida Grande", Verdana, Tahoma, sans-serif; font-size: 13px; overflow: hidden; }
    .articleBody p { margin: 0 0 .75em 0; }   
  .articleFooter { background: url(site-design/icn-comment.png) no-repeat 0 .5em; padding-left: 16px; }
    .articleFooter .tags { background: url(site-design/icn-tag.png) no-repeat; padding-left: 18px; }
    .articleFooter .cats { background: url(site-design/icn-tag.png) no-repeat; padding-left: 18px; }
    .commentCount, .commentInvite { font-weight: bold; }    
  
.pagination{ margin: 1em 0 3.5em; font-size: 1.6em; }

/* Comments */
#commentForm{}
  #commentForm input { width:420px; }
  #commentForm label { display:block; }
  #commentForm input, #commentForm textarea{ border: 1px solid #aed4d9; padding: 4px; }
  #commentForm textarea{ width: 612px; }

h3#comments { font-size:16px; text-transform: none; margin-top:3em; margin-bottom: 0; }
ol.commentlist { margin:1.5em 0 3em 0; border-bottom:1px solid #B0D4DA;  }
  .commentlist li { margin-left:0; padding-top:1.5em; border-top:1px solid #B0D4DA; }
  .commentlist li.comment img { border:3px solid #B0D4DA; margin:3px 10px 0 0; float: left; }
  .commentlist li.comment .comment-meta a { font-size:11px; color: #75a4b0; border: none; }
  .commentlist li.comment p { margin:.25em 0 1.5em 0; }

cite.fn { font-style: normal; font-weight: bold; }

/* Sidebar contents */
.subSecondary{ border-bottom: 1px solid #b0d4da; margin-bottom: 2em; }

#secondary .ads{ overflow: hidden; width: 100%; margin: 0; border: none; }
  #secondary .ads div{ float: left; width: 125px; height: 125px; margin: 0 15px 15px 0; padding: 4px; border: 1px solid #aed4d9; background: #def1f7; overflow: hidden; }
    .ad-125x125 a,
      .ad-125x125 img{ display: block; }

.feeds{ padding: .5em 0 1.5em 0; }
  .feeds p{ margin: 0; }
  .feeds p.rss_count { border-top:1px solid #b0d4da; padding: 1.2em 0 0 1.5em; background: url(site-design/icn_followers.png) no-repeat 0 73%; margin: 1.2em 0 -.25em 0; font-weight: bold; }
  .feeds p.twitter_count { margin-top: 1em; }  
    #TwitterCounter a { border:none; }
.email{ margin-top: -.75em; padding: 0 0 1.5em 0; background: transparent url(site-design/icn-contact.png) 0 .6em no-repeat; }
  .email p{ margin: 0; padding: 0 0 0 1.5em; }

.poll{ overflow: hidden; width: 100%; padding-bottom: 1em; }
  .democracy{ max-width: none !important; padding: 0 !important; }
  .poll p{ font-weight: bold; font-size: 14px; }
  #secondary .poll h3 { margin: 0.5em 0 0.5em 0; }
  .poll ul{}
    .poll li{ margin: 0 0 .5em 0; }
      .poll .dem-vote-button{ float: left; width: 72px; height: 31px; background: transparent url(site-design/btn-small.png) 0 0 no-repeat; text-align: center; font-weight: bold; color: #fff; border: none; padding: 0; }
      .dem-vote-link{ float: right; margin-top: .95em; }
  .democracy .dem-graph { border:1px solid #B0D4DA; background: #d9f2f8; }
  .democracy .dem-graph a, .democracy .dem-graph a:hover { background:#f0f9fb; border-bottom: 5px solid #f0f9fb; border-right: 1px solid #B0D4DA; }
  .democracy .dem-total-votes, .dem-added-by-guest { color: #75a4b0; margin: 1px 0; font-size: 11px; }    
  .poll-question { display:block; margin-bottom:1em; } 
      
    /*.poll .buttonHolder{ overflow: hidden; width: 100%; }
      .poll .buttonHolder a{ float: right; margin-top: 10px; }
    .poll .seePrevious{ font-size: 13px; font-weight: normal; border-top: 1px solid #b0d4da; padding-top: 1em; }*/

.elsewhere{ padding-bottom: 5em; }
.elsewhere p { margin:.5em 0 1.5em 0; }
  strong.btn-youtube a { display:block; width:116px; height:31px; background: transparent url(site-design/btn-youtube.png) no-repeat 0 0; float: left; margin-right: 15px; text-indent: -9999px; border-bottom: none;}  
  strong.btn-facebook a { display:block; width:117px; height:31px; background: transparent url(site-design/btn-facebook.png) no-repeat 0 0; float: left; text-indent: -9999px; border-bottom: none;}

.categories{ border-bottom: none; }
  .categories ul{ margin-top: -.25em; }
    .categories li{ padding: .5em 0 .5em 15px; background:url(site-design/icn-tag.png) no-repeat 0 .75em; border-bottom: 1px solid #b0d4da; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; }
      .categories li a { border:none; }
      
.blogRoll{ border-bottom: none; }
  .blogRoll ul{ width: 100%; overflow: hidden; margin-top: -.25em; }
    .blogRoll li{ /*float: left; width: 40%; margin: 0 5% 0 0;*/  padding: .5em 0 .5em 15px; background:url(site-design/category_bullet.png) no-repeat 0 1.1em; border-bottom: 1px solid #b0d4da; }
    .blogRoll li a { border:none; }    

.archive { border-bottom: none; }
  .archive ul { margin-top: -.25em; }
    .archive li { padding: .5em 0 .5em 15px; background:url(site-design/icn-date.png) no-repeat 0 50%; border-bottom: 1px solid #b0d4da; }
      .archive li a { border-bottom: none; }  
#respond { margin:3em 0; }

/* WP-Edit */
blockquote { font-size:14px; font-family: Cambria, Georgia, serif; font-style: italic;  margin-left:0; padding-left: 1.5em; border-left:1px solid #b0d4da; }
  blockquote p { margin: 0 0 0 0; }
.articleBody ul li { padding: .5em 0 .5em 12px; background:url(site-design/category_bullet.png) no-repeat 0 1.2em; border-bottom: 1px solid #b0d4da; }
.articleBody ol { padding-left:10px; }
.articleBody ol li { list-style: decimal-leading-zero; padding: .5em 0 .5em 0; border-bottom: 1px solid #b0d4da; }

/* Contact */
.contact_box { font-size:14px; text-align:center; width:360px; border:1px solid #b0d4da; padding:20px; background:#f2fcfe; }
.img_contact { background:url(site-design/fedex_cargo.jpg) no-repeat; width:980px; height:450px; }

/* RSS */
.video_holder { border:25px solid #b0d4da; height: 420px; width: 550px; margin-bottom:3.5em; } 
#primary.rss { width: 600px; border: none; background: none; }
  #primary.rss .article { border: none; }
#secondary.rss { margin-top: 3.5em; }
  #secondary.rss .rss_mail { border:5px solid #ecfafd; padding:20px; font-weight: bold; padding: 10px 10px 20px 15px; }
    #secondary.rss .rss_mail h3 { text-transform: none; font-size: 1.4em; margin: 0; }
    #secondary.rss .rss_mail p { font-weight: normal; margin: 0 0 .75em 0; }
    #secondary.rss .rss_mail input { border: 1px solid #aed4d9; padding: 8px 4px; }
p.feed_box { border:5px solid #ecfafd; padding:20px; background:#fefae0; font-size: 1.8em; font-weight: bold; padding: 10px 10px 10px 15px; }  

/* Widecolumn layout */

.widecolumn { width:980px; overflow:hidden; }
  .widecolumn #primary { background: none; }
    .widecolumn #primary .article { border-bottom: none; padding-bottom: 0; }  
#wideprim { width:450px; float: left; }
  #wideprim li { background: url(site-design/icn-date.png) no-repeat 0 45%; padding:0.4em 0 0.4em 18px; border-bottom: 1px solid #b0d4da; }
    #wideprim li a { border-bottom: none; font-size: 12px; }
#widesec { width:450px; float: right; }
#post-arhiva #content, #post-kontakt #content { background: none; }


#content.narrowcolumn { width:620px; }
h2.pagetitle { margin: .5em 0 1em 0; padding:5px 15px 15px 15px; background: #000 url(site-design/title_tongue.png) no-repeat 0 100%; border-bottom: 15px solid #CEEBF2; color: white; font-size: 1.8em; }

#primary h3 { font-size:24px; margin:1.5em 0 0 0; text-transform: none; letter-spacing: -1px; }
  #primary h3 a { border-bottom: none; }
#primary small { font-size:11px; color: #75a4b0; }
.post { padding-bottom:2em; border-bottom: 1px solid #b0d4da; margin-bottom: 2em; }
.entry p { margin: .5em 0 .5em 0; }
.postmetadata { margin: 0; }
  .postmetadata .comments { background: url(site-design/icn-comment.png) no-repeat 0 .2em; padding-left: 16px; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; margin: 0; }