/* GENERAL */

a {
  color: #000;
  text-decoration: none;
}

body {
  font-family: "Arial";
  margin: 15px 0;
}

div.block_heading {
  background: #c3c3c3;
  color: #fff;
  padding-left: 24px;
  padding-top: 15px;
  height: 34px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
  div.block_heading h1 {
    font-size: 20px;
    letter-spacing: 1px;
  }
  div.block_heading h2 {
    font-size: 11px;
    margin-bottom: 3px;
    margin-top: -7px;
  }

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.column {
  float: left;
}

.label {
  color: #fff;
  display: inline-block;
  font-family: "Georgia", "Times new roman";
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
  left: 0;
  letter-spacing: 1px;
  margin-left: -10px;
  position: absolute;
  top: 5px;
  padding: 6px 10px 5px 10px;
  z-index: 1000;
}
  .label.skate {
    background: #005087;
  }
  .label.snowboard {
    background: #2878be;
  }
  .label.surf {
    background: #64a0dc;
  }
  .label.ski {
    background: #96d2f0;
  }
  .label.rock {
    background: #c82800;
  }
  .label.pop {
    background: #ff5000;
  }
  .label.hip_hop {
    background: #ffb400;
  }
  .label.art {
    background: #d24682;
  }
  .label.fashion {
    background: #8c5032;
  }
  .label.blender {
    background: url("/images/blender_label.png") no-repeat;
  }
  
/* MAIN LAYOUT */

#wrap {
  margin: 0 auto;
  width: 960px;
}

#header {
  height: 90px;
  margin-bottom: 15px;
}
  #header div {
    float: left;
    width: 825px;
  }
  #header #logo {
    background: url("/images/logo_beta.png") no-repeat 0 0;
    display: block;
    float: left;
    height: 90px;
    margin-left: -26px;
    margin-right: 39px;
    text-indent: -9999px;
    width: 107px;/*81px;*/
  }
    #header #action_nav {
      float: right;
    }
      #header #action_nav li {
        float: left;
        margin-left: 5px;
      }
        #header #action_nav li a {
          display: block;
          font-size: 9px;
          font-weight: bold;
          text-transform: uppercase;
        }
  #header div h1 {
    background: url('/images/header_titles.png') no-repeat 0 0;
    display: block;
    height: 44px;
    margin-top: 45px;
    text-indent: -9999px;
  }
    
    body.skate #header h1 {
      background-position: 0 -100px;
    }
    body.snowboard #header h1 {
      background-position: 0 -200px;
    }
    body.surf #header h1 {
      background-position: 0 -300px;
    }
    body.ski #header h1 {
      background-position: 0 -400px;
    }
    body.rock #header h1 {
      background-position: 0 -500px;
    }
    body.pop #header h1 {
      background-position: 0 -600px;
    }
    body.hip_hop #header h1 {
      background-position: 0 -700px;
    }
    body.art #header h1 {
      background-position: 0 -800px;
    }
    body.fashion #header h1 {
      background-position: 0 -1000px;
    }
    body.blender #header h1 {
      background-position: 0 -1100px;
    }

#main {
    float: left;
    margin-right: 15px;
    width: 745px;
  }
  #main.full_width {
    margin: 0;
    width: 945px;
  }
  
/* SIDEBAR */

#sidebar {
  float: left;
  width: 200px;
}
  #sidebar .promo {
    margin-bottom: 15px;
  }
    #sidebar .promo h2 {
      background: #5f6468;
      color: #fff;
      font-size: 13px;
      padding: 6px 10px 5px 10px;
      text-transform: uppercase;
      width: 165px;
    }
  #sidebar .ad {
    margin-bottom: 15px;
  }
  
/* LATEST COMMENTS */

.promo.latest_comments div {
  background: #b4b4b4;
  padding: 5px 15px;
  margin-right: 15px;
}
.promo.latest_comments p {
  border-bottom: 1px solid #c3c3c3;
  font-size: 10px;
  padding: 10px 0;
}
.promo.latest_comments p.last {
  border: none;
}
    
/* ADS */

