/*
|----------------------------------------------------------------------------------------|
| 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 "http://makar-one.com/public/css/sprawsm-typography.css";
@import "http://makar-one.com/public/css/sprawsm-layout.css";
@import "http://makar-one.com/public/css/sprawsm-extras.css";

/* !General */

html{ background: #fff url(../../../public/images/layout/main_bg.png); font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, Verdana, sans-serif; }

.content{ width: 936px; margin: 0 auto; }
#secondary .content{ width: auto; margin: 0 0 24px 20px; }

.avatar{ float: left; margin: 0 12px 0 0; padding: 2px; border: 1px solid #dfdfdf; background: #fff; }

.more{ margin: 1.5em 0 0 0; padding: 12px 0 0 0; border-top: 1px dotted #ccc; text-align: right; }

.editLink a{ padding: 2px 5px 4px 5px; background: maroon; color: #fff !important; font-variant: small-caps; }
.commentLink, .tagLink{ padding: 0 0 0 12px; background-position: 0 50%; background-repeat: no-repeat; }
.commentLink{ background-image: url(../../../public/images/icons/comment.png); }
.tagLink    { background-image: url(../../../public/images/icons/tag.png);     }

.comFeedLink{ text-align: right; margin: -3em 0 0 0; }

.video{ margin: 1.5em 0 1.5em -28px; padding: 12px 0 12px 28px; background: url(../../../public/images/icons/twotone/camera.gif) 0 12px no-repeat; border: 1px dotted #ccc; border-width: 1px 0; }

.small{ font-size: .75em; }

/* !Banners */
.banner a, .banner img, .bannerList img{ display: block; }
#secondary .banner.ad-336x280{ padding: 20px; background: #efefef; margin-bottom: 24px; }
.ad-468x60{ margin: 0 0 1.5em 0; width: 468px; }

/* !Link Colors */

a:link{ color: #800000; text-decoration: none; }
a:visited{ color: #500000; text-decoration: none; }
a:hover{ text-decoration: underline; color: #da0407;}
a:active{}

/* Eliminate all unwanted underlines */
.postTitle a, .editLink a, #navigation a, .adURL a, .comboNav a{ text-decoration: none !important; }

/* !Headings */

h2{ font: normal bold 2.5em/1.2 Arial, Helvetica, Verdana, sans-serif; letter-spacing: -2px; margin: 24px 0; }
h2.postTitle{ margin: 12px 0; }
  /* h2.postTitle a{ text-shadow: 1px 1px 1px rgba(0,0,0,.25); } */
h3{ font-family: Arial, Helvetica, Verdana, sans-serif; }
  #secondary .indented{ margin-left: 24px; }
h4{ font-family: Arial, Helvetica, Verdana, sans-serif; }
h3, h4, h5, h6{ text-transform: uppercase; }

/* !Header */

#header{ background: #efefef url(../../../public/images/layout/pattern.png); border-bottom: 1px solid #dfdfdf; padding: 12px 0; }
    #header h1{ float: left; margin: 0; }
      #header h1 span{ position: absolute; top: -9999px; }
    .ad-728x90{ float: right; }

/* !Navigation */
#navigation{ background: #343434 url(../../../public/images/layout/nav_bg.png) 0 50% repeat-x; margin: 0 auto 18px auto; border-top: 1px solid #343434; border-bottom: 1px solid #111; }

  #navigation ul{ margin: 0 24px 0 0; float: left; line-height: 1; text-transform: uppercase; font-size: 11px; border-left: 1px solid #000; }
    #navigation li{ float: left; background: url(../../../public/images/layout/tab_nav.png) 100% 50% no-repeat; }
    #navigation li:first-child{ border-left: 1px solid #343434; }
      #navigation a{ display: block; padding: 1em; text-shadow: 1px 1px 1px rgba(0,0,0,.25); }
      #navigation a:link, #navigation a:visited, #navigation a:hover{ color: #ccc; }
      #navigation a:hover{ color: #fff; }
      #navigation li.active a{ color: #fff !important; font-weight: bold; background: url(../../../public/images/icons/nav_active.png) 50% 100% no-repeat; }

  .searchForm{ float: right; position: relative; top: 4px; }
    .searchForm h3, .searchForm button{ position: absolute; top: -9999px; }
    .searchForm input q{ width: 180px; padding: 3px; }

/*
  #network{ float: right; position: relative; }
    #network h2{ font: normal normal 10px/1 Arial, Helvetica, sans-serif; margin: 0; color: #ccc; text-transform: uppercase; letter-spacing: normal; }
    #network #networkSites{ margin: 0; float: none; width: 150px; border: none; position: absolute; top: 100%; right: 0; background: #4b86d0; padding: 6px 0 0 0; border: 1px solid #406496; border-width: 0 1px; }
      #networkSites .site{ border: none; border-bottom: 1px solid #406496; padding: 0 12px; font-size: 11px; color: #ccc; }
        #networkSites h3{ margin: 18px 0; font-size: 10px; }
        #network .site a{ padding: 0; }
          #network a img{ margin: 0 2px -4px 0; }
*/

/* !Footer */

#footer{ background: #efefef; border-top: 1px solid #dfdfdf; color: #777 }
  #footer .content{ padding: 0 0 18px 0; }
    #footer a:link, #footer a:visited, #footer a:hover{ color: #343434; }
  
  .copyright{ float: left; }
  #footer ul{ clear: both; margin: 0; }
    #footer ul li{ float: left; margin: 0 4px 0 0; padding: 0 6px 0 0; border-right: 1px solid #ccc; }
  .backToTop{ float: right; }
  
  #tagCloud{}
    #tagCloud a{ color: #999 !important; text-decoration: none !important; }

/* !Main Content */

#mainContent{ background: url(../../../public/images/layout/line_dfdfdf.png) 571px 0 repeat-y; }

/* Global float clear */
#content:after, #mainContent:after, .content:after, .post:after, .subscribe:after, .comboNav:after, .comboContent:after, .bannerList:after, .bannerList.bl-180x150 li:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }

/* !Post formatting */
.post{ border-top: 1px solid #ccc; padding: 0 67px 0 0; clear: both; }
  .postHeader{}
    .postTitle{}
      /*.postTitle a:link, .postTitle a:visited{ color: #000; }
      .postTitle a:hover{ color: #4b86d0; }*/
  .postFooter{}
    .postInfo{ margin-top: 0; font-size: .9em; color: #777; }
    .postInfo.afterPost{ margin-top: 1.5em; padding: 12px 0 0 0; border-top: 1px dotted #ccc; text-align: right; }
  .postBody{ font-size: 15px; overflow: hidden; }

    .postBody ul li{ list-style: square; }
    .postBody ol li{ list-style: decimal; }

.pagination{ text-align: center; }

/* !Archives */
.archiveCol{ width: 48%; }
.byMonth{ float: left; }
.byCat{ float: right; }
  .archiveCol li{ margin: 0; padding: .75em .25em; border-bottom: 1px dotted #ccc; color: #777; }

/* !Comments */
ol.comments{}
  .comments li{ margin: 0; padding: 0 0 1.5em 0; border-bottom: 1px dotted #ccc; }
    .comContent{}
    .comInfo{ font-size: 11px; color: #777; }

.commentPolicy{ color: #777; font-style: italic; }

#secondary{}
  
  .subscribe{ background: #efefef; margin: 0 0 1.5em 0; padding: 12px 24px; }
    .subscribe .more{ margin-bottom: 1.5em; }
    .feedSub{ float: left; width: 150px; padding: 12px 0; }
      .feedSub a{ display: block; height: 32px; line-height: 32px; padding: 12px; background: #dfdfdf; }
        .feedSub a img{ float: left; margin: 0 4px 0 0; }
    .emailSub{ float: right; width: 150px; padding: 12px 0 12px 12px; border-left: 1px dotted #ccc; }
      .emailSub input#email{ width: 146px; margin: 0 0 12px 0; }
  
  .intro{ padding-top: 1px !important; }
    .intro h3{ margin-top: 0; }
  
  .combo{}
    .comboNav{ margin: 0 20px; background: #4b86d0 url(../../../public/images/layout/nav_bg.png) 0 50% repeat-x; border-bottom: 1px solid #214e8a; text-transform: uppercase; font-size: 11px; }
      .comboNav li{ float: left; line-height: 1; background: url(../../../public/images/layout/tab_nav.png) 100% 50% no-repeat; }
        .comboNav a{ float: left; padding: 1em; text-shadow: 1px 1px 1px rgba(0,0,0,.25); }
        .comboNav a:link, .comboNav a:visited, .comboNav a:hover{ color: #efefef; }
    .comboContent{ background: #efefef; padding: 0 20px; }
      .comboContent ol{ margin: 0; padding: 10px 0 20px 0; }
        .comboContent ol li{ margin: 0; border-bottom: 1px solid #ccc; }
          .comboContent ol li a{ display: block; padding: 8px 8px 8px 20px; background: url(../../../public/images/icons/bullet.png) 6px 1.20em no-repeat; }
          a.active{ background: url(../../../public/images/icons/nav_active.png) 50% 100% no-repeat; font-weight: bold; color: #fff !important; }
          
        /* Restyle the latest comments list */
        .comboContent ol#comboComments li{ padding: 8px 8px 8px 20px; background: url(../../../public/images/icons/bullet.png) 6px 1.20em no-repeat; }
          .comboContent ol#comboComments li a{ display: inline; padding: 0; background: transparent; }

  #secondary .content.twitter{ margin-top: 1.5em; }

  /* Needed for MoreCSS */
  .comboContent ol{ display: none; }
  .comboContent ol.visibleTabContent{ display: block; }
  
  .bannerList{}
    .bannerList li{ float: left; display: inline; }

  .bannerList.bl-120x90{ padding: 0 0 0 2px; }
    .bannerList.bl-120x90 li{ margin: 0 2px 4px 2px; }
  
  /* .bannerList.bl-180x150{ padding: 9px 0 0 0; background: url(../../../public/images/layout/ad_label-h.png) 100% 0 no-repeat; } */
    .bannerList.bl-180x150 li{ float: none; display: block; margin: 0 0 10px 20px; padding: 0 0 10px 0; border-bottom: 1px dotted #ccc; font-size: 11px; }
      .bannerList.bl-180x150 .banner{ float: left; margin: 0 12px 0 0; }
      .bannerList.bl-180x150 h4{ margin: 6px 0; text-transform: none; }
      .bannerList.bl-180x150 p{ margin: 0 0 6px 0; }
      .bannerList.bl-180x150 .adDesc{}
      .bannerList.bl-180x150 .adURL{}
        .bannerList.bl-180x150 .adURL a{ color: #008000 !important; }
  
  #blogroll{}
    #blogroll ul{}
      #blogroll ul li{ display: inline; margin: 0 4px 0 0; padding: 0 6px 0 0; border-right: 1px solid #ccc; }