/*
Theme Name: Cosmopolitan - VIP
Description: Cosmopolitan VIP blog theme
Version: 1.0
Author:
Author URI:
*/
* {
  margin:0;
  padding:0;
}
img {
  border:none;
}
.accessibility {
  text-indent:-9999em;
}
body {
  background: #df94bf url('images/wallpaper-logo.gif') center top no-repeat;
/*  background:#f4d0e8 url('images/wallpaper.png') 0 0 repeat-x;*/
  color:#000;
  font:normal 100% 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
h2 {
  font-size:2.1875em;
}
p {
  color:#2d2d2d;
  font-family:Arial, Helvetica, sans-serif;
  font-size:.75em;
  line-height:150%;
  margin:.5em 0 1.5em 0;
}
a {
  color:#ec008c;
  text-decoration:none;
}
a:hover {
  background-color:#23c5fc;
  color:#fff;
}

#siteWrapper {
  margin:0 auto;
  width:980px;
}
#page {
  background:url('images/wrapper-bg.png') 0 0 repeat-y;
  display:inline; /* IE6 */
  float:left;
  margin-left:-15px;
  width:770px;
}
  #header {
    margin:0 auto 15px auto;
    width:740px;
  }
    #headerimg a {
      background:url('images/cosmopolitan-vip.gif') 0 0 no-repeat;
      display:block;
      height:139px;
      width:740px;
    }
  #content {
    float:left;
    padding:0 20px 0 35px;
    overflow:hidden;
    width:460px;
  }
  .navigation {
    padding-bottom: 10px;
  }
  .navigation .alignleft {
    float: left;
  }
  .navigation .alignright {
    float: right;
  }
  .post {
    border-bottom:solid 1px #e7e7e7;
  }
    .post small {
      color:#999;
      font-size:.6875em;
    }
    .post img {
      border:solid 1px #e7e7e7;
      padding:3px;
    }
      .post .aligncenter, .post div.aligncenter {
        display:block;
        margin-left:auto;
        margin-right:auto;
      }
      .post .alignleft {
        float:left;
      }
      .post .alignright {
        float:right;
      }
    .post .wp-caption p.wp-caption-text {
      color:#646464;
      margin-top:0;
    }
  #commentsWrapper {
    background-color:#dfe3e4;
    margin:0 -20px;
    padding-bottom:1px;
  }
    #commentsWrapper .navigation {
      padding-left: 15px;
      padding-right: 15px;
    }
    #commentsWrapper .comment {
      background:#fff url('images/arrow-icon.gif') 0 100% no-repeat;
      margin:0 20px;
      padding:15px;
    }
    #commentsWrapper .comment-author cite {
      font-size:.75em;
      font-style:normal;
    }
    #commentsWrapper .comment-meat {
      color:#505050;
      font-size:.75em;
    }
  h3#comments {
    background-color:#000;
    color:#fff;
    font-size:1.25em;
    font-weight:normal;
    line-height:60px;
    margin:15px 0;
    padding-left:20px;
    text-transform:uppercase;
  }
  #respond {
    background-color:#ffe1eb;
    margin:0 -20px;
    padding:0 20px 1px 20px;
  }
    #respond h3 {
      background-color:#000;
      color:#fff;
      font-size:1.25em;
      font-weight:normal;
      line-height:60px;
      margin:10px -20px 15px -20px;
      padding-left:20px;
      text-transform:uppercase;      
    }
    #respond label {
      display:block;
      float:left;
      font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
      font-size:1.25em;
      font-weight:bold;
      line-height:20px;
      padding-right:10px;
      text-align:right;
      text-transform:uppercase;
      width:195px;
    }
    #respond input {
      border:none;
      height:20px;
      width:240px;
      margin-left: 11px;
    }
    #respond #comment {
      border:none;
      width:460px;
    }
    #respond #submit {
      background-color:#00b7f7;
      color:#fff;
      float:right;
      font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
      margin-bottom:15px;
      padding:0 5px 3px 5px;
      text-transform:uppercase;
      width:auto;
    }
    #respond .recaptcha_theme_blackglass label.recaptcha_input_area_text {
        float: none;
    } 

  #sidebar {
    float:left;
    padding-left:11px;
    width:219px;
  }
    #sidebar li {
      background:url('images/icon-arrow-blue.gif') 0 50% no-repeat;
      font-size:.75em;
      list-style-type:none;
      padding-left:10px;
    }
    #sidebar h3 {
      height:30px;
      text-indent:-9999em;
    }
      #sidebar #about {
        background-color:#ec1997;
        padding:5px;
      }
        #sidebar #about .teaserContent {
          background-color:#000;
        }
        #sidebar #about p {
          color:#fff;
        }
      #sidebar #archive h3 {
        background:url('images/blogiarkisto.gif') 0 0 no-repeat;
        width:125px;
      }
      #sidebar #tags h3 {
        background:url('images/tagit.gif') 0 0 no-repeat;
        width:61px;
      }
      #sidebar #blogs h3 {
        background:url('images/blogit.gif') 0 0 no-repeat;
        width:73px;
      }
      #sidebar #co-operation h3 {
        background:url('images/yhteistyossa.gif') 0 0 no-repeat;
        width:125px;
      }
    #sidebar .teaser {
      margin-bottom:15px;
    }
      #sidebar .teaserContent {
        background-color:#fff;
        padding:10px;
      }
  #footer {
    background-color:#ffe1eb;
    border-top:solid 10px #fff;
    clear:both;
    margin:0 auto;
    padding-right:15px;
    width:725px;
  }
    #footer img {
      float:left;
      width:155px;
    }
    #footer p {
      color:#e783ae;
      float:right;
      font-family:Arial, Helvetica, sans-serif;
      font-size:.6875em;
      line-height:30px;
      margin:0;
      text-align:right;
    }

#sideBanners {
  float:left;
  width:160px;
}
  .suurtaulu {
    margin-bottom:10px;
  }
  .bannerBox {
    margin:10px 0;
  }
  .bannerBtn {
    margin-bottom:10px;
  }

.fC:after {
  content:'.';
  display:block;
  font-size:0;
  height:0;
  clear:both;
  visibility:hidden;
}
.fC {
  display:inline-block;
}
/* Start hide from IE/Mac */
/*\*/
.fC {
  display:block;
}
/* End hide from IE/Mac */