.ad iframe {
  margin-bottom: 15px;
}
  
/* FOOTER */

#footer {
  clear: both;
  font-size: 11px;
  font-weight: bold;
  padding-top: 50px;
  width: 945px;
}
  #footer .top {
    background: #b4b4b4;
    color: #fff;
    overflow: hidden;
    padding: 5px 25px;
  }
    #footer .top .left {
      float: left;
      text-transform: uppercase;
    }
    #footer .top .right {
      float: right;
    }
  #footer .bottom {
    background: #e6e6e6;
    overflow: hidden;
    padding: 18px 25px 15px 25px;
  }
    #footer .bottom .left li {
      float: left;
      margin-right: 15px;
    }
      #footer .bottom .left li a:hover {
        background: #000;
        color: #fff;
      }
    #footer .bottom .right {
      float: right;
    }
      #footer .bottom .right p {
        float: left;
      }
      #footer .bottom .right ul {
        float: left;
        margin-top: -3px ;
      }
        #footer .bottom .right ul li {
          float: left;
          margin-left: 5px;
        }
          #footer .bottom .right ul li a {
            background: #969696;
            color: #fff;
            display: block;
            padding: 3px 6px;
          }
            #footer .bottom .right ul li a.facebook:hover {
              background: #3b5998;
            }
            #footer .bottom .right ul li a.twitter:hover {
              background: #35ccff;
            }
            #footer .bottom .right ul li a.youtube:hover {
              background: #ff2312;
            }

/* TOP NAV */

#top_nav {
  float: left;
}
  #top_nav li {
    display: block;
    float: left;
    margin-right: 10px;
    text-indent: -9999px;
  }
    #top_nav li.selected {
      margin: -4px 10px -4px 0;
      padding: 4px;
    }
      #top_nav li.home.selected {
        background: #000;
      }
      #top_nav li.skate.selected {
        background: #005087;
      }
      #top_nav li.snowboard.selected {
        background: #2878be;
      }
      #top_nav li.surf.selected {
        background: #64a0dc;
      }
      #top_nav li.ski.selected {
        background: #96d2f0;
      }
      #top_nav li.rock.selected {
        background: #c82800;
      }
      #top_nav li.pop.selected {
        background: #ff5000;
      }
      #top_nav li.hip_hop.selected {
        background: #ffb400;
      }
      #top_nav li.art.selected {
        background: #d24682;
      }
      #top_nav li.fashion.selected {
        background: #8c5032;
      }
      #top_nav li.blender.selected {
        background: url("/images/top_nav.png") no-repeat -300px -242px;
      }
    #top_nav li a {
      background: url("/images/top_nav.png") no-repeat;
      display: block;
      height: 12px;
    }
    #top_nav li.home a {
      background-position: 0 0;
      width: 19px;
    }
      #top_nav li.home.selected a {
        background-position: -150px 0;
      }
    #top_nav li.skate a {
      background-position: 0 -25px;
      width: 34px;
    }
      #top_nav li.skate.selected a {
        background-position: -150px -25px;
      }
    #top_nav li.snowboard a {
      background-position: 0 -50px;
      width: 72px;
    }
      #top_nav li.snowboard.selected a {
        background-position: -150px -50px;
      }
    #top_nav li.surf a {
      background-position: 0 -75px;
      width: 30px;
    }
      #top_nav li.surf.selected a {
        background-position: -150px -75px;
      }
    #top_nav li.ski a {
      background-position: 0 -100px;
      width: 17px;
    }
      #top_nav li.ski.selected a {
        background-position: -150px -100px;
      }
    #top_nav li.rock a {
      background-position: 0 -125px;
      width: 31px;
    }
      #top_nav li.rock.selected a {
        background-position: -150px -125px;
      }
    #top_nav li.pop a {
      background-position: 0 -150px;
      width: 22px;
    }
      #top_nav li.pop.selected a {
        background-position: -150px -150px;
      }
    #top_nav li.hip_hop a {
      background-position: 0 -175px;
      width: 46px;
    }
      #top_nav li.hip_hop.selected a {
        background-position: -150px -175px;
      }
    #top_nav li.art a {
      background-position: 0 -200px;
      width: 21px;
    }
      #top_nav li.art.selected a {
        background-position: -150px -200px;
      }
    #top_nav li.fashion a {
      background-position: 0 -225px;
      width: 48px;
    }
      #top_nav li.fashion.selected a {
        background-position: -150px -225px;
      }
    #top_nav li.blender a {
      background-position: 0 -250px;
      width: 52px;
    }
      #top_nav li.blender.selected a {
        background-position: -150px -250px;
      }
    
