/*+ VTPG SPECIFIC +*/
* { margin:0; padding:0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
img { border:none; }
.self-clear {
    _height: 1%;
    *display: inline-block;
    _display: block;
}
  .self-clear:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
  }
.float-left { float: left; }
.float-right { float: right; }
.align-top { vertical-align:top; }
.align-middle { vertical-align:middle; }
.align-bottom { vertical-align:bottom; }
/*- general -*/

body {
  background: #000 url(/fileupload.php?action=systemImage&imageName=body-background) no-repeat center top;
  font:12px Arial, Helvetica, sans-serif;
}

#wrapper {
  width: 1176px;
  /*width:1154px;*/
  margin: 0 auto;
}

/*+ header +*/
#header {
  text-align: center;
}
  #header ul {
    list-style: none;
  }
  #header ul li {
    display: inline;
    color:#c0c0c0;
  }
  #header ul li a {
    color:#c0c0c0;
    font-size:14px;
    padding:0 15px;
  }
  
  #bread-crumb {
    color:#c0c0c0;
    font-size:12px;
    text-align:left;
  }
  #bread-crumb ul li a {
    color:#dbb74c;
    font-size:12px;
    padding:0 5px;
  }
/*- header -*/

#content {
  padding:20px 51px;
  color:#c0c0c0;
}
  .col-left {
    float:left;
    width:746px;
  }
  .col-right {
    width:315px;
    float:right;
  }
  .content-container {
    background:#0e1012 url(/css/aol/gfx/left-bg.png) no-repeat center bottom;
    margin:0 2px 0 1px;
    border-left: 1px solid #676767;
    border-right: 1px solid #676767;
    padding:0 42px;
  }
  
  .content-container h1 {
    color:#dddddd;
    font:18px Verdana, Arial, Helvetica, sans-serif;
    margin-bottom:10px;
  }
    .content-container h1 span {
      color:#c0c0c0;
      font-size:10px;
      float:right;
    }
    .content-container h1 img {
      vertical-align: middle;
      background:  no-repeat right top;
    }
      .content-container h1 img.star1 {
        background: url(/css/aol/gfx/stars.png) right -21px;
      }
      .content-container h1 img.star2 {
        background: url(/css/aol/gfx/stars.png) right -63px;
      }
      .content-container h1 img.star3 {
        background: url(/css/aol/gfx/stars.png) right -105px;
      }
      .content-container h1 img.star4 {
        background: url(/css/aol/gfx/stars.png) right -147px;
      }
      .content-container h1 img.star5 {
        background: url(/css/aol/gfx/stars.png) right -189px;
      }
    .content-container .featured {
      padding:5px;
      border:1px solid #806246;
    }
    .shared-by {
      background-color: #101114;
      color:#c0c0c0;
      padding:5px;
      margin-top:5px;
    }
    .shared-by span {
      float:right;
    }
    .shared-by a {
      color:#dbb74c;
    }
  .content-container h2 {
    color:#c0c0c0;
    font: bold 14px Verdana, Arial, Helvetica, sans-serif;
    margin-bottom:25px;
  }
  .content-container h3 {
    color:#fff;
    font: bold 14px Verdana, Arial, Helvetica, sans-serif;
    margin-bottom:10px;
  }
  .video-info {
    color:#c0c0c0;
    font-size:11px;
  }
    .share {
      width:302px;
      float:right;
      margin-left:15px;
    }
      .video-info .published {
        color:#806246;
        display:block;
        margin-bottom:10px;
      }
      .share ul {
        list-style:none;
        margin-left:-10px;
      }
        .share ul li {
          display:inline;
          color:#c0c0c0;
        }
      .share a {
        color:#dbb74c;
      }
      .share li a {
        color:#dbb74c;
        font-size:11px;
        padding:0 10px;
      }
      .share h4 {
        color:#c0c0c0;
        font:bold 14px Verdana, Arial, Helvetica, sans-serif;
        border-bottom:1px solid #2f323a;
        margin-bottom:5px;
      }
        .share h4 span {
          border-bottom:1px solid #17191d;
          display:block;
        }
      .share div {
        padding:10px;
        background-color:#202226;
        margin-top:5px;
      }
      .share label {
        vertical-align: middle;
        padding:5px 0;
        display:block;
      }
      .share form input {
        color:#C0C0C0;
        background-color:#17191d;
        border:1px solid #806246;
        width:230px;
        float:right;
      }
      .share .square-bullet {
        color:#dbb74c;
        font-size:11px;
      }
      .share .square-bullet span {
        border:1px solid #808080;
        display:block;
        float:left;
        height:6px;
        margin-right:6px;
        margin-top:4px;
        width:6px;
      }
      .share p.r {
        color:#fff;
        padding-top:5px;
        text-align:right;
      }
      
/*+ comments +*/
  #comments ul {
    color:#c0c0c0;
    list-style:none;
  }
  #comments ul li {
    display:inline;
  }
  #comments ul li a {
    padding:0 3px;
    color:#dbb74c;
  }
  #comments ul li.date {
    color:#808080;
  }
  #comments h2 {
    color:#dddddd;
    font: bold 14px Verdana, Arial, Helvetica, sans-serif;
  }
  #comments p {
    color:#808080;
    padding: 2px 0 15px 5px;
    border-bottom:1px solid #414244;
  }

  .votes li {
    color:#806246;
    font-weight:bold;
  }
  .votes li.last {
    font-size:10px;
    color:#c0c0c0;
  }
  #comments .comment {
    margin-top:10px;
  }
