/*
  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-color: #FFF; font: 14px/18px Lucida Grande, Lucida, Verdana, sans-serif;}
a {color: #0099CC; text-decoration: none;}
a:hover {color: #006699;}
.custom-clearer {clear:both;}
p {margin: 0 0 5px;}
.jumpbottom, .bigjumptop {margin: 0 0 40px;}

/* GRID */
#header, #mainsub, #footer {width: 960px;}
#header, #footer {margin: 0 auto !important; padding: 0px 0px 40px !important;}
#frame{width: 100%; margin: 0;}
#sitetop { width: 100% !important; margin: 0; background: #0B0B0B url(/files/bg-main.jpg) repeat-x 0 0;}
#sitebottom {width: 100% !important;}
#main {width: 100% !important; background: url(/files/bg-main-shadow.png) repeat-x 0 1px;}
#mainsub {margin: 0 auto; padding: 90px 0 0;}
#contentsub {padding:0; margin: 0 0 30px 0;}
object#videoplayer {margin: 0 auto; display: block; border: 2px solid #888;}

	/* Identity */
	#identity { padding: 20px 27px 0; margin: 0;}
	#identity #sitename a, #identity #sitebyline a {color:#888; text-shadow: 1px 1px 1px #222;}
	#identity #sitename a {font-size:16px;}
	#identity #sitename a:hover {color:#0099CC; text-shadow: #000 0px -1px 1px;}

	/* Sidebar */
	#main #sidebar {float:right; width:245px;}
	#main.has-rightsidebar #content {margin-right:278px;}
	#main.has-leftsidebar #content {margin-left:255px;}

/* INPUTS */
input.text, .comments .form-widget input, #videos-search input {border-top: 1px solid #959595; border-left: 1px solid #959595; border-right: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; -moz-border-radius:10px; -webkit-border-radius:10px; background: #E5E5E5 url(/files/bg-input-text.png) repeat-x 0 0; height: 16px; padding: 5px 5px 0;}

input.submit.button, input.button, #videos-search input.button {height: 24px; line-height: 24px; color: #FFF; font-weight: bold; font-size: 11px; border-top: 1px solid #222; border-left: 1px solid #222; border-right: 1px solid #000; border-bottom: 1px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 10px; background-image: url(/files/bg-input-button.png); padding: 0 10px;}

.form-label {font-size: 11px; font-weight: bold; width: 7em !important;}

