/*  
Theme Name: Tube Theme 2017
Theme URL: http://www.tubetheme.com
Description: Tube Theme 2017 allows you to use wordpress to make your own seo optimized tube site with wordpress and all your favorite wp plugins and tricks. You can use sponsor hot links videos or encode your own videos and upload them then add them to the posts in Tube Theme. Now with new features and slick look
Version: 3.0
Author: Tube Ninja 
*/

body{
	margin: 0;
	padding: 0;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F4F4F4;
}
.wrapper{
	width:1080px;
	margin: auto;
	padding: 20px 0 0 0;
}


.wrapper h1{
	font-size: 22px;
	padding: 0px;
	margin: 0px;
}
.wrapper h2{
	font-size: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
header{
	width:100%;
	height:111px;
	background-color: #333333;
	margin: auto;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding: 0px;
}
.head{
	max-width: 1080px;
	width:100%;
	margin: auto;
}
/* End Search */

.logo{
	float: left;
	width: 300px;
	padding: 5px 0 0 0;
	margin: 0;
}
.logo img{
	width: 300px;
	height:auto;
}


/* RESPONSIVE MENU */
.topnav {
  overflow: hidden;
  background-color: #333;
  margin: 0px;
  padding: 0px;
  list-style-type: none;

}
.topnav a {
	float: left;
	display: block;
	color: #f2f2f2;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	padding-top: 12px;
	padding-right: 16px;
	padding-bottom: 12px;
	padding-left: 16px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav .icon {
  display: none;
}



.headright{
	float: right;
	width: 330px;
	height: 70px;
}

/* Begin Search */
#searchWrap {
	color: #333333;
	float: right;
	padding-top: 23px;
	margin: 0px;
	padding-right: 10px;
}

#searchWrap #s{
	font-size:15px;
	margin-right:10px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	width: 200px;
	color: #333333;
	padding: 4px;
}
#searchWrap form{
	margin: 0px;
	padding: 0px;
}

#searchsubmit{
	background-color: #CCCCCC;
	color: #333333;
	border: 1px solid #666666;
	letter-spacing: 1px;
	width: 80px;
	height: 26px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.sureads{
	width: 100%;
	overflow: hidden;
}

.content{
	float:left;
	width:760px;
	padding-top: 10px;

}

.content p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
}
#fourofour{
	color: #333333;
	width: 90%;
}


/* Begin The Content */
.item{
	width:230px;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	overflow: hidden;
}
.covershot p{
margin:0;
padding:0;
}

.covershot img{
	width:222px;
	height:167px;
	overflow:hidden;
	border: 1px solid #CCCCCC;
	padding: 3px;
	margin: 0 0 3px 0;
	background-color: #FFFFFF;
}
.itempost{
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 5px;
	margin-left: 7px;
	float: left;
	padding: 0px;
	color: #333333;
	width: 160px;
}

.itempost a{
	color:#0000FF;
	text-decoration:none;
	border:none;
}

.itempost a:hover{
	text-decoration:underline;
	border:none;
}


.blogitem{
	width:740px;
	color:#CCCCCC;
	padding-bottom:10px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
.blogitem h3{
	color: #333333;
	font-size: 18px;
	margin: 0px;

}
.blogitem p{
	margin:0px 0px 10px 0px;
	padding:0;
	font-size: 12px;
	color: #333333;
}
.blogitem a{
	color:#0000FF;
	text-decoration: underline;
}
.blogitem a:hover{
	color: #FF0000;

}
.button{
	margin-bottom: 10px;
	height: 30px;
	width: 698px;
	padding-top: 9px;
	padding-right: 20px;
	padding-bottom: 9px;
	padding-left: 20px;
	border: 1px solid #3F5FB7;
	border-radius: 5px;
	background-color: #03F;
}
.button a{
	color:#FFFFFF;
	text-decoration: none;
	clear: both;
	display: block;
	text-align: center;
	text-shadow: 0.05em 0.05em 0.05em #333;
	font-size: 26px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-image: url(images/arrow.png);
	background-position: left center;
	background-repeat: no-repeat;
	
}
.button a:hover{
	color: #CCCCCC;
	text-shadow: 0.05em 0.05em 0.05em #333;
}

.covershotpost{
	width:160px;
	float:left;
	padding: 0px;
	margin-bottom: 5px;
	height: 120px;
}
.covershotpost p{
	margin:0;
	padding:0;
}


.covershotpost img{
	overflow:hidden;
	padding: 0px;
	height: 120px;
	width: 160px;
	float: left;
	border: 2px solid #CCCCCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#post-title-single p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	height: 12px;
	clear: both;
	overflow: hidden;
	margin-bottom: 5px;
}
.content h3, #pagecontent h3{
font-size:18px;
font-weight:normal;
margin:0;
padding:0;
}

#description p{
	padding:0;
	height:52px;
	overflow:hidden;
	color: #333333;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	text-align: justify;
}