/* SECTIONS */

#section_nav {
  height: 11px;
  margin: 0 0 10px 0;
}
  #section_nav li {
    float: left;
    margin-right: 10px;
    text-indent: -9999px;
  }
    #section_nav li.selected {
      background-color: #000;
      margin: -4px 10px -4px 0;
      padding: 4px;
    }
    #section_nav li a {
      background: url("/images/section_nav.png") no-repeat 0 0;
      display: block;
      height: 11px;
    }
    #section_nav li.latest a {
      background-position: 0 0;
      width: 36px;
    }
      #section_nav li.latest.selected a {
        background-position: -150px 0;
      }
    #section_nav li.popular a {
      background-position: 0 -25px;
      width: 49px;
    }
      #section_nav li.popular.selected a {
        background-position: -150px -25px;
      }
    #section_nav li.editors_pick a {
      background-position: 0 -50px;
      width: 77px;
    }
      #section_nav li.editors_pick.selected a {
        background-position: -150px -50px;
      }
    #section_nav li.tags a {
      background-position: 0 -75px;
      width: 26px;
    }
      #section_nav li.tags.selected a {
        background-position: -150px -75px;
      }
    #section_nav li.spatziba_tv a {
      background-position: 0 -100px;
      width: 68px;
    }
      #section_nav li.spatziba_tv.selected a {
        background-position: -150px -100px;
      }
    #section_nav li.calendar a {
      background-position: 0 -125px;
      width: 54px;
    }
      #section_nav li.calendar.selected a {
        background-position: -150px -125px;
      }
    #section_nav li.features a {
      background-position: 0 -150px;
      width: 53px;
    }
      #section_nav li.features.selected a {
        background-position: -150px -150px;
      }
    
.post {
  background: #f3f3f3;
  position: relative;
  clear: both;
  font-size: 12px;
  margin-bottom: 15px;
  zoom: 1;
}
  .post .label {
    margin-bottom: 20px;
  }
  .post .content {
    color: #464646;
    padding: 50px 25px 25px 25px;
  }
    .post .content a:hover {
      background: #000;
      color: #fff;
      text-decoration: none;
    }
    .post .content h1 {
      font-size: 21px;
      font-weight: bold;
      margin-bottom: 10px;
    }
      .post .content h1 a {
        color: #464646;
      }
    .post .content h2 {
      font-size: 13px;
      font-weight: bold;
      margin-bottom: 5px;
      text-transform: uppercase;
    }
    .post .content img,
    .post .content object,
    .post .content p {
      margin-bottom: 10px;
    }
      .post .content p {
        line-height: 16px;
      }
      .post .content p a {
        color: #0096fa;
        font-weight: bold;
      }
      .post .content a.read_more {
        font-family: "Georgia", "Times new roman";
        font-style: italic;
        font-weight: normal;
        text-decoration: underline;
      }
  .post.has_media .content {
    float: left;
    width: 270px;
  }
  .post .side_content {
    float: right;
    width: 425px;
  }
    .post .side_content .video .redirecting {
      background: #dcdcdc;
      color: #969696;
      font-size: 10px;
      padding: 10px;
    }
    .post .side_content a img {
      display: block;
    }
    
    .post p.caption {
      color: #5f6468;
      font-size: 11px;
      margin-top: -10px;
      padding: 5px 0;
    }
    .post .thumbs {
      float: right;
      margin-bottom: 15px;
      margin-right: 25px;
      margin-top: 25px;
      width: 350px;
      text-align: right;
    }
      .post .thumbs a {
        display: inline-block;
        margin-bottom: 10px;
        margin-left: 10px;
      }
        .post .thumbs a:hover {
          background: none;
        }
        .post .thumbs a img {
          height: 60px;
          width: 60px;
        }
    .post .content .thumbs {
      margin: 0;
    }
        
