body,
html {
    margin:0;
    padding:0;
    color:#000;
    }

a {
  color: #0088cc;
}

div.container {
  background-color: #ffffff;
  }

#header {
  padding: 10px 0;
      }


.search-box{
 margin:0 0 40px;
}

.home-video h6 a{
  font-weight:bold
}
.home-video .thumbnail img {
    min-height: 135px;
}

.video-duration {
  color: #ffffff;
  position: absolute;
  top: 5px;
  background-color: #03b1fa;
  padding: 2px 5px 0;
}

.meta {
  border-top:1px solid #ddd;
  height: 20px;
  padding: 2px 10px;
  font-size:11px;
  color:#888888
}

#nav ul{
    margin:10px 0 0 0;
    padding:0;
    list-style:none;
    }

#nav li{
    display:inline;
    margin:0;
    padding:0;
    }

#main {
    float:left;
    width:480px;
    margin: 0 0 20px 0;
    }

#main h2, #main h3, #main p {
    margin: 0 10px 10px 10px;
    padding:0;
    }


#footer {
  background:#000;
  clear:both;
  color: #878686;
  padding: 20px 0 20px 0;
  background: url("../images/footer_bg.png") repeat-x scroll 0 0 #000;
     }

#footer a {
  color: #878686;
}

#footer a:hover
{
  color: #fff;
}

#footer .container
{
  background-color: #000000;
}

#footer .links ul{
  list-style:none;
  margin: 15px 0;
  padding:0px;
}

#footer .links li {
  padding:3px 0px;
  display: inline;
}

#footer .links li a{
  border-right:1px solid #2e2e2e;
  padding: 0 10px;
}

#footer .border-r{
   border-right:1px solid #2e2e2e;
}

#footer .no-border{
  border: 0 none !important;
}

.video_item {
  font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  line-height: 10px;
  margin: 0 0 20px 0;
}

.video_item h3{
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#000;
  padding:0;
  margin: 30px 0 10px 0;
}

.video_item h3 a{
  font-weight: normal;
  font-size: 16px;
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

.video_item p {
  margin: 0;
  line-height: 20px;
  margin: 0 0 10px 0;
}

.video_item p span {
  font-weight: bold;
}

.video_item li span {
  font-weight: bold;
}

.video_item img {
  margin: 0 10px 10px 10px;
  border: solid #000000 2px;
  float: left;
}

.video_item ul {
  list-style: none;
}
.video_item li {
  margin: 0 0 13px 0;
}

.video_item p a {
  color: #000;
  text-decoration: underline;
  padding: 0 3px 0 3px;
}

.video_item p a:hover {
  color: #fff;
  background-color: #000;
  text-decoration: none;
}



.next_page a{
  border: 1px solid #C0C0C0;
  float: right;
  padding: 5px;
  font:normal 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #000;
  margin-top: 10px;
}

.next_page a:hover{
  border: 1px solid #000000;
}

.prev_page a{
  border: 1px solid #C0C0C0;
  float: left;
  padding: 5px;
  font:normal 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #000;
  margin-top: 10px;
}

.prev_page a:hover{
  border: 1px solid #000000;
}

.curr_page {
  margin-top: 50px;
}

.clear {
  clear: both;
}


.view_video_box{
  background: #ffff;
  padding: 10px 10px 10px 10px;
  margin: 20px 0px;
  border: solid 1px #ddd;
}

.view_video_box h2{
  font-size:25px;
  margin:10px 0px;
}
.view_video_box .video-info {
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  padding:10px 0px;
  margin:10px 0px;
}

.view_video_box .video-info span{
  margin-right:10px;
  border-right:1px solid #ddd;
  padding: 0 10px 0 0;
  }

.no-border{
  border:0px !important
}

.comment_alt_1 {
  background-color: #fff;
  border: 1px solid #ddd;
  margin: 10px 0;
  padding: 10px;
}

.comment_alt_2 {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  margin: 10px 0;
  padding: 10px;
}


.detail_comment {
  margin: 0 0 10px 0;
}

.detail_comment p {
  font:normal 12px/14px;
  line-height: 1.5em;
}

.detail_comment span {
  font-weight: bold;
}

#video_player {
  margin: 20px 0 10px;
}


.keyword_list a {
  text-decoration:none;
  display: block;
  color: #000;
  font-size:14px;
}


#w3c {
  margin: 10px 0 0 0;
}

#w3c img {
  border: 0px;
}


#profile {
  background: #F7F6F6;
  padding: 10px 10px 10px 10px;
  margin: 20px 10px 20px 10px;
  border: solid 2px #BFBFBF;
}

#profile p {
  font:normal 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  line-height: 1.5em;
}

#profile p span {
  font-weight: bold;
}

#profile a {
  color: #000;
  text-decoration: underline;
  padding: 0 3px 0 3px;
}

#profile a:hover {
  color: #fff;
  background-color: #000;
  text-decoration: none;
}

#profile img {
  float: left;
  border: 1px solid #000;
  margin: 0 20px 20px 0;
}

#profile_c1 {
  float: left;
}
#profile_c2 {
  float: left;
}

#user_menu {
  margin: 0 0 0 10px;
  padding: 0;
}

#user_menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#user_menu li {
  display: inline;
  margin: 0 10px 0 0;
}

#user_menu a {
  text-decoration: underline;
  color: #000;
  padding: 3px;
}
#user_menu a:hover {
  text-decoration: none;
  background: #000;
  color: #fff;
}

.advertisement{
  clear: both;
  background-color: #f5f5f5;
  color: #333;
  height:90px;
  line-height: 90px;
  margin: 10px 0;
  padding: 0 10px;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.socialize .fa{
    background: none repeat scroll 0 0 #ddd;
    border-radius: 25px;
    color: #000000;
    margin: 0 3px;
    padding: 10px;
}