/*- comments -*/

/*+ search box +*/
#search-box input {
  vertical-align: middle;
}
#search-box .text {
  width:214px;
  height:20px;
  border:1px solid #818181;
  background-color:#cfd2da;
  color:#808080;
  margin-top:2px;
}
.col-right .ads {
  border:1px solid #806246;
  padding:5px;
}
.col-right h3 {
  color:#dddddd;
  font: bold 14px Verdana, Arial, Helvetica, sans-serif;
  margin-bottom:10px;
}
#search-box img.float-right {
  position: relative;
  margin-top:-20px;
}
/*- search box -*/

.more-videos {
  border:1px solid #757575;
  padding:10px;
  background-color:#181a1e;
  height:260px;
  overflow: auto;
  /*overflow: -moz-scrollbars-vertical;*/
}
.more-videos img {
  border:1px solid #808080;
  padding:2px;
}

.more-videos p {
  border:1px solid #808080;
  color:#dbb74c;
  width:160px;
  float:left;
  margin-left:5px;
  padding:5px;
  min-height: 49px;
  height: auto !important;
  * height: 49px;
}
.more-videos p em {
  color:#ff8000;
  font-size:10px;
  float:left;
}
.more-videos p span {
  color:#c0c0c0;
  font-size:10px;
  display:block;
  text-align:right;
  margin-top:5px;
}

/*+ sub-menu +*/
#sub-menu {
  background: url(/css/aol/gfx/sub-menu_bg.png) repeat-x;
  height:20px;
  margin-top:9px;
  padding:5px 0;
}
  #sub-menu ul {
    text-align:left;
  }
    #sub-menu ul li {
      background: url(gfx/sub-menu_sep.png) no-repeat right 1px;
      padding:5px 0;
    }
    #sub-menu ul li.last,
    #sub-menu ul li:last-child {
      background:none;
    }
    #sub-menu ul li a {
      color:#fff;
    }
/*- sub-menu -*/

/*+ small featured box +*/
.small-featured-container {
  width:352px;
  float:left;
}
.small-featured {
  border:1px solid #795d43;
  padding:3px;
  margin-bottom:10px;
}
  .small-shared-by {
    color:#C0C0C0;
  }
  .small-shared-by a {
    color:#dbb74c;
  }
  
  .small-stars img {
    background: url(gfx/small-stars.png) no-repeat right top;
    vertical-align: middle;
  }
  .small-stars .star0 { background-position: right -22px; }
  .small-stars .star1 { background-position: right -62px; }
  .small-stars .star2 { background-position: right -102px; }
  .small-stars .star3 { background-position: right -142px; }
  .small-stars .star4 { background-position: right -182px; }
  .small-stars .star5 { background-position: right -222px; }


.small-featured-more {
  width:290px;
  float:right;
}
  .small-featured-more .video-container {
    margin-bottom:10px;
  }
  .small-featured-more p {
    color:#dbb74c;
  }
  .small-featured-more p span {
    color:#c0c0c0;
    font-size:10px;
  }
  .small-featured-more .float-left img {
    border:1px solid #808080;
    padding:2px;
    margin-right:12px;
  }
/*- small featured box -*/

/*+ most popular channels +*/
  .popular-channels p.more {
    text-align:right;
  }
  .popular-channels p.more a{
    color:#ff8000;
    font-size:10px;
  }
  .popular-channel div {
    text-align:center;
    float:left;
    margin-right:17px;
  }
    .popular-channel div.last {
      margin-right:0;
    }
  .popular-channel img {
    border:1px solid #808080;
    padding:2px;
  }
  .popular-channel a {
    color:#dbb74c;
    font-size:11px;
  }
/*- most popular channels -*/

/*+ in the spotlight +*/
.spotlight h2 {
  background-color:#202226;
  padding:3px 5px;
}
  .spotlight h2 span {
    float:right;
    color:#806246;
    font-size:11px;
    font-weight:normal;
  }
.spotlight p {
  font-size:11px;
}
.spotlight p span {
  color:#dbb74c;
  font-size:12px;
}
.spotlight .share {
  margin-left:40px;
}
/*- in the spotlight -*/

.more-links {
  padding: 20px; 
}
.more-links div {
  width:32%;
  text-align:center;
  float:left;
}
.more-links h4 {
  color:#808080;
}
.more-links a {
  color:#5d5d5d;
  padding:0 10px;
}

#footer {
  color:#5d5d5d;
  font-size:10px;
  border-top:1px solid #808080;
  padding:10px;
  text-align:center;
}
#footer a {
  color:#5d5d5d;
}
 
//Over Rides from globals
#video-wrapper-links a{
  display:block;
  color:#000;
  font-size:12px;
}

span.voteUp {
  color: green;
}

span.voteDown {
  color: green;
}

span.tableVoteUp {
  color: green;
}

span.tableVoteDown {
  color: green;
}

h2 {
  color: white;
}

table {
  font-size: 14px;
}

thead tr {
  color: white;
}

#npcVSBallistaeReport td { padding:1px 2px; text-align:right }