.post.article div.content h1,
.post.gallery div.content h1 {
  margin-top: 25px;
}

.post.article.has_media div.content h1,
.post.gallery.has_media div.content h1 {
  margin-top: 0;
}

.post div.top_paragraph img {
  display: block;
  margin: 0 auto;
}

.post.article div.top_paragraph,
.post.gallery div.top_paragraph {
  background: #c3c3c3;
  text-align: center;
}
  .post.article div.top_paragraph p.caption,
  .post.gallery div.top_paragraph p.caption {
    background: #e6e6e6;
    margin: 0;
    padding: 5px;
    text-align: left;
  }
  .post.article div.content {
    padding: 25px;
    width: auto;
  }
    .post.article div.content p {
      width: 80%;
    }
    .post.gallery div.content {
      padding: 25px;
    }
    .post.article .content .image,
    .post.article .content .video {
      display: block;
      margin-bottom: 10px;
    }

.post.event .content h2 {
  color: #999;
  font-weight: bold;
  font-size: 17px;
  text-transform: uppercase;
}

/* CONTENT FOOTER */

.content_footer {
  clear: both;
  font-size: 11px;
  height: 37px;
}
  .content_footer .meta {
    background: #c3c3c3;
    float: left;
    font-weight: bold;
    padding-top: 6px;
    width: 320px;
  }
    .content_footer .meta img {
      float: left;
      height: 37px;
      margin-right: 10px;
      margin-top: -6px;
      width: 65px;
    }
    .content_footer .meta a {
    }
    .content_footer .meta p {
      color: #fff;
      margin-top: 2px;
    }
  .content_footer .info {
    background: #969696;
    float: left;
    font-weight: bold;
    height: 31px;
    padding-left: 10px;
    padding-top: 6px;
    width: 205px;
  }
    .content_footer .info .tags {
      margin-bottom: 2px;
    }
      .content_footer .info .tags p {
        color: #c3c3c3;
        float: left;
      }
      .content_footer .info .tags ul {
        float: left;
      }
      .content_footer .info .tags ul li {
        float: left;
      }
      .content_footer .info .tags ul li.hidden {
        display: none;
      }
        .content_footer .info .tags ul li a {
          font-weight: normal;
          font-size: 10px;
        }
        .content_footer .info .tags ul li a:hover {
          background: #000;
          color: #fff;
        }
    .content_footer .info a.comment_count {
      clear: both;
      color: #fff;
      float: left;
      margin-top: 2px;
    }
  .content_footer .social {
    background: #969696;
    float: right;
    height: 27px;
    padding-top: 10px;
    width: 210px;
  }
    .content_footer .social .facebook,
    .content_footer .social .twitter,
    .content_footer .social .like {
      background: url("/images/icons.png") no-repeat;
      display: block;
      float: right;
      height: 18px;
      margin-left: 5px;
      text-indent: -9999px;
      width: 18px;
    }
      .content_footer .social .facebook {
        background-position: 0 0;
      }
        .content_footer .social .facebook:hover {
          background-position: -50px 0;
        }
      .content_footer .social .twitter {
        margin-right: 10px;
        background-position: 0 -40px;
      }
        .content_footer .social .twitter:hover {
          background-position: -50px -40px;
        }
      .content_footer .social iframe {
        float: right;
        margin-top: -1px;
      }
      .content_footer .social .tweet_button {
        float: right;
      }
      .content_footer .social .like {
        background-position: 0 -80px;
        float: right;
        height: 10px;
        margin-top: 4px;
        width: 41px;
      }
        .content_footer .social .like:hover {
          background-position: -50px -80px;
        }
      .content_footer .social .like_count {
        color: #fff;
        float: right;
        font-size: 13px;
        font-style: italic;
        font-weight: bold;
        margin-left: 5px;
        margin-right: 20px;
        margin-top: 3px;
      }
      
