/*
Theme Name: wpXtube Theme
Author: Sebastian R
Description: This wordpress theme is for use exclusively with the wpXtube
Theme URI: http://www.wpXtube.com
Version: 1.0.6
Tags: tube, wpt, wordpress tube, wpxtube
*/

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:14px; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */ 

/* setup */
body {background:url(images/bg.jpg) repeat-x;font-family:Arial;}

a {text-decoration: none;}
a:hover {text-decoration: underline;}
.clear { line-height: 0px; clear: both;	height: 0px;}

#wrapper {width:1000px;margin:0 auto;}

/**** Header ****/
#logo {height:118px;width:315px; overflow: hidden; float:left;}
#logo h3 a {display: block; color:#ffffff; letter-spacing:-1px; font:bold 18px/20px Arial, Helvetica, sans-serif; padding-top: 30px;}
#logo h3 a:hover {text-decoration: none;}
#logo h2  {display: block; color:#39BEFF; letter-spacing:-1px; font:italic bold 16px/20px Georgia, Times New Roman, Times, serif;}
#top-banner {float:right;padding-top:17px;}
#top-text {float:right; text-align: justify;margin-top:17px; padding: 5px; border:1px solid #39BEFF; width:640px; background-color:#F2E7F1; font-size: 12px;}
#navigation {clear:both;float:left;height:43px;}
#navigation li {float:left;padding-top:10px;margin-right:24px;}
#navigation a {color:#FFF;font-size:18px;}
#channel-wrapper, #category-wrapper {clear:both;display:none;overflow:hidden;}
#channels, #categories {background:#000;color:#FFF;background:#404040 url(images/cat-bg.png) repeat-x;font-size:12px;padding-top:14px;padding-left:14px;padding-right:14px;padding-bottom:6px;overflow:hidden;}
#channels li, #categories li {float:left;margin-right:8px;background:#222;padding:4px;margin-bottom:8px;}
#channels a, #categories a {color:#FFF;}
/* header - search */
#search {float:right;padding-top:7px;}
.search-input {background:url(images/search-bg.gif) repeat-x;border:1px solid #000;height:21px;color:#333;width:171px;}
.search-button {vertical-align:middle;padding-top:3px; background:url(images/search-button.png) no-repeat; width:45px; height:23px; border:0px;cursor: pointer; }
.h-box {background:url(images/h-box.png) no-repeat;height:35px;width:762px;color:#444;font-size:14px;padding:6px 0 0 10px;margin-bottom:10px;}
.h-box a {color: #000}
.h-box h1 {color:#444;font-size:18px;}
.h-box h2 {color:#444;font-size:18px;}
.h-box h3 {color:#444;font-size:18px;}
.h-box span {color:#444;font-size:18px; line-height: 35px; padding:6px 0 0 10px}
.h-box a {color: #000}

/**** main ****/
#main-wrapper {background:url(images/main-bg.gif) repeat-y;clear:both;overflow:hidden;}
#main {width:780px;float:left;padding:20px 0 20px 0;}
.h-box {background:url(images/h-box-hd.png) no-repeat;height:35px;width:762px;color:#444;font-size:18px;padding:6px 0 0 10px;margin-bottom:10px;}

.inpostbox {border: 0px solid #000000; font: courier; font-size:24px; text-align: center; a text-decoration:underline;}

/**** video items ****/
.item240x180 {width:242px;float:left;margin-right:13px;overflow:hidden;}
.item240x180 .itemPic h3 {width:237px; top:160px; }
.item240x180 .itemPic a.play-icon {left: 104px; top: 64px;}

.item180x135 {width:182px;float:left;margin-right:8px;overflow:hidden;}
.item180x135 .itemPic h3 {width:177px; top:115px;}
.item180x135 .itemPic a.play-icon {left: 74px; top: 51px;}
.thumb {border:1px solid #000;}
.itemPic {position:relative;margin-bottom:3px;}
.itemPic h3 { position:absolute; bottom:0; left:0; background: url(images/title-bg.png) repeat-x; width:237px; font-size:12px; font-weight:bold; padding-top:2px;padding-bottom:3px;padding-left:4px; border-top:1px solid #000; }
.itemPic a {color:#FFF;}
.itemPic a.play-icon {position: absolute; width: 32px; height: 32px; background: url(images/playbutton.png) 0 0 no-repeat; left: 104px; top: 64px; cursor: pointer;}
.itemPic a.hd-icon {position: absolute; width: 32px; height: 19px; background: url(images/hdoverlay.jpg) 0 0 no-repeat; left: 3px; top: 3px; cursor: pointer;}
.item-desc { font-size:12px; color:#7c7c7c; height: 48px; text-align:justify;overflow:hidden;}
.item-date { font-size:12px; color:#7c7c7c; height: 18px;}
.item-rate {float:right;font-size:12px; height: 18px;}
.item-views {float:right;font-size:12px;color:#7c7c7c; height: 18px;}
.item-cat {overflow:hidden; height: 22px;}
.item-cat a {color:#3671ba;font-size:12px;}
.facebook {background: url(images/facebook.png) 0 0 no-repeat; width: 32px; height: 32px; float:left;}
.stumble {background: url(images/stumble.png) 0 0 no-repeat; width: 32px; height: 32px; float:left;}
.twitter {background: url(images/twitter.png) 0 0 no-repeat; width: 32px; height: 32px; float:left;}
.reddit {background: url(images/reddit.png) 0 0 no-repeat; width: 32px; height: 32px; float:left;}

/**** sidebar ****/
#sidebar {width:200px;float:right;padding:20px 10px 20px 10px;}
.sidebar-ads {margin-bottom:20px;}
.sidebar-box {margin-bottom:20px;}
.sidebar-box a {font-size:12px;color:#444;}
.sidebar-box h2{background:url(images/sidebar-box.png) no-repeat;width:200px;height:37px;font-size:18px;color:#444;padding-top:7px;padding-left:8px;}
.sidebar-box li {background:url(images/sidebar-list.png) no-repeat left;padding-left:15px;margin-bottom:8px;}

/**** Calendar Widget ****/
.sidebar-box #wp-calendar {width: 95%;text-align: center;color: #000; font-size: 12px; line-height: 18px; font-weight: normal; color:#7c7c7c; }
.sidebar-box #wp-calendar caption, .sidebar-box #wp-calendar td, .sidebar-box #wp-calendar th {text-align: center; }
.sidebar-box #wp-calendar caption {font-size: 12px; font-weight: 500; padding: 5px 0 3px 0; text-transform: uppercase; color:#000;}
.sidebar-box #wp-calendar th {font-weight: bold;background: #f4f4f4;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.sidebar-box #wp-calendar tfoot td {background: #f4f4f4;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;} 
.sidebar-box #wp-calendar td {font-size: 12px;} 
.sidebar-box #wp-calendar a:link, .sidebar-box #wp-calendar a:visited {font-weight: bold}

/**** footer ****/
.footer-banner1 {width: 333px; text-align:left; float: left;}
.footer-banner2 {width: 333px; text-align:center; float: left;}
.footer-banner3 {width: 334px; text-align:right; float: left;}
#footer-wrapper {border-top: solid 1px #888;text-align:center;padding:5px 0 5px 0;}
#footer2-wrapper {background:url(images/footer2-bg.png) repeat-x;height:41px;}
#footer2 {width:1000px;margin:0 auto;font-size:12px;color:#444;padding-top:14px;}
#footer2 a {color:#3671ba;}

.subscribe {height:16px;float:right;background:url(images/rss.png) no-repeat left;padding-left:20px;}

/**** Single ****/
#video-wrapper-hd {width:772px;}
#video-wrapper-hd .h-box {background:url(images/h-box-hd.png) no-repeat;height:35px;width:762px;color:#444;font-size:14px;padding:6px 0 0 10px;margin-bottom:10px;}
#video-wrapper-hd #under-video a.link {font-size:36px; color:#c03; line-height:44px; font-weight:bold;}
#video {}
#under-video {padding-top:5px;padding-left:0px;}
#under-video img.banner {padding: 5px }
#shareVid {float:right;padding-right:0px;padding-top:4px;}
#infoVid {width:762px;float:left;}
#vrVid {background: url(images/info-bg.gif) repeat-x;height:30px;border:1px solid #c3c3c3;margin-bottom:14px;}
.vidViews {font-size:18px;color:#656565;float:right;padding-top:4px;padding-right:7px;}
.vidRating {font-size:18px;color:#656565;padding-top:4px;padding-left:7px;float:left;}
.sRating {float:left;margin-left:6px; font-size:18px;color:#000;padding-top:4px;padding-left:7px;}
#metaVid {border:1px solid #c3c3c3;padding:7px;font-size:12px;overflow:hidden;color:#404040;margin-bottom:28px;}
.metaVidLeft{float:left; width: 590px}
.descripVid {margin-bottom:12px;}
.descripVid h3{font-weight:bold;margin-right:6px;}
.tagVid h3{font-weight:bold;float:left;margin-right:6px;}
.catVid {margin-bottom:5px;}
.catVid a {color:#568fc8;text-decoration:none;font-weight:bold;}
.catVid a:hover {text-decoration:underline;}
.catVid h3{font-weight:bold;float:left;margin-right:6px;}
.tagVid li {float:left;margin-right:5px;background:url(images/tag-bg.png) repeat-x;border:1px solid #bc5da0;padding-top:1px;padding-bottom:1px;padding-left:3px;padding-right:3px; margin-bottom: 5px;	}
.tagVid a {color:#FFF;font-weight:bold;text-decoration:none;}
.tagVid a:hover {text-decoration:underline;}
.metaVidRight{float:left;text-align:right;color:#666666;border-left:1px solid #c3c3c3;width:150px;}
.metaVidRight a {color:#568fc8;font-weight:bold;text-decoration:none;}
.metaVidRight a:hover {text-decoration:underline;}

.singlehBox {background: url(images/single-hBox.png) no-repeat;width:570px;height:35px;font-size:18px;color:#505050;padding-top:6px;padding-left:10px;margin-bottom:7px;}
.relatedhBox {background: url(images/related-hBox.png) no-repeat;width:180px;height:35px;font-size:18px;color:#505050;padding-top:6px;padding-left:10px;margin-bottom:7px;}
#comment-wrap {margin-bottom:16px;}

.commentItem {background:#ebebeb url(images/comment-bg.png) repeat-x;padding:12px;overflow:hidden;}
.commentItem img {float:left;margin-right:8px;}
.commentItem h3 {font-size:14px;font-weight:bold;color:#333;}
.commentItem a {color:#568fc8;text-decoration:none;font-weight:bold;}
.commentItem a:hover {text-decoration:underline;}
.commentItem p {font-size:12px;}
.commentDate {font-size:12px;color:#747474;margin-bottom:3px;}
#respond {background:url(images/post-comment.png) no-repeat left;font-size:20px;color:#444;font-weight:normal;margin-top:18px;margin-bottom:16px;}
.commentField {background:url(images/field-bg.png) repeat-x;border:1px solid #c9c9c9;height:26px;font-size:20px;padding-top:3px;padding-bottom:3px;padding-left:5px;padding-right:3px;color:#737373;margin-bottom:12px;width:555px;}
.commentField2 {background:url(images/field2-bg.png) repeat-x;height:108px;border:1px solid #c9c9c9;width:550px;font-size:12px;color:#333;font-family:arial;padding:6px;margin-bottom:8px;margin-top:4px;}
.inputLabel {font-size:12px;font-weight:bold;color:#333;margin-right:4px;}
.inputLabelReq {font-size:12px;color:#555;}

#pageNav { padding-top: 10px; height: 35px; padding-bottom: 30px; text-align: center; clear: both;}
#pageNav span { }
#pageNav a {	font-size: 13px; font-family: Arial, Helvetica, sans-serif;	border: 1px solid #E6E6E6; line-height: 20px; padding: 2px 7px;	color: #000000;	text-decoration: none; background-color: #FFF; margin-right: 1px; }
#pageNav a:hover {background-color: #656565;color: #fff;border: 1px solid #CCC;}

#pageNav span.current {font-size: 13px;font-family: Arial, Helvetica, sans-serif;line-height: 20px;padding: 2px 7px;text-decoration: none; margin-right: 1px;background-color: #408fe0;color: #FFF; font-weight: bold;background-repeat: repeat-x;border: 1px solid #E6E6E6;}
#pageNav .dots {color: #999;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 22px;margin-top: 0;margin-right: 4px;margin-bottom: 0;margin-left: 2px;}


/**** page ****/
.post {font-size:12px;line-height:17px;}

/**** thumbs ****/
.wptthumb {position:relative;}
.wptthumb .result1 { display:block; margin:0 0 0 56px; height:32px; text-align:left; }
.wptthumb input { position:absolute; top:0; left:0; width:24px; height:24px; background:url(images/thumbs-24x24.png) no-repeat 0 0; border:0; text-indent:-9999px; }
.wptthumb input.down { left:26px; background-position:-24px 0; }
.wptthumb input:hover, .wptthumb input:focus { background-position:0 -24px; }
.wptthumb input.down:hover, .wptthumb input.down:focus { background-position:-24px -24px; }
.wptthumb input:active { background-position:0 -48px; }
.wptthumb input.down:active { background-position:-24px -48px; }
.wptthumb.disabled input, .wptthumb.busy input { background-position:0 -72px; }
.wptthumb.disabled input.down, .wptthumb.busy input.down { background-position:-24px -72px; }

.wptthumb-small {position:relative;}
.wptthumb-small .result1 { display:block; margin:0 0 0 18px; height:16px; text-align:left; }
.wptthumb-small .up { position:absolute; top:0; left:0; width:16px; height:16px; background:url(images/thumbs-16x16.png) no-repeat 0 0; border:0; text-indent:-9999px;}