/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}*/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

body {
  background: #fff;
  color: #5c5c5c;
  font-family: Arial;
  font-size: 12px;
  margin:0;
  padding:0;
}

img {border:none;}

a {
  color: #00ADEF;
  text-decoration: none;
}

.page_header {
  background-color: #5C5C5C;
  background-image: url(http://s3.amazonaws.com/vodpod.com.vodspot/gradient_5C5C5C_100px.png);
  color: #fff;
  margin:0 auto;
  padding: 10px;
  position: relative;
  text-align:left;
  width:960px;
}

.page_header h1 {
  font-size: 30px;
}

.page_header a {
  color: #fff;
}

.sub_header {
  padding: 0 10px;
  line-height: 40px;
}

.sub_header a {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin-right: 20px;
  text-decoration: none;
}

.sub_header #search {
  position: absolute;
  right: 10px;
  top: 6px;
}

.sub_header #search input#q {
  border:1px solid #000000;
  float:left;
  height:17px;
  padding:6px 4px 2px;
}

.sub_header #search input.submit {
  background: #CCCCCC;
  border: none;
  cursor: pointer;
  display: inline;
  float: left;
  font-size: 15px;
  height: 25px;
  margin-left: 2px;
  margin-top: 1px;
  padding: 0 5px;
}

#video_section {
  background-color: #eee;
  text-align: center;
  height: 400px;
  padding-top: 10px;
  position: relative;
}

.page_content {
  background:#ddd;
  margin: 0 auto;
  padding: 10px;
  position: relative;
  text-align: left;
  width: 960px;
}

/* =============== */
/* = Tabs/Videos = */
/* =============== */
#gallery {
  float:left;
  width:432px;
}
#gallery #tabs {
  height:30px;
  margin:0;
  padding:0;
}
  #gallery #tabs li {
    float:left;
    height:30px;
    line-height:30px;
    list-style:none;
    color:#fff;
    font-size:15px;
    background:#bbb;
    margin-right:5px;
    padding:0px 10px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
  }
  #gallery #tabs li a {
    color:#fff;
  }
    #gallery #tabs li.active {
      background:#888;
    }
    
  #gallery #videos {
    height:500px;
    position:relative;
  }
  #gallery #videos .content {
    background:#888;
    height:475px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
  }
  #gallery #videos .video {
    display:inline;
    float:left;
    height:136px;
    margin:11px;
    overflow:hidden;
    width:120px;
  }
  #gallery #videos .video a.thumbnail {
    border:1px solid #000;
    display:block;
    width:120px;
    height:90px;
  }
    #gallery #videos .video a.thumbnail img {
      width:100%;
      height:100%;
    }
  #gallery #videos .video a.title {
    color:#FFFFFF;
    display:block;
    font-size:11px;
    line-height:14px;
    margin:2px 0 0 4px;
    max-height:56px;
    overflow:hidden;
  }
  #gallery #videos .paging {
    background:#aaa;
    bottom:0;
    height:25px;
    line-height:25px;
    margin-top:10px;
    position:absolute;
    text-align:center;
    width:432px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
  }
  #gallery #videos .paging a {
    color:#fff;
  }
  
#tabbed_video {
  float:left;
  height:385px;
  margin-left:35px;
  width:480px;
}
  #tabbed_video h2 {
    font-weight:normal;
    margin:0px 0 9px;
  }
  #tabbed_video h2 span {
    font-size:11px;
  }
  #tabbed_video #embed {
    width:480px;
    height:360px;
  }
  #tabbed_video #actions {
    margin:10px 0;
  }
/* ========== */
/* = Footer = */
/* ========== */
#vp_footer {
  margin-top:15px;
  text-align: center;
}
#vp_footer a.vodpod_logo {
  margin-top: 10px;
  display: block;
}