/* Custom Styled 23 Video Site for J.Boye */

body 	{background-color: #FFF; color: #262626;}
a 		{color: #1375BD;}
a:hover {text-decoration: underline;}
h3 		{border-bottom:1px solid #262626; margin:20px 0 10px 0; font-weight: normal; font:26px/36px "Trebuchet MS", Arial, sans-serif;}
hr 		{background-color: #CCC; height: 1px; border: none;}

/* GRID */
#frame, #sitetop, #main, #sitebottom 			{width: 965px !important; margin: 0 auto;}
#sitetop, #main									{margin-bottom:0px;}
#header, #sidebarsub, #leftsidebarsub, #footer	{padding:0px;}
#contentsub										{padding: 0 20px 0 0; width: 700px; overflow: hidden;}


/* SIDEBARS */
#main #leftsidebar 					{width:220px;}
#main #sidebar 						{width:220px;}
#main.has-rightsidebar #content 	{margin-right:240px; border-right: 1px solid #CCC;}
#main.has-leftsidebar #content 		{margin-left:220px;}


/* NAVIGATION */
.custom-navigation 					{border-bottom: 3px solid #CC1433; height: 95px; margin: 0 0 20px 0;
									background: #262626 url(http://www.jboye.com/conferences/philadelphia10/wp-content/themes/jboye_v3_0/images/menubackground-smush-it.png) repeat-x 0 0;}
.custom-navigation-content 			{width: 965px; margin: 0 auto;}
.custom-navigation-content li 		{float: left; display: inline; margin: 0 10px 0 0;
									background:url(http://www.jboye.com/conferences/philadelphia10/wp-content/themes/jboye_v3_0/images/menuover-smush-it.png) repeat-x;}
.custom-navigation-content li:hover	{background-position:0px -180px}
.custom-navigation-content li a		{color: #CCC; font: bold 14px "Trebuchet MS", Arial, sans-serif; padding: 40px 10px 5px; display: block;}
.custom-navigation-content li a:hover{color: #FFF; text-decoration: none;}
.custom-navigation li ul li 		{color:#999 !important; display:inline; padding: 0 0 0 10px; height:auto; font-size:12px; line-height:12px; font-weight:normal;background:none;font-family:Trebuchet MS, Arial, Helvetica, sans-serif}

.custom-navigation li#video a {color: #CC1433;}
.custom-navigation-content .logo 	{float: right; margin: 25px 0 0 0;}

/* FOOTER 1 */
.custom-footer 						{background-color: #262626; border-top: 3px solid #666; padding: 20px 0 0 0; height: 300px;}
.custom-footer-content 				{width: 965px; margin: 0 auto;}
.custom-footer .headline 			{color: #fff; font-family: "Trebuchet MS", Arial, sans-serif; line-height: 35px;}

.custom-footer .view-item						{margin: 0 10px 13px 0 !important; width: 107px;}
.custom-footer .view-item-sub 					{width: 97px; height: 95px; padding: 3px; margin: 0; overflow: hidden; border: 1px solid #333;}
.custom-footer .view-item-sub .view-photo		{width: 97px; height: 53px; margin: 0 0 2px 0;}
.custom-footer .view-item-sub .view-photo img 	{width: 97px; height: 53px;}
.custom-footer .view-item-sub .view-photo .playlink {width: 97px !important; height: 53px !important; margin: 0px !important;}
.custom-footer .view-item-sub .view-photo .playicon {background: url(http://video.jboye.com/files/icon-play-xxsmall.png) no-repeat 2px 39px;}
.custom-footer .play100.playlink-num-2,
.custom-footer .play100.playlink-num-4			{margin: 0 !important;}
.custom-footer .view-item .view-title a			{font-size: 11px; font-weight: normal; color: #666;}
.custom-footer .view-item .view-title a:hover	{color: #fff;}

.custom-footer .block-tube-popular-videos,
.custom-footer .block-tube-new-videos			{float: left; margin: 0 20px 0 0; width: 350px;}
.custom-footer .block-tube-subscribe 			{float: left; width: 220px;}

	/* Footer: Subscribe */
	.custom-footer .block-tube-subscribe a 		{font-weight: normal; border-bottom: 1px solid #333; display: block; padding: 0 0 0 22px; color: #666; line-height: 33px; font-size: 12px;}
	.custom-footer .block-tube-subscribe a:hover{border-color: #999; text-decoration: none; color: #fff;}

	.custom-footer .block-tube-subscribe .subscribe-link-mail			{background: url(/files/icon-footer-mail.png) no-repeat 0 11px;}
	.custom-footer .block-tube-subscribe .subscribe-link-mail:hover		{background: url(/files/icon-footer-mail-hover.png) no-repeat 0 11px;}
	.custom-footer .block-tube-subscribe .subscribe-link-podcast		{background: url(/files/icon-footer-podcast.png) no-repeat 0 10px;}
	.custom-footer .block-tube-subscribe .subscribe-link-podcast:hover	{background: url(/files/icon-footer-podcast-hover.png) no-repeat 0 10px;}
	.custom-footer .block-tube-subscribe .subscribe-link-rss a			{background: url(/files/icon-footer-rss.png) no-repeat 0 9px;}
	.custom-footer .block-tube-subscribe .subscribe-link-rss a:hover 	{background: url(/files/icon-footer-rss-hover.png) no-repeat 0 9px;}
	
	
/* FOOTER 2 */
.custom-footer-2 			{background-color: #262626; color: #CCC; border-top: 3px solid #CC1433; padding: 10px 0; font-size: 11px; line-height: 15px;}
.custom-footer-2 a			{color: #CCC; font-weight: normal; text-decoration: underline;}
.custom-footer-2 a:hover 	{color: #FFF;}
.custom-footer-2 p			{padding: 0; margin: 0;}
.custom-footer-2 p.indent	{margin: 0 0 0 20px;}
.custom-footer-2 h3			{color: #CCC; font-size: 13px; font-weight: bold; margin: 0 0 7px 0;}

	.width-1						{padding: 20px 20px 20px 0; width: 207px; border-right: #1e1e1e solid 1px;}
	.width-2						{padding: 20px 20px 20px 20px; width: 209px; border-right: #1e1e1e solid 1px;}
	.width-3						{padding: 20px 0 20px 20px; width: 222px; border-right: #1e1e1e solid 1px;}
	.width-4						{padding: 20px 0 20px 20px; border-right: #1e1e1e solid 1px;}
	.width-5 						{padding: 20px 0 20px 20px;}
	
	.feed, .twitter, .jboye10, .linkedin, .feed_white, .twitter_white, .linkedin_white {
	background:url(http://www.jboye.com/conferences/philadelphia10/wp-content/themes/jboye_v3_0/images/sprt.png) top left no-repeat;
	width:135px; height:35px; border:none; display:block; text-indent:-9999px; margin:5px 0;}

		.feed 				{background-position:0px -150px}
		.feed:hover			{background-position:0px -200px}
		.feed:active		{background-position:0px -250px}
		.twitter			{background-position:-150px -150px}
		.twitter:hover		{background-position:-150px -200px}
		.twitter:active		{background-position:-150px -250px}
		.jboye10			{background-position:-600px -150px}
		.jboye10:hover		{background-position:-600px -200px}
		.jboye10:active		{background-position:-600px -250px}
		.linkedin			{background-position:-300px -150px}
		.linkedin:hover		{background-position:-300px -200px}
		.linkedin:active	{background-position:-300px -250px}
	
.custom-footer-content-2	{width: 965px; margin: 0 auto;}


/* MAIN THUMBNAIL OVERVIEW */
.view-medium .view-item 							{padding: 0; font-family: "Trebuchet MS", Arial, sans-serif;}
.view-medium .view-item-sub 						{width: 220px; overflow:hidden; margin: 0 20px 30px 0px; }
.view-medium .view-item-sub .view-photo,
.view-medium .view-item-sub .view-photo img 		{width: 220px; height: 123px; position:relative; overflow:hidden; margin: 0 0 5px 0;}
.view-medium .view-item-sub .view-photo .playicon	{width: 30px;  height: 30px; position: absolute; top: 88px; left: 5px; background: url(/files/icon-play-small.png) no-repeat 0 0;}
*html .view-medium .view-item-sub .view-photo .playicon{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/files/icon-play-small.png', sizingMethod='crop');}

.view-medium .view-item-sub .view-channel,
.view-medium .view-item-sub .view-length 			{display: inline;}
.view-medium .view-item-sub .view-channel a 		{color: #CC1433; font-size: 12px; font-weight: normal; line-height: 2em; margin: 0 5px 0 0;}
.view-medium .view-item-sub .view-title a			{font-size: 14px; line-height: 1.3em; margin: 2px 0px 0px 0; display: block;}
.view-medium .view-item-sub .view-length 			{color: #999; font-size: 11px; font-weight: normal;}
.view-medium .view-item-sub .view-words				{font: 11.5px/18px Helvetica, Arial, sans-serif; margin: 3px 0 5px 0;}
#content .headline, h2								{color: #CC1433; font: 36px/40px "Trebuchet MS", Helvetica, sans-serif; margin: 0 0 20px;}


/* SIDEBAR THUMBNAIL OVERVIEW */
.sidebar .view-item								{width: 107px; margin: 0 7px 13px 0 !important; padding: 0;}
.sidebar .view-item-sub 						{width: 97px; height: 95px; padding: 3px; margin: 0; border: #ddd solid 1px; border-bottom: #ccc solid 2px;}
.sidebar .view-item-sub .view-photo 			{width: 97px; height: 53px; margin: 0 0 2px 0;}
.sidebar .view-item-sub .view-photo img 		{width: 97px; height: 53px;}
.sidebar .view-item-sub .view-photo .playlink 	{width: 97px !important; height: 53px !important; margin: 0px !important;}
.sidebar .view-item-sub .view-photo .playicon 	{background: url(http://video.jboye.com/files/icon-play-xxsmall.png) no-repeat 2px 39px;}
.sidebar .view-item	.view-title	a				{font-size: 11px; font-weight: normal;}
.sidebar .sidebar-videos.jumpbottom 			{margin: 0 0 20px;}

/* SIDEBAR */
.sidebar							{margin: 24px 0 0 0;}
.sidebar .jumpbottom				{margin: 0 0 30px 0;}
.sidebar .headline 					{font: 20px/20px "Trebuchet MS", Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0;}

	/* Tags */
	.sidebar #sidebar-tags 				{background-color: #262626; line-height: 20px; padding: 10px 10px 0;}
	.sidebar #sidebar-tags.jumpbottom	{margin: 0;}
	.sidebar #sidebar-tags a			{color: #ccc; font-weight: normal;}
	.sidebar #sidebar-tags a:hover		{color: #fff; text-decoration: underline !important;}
	.sidebar #sidebar-tags .headline	{display: none;}

	/* Search */
	.sidebar #sidebar-search			{background-color: #262626; border-bottom: 3px solid #CC1433; line-height: 20px; padding: 10px; margin: 0 0 30px 0;}
	.sidebar #sidebar-search input.text	{background: #333 url(http://www.jboye.com/wp-content/themes/jboye_v3_0/images/search-smush-it.png) no-repeat 160px center; border: #464646 solid 1px; font-size: 11px; line-height: 15px; padding: 2px 25px 2px 5px; color: #fff; width: 168px;}
	.sidebar #sidebar-search input.button {display: none;}
	
	/* Subscribe */
	.sidebar #sidebar-subscribe a {height: 30px; font-weight: normal; border-bottom: 1px solid #CCC; padding: 0 0 5px 22px; display: block; font-size: 12px; line-height: 40px;}
	.sidebar #sidebar-subscribe a:hover 				{border-color: #999; text-decoration: none !important;}
	.sidebar #sidebar-subscribe .subscribe-link-mail	{background: url(/files/icon-mail.png) no-repeat 0 center;}
	.sidebar #sidebar-subscribe .subscribe-link-podcast	{background: url(/files/icon-podcast.png) no-repeat 0 center;}
	.sidebar #sidebar-subscribe .subscribe-link-rss		{background: url(/files/icon-rss.png) no-repeat 0 center;}
	
/* MAIN CONTENT */
#mainsub {margin: 0 0 40px 0;}


	/* VIDEO PAGE */
	
	.block-tube-context-video-player .jumpbottom {margin: 0; height: 394px;}
	.view-large-item div.view-title {color: #CC1433; font: 36px/40px "Trebuchet MS", Helvetica, sans-serif; margin: 0 0 10px;}

	/* Share */
	.block-tube-share {height: 45px; padding: 10px 0 10px 10px; margin: 0 0 20px; background: #262626 url(/files/bg-share.png) repeat-x 0 0; border-bottom: 3px solid #CC1433; width: 690px;}
	.block-tube-share a {color: #CCC;}
	.block-tube-share a:hover {color: #3A9946;}
	.block-tube-share .headline {display: none;}
	.block-tube-share #sidebar-share.share-block.jumpbottom {margin: 0;}
	
	/* Getting the size right */
	.block-tube-share .share-box {width: 200px; height: 46px; float: left; margin: 0px 20px 0 0; padding: 0 20px 0 0; border-right: 1px solid #373737;}	
	.block-tube-share .share-box.share-box-embed {width: 150px; padding: 0 20px 0 0;}
	
	.block-tube-share .share-box-fb, .block-tube-share .share-box-twitter {width: 100px;}
	.block-tube-share .share-box-twitter {padding: 0; margin: 0; border: none;}
	.block-tube-share .share-box-twitter a, .block-tube-share .share-box-fb a {color: #CCC !important;}

	/* Share Inputs */
	.block-tube-share .share-box input
	{border: 1px solid #333333; background: #2C2C2C url(/files/bg-input-text.png) repeat-x 0 -2px; color: #666; padding: 5px 4px; width: 140px;}
	
	.share-box.share-box-mail input.text.preview {width: 140px;}
	
	.block-tube-share .share-box input.button
	{background: url(/files/bg-input-text.png) repeat-x 0 0px; border: 1px solid #333333; color: #FFF; height: 26px; width: 44px !important;
	text-align: center; font-size: 10px !important; margin: 0; padding: 0;}
	
	.share-box-title, html .fb_share_link, html .twitter_share_link
	{font-weight: bold; font-size: 10px; line-height: 16px; margin: 0 0 5px 0; color: #CCC;}
	
	/* Share Icons */
	html .fb_share_link
	{background: url(/files/icon-facebook.png) no-repeat 0 20px; padding: 0; top: 0px; position: relative; height: 45px; display: block;}
	
	html .twitter_share_link
	{background: url(/files/icon-twitter.png) no-repeat 0 24px !important; padding: 0; height: 45px; display: block;}

	/* Title, words and date */
	.view-large-item .view-date,
	.view-large-item .view-tags,
	.view-large-item .view-channel,
	.view-large-item .view-comments 	{float: left; color: #999; font-size: 12px; font-weight: normal; margin: 0 5px 0 0; padding: 0 5px 0 0; border-right: 1px solid #CCC;}
	
	.view-large-item .view-comments {border: none;}

	.view-large-item .view-date a,
	.view-large-item .view-tags a,
	.view-large-item .view-channel a,
	.view-large-item .view-comments a	{font-weight: normal;}
	.view-large-item .view-words		{color: #333; line-height: 22px; font-size: 13px; clear: left; padding: 10px 0;}

	
	/* COMMENTS */
	ol.comments {margin:0; border-bottom:1px solid #dedede;}
	li.comment {background: url(http://www.jboye.com/conferences/philadelphia10/wp-content/themes/jboye_v3_0/images/comment-background-smush-it.png) repeat-x; border-top:1px solid #dedede; padding:10px; list-style:none; padding:40px 30px 20px 40px;}
	li.comment .comment-buddy	{float:left; padding: 3px; border: 1px solid #eee; border-bottom: 2px solid #CCC;}
	li.comment .comment-content {margin-left:70px;}
	li.comment .comment-body	{margin-bottom:15px; font-size: 13px;}
	li.comment .comment-author,	
	li.comment .comment-date	{color: #999; font-size: 11px; font-style: normal; font-weight: normal; }
	li.comment .comment-date a, 
	li.comment .comment-author a	{font-weight: normal; line-height: 1.5em;}
	
	.comment-form {margin: 20px 0 40px; padding: 0 0 40px; border-bottom: 1px solid #CCC;}
	.comment-form h3 {display: none;}
	
	.comment-screening {border-color:#CCC;}
	.comment-form input.text, .comment-form textarea {border:1px solid #CCC;}