/* COMMENTS */

div#comments {
  background: #fff;
  font-size: 11px;
  padding-left: 320px;
  padding-top: 35px;
  width: 425px;
}
  div#comments div.comment {
    border-top: 4px solid #e6e6e6;
    clear: both;
    margin-top: 15px;
    padding-top: 15px;
  }
    div#comments div.comment img {
      float: left;
      width: 65px;
    }
    div#comments div.comment div {
      float: left;
      margin-left: 20px;
      padding-bottom: 15px;
      width: 290px;
    }
      div#comments div.comment div a {
        font-weight: bold;
      }
      div#comments div.comment div span.date {
        color: #ababab;
      }
      div#comments div.comment div p {
        margin-top: 10px;
      }
      div#comments div.comment.anonymous div {
        margin-left: 0;
      }
  div#comments form {
    margin-bottom: 35px;
    position: relative;
    width: 425px;
  }
    div#comments form p {
      font-weight: bold;
      margin-bottom: 5px;
    }
    div#comments form label {
      display: block;
      font-size: 10px;
      font-weight: bold;
      margin-bottom: 4px;
      text-transform: uppercase;
    }
    div#comments form input {
      border: 2px solid #e6e6e6;
      margin-bottom: 10px;
      width: 423px;
    }
    div#comments form textarea {
      border: 2px solid #e6e6e6;
      height: 100px;
      margin: 0;
      resize: none;
      width: 421px;
    }
    div#comments form a.submit {
      margin-top: -15px;
      right: -7px;
      bottom: 0;
      position: absolute;
    }
  div#comments p.login {
    border: 2px solid #e6e6e6;
    padding: 20px;
    text-align: center;
  }
    
#main.full_width div#comments {
  padding-left: 585px;
  width: 360px;
}
  #main.full_width div#comments div.comment div {
    width: 225px;
  }
  #main.full_width div#comments form {
    width: 360px;
  }
    #main.full_width div#comments form textarea {
      width: 356px;
    }

a.submit {
  background: url("/images/button.png ") no-repeat 100% 0;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  padding: 2px 15px 2px 5px;
  text-transform: uppercase;
}
  
/* BANNERS */

#banners {
  height: 300px;
  margin: 0 -25px;
  margin-bottom: 10px;
  width: 995px;
}
  #banners a {
    display: block;
  }
  
/* EPISODE */
      
.episode_full {
  margin-bottom: 15px;
}
.episode_full .content {
  background: #e6e6e6;
  overflow: hidden;
}
  .episode_full .content .episode_info .info {
    float: left;
    margin-left: 25px;
    padding: 20px 0;
    width: 160px;
  }
    .episode_full .content .episode_info .info h3 {
      color: #969696;
      font-size: 17px;
      text-transform: uppercase;
    }
    .episode_full .content .episode_info .info h1 {
      font-size: 17px;
      text-transform: uppercase;
    }
  .episode_full .content .episode_info .description {
    float: left;
    margin-left: 15px;
    padding: 20px 0;
    width: 345px;
  }
    .episode_full .content .episode_info .description h2 {
      font-size: 17px;
      text-transform: uppercase;
    }
    .episode_full .content .episode_info .description p {
      font-size: 11px;
      margin-top: 15px;
    }
  .episode_full .content .episode_info .program {
    background: #d2d2d2;
    float: left;
    font-size: 11px;
    margin-left: 40px;
    padding: 20px 0;
    width: 360px;
  }
    .episode_full .content .episode_info .program img {
      float: left;
      margin: 0 15px;
    }
    .episode_full .content .episode_info .program h3 {
      color: #969696;
      text-transform: uppercase;
    }
    .episode_full .content .episode_info .program a {
      font-weight: bold;
      text-transform: uppercase;
    }
  .episode_full .content .feature_info {
    padding: 20px 40px;
    width: 440px;
  }
    .episode_full .content .feature_info h1 {
      color: #4e4d4d;
      font-size: 21px;
      margin-top: 0;
    }
    .episode_full .content .feature_info p {
      color: #2e2e2e;
      font-size: 12px;
      margin-top: 10px;
    }
  .episode_full .content_footer .meta {
    width: 585px;
  }
  .episode_full .content_footer .info {
    width: 185px;
  }
    
