/*
Theme Name:WP-Tube Platinum
Version:1.0
Theme URI:http://wptube.jrwebstudio.com
Description:WPTube converts your Wordpress into a Youtube-like video blog.
Tags:light,three-columns,fixed-width
Author:Jeton Ramadani
Author URI:http://www.jrwebstudio.com
*/

/********************************************
 THEME ELEMENTS
********************************************/
body{background:#f2f5f7 url('images/bg.gif') repeat-x center top;color:#313131;margin:0;padding:0;font-family:Verdana,sans-serif,Arial,Helvetica;font-size:96%; height:auto;}
p{font-size:0.875em;line-height:140%;margin:0 0 5px}
ul,ol{font-size:0.875em;line-height:1.3em;margin:0 0 1em 3em;padding:0}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px; font-weight: bold; color:#333; font-family:"Century Gothic", Arial, Helvetica, sans-serif;}
a{text-decoration:none;color:#004080;}
a:hover{color:#be261e;text-decoration:none;}
a:focus{outline:none;}
code{color:#555;font-family:monospace}
alt{padding:6px}
form,img{border:0;margin:0;padding:0}
img.center{border:1px solid #999;display:block;margin:auto;padding:6px;position:relative}
img.left{border:1px solid #999;display:inline;margin:0 20px 20px 0;padding:6px;position:relative}
img.right{border:1px solid #999;display:inline;margin:0 0 20px 20px;padding:6px;position:relative}
.off{border:none !important;padding:0 !important}
.clearboth{clear:both}
.small{color:#999;font-size:1em}
label{color:#253544;font-size:12px}
input,textarea,select{background-color:#FFF;border:1px solid #C1C7CD;color:#333;font-size:12px;padding:3px}
submit:focus {outline:none;}
.left,.alignleft{float:left}
.right,.alignright{float:right}
img.alignright,a img.alignright{float:right;margin:0 0 1em 1em}
img.alignleft,a img.alignleft{float:left;margin:0 1em 1em 0}
img.aligncenter,a img.aligncenter,.aligncenter{display:block;margin-left:auto;margin-right:auto}
#email,#url{width:60%}
.wp-caption{background-color:#f3f3f3;border:1px solid #ddd;margin:10px;padding-top:4px;text-align:center}
.wp-caption img{border:0 none;margin:0;padding:0}
.wp-caption-dd{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}
#submit{background:transparent url('images/button.gif') no-repeat;border:0;color:#253544;font:1em Verdana,Arial,Helvetica,sans-serif;height:25px;margin:0;width:104px;font-weight:bold;cursor:pointer; }
#submit:hover,#submit:active {color:#be261e;}
#submit:focus{outline:none}
blockquote{background:#eeeeee url('images/quotes.gif') 3px 3px no-repeat;border:1px solid #ccc;font-size:1em;line-height:1.5em;margin:1em 0 1em 1em;padding:5px 5px 5px 45px}

/********************************************
 Preloading Images
********************************************/
#preloadedImages{ width:0px; height:0px; display:inline; background:url('images/lightson.png') no-repeat}

/********************************************
 HEADER
********************************************/
#header{float:left;height:60px;margin:0 0 0 3px;padding:0;text-align:left;width:450px}
#header h1{font-size:2.8em;font-weight:bold;padding:0px 0 0 15px}
#header h2 {display:none}
.description{font-size:1.2em; padding:0 0 0 15px; font-weight:bold; font-family:"Century Gothic", Arial, Helvetica, sans-serif;}
#headerwrap{height:75px;margin:5px auto 0 auto;width:940px;padding:0}
#headerlogo{cursor:pointer;display:block;width:450px;height:70px; margin-left:5px;}
#banner{float:right;height:60px;margin:8px 5px 0 0;text-align:left;width:468px}

/********************************************
 NAVIGATION STYLE 
********************************************/
.navigation{font-family:"Century Gothic", Arial, Helvetica, sans-serif; text-transform:uppercase; background-image:url('images/menu-bg.jpg'); background-repeat:no-repeat; background-position:center; height:38px;margin:0 auto;width:910px;padding:0 25px}
#nav,#nav ul{margin-left:0px;font-size:14px;font-weight:700;float:left;width:740px;list-style-type:none}
#nav a{color:#000;display:block;float:left;height:33px;line-height:200%;padding:5px 10px 0;text-decoration:none;border-right:1px solid #333333;}
#nav a:hover{background:url('images/current-bg.gif') top left repeat-x;color:#FFF}
#nav li{float:left;position:relative;border-right:none;z-index:10000}
#nav ul{position:absolute;display:none;width:12em;top:2.7em;left:0;border-right:none;z-index:5000}
#nav li ul a{font-size:13px;width:12em;height:auto;padding:0 0 0 10px;;float:left;background-color:#f1f1f1;color:#000;border-left:1px solid #7f7f7f;border-right:1px solid #7f7f7f;border-bottom:1px solid #7f7f7f;text-align:left}
#nav ul ul{top:auto;float:left}
#nav li ul ul{left:12em;margin:0}
#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li:hover ul ul ul ul{display:none}
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul{display:block}
#ledge{background:url('images/ledge.png') no-repeat;height:19px;margin:0 auto;width:940px}

/********************************************
 SEARCH FORM STYLE 
********************************************/
.sinput{background-color:transparent;border:0;color:#333;float:right;font-size:12px;height:16px;margin:8px 5px 0 0;width:150px}

/********************************************
 SLIDER 
********************************************/
#myslides{margin:0 auto;margin-bottom:5px;width:910px;padding:0; background:url('images/featuredshadow.jpg') no-repeat center bottom; height:187px;}
.cornerimage{display:block;margin-right:-15px;position:absolute;z-index:300;margin-left:810px;margin-top:-2px}
.stepcarousel{
position:relative;/*leave this value alone*/
overflow:scroll;/*leave this value alone*/
width:882px;/*Width of Carousel Viewer itself*/
height:165px;/*Height should enough to fit largest content's height*/
margin:0px 14px 0px 14px;
background:url('images/sliderbg.jpg') no-repeat}
.stepcarousel .belt{position:absolute;/*leave this value alone*/
left:0;top:0}
.stepcarousel .panel{float:left;/*leave this value alone*/
overflow:hidden;/*clip content that go outside dimensions of holding panel DIV*/
margin:12px 15px;/*margin around each panel*/
width:200px;/*Width of each panel holding each content. If removed,widths should be individually defined on each content DIV then. */
background:#454748;height:140px;border:1px solid #202325;
position:relative;}
.stepcarousel .panel p{text-align:left;/*leave this value alone*/
overflow:hidden;/*clip content that go outside dimensions of holding panel DIV*/
margin:5px 5px;/*margin around each panel*/}
.stepcarousel .panel span{position:absolute;margin:10px;height:60px;width:170px;text-align:center;left:0px;letter-spacing:0px;color:white;font-family: "Century Gothic",Arial,sans-serif;background-color:#222222;padding:50px 5px 10px 5px; font-weight:bold; font-size:16px;line-height:100%;cursor:pointer;overflow:hidden;}
.stepcarousel .panel img{float:left;/*leave this value alone*/
background:#040404;/*clip content that go outside dimensions of holding panel DIV*/
margin:10px;/*margin around each panel*/
padding:0px 0px}

/********************************************
 PAGE,POST BODY
********************************************/
#wrapper{margin:0 auto;padding:0;text-align:left;width:940px; height:100%;}
#mainbody{background:#fbfafa url('images/mainbody.gif') repeat-x center top;overflow:hidden; height:100%;width:914px;margin:0 auto;padding:5px 12px 0px 12px;border-left:1px solid #b1b4b6;border-right:1px solid #b1b4b6}
#contentsingle p{font-size:0.875em;line-height:1.4em;margin:0}
#content,#contentsingle{display:inline;float:left;margin:0 13px 0 3px;width:545px;height:auto}
#mainbody h3{font-size:20px;line-height:18px;padding:10px 0;font-weight:700;}

/********************************************
 INDEX,ARCHIEVE,CATEGORY PAGES 
********************************************/
.posti_inside{background:#fff url('images/bg-content.gif') repeat-x center bottom;height:110px;padding:7px 0 4px 10px}
.postb_bottom {border:1px solid #b1b4b6; padding:1px; background:#fff;}
.window{ background:url('images/windowshadow.gif'); background-position:bottom; background-repeat:no-repeat; overflow:hidden; padding-right:4px; padding-bottom:4px; margin-bottom:15px; }
.paneleft{background:url('images/filmstrip.jpg') no-repeat;float:left;height:97px;padding:5px;text-align:center;width:140px}
.paneleft .pthumb{position:relative;z-index:50;cursor:pointer;width:130px;height:97px}
.paneleft .pthumb span{height:130px;width:97px;display:none;background:url('images/play.png') no-repeat top left;position:absolute;z-index:150}
.paneleft .pthumb:hover span{display:block; width:130px; height:97px;}
.paneright{float:left;margin:0 10px;width:353px;overflow:hidden}
.entry{ font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:left;max-height:60px;overflow:auto;}
.continue{font-weight:bold;font-size:12px;line-height:23px;height:25px;background:url('images/button.gif') no-repeat;margin-top:5px;height:25px;width:104px; text-align:center; cursor:pointer}
.postfeedback{font-size:13px; width:537px; margin:0 auto; background:#efefef url('images/postinfo.gif') no-repeat center top;font-weight:normal; padding-top:5px; text-align:center; height:24px;}

/********************************************
 SINGLE POST 
********************************************/
.posttitle{margin:0;background:url('images/title.png') no-repeat;height:24px;overflow:hidden;padding:9px 15px 0 15px;width:425px;position:relative;z-index:4000;float:left;}
.posttitle h4 {color:#faedb4;}
#post{margin:0}
#vidbox .vvqbox{margin:0;position:relative;z-index:3000;overflow:hidden;width:545px}
#vidbox p{position:relative;z-index:4000}
#vidbox a{display:none}
.postext{clear:both;overflow:hidden;padding:10px;width:525px}
#reportpost{float:right;display:inline;margin:0;padding:0;position:relative;z-index:4000;width:45px;height:33px}
#command{position:relative;display:inline;float:right;margin:0;padding:0;z-index:3000}
.lightSwitcher{float:left;width:45px;height:33px;background-image:url('images/lightsoff.png');}
#shadow{background-image:url('images/shade1x1.png');position:absolute;left:0;top:0;width:100%;z-index:1000}
.turnedOff{position:relative;z-index:1900;background-image:url('images/lightson.png');z-index:3000}

/********************************************
 UNDER VIDEO PANEL 
********************************************/
#tags{background:url('images/post_tags.gif') no-repeat;line-height:16px;font-size:10px;height:22px;padding:5px 0 0 30px;overflow:auto}
#usingleleft{float:left;width:210px;padding:8px 0 0 15px;text-align:left}
#pdate {margin:6px 0; text-indent:18px; background:url('images/date.gif') no-repeat;}
#puser {text-indent:20px; background:url('images/user.gif') no-repeat;}
#usingleright{float:right;width:200px;padding:8px 15px 0 0;text-align:right}
#singlefeedback{background:url('images/feedback.jpg') no-repeat;font-size:12px;width:449px;height:78px;font-weight:normal;float:left;margin:0}
#previous_video{margin:7px 0 0 0;width:48px;float:left}
#next_video{width:48px;margin:7px 0 0 0;float:left}
.mfp_remove_link{float:right;font-size:12px;margin-top:3px;width:16px}
.mfp_link{float:left;font-size:12px;width:308px;border-bottom:1px solid #b1b4b6;margin-bottom:5px}
#favs {margin:7px 0;}
#favs img {padding-right:5px; vertical-align:bottom;}

/********************************************
 RELATED VIDEOS 
********************************************/
.relatedborder{border:1px solid #cfcfcf; background:#fff url('images/sidebarbg.gif')repeat-x center top;}
.sharethis{background:#f0f0f0;border-left:1px solid #fff;border-right:1px solid #fff;border-top:1px solid #fff; border-bottom:1px solid #b1b4b6;color:#cc0800; padding:10px;}
.relatedposts h4{font-weight:bold; line-height:25px; font-size:16px;}
.relatedposts{background:#ffffff url('images/personal.gif') repeat-x 0 -32px;border:1px solid #fff;font-size:14px;line-height:1.3em;padding:8px 12px; height:100%;}
.adsinglepost {float:right; width:250px; height:250px; position:relative; background-color:#ededed; padding:5px; display:inline; overflow:hidden;}

/********************************************
 SIDEBAR STYLE 
********************************************/
#sidebar{display:inline; position:relative;float:left;margin:0;padding:0;width:350px;overflow:visible; height:auto !important;}
#sidebar ul{font-size:12px;line-height:1.8em;margin:0 auto;list-style-type:none;list-style:none}
#sidebarleft{width:170px; float:left;}
#sidebarright{float:right;width:170px}
.widget {border:1px solid #cfcfcf;margin: 0 0 15px;background:#fff;height:100% !important;overflow:hidden;padding: 1px;}
.widget h4 { margin:-5px -5px 5px -5px;; border-bottom:1px solid #fff;	padding: 0 0 0 10px; line-height: 30px; background-image:url(images/widget_title_bg.gif); background-repeat:repeat-x; background-position:top; }
.widget-content {background:#ffffff url(images/sidebarbg.gif); background-position:top; background-repeat:repeat-x; height:100%;padding: 5px;}
.widget .textwidget { font-size:12px;}
.widget .postform {width:100%}
.widget ul li{ line-height:1.7em; margin-left:15px; list-style-image:url('images/ullibutton.gif');}
.widget ul li ul{margin-left:5px; }
.widget ul li ul li li {margin-left:10px; border:0;}

/********************************************
 SIDEBAR LOGIN WIDGET 
********************************************/
#login_wrap { border:1px solid #cfcfcf; margin: 0 0 15px; }
#sidebarlogin{background:#ffffff url('images/personal.gif') repeat-x 0 0; list-style-image:none;margin:0 auto;line-height:18px; border:1px solid #fff; padding:5px 10px; }
#sidebarlogin #wp-submit{background:transparent url('images/button.gif') no-repeat;border:0;color:#253544;font:1em Verdana,Arial,Helvetica,sans-serif;height:25px;margin:0;width:104px;font-weight:bold;cursor:pointer}
#sidebarlogin #wp-submit:hover{color:#be261e}
#sidebarlogin h3{font-size:16px;line-height:16px;font-weight:700; padding:10px 0; padding-left:30px;color:#22486e;background:url('images/hearticon.gif') no-repeat center left; margin:10px 0 0 0;}
#sidebarlogin h2{font-size:16px;margin-bottom:10px;line-height:24px;font-weight:700;color:#22486e}
.loginfooter {background: #ffffff url('images/personal.gif') repeat-x 0 -30px;border:1px solid #fff; height:35px; padding:5px;}
.loginfooter img {float:left; width:40px;}
#wp-submit:focus{outline:none}
#rssformcontainer {float:right; width:290px; margin:5px 0 0 0;}
#rssform { border:0; text-align:left;}
.rssSubmit { 
background: url('images/subscribe.gif') no-repeat; width:75px; margin:0; text-align:center; height:26px; cursor:pointer; border:0; color:#ffffff; font-weight:bold; 
}
.rssSubmit:hover{text-decoration:underline;}
.rssSubmit:focus {outline:none}
.rssEmail { 
background: url('images/feedemailbg.gif') no-repeat; padding:5px; height:16px; border:0; width:200px; margin:0; }

/********************************************
 CALENDAR WIDGET 
********************************************/
#wp-calendar{padding:0px;margin:0 auto; width:100%}
#wp-calendar caption{padding:5px;color:#666; font-size:12px; font-weight:bold;}
#wp-calendar th{color:#666}
#wp-calendar th,#wp-calendar td{padding:0px; font-size:12px; margin:0;text-align:center;background:url('images/current-bg.gif') repeat top left;color:#fff}
#wp-calendar td{background:transparent;color:#666;font-size:12px}
#wp-calendar td,table#wp-calendar th{padding:3px 0}
#wp-calendar #today{font-weight:bold; color:#be261e;}
#wp-calendar a{text-decoration:underline}
#wp-calendar a:hover{text-decoration:none}

/********************************************
 SIDEBAR TABS STYLE
********************************************/
.tab_wrapper {margin-bottom:15px;width:100%; font-size:12px;}
ul.tabs {list-style:none;display:inline;margin:0 0 0 6px;padding:0;width:100%}
ul.tabs li {float:left;display:inline;width:67px;height:28px;margin:0 auto 0 7px;padding:6px;margin-bottom:-2px;}
ul.tabs li.active, ul.tabs li:hover{background:url('images/tablink.gif') repeat-x 0 0;}
.tab_container {background:#ffffff url('images/personal.gif') repeat-x 0 -31px;clear:both; border:1px solid #cfcfcf;}
.tab_container ul{margin:0;padding:0 10px 10px !important}
.tab_container ul li{border-bottom:1px solid #cfcfcf;font-size:12px;line-height:16px;padding:5px 0}
#tab4 {padding:5px;}
.tab_content {position:relative;padding:0 5px; border-left:1px solid #fff; border-right:1px solid #fff;}

/********************************************
 STYLE FOR WP125x125 ADS PLUGIN
********************************************/
/* Styles for one-column Ads display */
#wp125adwrap_1c { width:100%; }
#wp125adwrap_1c .wp125ad { margin-bottom:10px; }

/* Styles for two-column Ads display */
#wp125adwrap_2c { width:100%;padding:0px; margin:10px 0px 10px 13px;}
#wp125adwrap_2c .wp125ad { width:125px; padding:15px; float:left;}

/********************************************
 COMMENTS STYLE
********************************************/
.comments{width:535px;padding:5px; font-family:Arial, Helvetica, sans-serif;}
.commentheading{border-bottom:double #cfcfcf;margin:12px 0 10px;padding-bottom:3px;color:#22486e;font-size:16px;font-weight:700;overflow:auto; font-family:"Century Gothic", Arial, Helvetica, sans-serif;}
.addcommentlink{background:url('images/addcommentlink.gif') no-repeat;float:right;font-size:16px;text-indent:20px}
.commentslink{background:url('images/commentslink.gif') no-repeat center left;font-size:12px;padding:0 0 0 17px}
.commentclosed{font-size:12px;border:1px dotted #999999;background:#FFFFC4;text-align:center;margin:10px 0;padding:5px}
#comment{width:98%}
#author{width:60%}
#rsscomments {background:url('images/rss-comments.gif') no-repeat right top; float:right; display:inline; height:30px; width:30px; margin:0;}
.formwrap {background:#ffffff; border:1px solid #cfcfcf; padding:1px;}
#formblock{background:#ffffff url('images/personal.gif') repeat-x 0 -32px; margin:0 0 20px;padding:10px 20px;}
#formblock p{margin:0 0 0.5em; }

/*Comment Styles*/ 
ol.commentlist{padding:0;line-height:1em;margin:0}
 
 /*Default comment (Guest)*/
.commenttext{border-top:1px solid #a6afd4;font-size:14px;width:100%;padding-top:3px}
.commentlist,.commenttext img{border:none;width:auto}
.commentlist li{list-style:none;padding:10px;margin-bottom:15px;overflow:auto;clear:both;background:#ffffff url('images/personal.gif') repeat-x 0 -31px;border:1px solid #cfcfcf;font-family:Verdana,sans-serif,Arial,Helvetica;font-size:12px;height:100%;min-height:100%}
.commentlist li a{color:#0B5780}
.commentlist li cite{font:small-caps bold 1.3em Verdana,Arial,Helvetica,sans-serif;text-decoration:none}
.commentlist li cite a{text-decoration:none}
.commentlist li .gravatar-col img{border:5px solid #CFCFCF;width:64px;height:64px}
.commentlist li .gravatar-col{clear:left;float:left;width:90px}
.commentlist li .comment-col{float:left;width:415px}
.commentlist .datestamp{font-size:10px}

/*Admin Comment Styles*/
.commentlist li.admin-comment{background:#202020;color:#F7F7F7;border:1px solid #474747}
.commentlist li.admin-comment .gravatar-col img{border:5px solid #474747}
.commentlist li.admin-comment a{color:#b6d7e9}

/*Ajaxed Comments Styles*/
.wdpajax-error{	border:1px solid #f9d9c9;padding:5px;color:#ff3311;}
.wdpajax-success{border:1px solid #339933;padding:5px;color:#339933;}
label.error{float:none !important;padding-left:5px;color:#ff3311;}

/********************************************
 FOOTER STYLE
********************************************/
#footer{background:#f2f5f7 url('images/bgbottom.png') no-repeat center top;font-family:Geneva,Arial,Helvetica,sans-serif;color:#666666;font-size:12px;margin:0 auto;padding:20px 20px 5px;text-align:left;width:900px}
#footer ul{color:#004992;float:right;display:block;margin:0 auto;text-align:right;width:600px}
#footer ul li{display:inline;text-transform:uppercase}
#footer ul a{padding-right:5px}