.blogitem img{
padding:4px;
margin:8px;
background:#F7F7F7;
border:1px solid #A4A4A4;
}
.meta {
	font-size: 11px;
	text-align: center;
}
.meta a{
	color: #999;
	text-decoration: none;
}
.meta a:hover{
	text-decoration: underline;
}
.post-title{
	color: #333333;
	overflow: hidden;
	font-size: 13px;
	text-decoration: underline;
	padding-top: 2px;
	padding-bottom: 3px;
	text-align: center;
	width: 100%;
	height: 20px;
}

.post-title a{
	color: #333333;
	overflow: hidden;
	text-decoration: underline;
}
.post-title a:hover{
	color: #0000FF;
	text-decoration: underline;

}

#blogmeta{
float:right;
width:100px;
background:url(images/user.gif) right no-repeat;
padding:0px 40px 0px 0px;
font-size:10px;
color:#C13F00;
text-align:right;
}

#blogmeta a:link, #blogmeta a:visited{
color:#C13F00;
text-decoration:none;
border:none;
}

#blogmeta a:hover{
color:#C13F00;
}
/* End The Content */

#pagination{
	width:736px;
}

.sidebar{
	float: right;
	width: 300px;
	margin-top: 5px;
	padding: 5px;
}


.sidebar p{
margin:0px 0px 10px 0px;
padding:0;
}

.sidebar a:link, #sidebar a:visited{
	color:#333333;
	text-decoration: none;
}



.block{
	margin-bottom:0px;
	padding-bottom:10px;
	font-size: 12px;
	clear: both;
}
.block h3 a{
	color: #333333;

}

.block ul{
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 10px;
	padding: 0px;
}

.block li{
	margin-bottom: 5px;
	width: 280px;
	display: block;

}
.block li a{
	font-weight: bold;

}
.block li a:hover{
	text-decoration: underline;

}
.block .rsswidget{
	clear: both;
	width: 280px;
	font-size: 20px;

}



#listlinks{
	margin-bottom:0px;
	padding-bottom:10px;
	font-size: 12px;
	clear: both;
}

#listlinks ul{
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 10px;
	padding: 0px;
}

#listlinks li{
	margin-bottom: 5px;
	width: 50%;
	display: block;
	float: left;

}
#listlinks li a{
	width: 99%;
	margin: 0px;
	padding: 0px;

}
#listlinks a{
	float: left;
	width: 50%;
	margin-bottom: 2px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	display: block;

}
#listlinks br{
	overflow: hidden;
	display: none;

}
#listlinks a:hover{
	text-decoration: underline;

}


li .rsswidget{
	clear: both;
	font-size: 20px;
	margin-bottom: 1px;
	margin-left: 0px;
}
}
#recentvids{
padding:0px 0px 10px 2px;
}



.block h5{
margin:10px 0px 0px 0px;
padding:0;
font-size:14px;
font-weight:normal;
}

#ratingsblock, #commentsblock{
	padding-bottom:10px;
}

#tags{
text-align:center;
}

.block h3, #tagsblock h3, #ratingsblock h3, #commentsblock h3, #listlinks h3{
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	clear: both;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

#tagsblock{
	margin-bottom:15px;
	padding-bottom:10px;
}

#tagsblock a{
	color:#333333;
	text-decoration:none;
	border:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#tagsblock a:hover{
	border:none;
	text-decoration: underline;
	color: #0000FF;
}


#commentsblock li{
list-style-image:none;
list-style-type:none;
margin-bottom:5px;
padding:0;
}

#commentsblock a:link, #commentsblock a:visited{
	color:#0000FF;
	text-decoration:none;
	border-bottom:none;
}

#commentsblock a:hover{
	text-decoration:underline;
	border-bottom:none;
}




/* begin footer */


.footer{
	max-width: 1080px;
	width: 100%;
	margin: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}

.footer p{
}

.footer a:link, #footer a:visited{
	color:#0000FF;
	text-decoration:none;
}

.footer a:hover{
	text-decoration:underline;
}
/* End Tips */



.blockvids a:hover{
border:none;
}

#videoblock{
	text-align:left;
height:
; 				margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}
.postdetails a:link, .postdetails a:visited{
	color: #0000FF;
	text-decoration: underline;
}
.postdetails a:hover{
	text-decoration: underline;
}

.postdetails ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.postdetails li{
	border: 1px solid #CCCCCC;
	float: left;
	width: 96%;
	padding: 1%;
	overflow: hidden;
	margin-right: 1%;
	margin-bottom: 1%;
	display: block;
	color: #333333;
	background-color: #FFFFFF;
}
.postdetails li img{
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.postdetails li span{
	font-weight: bold;
	width: 70px;
	float: left;
}
.tags{
	font-size: 12px;
}
.left{
	float: left;
}
.right{
	float: right;
}
.contentpost{
	float:left;
	width:740px;
	margin-right: 15px;
}


/* style me some comments and inputs */
#comments {
	width:435px;
	padding-top: 12px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.gravatar {
	float: left;
	width: 60px;
}


#comments h3, h3#respond {
	color:#333333;
	margin-bottom:0px;
	font-size: 16px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
}
.post_meta {
	font-size: 11px;
}
.author_meta {
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
.fix {
	clear: both;
}
.commentbox {
	float: right;
	width: 88%;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background-color: #F0F0F0;
}
#comments h3{
	font-size: 14px;
	color: #333333;
	line-height: 22px;

}
#comments h3 a{
	color: #0000FF;
	text-decoration: none;
}
#comments h3 a:hover{
	text-decoration: underline;
}