/* FEATURES */

div#features.thumb_grid .item {
  height: 200px;
  margin-right: 28px;
  width: 145px;
}
  div#features.thumb_grid .item div.info {
    width: 125px;
  }
      
/* FEATURE HEADER */

div.feature_header {
  background: #e6e6e6 no-repeat top left;
  height: 115px;
  margin-bottom: 15px;
  padding-left: 95px;
}
  div.feature_header img {
    float: left;
    margin-right: 15px;
  }
    div.feature_header h3 {
      color: #969696;
      float: left;
      font-size: 11px;
      padding-top: 10px;
      text-transform: uppercase;
      width: 445px;
    }
    div.feature_header h1 {
      color: #000;
      float: left;
      font-size: 21px;
      margin-top: 5px;
      text-transform: uppercase;
      width: 445px;
    }
    div.feature_header p {
      float: left;
      font-size: 11px;
      margin-top: 10px;
      width: 280px;
    }
    div.feature_header .ad {
      float: right;
      height: 95px;
      margin: 10px;
      width: 185px;
    }
    
div.thumb_grid {
  background: #e6e6e6;
  overflow: hidden;
  padding: 30px 0 0 40px;
}
  div.thumb_grid a.item {
    float: left;
    height: 115px;
    margin-bottom: 30px;
    margin-right: 25px;
    position: relative;
    width: 205px;
  }
    div.thumb_grid a.item div.info {
      background: url("/images/black_50.png");
      color: #fff;
      padding: 10px;
      position: absolute;
      bottom: 0;
      width: 185px;
    }
      div.thumb_grid a.item div.info h1 {
        font-size: 10px;
        text-transform: uppercase;
      }
      div.thumb_grid a.item div.info p {
        display: none;
        font-size: 10px;
        margin-top: 5px;
      }
div#feature_items.thumb_grid.full_width a.feature_item {
  margin-right: 15px;
}
div#feature_items.thumb_grid .pagination {
  padding: 0;
  clear: both;
  margin-top: 0;
  margin-bottom: 30px;
}

/* TAGS */