/* HEADER NAVIGATION */
#sitetop .block-menu {background: url(/files/bg-menu.gif) no-repeat 0 0;}
.menu-table-container {height:42px; margin:20px 0 40px 0;}
.menu-table-container td {padding: 0;}
.menu-table-container td a {display:block; text-decoration:none; color:#fff; text-shadow: 1px 1px 1px #000; border-left: 1px solid #34373B; border-right:1px solid #212225; height:28px; padding-top:12px; padding-left:30px; padding-right:30px; cursor:pointer}
.menu-table-container td a:hover {color:#0099CC; text-shadow: #000 0px -1px 1px;}
.menu-table-container td.first a{border-left:0;}

/* SIDEBAR & SIDEBAR ELEMENTS */
#sidebarsub {padding: 0; font-size: 11px;}
.sidebar .jumpbottom, .sidebar .block-tube-channels {margin: 0 0 40px 0;}
.sidebar .headline {font-weight:bold; font-size: 16px; border-bottom: 2px solid #CCC; color: #222; text-shadow: 1px 1px 1px #FFF; padding: 0 0 5px; margin: 0 0 10px;}

	/* Sidebar Search and Footer Search */
	.sidebar .search-box {background: url(/files/bg-sidebar-headline.png) no-repeat 0 0; height: 35px; margin: 0 0 15px;}
	.sidebar .search-box input, #footer .block-tube-search .search-box input.text {background: url(/files/bg-sidebar-search-input.png) no-repeat 0 0; border: none; height: 18px; width: 208px; margin: 5px 0 0 6px; padding: 6px 10px 0;}
	.sidebar .search-box input.submit.button, #footer .block-tube-search .search-box input.submit {display: none;}

	/*Sidebar Share and Subscribe Elements*/
	#sidebar-share-embed {width: 235px;}
	.share-box-mail input.text {width: 170px;}
	.share-box {margin: 0px 0 15px 0; font-weight: bold;}
	.share-box-title {font-size: 11px; padding: 0 5px 5px;}
	.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 2px;}
	.subscribe-link-podcast {background: url(/files/icon-podcast.gif) no-repeat 0px 2px;}
	.subscribe-link-rss {background: url(/files/icon-rss.gif) no-repeat 0px 2px;}
	
	/*Sidebar Lists */
	.sidebar-link-list a, .tube-download-item, .subscribe-link-mail, .subscribe-link-podcast, .subscribe-link-rss {padding: 0 0 7px; margin: 0 0 7px; font-size: 11px; border-bottom:1px solid #e5e5e5;}
	.subscribe-link-mail, .subscribe-link-podcast, .subscribe-link-rss {padding-left: 23px;}


/* VIDEO OVERVIEW */
#contentsub .headline, #contentsub h2 {background: url(/files/bg-content-headline.png) no-repeat 0 0; height: 35px; line-height: 35px; padding: 0 20px; margin: 0 0 15px 0; font-size: 15px; font-weight: bold; color: #FFF; text-shadow: 0 -1px 1px #666;}
	
	/* Headlines, words and meta */	
	#contentsub h2 a {color: #FFF;}
	a.video-link {font-size: 11px; float: right;}
	a.video-title {float: left;}
	#contentsub h2 a:hover, a:hover.video-link {color: #000 !important; text-shadow: 0 1px 1px #CCC;}
	.view-small .view-item-sub, .view-small .view-name, .view-small .view-date, .view-small .view-time, .view-small .view-comments, .view-small .view-tags {font-size: 11px; line-height: 18px;color: #CCC; font-weight: normal;}	
	
	/* Control the space in-between the vidoes in the video overview */	
	#contentsub .view-small { margin: 0 0 0 20px;}
	#contentsub .view-small-item {padding: 0; margin: 0 20px 15px 0; width: 200px;}
	#contentsub .view-list {margin: 0 0 40px 0;}
	
	/* Control size of the video thumbnail */
	#contentsub .view-photo, #contentsub a.playlink, #contentsub .view-photo img {height: 125px; width: 200px !important;}
	#contentsub a.playlink, #contentsub a.play75, #contentsub a.play100 { margin:0 !important;}
	.view-small .view-title, .view-small .view-title a{font-size: 12px; padding: 5px 0;}
	

/* VIDEO PAGE*/

	/* Title and Words */
	.view-large-item .view-title, .view-large-item .view-words {padding: 0 20px;}
	.view-large-item .view-title {line-height: 35px; margin: 0 0 15px; font-size: 26px; font-weight: bold; color: #222;}
	.view-large-item .view-words {line-height: 22px; font-size: 14px; color: #222; margin: 0 0 20px;}

	/* Meta Info */
	.view-large-item .view-item-sub, .view-name, .view-large-item .view-tags, .view-date, .view-time, .view-comments {font-size: 12px; line-height: 22px;color: #CCC; font-weight: normal;}	

	.view-large-item a .view-item-sub a, .view-name a, .view-large-item .view-tags a, .view-date a, .view-time a, .view-comments a {color: #CCC; font-weight: normal; text-decoration: underline;}

	/* Comments and Comment forms */
	.comments {border: none;}
	.comment-content {padding: 0 20px; font-size: 12px; line-height: 20px;}
	.comments .no-comments {display: none;}
	.comments #comment-add-form { padding: 20px 0;}
	.comments #comment-add-form .headline {background-image: none; color: #222; text-shadow: none; margin: 0;}
	.form-item-wrapper {background-color: #FFF !important; padding: 10px 20px !important;}
	.comments textarea{border-top: 1px solid #959595 !important; border-left: 1px solid #959595 !important; border-right: 1px solid #DEDEDE !important; border-bottom: 1px solid #DEDEDE !important; -moz-border-radius:10px; -webkit-border-radius:10px; background: #F1F1F1 url(/files/bg-input-text.png) repeat-x 0 bottom;}

/* SEARCH PAGE */
#videos-search form{margin: 0 0 40px 0;}

/* FOOTER */
#footer {width: 935px; background: url(/files/bg-footer.png) repeat-x 0 0; height: 35px; line-height: 35px; padding: 0 5px 0 20px !important; margin:0 auto 40px auto !important;}
#footer .footer-identity {float: left; display: inline; font-size: 12px; font-weight: bold;}
#footer .footer-identity a {color: #fff; color: #FFF; text-shadow: 0 -1px 1px #666;}
#footer .block-tube-search .search-box input.text {float: right; display: inline;}