/*
  CUSTOM VARIABLES

  Custom variables in CSS is a special feature built in to 23 Video themes.
  Using this feature, developers can turn simple designs into customizable themes where
  ordinary users can modify logos, colours, fonts, sizes a much more in a structured fashion.
  See http://www.23developer.com/design/developer-custom-variables
*/



/* ----- STANDARD STYLES ----- */

body {background: #DBDBDB url(/files/bg-1.png) repeat-x 0 0; font-family: Helvetica, Arial, sans-serif; color: #3E3E3E;}
a {color:#28ACE2; text-decoration:none;}
a:hover {color: #2F6697;}

/* GRID */
#frame, body.tube #sitetop, body.tube #main, body.tube #sitebottom {width:980px;}
#contentsub {padding: 0 20px; border-left: 1px solid #E5E5E5;}
#header {padding: 40px 25px 30px; margin: 0px; background: url(/files/bg-top.png) repeat-y 0 0;}
#footer {padding: 20px 0 0; margin: 0px 21px;}
#mainsub {background: url(/files/bg-main.png) repeat-y 0 0; padding: 0 10px 20px;}
#sitetop, #main {margin: 0;}

	/* Sidebar */
	#leftsidebarsub {padding: 0 15px;}
	#main #leftsidebar, #main #sidebar {width:220px;}
	#main.has-leftsidebar #content {margin-left:230px;}

/* INPUT */
input.button {background: #D9D9D9 url(/files/button-bg-1.jpg) repeat-x 0 -1px; border: 1px solid #CCC; height: 26px; line-height: 25px; font-weight: bold; font-size: 12px; padding: 0 5px;}


/* HEADER */
#identity {height:55px; padding: 0 0 5px 0; border: none;}
#identity #sitelogo {float:left; padding: 5px 15px 0 0;}
#identity #sitename {font-size:20px; line-height:60px; margin: 0;}
#identity #sitename a, #identity #sitebyline a {text-decoration:none; color:#3E3E3E; text-decoration:none; font-weight:bold;}

/* HEADER NAVIGATION */
.menu-table-container {background-color:#2A9FCC;}
.menu-table td {padding: 0;}
.menu-table-container td a {font-size:13px; text-decoration:none; color:#fff; display:block; margin-bottom:0; padding: 8px 20px 7px; border-right:1px solid #2285AC; font-weight:bold;}
.menu-table-container td a:hover {background-color: #2692BC;}

/* FOOTER */
#footer {border-top: 2px solid #E5E5E5;}
.footer-block .footer-sitelogo {float:left;}
.footer-block .footer-sitename {float:left; padding: 17px 0 0 20px; font-weight: bold; margin: 0 20px 0 0;}
.footer-block .footer-sitename a {color:#999; font-size:12px; line-height:12px; font-size: 12px;}
.footer-block .site-page-link {float:left; padding: 0 20px; border-right:1px solid #E5E5E5; }
.footer-block .footernav {padding: 18px;}
#sitebottom {background:#DBDBDB url('/files/bg-footer.png') no-repeat 0 -10px; height: 110px; margin: 0 0 20px;}

/* SIDEBAR & SIDEBAR ELEMENTS */
.sidebar {font-size: 11px;}
.sidebar .jumpbottom {margin: 0 0 30px 0;}

	/*Sidebar Lists */
	.sidebar-link-list a, .tube-download-item {padding: 7px 0; font-size: 11px; border-bottom:1px solid #e5e5e5;}

	/*Sidebar Share and Subscribe Elements*/
	#sidebar-search {padding:12px 0; border-bottom:2px solid #EDEDED;}
	#sidebar-share-embed {width: 180px;}
	.share-box {margin: 10px 0 15px 0; font-weight: bold;}
	.share-box-title {padding: 0 0 4px;}
	.subscribe-link-mail, .subscribe-link-rss, .subscribe-link-podcast{font-weight: bold; padding: 7px 5px 4px 23px;}
	.subscribe-link-mail {background: url('/files/icon-mail.gif') no-repeat 0px 6px;}
	.subscribe-link-podcast {background: url('/files/icon-podcast.gif') no-repeat 0px 6px;}
	.subscribe-link-rss {background: url('/files/icon-rss.gif') no-repeat 0px 6px;}

	/* Sidebar Search and Sidebar Share forms*/
	#sidebar-search {padding: 10px 0 30px; border:none;}
	.share-box.share-box-mail input.text.preview, #sidebar-search .search-box input.text {width: 133px; margin-right: 5px;}
	.share-box.share-box-mail input.submit.button, #sidebar-search .search-box input.submit.button {width: 40px;}
	
	/* Sidebar Video Thumbnails*/
	.sidebar a.playlink.play75 {width: 59px; height: 59px; margin: 0 2px 4px;}
	.sidebar .playicon {position:absolute; top:41px; left:5px; height: 14px; width: 12px; background:url('/files/playbutton-small.png') center center no-repeat;}
	* html 	.sidebar .playicon {background-image:url('/files/playbutton-small.gif');}

	/* Playlist */
	body.widget {background-image:none !IMPORTANT;}
	#widget-playlist {width: 200px; margin: 0 0 30px 0;}
	
/* HEADLINES */	
.sidebar .headline, #content #title {border-bottom: 2px solid #3E3E3E; margin: 0 0 5px 0; padding: 0 0 5px 0 !important; font: 16px Georgia, "Times New Roman", Times, serif;}
.video-title, #contentsubh2, .headline {font: normal 22px Georgia, "Times New Roman", Times, serif;}
.view-list h2, #contentsub .headline {font-weight: normal; padding: 5px 0; margin: 0 0 15px; border-bottom: 2px solid #3E3E3E;}
a.video-title{color: #3E3E3E;}
.view-channel {border-bottom: 2px solid #3E3E3E; margin: 0 0 10px 0; padding: 0 0 5px 0;}
.view-channel a {color: #3E3E3E; font: normal 16px Georgia, "Times New Roman", Times, serif;}

/* VIEWS */
	/* Frontpage Video Overview */
	.view-list .view-item {padding: 0 19px 10px 0; width: 100px;}
	.view-list .view-item-sub {overflow: hidden; font-size: 11px; line-height: 16px; color: #666;}
	.view-list .view-item-sub a {font-weight: normal;}
	.view-list .view-title a{font-weight: bold; font-size: 12px; color: #3E3E3E;}	
	.view-list.view-list .view-name a, .view-time a, .view-comments a {color: #666;}
	.view-list .view-delete-link a{color: #cc0000; line-height: 30px;}
	.view-list a.video-link {font-size: 11px; line-height: 30px; float: right;}

	/* Video Page */
	.view-large-item .view-title {font: 24px Georgia, "Times New Roman", Times, serif; padding: 10px 0 0 0;}
	.view-large-item .view-words {line-height: 18px; font-size: 13px;}	

/* COMMENTS */
.comments {margin: 0px; padding: 20px 0;}
.autoform .form-item-wrapper {background-color:#fff; padding: 0 10px 10px 0; font-size:11px;}
#comment-add-form {border: none; padding: 20px 0;}
#commentAddForm .form-item-wrapper textarea {width: 682px; padding: 8px 4px 4px; color:#3e3e3e; font-size:11px;}
.autoform input, #commentAddForm .form-item-wrapper textarea {border: 1px solid #e5e5e5; color:#3e3e3e; font-size:11px;}
.comments .no-comments {display: none;}
.comments .headline {display: none;}