body.tags.index div.tags {
  background: #e6e6e6;
  padding: 25px 360px 25px 25px;
}
  body.tags.index div.tags h2 {
    background: url("/images/tag_letters.png") no-repeat;
    height: 25px;
    text-indent: -9999px;
    width: 25px;
  }
    body.tags.index div.tags h2.char_0 { background-position: 0px 0px; }
    body.tags.index div.tags h2.char_1 { background-position: -25px 0px; }
    body.tags.index div.tags h2.char_2 { background-position: -50px 0px; }
    body.tags.index div.tags h2.char_3 { background-position: -75px 0px; }
    body.tags.index div.tags h2.char_4 { background-position: -100px 0px; }
    body.tags.index div.tags h2.char_5 { background-position: -125px 0px; }
    body.tags.index div.tags h2.char_6 { background-position: -150px 0px; }
    body.tags.index div.tags h2.char_7 { background-position: -175px 0px; }
    body.tags.index div.tags h2.char_8 { background-position: -200px 0px; }
    body.tags.index div.tags h2.char_9 { background-position: -225px 0px; }
    body.tags.index div.tags h2.char_a { background-position: 0px -25px; }
    body.tags.index div.tags h2.char_b { background-position: -25px -25px; }
    body.tags.index div.tags h2.char_c { background-position: -50px -25px; }
    body.tags.index div.tags h2.char_d { background-position: -75px -25px; }
    body.tags.index div.tags h2.char_e { background-position: -100px -25px; }
    body.tags.index div.tags h2.char_f { background-position: -125px -25px; }
    body.tags.index div.tags h2.char_g { background-position: -150px -25px; }
    body.tags.index div.tags h2.char_h { background-position: -175px -25px; }
    body.tags.index div.tags h2.char_i { background-position: -200px -25px; }
    body.tags.index div.tags h2.char_j { background-position: -225px -25px; }
    body.tags.index div.tags h2.char_k { background-position: -250px -25px; }
    body.tags.index div.tags h2.char_l { background-position: -275px -25px; }
    body.tags.index div.tags h2.char_m { background-position: -300px -25px; }
    body.tags.index div.tags h2.char_n { background-position: -325px -25px; }
    body.tags.index div.tags h2.char_o { background-position: -350px -25px; }
    body.tags.index div.tags h2.char_p { background-position: -375px -25px; }
    body.tags.index div.tags h2.char_q { background-position: -400px -25px; }
    body.tags.index div.tags h2.char_r { background-position: -425px -25px; }
    body.tags.index div.tags h2.char_s { background-position: -450px -25px; }
    body.tags.index div.tags h2.char_t { background-position: -475px -25px; }
    body.tags.index div.tags h2.char_u { background-position: -500px -25px; }
    body.tags.index div.tags h2.char_v { background-position: -525px -25px; }
    body.tags.index div.tags h2.char_w { background-position: -550px -25px; }
    body.tags.index div.tags h2.char_x { background-position: -575px -25px; }
    body.tags.index div.tags h2.char_y { background-position: -600px -25px; }
    body.tags.index div.tags h2.char_z { background-position: -625px -25px; }
  body.tags.index div.tags ul {
    border-bottom: 2px solid #b4b4b4;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
    body.tags.index div.tags ul li {
      font-size: 11px;
    }
      body.tags.index div.tags ul li a:hover {
        background: #000;
        color: #fff;
      }

/* PROFILE */

body.users.show #main #view {
  background: #e6e6e6;
  overflow: hidden;
  padding: 15px 25px;
  position: relative;
}
  body.users.show #main #view img {
    float: left;
    margin-right: 15px;
    width: 305px;
  }
  body.users.show #main #view div.content {
    float: left;
    width: 375px;
  }
    body.users.show #main #view div.content h1 {
      font-size: 21px;
      margin-bottom: 15px;
      text-transform: uppercase;
    }
    body.users.show #main #view div.content h2 {
      font-size: 21px;
      color: #5f6468;
      text-transform: uppercase;
    }
    body.users.show #main #view div.content p {
      font-size: 10px;
      margin-bottom: 15px;
      margin-top: 5px;
    }
    body.users.show #main #view div.content a.submit {
      position: absolute;
      right: 25px;
      bottom: 15px;
    }
    
/* PAGE */

body.pages #view {
  background: #e6e6e6;
  padding: 15px 250px 15px 25px;
}
  body.pages #view a:hover {
    background-color: #000;
    color: #fff;
  }
  body.pages #view h2 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: uppercase;
  }
  body.pages #view p {
    font-size: 11px;
    margin-bottom: 10px;
  }
  body.pages.contact #view p {
    margin-bottom: 30px;
  }
  
/* PAGINATION */

div.pagination {
  font-size: 11px;
  padding-top: 35px;
  text-align: center;
  text-transform: uppercase;
}
  div.pagination a {
    display: inline-block;
    margin: 0 2px;
    padding: 3px 3px 4px 3px;
  }
    div.pagination a:hover,
    div.pagination a.selected {
      background: #000;
      color: #fff;
    }
    
/* USER - EDIT */

body.users.edit #main form,
body.users.update #main form {
  background: #e6e6e6;
  position: relative;
  overflow: hidden;
}
  body.users.update #main form div.errors {
    background: #f00;
    color: #fff;
    font-size: 11px;
    padding: 15px 25px;
  }
    body.users.update #main form div.errors ul {
      margin-left: 10px;
    }
      body.users.update #main form div.errors ul li {
        list-style: square;
      }
  body.users.edit #main form div.column,
  body.users.update #main form div.column {
    overflow: hidden;
    width: 50%;
  }
    body.users.edit #main form div.column h2,
    body.users.update #main form div.column h2 {
      background: #ababab;
      color: #fff;
      font-size: 21px;
      padding: 5px 25px;
      text-transform: uppercase;
    }
    body.users.edit #main form div.column div.content,
    body.users.update #main form div.column div.content {
      padding: 15px 25px 5px 25px;
    }
      body.users.edit #main form div.column div.content img,
      body.users.update #main form div.column div.content img {
        margin-bottom: 10px;
      }
        body.users.edit #main form a.submit,
        body.users.update #main form a.submit {
          bottom: 15px;
          right: 25px;
          position: absolute;
        }

