/*
Theme Name: TubePress4 SE
Author: Sebastian R, CyberSEO.net
Tags: tubepress, tube, theme
*/

@import "style/css/reset.css";

/*********************************/
/******** GENERAL STYLES *********/
/*********************************/

body {
font-family:arial;
font-size:12px;
}

a {text-decoration:none;}
a:hover {text-decoration:underline;}

/*********************************/
/********* HEADER STYLES *********/
/*********************************/

#header-wrapper {
background:url(style/images/header-bg.png) repeat-x;
height:150px;
}

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

#header-top {
height:110px;
}

#navigation-wrapper {
height:39px;
}

#navigation {
position:relative;
}

#navigation li {
float:left;
background:url(style/images/nav-line.gif) repeat-y right;
margin-right:14px;
padding-right:14px;
padding-top:11px;
height:28px;
}

#navigation a {
color:#FFF;
font-size:13px;
}

#search-wrap {
float:right;
position:relative;
}

.search-button {
position:absolute;
right:0;
top:6px;
}
.search-input {
right:48px;
top:6px;
background:url(style/images/search-bg.png) repeat-x;
padding:4px;
position:absolute;
border:1px solid #111;
width:160px;
}
.top-banner {
float:right;
padding-top:23px;
}
/*** drop down menu ***/
.cat {
background:url(style/images/drop.png) no-repeat right;
padding-right:20px;
}
.drop {
position:relative;
}
#dropdown {
position:absolute;
left:-1600px;
z-index:10000;
width:140px;
margin-top:12px;
border:1px solid #222;
}
#dropdown a {
font-size:12px;
background:url(style/images/arrow.png) no-repeat left;
padding-left:12px;
}
#dropdown li {
background:url(style/images/drop-bg.png) repeat-x;
padding-left:7px !important;
padding-top:4px !important;
float:none;
height:23px;
padding:0;
margin:0;
}
#dropdown li:hover {
background:url(style/images/drop-hover.png) repeat-x;
}
.drop:hover #dropdown {
left:-16px;
top:auto;
position:absolute;
}

/*****/

#feature-wrapper {
padding-top:20px;
padding-left:20px;
padding-right:20px;
padding-bottom:47px;
background:#0b3b41 url(style/images/second-bg.png) bottom repeat-x;
margin-bottom:10px;
}

#random {
width:960px;
margin:0 auto;
position:relative;
}
.prev {
background:url(style/images/prev.png) no-repeat;
width:42px;
height:42px;
position:absolute;
left:0;
top:51px;
cursor:pointer;
}
.next {
background:url(style/images/next.png) no-repeat;
width:42px;
height:42px;
position:absolute;
right:0;
top:51px;
cursor:pointer;
}
.next:hover {
background:url(style/images/next-hover.png) no-repeat;
}
.prev:hover {
background:url(style/images/prev-hover.png) no-repeat;
}
.anyClass li {
margin-right:10px;
}
.anyClass img {
border:1px solid #111;
margin-top:10px;
}
.anyClass {
margin-left:54px;
height:146px;
}

/*********************************/
/*********** MAIN STYLES *********/
/*********************************/

#main-wrapper {
width:960px;
margin:0 auto;
margin-bottom:30px;
overflow:hidden;
}

#main {
float:left;
width:720px;
}

.hBox {
background:url(style/images/hBox.png) no-repeat;
height:39px;
margin-bottom:16px;
width:700px;
overflow:hidden;
}

.hBox h1 {
font-size:18px;
color:#515151;
padding-top:9px;
float:left;
}
.hBox-rss {
margin-right:5px;
float:left;
padding-top:10px;
padding-left:10px;
}
.hBox ul {
float:right;
padding-top:8px;
padding-right:3px;
}
.hBox li {
float:left;
padding:4px;
margin-right:5px;
}
.hBox li.hBox-current {
background:url(style/images/hBox-current.png) no-repeat;
padding:4px;
width:45px;
text-align:center;
}
.hBox li.hBox-current a {
color:#FFF;
font-weight:bold;
}
.hBox li, a {
color:#0c4c55;
}
.sort {
float:right;
color:#555;
padding-top:12px;
padding-right:12px;
font-style:italic;
}

/*** items ***/

.item {
float:left;
margin-right:17px;
margin-bottom:18px;
}
.item-thumb {
border:1px solid #111;
margin-bottom:3px;
}
.item-cat a {
font-weight:normal;
color:#1a7985;
}
.item h2, a {
font-weight:bold;
font-size:12px;
color:#135a63;
margin-bottom:3px;
}
.item-rating {
float:right;
padding-top:2px;
}
.item-date {
color:#777;
margin-bottom:2px;
}
.item-views {
float:right;
color:#777;
}
/*********************************/
/******** SIDEBAR STYLES *********/
/*********************************/

#sidebar {
float:right;
width:240px;
}

.sidebar-box {
margin-bottom:20px;
}