ol.commentslist {
	list-style:none;
	padding:0;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
}

.commentslist li {
	margin-bottom:7px;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 0;
}

.commentslist li a {
	font-weight: bold;
	text-decoration: none;
	color: #999999;
}

.commentslist li:hover {

}

.commentslist .comment_text {
	line-height:20px;
	overflow:hidden;
	color: #333333;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.comment_text p,.comment_text ul,.comment_text ol,.comment_text blockquote {
	margin-top: 1px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0px;
}

.comment_text ul,.comment_text ol,.comment_text blockquote {
margin:0 1em;
}

.commentslist li.author {
background:#333;
color:#CCC;
}

.commentslist li.author a {
	color:#0000FF;
}

.commentslist li.author a:hover {
	text-decoration: underline;
}

#comments_closed {
background:#333;
color:#ccc;
padding:7px 0;
margin-top:12px;
line-height:1.5em;
}

p.nocomments {
margin:0 12px 0 7px;
}

p.nocomments a {
color:#ddd;
font-weight:700;
text-decoration:underline;
}

p.nocomments a:hover {
color:#FFF;
}

ol.pingslist {
margin:1.5em 2em;
font-size:12px;
}

#commentform p {
margin:1em 0;
}

#commentform p a {
	font-weight:700;
	color: #666666;
}

#author,#email,#url,#comment {
	border:1px solid #CCCCCC;
	padding:2px;
	background-color: #EAEAEA;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 14px;
	color: #333333;
}


#commentform p small {
font-size:10px;
color:#7F7F7F;
}

.commentslist code {
background:transparent;
}

#submit{

}
/* End Comments */

















.imgteaser {
	margin: 0;
	overflow: hidden;
	float: left;
	position: relative;
}
.imgteaser a {
	text-decoration: none;
	float: left;
}
.imgteaser a:hover {
	cursor: pointer;
}



.imgteaser a img {
	margin: 0;
	padding: 0px;
}
.imgteaser a:hover .desc{
	display: block;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	padding: 0px;
	margin: 0;
	left: 0px;
	bottom: 0px;
}

.imgteaser a .desc {	display: none; }










ul.tabs {
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	width: 100%;
	margin-top: 20;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
ul.tabs li a {
	text-decoration: none;
	color: #333333;
	display: block;
	font-size: 14px;
	padding: 0 20px; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #FFFFFF;
}
.tab_container {
	overflow: hidden;
	clear: both;
	float: left;
	width: 100%;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
	color: #333333;
}




.navigation a{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #E6E6E6;
	color: #333333;
	text-decoration: none;
	border: 1px solid #CCCCCC;
}
.navigation a:hover{
	color: #FFFFFF;
	background-color: #CCCCCC;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.navigation{
	width: 730px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
}
.page-numbers{}
.current{
	background-color: #999999;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border: 1px solid #666666;
}
.next{}
.pages{
	padding-right: 10px;
	padding-left: 10px;
}


#bookmark {
	position:absolute;
	top:250px;
	left:0%;
}
.description{
	font-size: 12px;
	margin-bottom: 10px;
	padding-right: 20px;
}
.addspace{
	margin-bottom: 30px;
}
#comments_wrapper .item{
	width: 100%;
}

@media screen and (max-width: 880px) {
#bookmark {
	display: none;
}
}
@media screen and (max-width: 760px) {
.content, .contentpost, .blogitem, video, .button, .wrapper{
	width: 100%;
	margin: auto;
}

.button{
	width: 90%;
	margin: auto;
	height: auto;
}
.button a{
	font-size: 20px;
}
.item{
	width: 30%;
	
}

.covershot img{
	display:block;
	max-width:100%;
	height:140px;


}
.navigation{
	width: 90%;
}
.sidebar{
	float: left;
	width: 100%;
}

}
@media screen and (max-width: 660px) {
.headright{
	display: none;
}
#commentform textarea {
	width: 90% !important;
}
}
@media screen and (max-width: 600px) {
.content{
	width: 100%;
	margin: auto;
}
.item{
	width: 44%;
}


@media screen and (max-width: 600px) {
  .topnav a {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive li a {
    float: none;
    display: block;
    text-align: left;
  }
  
  }



}

@media screen and (max-width: 400px) {
.content{
	width: 96%;
	margin: auto;
}
.item{
	width: 100%;
}
.covershot img{
	width:100%;
	height:auto;


}
.button a{
	font-size: 16px;
}
.button{
	padding-top: 5px;
	padding-right: 3%;
	padding-bottom: 5px;
	padding-left: 3%;
}

.itempost, .covershotpost, .covershotpost img{
	margin: 10px;
	width: 140px;
    height: 100px;
}

#post-title-single p{
	font-size: 10px;
	padding: 0px;
}

}