/* FORM */

form div.errors {
  background: #f00;
  color: #fff;
  font-size: 11px;
  padding: 15px 25px;
}
  form div.errors h2 {
    margin-bottom: 5px;
  }
    form div.errors ul {
      margin-left: 10px;
    }
      form div.errors ul li {
        list-style: square;
      }

form div.field {
  clear: both;
  margin-bottom: 10px;
  overflow: hidden;
}
  form div.field label {
    float: left;
    font-size: 10px;
    font-weight: bold;
    margin-top: 5px;
    text-transform: uppercase;
  }
  form div.field input,
  form div.field textarea {
    float: right;
    margin: 0;
    width: 200px;
  }
  form div.field select {
    float: right;
  }
  form div.field textarea {
    height: 100px;
  }

/* POPUP */

div.popup {
  background: url("/images/arrow_up.png") no-repeat;
  padding-top: 11px;
}
  div.popup h1 {
    background: #b4b4b4;
    color: #fff;
    font-size: 22px;
    margin: 0;
    padding: 10px 15px 7px 15px;
    text-transform: uppercase;
  }
    div.popup form div.content {
      background: #e6e6e6;
      overflow: hidden;
      padding: 15px;
    }
    div.popup form div.content a.submit {
      float: right;
    }
    div.popup form div.errors ul {
      margin: 0;
      padding: 0;
    }
      div.errors ul li {
        margin-left: 5px;
        padding: 0;
      }
    
/* LOGIN */

div#login {
  background-position: 313px 0;
  width: 345px;
}

div#register {
  background-position: 353px 0;
  width: 385px;
}
  
  
/* AMBASSADORS */

body.pages.ambassadors #main #view div.section {
  background: #e6e6e6;
  margin-bottom: 15px;
  overflow: hidden;
}
  body.pages.ambassadors #main #view div.section h2 {
    background: #ababab;
    clear: both;
    color: #fff;
    font-size: 21px;
    padding: 5px 25px;
    text-transform: uppercase;
  }
  div#ambassadors.thumb_grid .item {
    height: 111px;
    width: 198px;
  }
    div#ambassadors.thumb_grid .item .info {
      width: 178px;
    }
          
/* CONTRIBUTIONS */

body.contributions #main #view form {
  background: #e6e6e6;
  position: relative;
  padding: 25px 25px 20px 25px;
}
  body.contributions #main #view form input,
  body.contributions #main #view form select,
  body.contributions #main #view form textarea {
    clear: both;
    display: block;
    float: none;
  }
  body.contributions #main #view form input,
  body.contributions #main #view form textarea {
    width: 300px;
  }
  body.contributions #main #view form label {
    display: block;
    margin-bottom: 5px;
  }
  body.contributions #main #view form a.submit {
    bottom: 25px;
    position: absolute;
    right: 25px;
  }
  body.contributions #main #view form div.errors {
    margin: -25px;
    margin-bottom: 25px;
  }
  body.contributions #main #view form p {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 15px;
  }
  
/* ICONS */

a.icon {
  background: center left no-repeat;
  display: inline-block;
  height: 14px;
  padding-left: 20px;
  padding-top: 2px;
}
  a.icon:hover {
    background-color: transparent!important;
    color: #000!important;
  }
  a.icon.pdf {
    background-image: url("/images/icon_pdf.png");
  }
  
/* VIDEO */

div.video {
  position: relative;
}
  div.video .container {
    position: absolute;
    z-index: 1;
  }
  div.video .cover {
    position: absolute;
    z-index: 2;
  }