.sidebar-box li {
background:url(style/images/sidebar-dot.png) no-repeat;
padding-left:18px;
margin-bottom:8px;
}

.sidebar-box-content {
border:1px solid #CCC;
background:#DDD;
padding:12px;
}

.sidebar-hBox {
background:url(style/images/sidebar-box.png) no-repeat;
height:31px;
font-size:18px;
color:#FFF;
padding-top:8px;
padding-left:12px;
}

/*********************************/
/******** SIDEBAR STYLES *********/
/*********************************/

#footer-wrapper {
background:#222;
border-top:1px solid #000;
}

#footer {
width:960px;
margin:0 auto;
padding-top:12px;
padding-bottom:12px;
}

#bottom-wrapper {
background:url(style/images/bottom-bg.png) repeat-x;
height:45px;
}

#bottom {
width:960px;
margin:0 auto;
padding-top:15px;
}
.bottom-left {
color:#BBB;
float:left;
}
.bottom-right {
color:#BBB;
float:right;
}

/*********************************/
/********* SINGLE STYLES *********/
/*********************************/

#video-wrapper {
background:#0b3b41 url(style/images/second-bg.png) bottom repeat-x;
padding-top:20px;
padding-bottom:50px;
}
#video {
width:960px;
margin:0 auto;
overflow:hidden;
}
#the-video {
width:560px;
float:left;
margin-right:27px;
}
#video-info-wrapper {
width:371px;
overflow:hidden;
float:right;
}
#video-info-top {
background:url(style/images/video-info-top.png) no-repeat;
height:17px;
width:371px;
float:right;
}
#video-info-bottom {
background:url(style/images/video-info-bottom.png) no-repeat;
height:7px;
margin-bottom:20px;
}
#video-info {
background:url(style/images/video-info-bg.png) repeat-y;
padding-left:15px;
padding-right:15px;
padding-bottom:9px;
overflow:hidden;
}
#video-info h2 {
color:#FFF;
font-size:16px;
font-family:georgia;
font-style:italic;
background:url(style/images/video-info-line.png) repeat-x bottom;
padding-bottom:10px;
margin-bottom:10px;
}

.info-row {
background:url(style/images/video-info-line.png) repeat-x bottom;
padding-bottom:10px;
margin-bottom:10px;
overflow:hidden;
}
.info-row-share img {
float:left;
margin-right:5px;
}
.info-date {
background:url(style/images/date.png) no-repeat;
color:#74aab2;
padding-left:22px;
height:18px;
margin-right:18px;
float:left;
}
.info-views {
background:url(style/images/views.png) no-repeat;
color:#74aab2;
padding-left:25px;
height:18px;
float:left;
}
.info-rating {
float:right;
}
.info-cat {
background:url(style/images/categories.png) no-repeat;
color:#74aab2;
padding-left:23px;
line-height:17px;
}
.info-cat strong {margin-right:5px;}
.info-cat a {
color:#a0ced4;
font-weight:normal;
}
.info-tag {
background:url(style/images/tag.png) no-repeat;
color:#74aab2;
padding-left:23px;
line-height:17px;
}
.info-tag strong {margin-right:5px;}
.info-tag a {
color:#a0ced4;
font-weight:normal;
}
.info-share  {
background:url(style/images/heart.png) no-repeat;
color:#74aab2;
height:20px;
padding-left:23px;
float:left;
}
.info-share strong {margin-right:9px;}
.info-description {
color:#c7dde0;
line-height:17px;
background:url(style/images/video-info-line.png) repeat-x bottom;
padding-bottom:10px;
margin-bottom:10px;
overflow:hidden;
}
.download-button {
background:url(style/images/download-video.png) no-repeat;
width:371px;
height:63px;
display:block;
}
.download-button:hover {
background:url(style/images/download-video-hover.png) no-repeat;
}

.related {
padding-left:10px;
}

/*** comments ***/
#video-comments {
width:700px;
}
#respond {
font-size:20px;
font-family:georgia;
font-style:italic;
color:#757575;
margin-bottom:12px;
}
.submit-comment {
padding:4px;
font-size:14px;
color:#222;
}
.comment-input {
padding:4px;
color:#222;
border:1px solid #BBB;
width:280px;
margin-bottom:14px;
}
.comment-textarea {
padding:4px;
color:#222;
border:1px solid #BBB;
font-family:arial;
margin-bottom:9px;
width:600px;
}
.input-text {
color:#333;
}
.the-comment {
margin-bottom:10px;
border:1px solid #DDD;
padding:10px;
overflow:hidden;
}
.comment-avatar {
float:left;
margin-right:10px;
}
.comment-date {
float:right;
color:#777;
}
.the-comment cite {
font-size:14px;
font-weight:bold;
}
.commentext {
padding-top:4px;
color:#555;
}

/** page **/
#page-content {
width:700px;
line-height:17px;
}