/*Theme Name:		TubetorialTheme URI:		http://www.tubetorial.comDescription:	The best video tutorial site on the planet. By <a href="http://www.pearsonified.com/">Chris Pearson</a>.Version:		1.imnotsureanymoreAuthor:			Chris PearsonAuthor URI:		http://www.pearsonified.com/*/body { background: #000 url('images/body_bg.gif') repeat-x; color: #000; font: normal 62.5% Verdana, Verdana, Arial, sans-serif; text-align: center; }* { padding: 0; margin: 0; }/*---:[ general typography ]:---*/h1, h2, h3, h4 { font-weight: bold; font-family: Arial, Helvetica, sans-serif; }h2 { font-size: 2.2em; }	h2 a:hover { text-decoration: underline; }h3 { font-size: 1.6em; display: block;}h4 { font-size: 1.2em; text-transform: uppercase; }a { color: #f00; text-decoration: none; }	a:visited { color: #555; text-decoration: none; }	a:hover { color: #f00; text-decoration: none; }	code { font-family: Monaco, "Courier New", monospace; }	abbr, acronym { border-bottom: 1px dotted #aaa; cursor: help; }	p.center { text-align: center; }	/*---:[ layout framework ]:---*/#header { width: 950px; height: 120px; float: left; }		#sub { width: 950px; padding: 20px 0; text-align: left; float: left; }#full_span { width: 100%; background: #fff url('images/sub_head_bottom.gif') repeat-x; float: left; }	.container { width: 950px; margin: 0 auto; }			#content_wrap { width: 950px; padding: 20px 0; float: left; }		.container_page { width: 770px; margin: 0 auto; }					#content { width: 750px; text-align: left; float: left; }				.container_page #content { width: 770px; padding: 20px 0; }		#full_span_bottom { width: 100%; height: 7px; background: url('images/footer_top.gif') repeat-x; clear: both; }#footer { width: 450px; padding: 5px 250px 20px 250px; text-align: center; float: left; } /*---:[ #header styles ]:---*/#logo { width: 367px; height: 77px; padding: 8px 23px 35px 10px; background: url('images/logo.gif') no-repeat; float: left; }	#logo a { display: block; width: 367px; height: 77px; outline: none; }	#nav_box { width: 550px; height: 40px; padding: 73px 0 0 0; text-align: left; float: left; }	#nav { width: 413px; height: 47px; padding: 7px 51px 0 86px; background: url('images/nav_menu_bg.gif') no-repeat; list-style: none; }			#nav li { padding: 0 34px 0 0; text-indent: -9999px; float: left; }					#nav li a { height: 40px; display: block; background: transparent url('images/nav_menu.gif') no-repeat; outline: none; }						#nav li a.home { width: 51px; background-position: -86px 0; }							#nav li a.home:hover { background-position: -86px -40px; }							#nav li a.about { width: 63px; background-position: -171px 0; }							#nav li a.about:hover { background-position: -171px -40px; }							#nav li a.submit { width: 68px; background-position: -268px 0; }							#nav li a.submit:hover { background-position: -268px -40px; }							#nav li a.feedback { width: 95px; background-position: -370px 0; }							#nav li a.feedback:hover { background-position: -370px -40px; }								/*---:[ #sub styles ]:---*//*---< code underneath this line applies to sub_home.php >---*/#sub_copy { width: 650px; float: left; }	#tagline { width: 650px; height: 36px; margin: 0 0 20px 0; background: url('images/tagline.gif') no-repeat; }			#points { width: 570px; padding: 0 50px 0 30px; list-style: none; }			#points li { padding: 0 0 1em 20px; background: url('images/bullet_star.gif') 0 0.25em no-repeat; font-size: 1.6em; line-height: 1.5em; color: #ccc; }				#points li.last { padding: 0 0 0 20px; }					#points li a, #points li a:visited { font-weight: bold; color: #ff0000; border-bottom: 1px dotted #ff0000; }						#points li a:hover { color: #ff0000; border-bottom: 1px solid #ff0000; }						* html #points li a, * html #points li a:visited { border-bottom: none; }						* html #points li a:hover { border-bottom: none; text-decoration: underline; }			#subscribe { width: 223px; padding: 0 35px 0 42px; text-align: center; float: left; }	#email_updates { width: 223px; clear: both; }			#email_updates p { margin: 0 0 5px 0; }				.email_input { width: 214px; padding: 3px; font: bold 1.2em Verdana, Arial, sans-serif; border-top: 2px solid #808080; border-left: 2px solid #808080; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; color: #5dac28; }					#email_updates p.policy, #email_input_box p.policy { margin: 0 !important; text-align: center; }					.policy a, .policy a:visited { color: #808080; text-decoration: none; }						.policy a:hover { color: #808080; text-decoration: underline; }		#or { width: 223px; height: 19px; padding: 15px 0; background: url('images/or.gif') 50% 50% no-repeat; }				a#rss { display: block; width: 223px; height: 51px; background: url('images/rss_button.gif') no-repeat; }			/*---< code underneath this line applies to sub_single.php >---*/#to_go { width: 255px; height: 60px; background: url('images/to_go.gif') no-repeat; float: left; }#rss_single { width: 223px; height: 57px; background: url('images/rss_button.gif') 0 50% no-repeat; float: left; }	#rss_single a { display: block; width: 223px; height: 51px; padding: 3px 0; }#email_updates_box { padding: 0 80px 0 0; background: url('images/or_single.gif') 100% 0 no-repeat; float: left; }	#email_input_box { width: 224px; padding: 15px 5px 0 0; float: left; }			#email_input_box p { margin: 0 0 2px 0; }			#email_submit_box { padding: 12px 0 16px 0; float: left; }			/*---:[ #content styles ]:---*/.content_column { width: 200px; }#sponsors { float: left; }#more_tubetorials { width: 200px; text-align: left; float: left; }	.column_head { height: 38px; margin: 0 0 15px 0; }		/*---< sponsors column (column 1) >---*/	#sponsors .column_head { width: 200px; background: url('images/sponsors.gif') no-repeat; }			#sponsors a { display: block; width: 200px; margin: 0 0 30px 0; }			#sponsors a img { border: none; }		#sponsors .feeds a { display: inline;  margin: 0 0 0 0; }		/*---< column 2 >---*/		.middle_content { width: 500px; padding: 0 25px; float: right; }		#now_playing .column_head { width: 500px; margin: 0 !important; background: url('images/now_playing.gif') no-repeat; }				#archives_list .column_head { width: 500px; margin: 0 !important; background: url('images/archives_header.gif') no-repeat; }				#author_archive .column_head { width: 500px; background: url('images/author_header.gif') no-repeat; }				#search_results .column_head { width: 500px; background: url('images/search_header.gif') no-repeat; }				h2.tubetorial_author { padding: 0 !important; margin: 0 0 15px 0 !important; background: none !important; }				/*---< front page styles >---*/				.playlist_wrap { width: 500px; padding: 0 0 1px 0; background: url('images/hr_orange.gif') 0 100% no-repeat; float: left; clear: both; }					.playlist { width: 500px; padding: 15px 0; background: url('images/video_reel.gif') 100% 60% no-repeat; float: left; }						.adsense { width: 500px; padding: 10px 0 0 0; text-align: right; float: right; }						.playlist .thumb { width: 184px; padding: 0 16px 0 0; float: left; }									.playlist .thumb img { width: 180px; padding: 1px; border: 1px solid #999; float: left; }									.playlist .intro { width: 300px; float: left; }									.playlist .intro h2 { margin: 0 0 15px 0; padding: 0 !important; text-align: left !important; background: none !important; }										.playlist .intro p.producer { padding: 0 0 0 20px; margin: 0; background: url('images/icon_host.gif') 0 50% no-repeat; font-size: 1.3em; line-height: 1.4em; color: #999; }								.playlist .intro p.producer a, .playlist .intro p.producer a:visited { color: #999; font-weight: bold; }												.playlist .intro p.producer a:hover { text-decoration: underline; }								.navigation { width: 500px; margin: 15px 0 0 0; font-size: 1.3em; float: left; }					.navigation a:hover { text-decoration: underline; }				.previous { float: left; }						.next { padding: 0 0 0 25px; float: right; }				.clear { width: 500px; height: 1px; clear: both; }			/*---< single video page styles >---*/				.middle_content h2 { padding: 15px 0 31px 0; margin: 0 0 10px 0; background: url('images/entry_hr.gif') 50% 100% no-repeat; text-align: center; }					.middle_content h2.single_h2 a, .middle_content h2.single_h2 a:visited, .middle_content h2.single_h2 a:hover { color: #000; text-decoration: none; }				.middle_content .entry { width: 500px; padding: 0 0 21px 0; margin: 0 0 25px 0; background: url('images/entry_hr.gif') 50% 100% no-repeat; font-size: 1.3em; line-height: 1.6em; float: left; }					#page_content .entry { margin: 0 !important; }						.middle_content .entry a, .middle_content .entry a:visited, .middle_content .entry a:hover { text-decoration: underline; }						.middle_content .entry #flashcontent, .middle_content .entry .flash_video { width: 480px; padding: 10px; margin: 0 0 20px 0; /*background: url('images/video_bg.gif');*/ float: left; }						.middle_content .entry .flv_player, .middle_content .entry .flvPlayer { width: 480px; padding: 10px; margin: 0 0 20px 0; background: url('images/video_bg.gif'); float: left; clear: both; } 						.middle_content .entry p { margin: 0 0 15px 0; }						.middle_content .entry ul { list-style: none; margin: 0 0 20px 20px; display: block; }						.middle_content .entry ol { margin: 0 0 20px 40px; display: block; }							.middle_content .entry li { margin: 0 0 7px 0; }								.middle_content .entry ul li { padding: 0 0 0 26px; background: url('images/bullet_arrow.gif') 0 0.45em no-repeat; }							.middle_content .entry img.left { margin: 0 15px 10px 0; float: left; }						.middle_content .entry img.right { margin: 0 0 10px 15px; float: right; }						.middle_content .entry img.center { display: block; margin: 0 0 15px 0; }							.middle_content .entry a img { border: none !important; }								.middle_content .entry blockquote { padding: 0 0 0 10px; margin: 0 30px 15px 30px; border-left: 1px solid #bbb; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #555; }				.middle_content a.sponsor_link, .middle_content a.sponsor_link:visited, .middle_content a.sponsor_link:hover { color: #f00; font-weight: bold; }				.middle_content .sociable ul { margin: 10px 0 0 0; }								.middle_content .sociable ul li { margin: 0 !important; padding: 0 10px !important; background: none !important; display: inline; }				.middle_content .adsense_bg { padding: 0 0 0 46px; background: url('images/adsense_bg.gif') no-repeat; }				.middle_content .flare { }				/*---< comment styles appear in their own section, which is located below >---*/		/*---< column 3 (controlled by sidebar.php) >---*/	#more_tubetorials .column_head { width: 200px; margin: 0 0 7px 0 !important; background: url('images/more_tubetorials.gif') no-repeat; }	#more_tubetorials ul.sidebar_list { width: 200px; list-style: none; }			#more_tubetorials li.sidebar_item { margin: 0 0 30px 0; font-size: 1.3em; line-height: 1.2em; }				#more_tubetorials li a:hover { text-decoration: underline; }						.sidebar_item ul { width: 200px; list-style: none; }							.sidebar_item ul li { display: block; width: 178px; padding: 8px 0 8px 22px; background: url('images/icon_tv.gif') 0 50% no-repeat; border-bottom: 1px solid #d2f1ff; }					.sidebar_item ul li a {  }			#search_head { width: 200px; height: 38px; margin: 0 0 15px 0; background: url('images/search_head.gif') no-repeat; }/*---:[ page column styles ]:---*/#page_content { width: 500px; padding: 0 50px 0 0; float: left; }	#page_content h2 { padding: 0 0 31px 0; margin: 0 0 10px 0; background: url('images/entry_hr.gif') 50% 100% no-repeat; text-align: center; }				#page_content h2 a, #page_content h2 a:visited, #page_content h2 a:hover { color: #000; text-decoration: none; }		#page_content .entry { width: 500px; padding: 0 0 21px 0; margin: 0 0 25px 0; background: url('images/entry_hr.gif') 50% 100% no-repeat; font-size: 1.3em; line-height: 1.6em; float: left; }				#page_content .entry a, #page_content .entry a:visited, #page_content .entry a:hover { text-decoration: underline; }				#page_content .entry .flv_player { width: 480px; padding: 10px; margin: 0 0 20px 0; background: url('images/video_bg.gif'); float: left; clear: both; } 				#page_content .entry p { margin: 0 0 15px 0; }				#page_content .entry ul { list-style: none; margin: 0 0 8px 30px; float: left; width:455px; }				#page_content .entry ol { margin: 0 0 8px 40px; float: left; }					#page_content .entry li { margin: 0 0 7px 0; }						#page_content .entry ul li { padding: 0 0 0 26px; background: url('images/bullet_arrow.gif') 0 0.45em no-repeat;}					#page_content .entry blockquote { padding: 0 0 0 10px; margin: 0 30px 15px 30px; border-left: 1px solid #bbb; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #555; }/*---:[ #sidebar {page-only) styles ]:---*/#sidebar { width: 220px; padding: 69px 0 0 0; background: url('images/tube_on_white.gif') no-repeat; float: left; }	#sidebar ul { list-style: none; font-size: 1.2em; line-height: 1.2em; }		#sidebar ul li { background: url('images/icon_tv.gif') no-repeat; margin: 0 0 0.8em 0; padding: 2px 0 0 21px; }					#sidebar ul li a:hover { text-decoration: underline; }/*---:[ comment styles ]:---*/#comments { width: 500px; float: left; clear: both; }	h4.comments_intro { border-bottom: 1px solid #ddd; font-size: 2.0em; text-align: left; color: #999; }	ul#comment_list { list-style: none; margin-bottom: 3.0em; float: left; }				ul#comment_list li.comment, ul#comment_list li.comment_alt, ul#comment_list li.comment_author, ul#comment_list li.comment_author_alt { width: 460px; padding: 20px 20px 5px 20px; border-bottom: 1px solid #ddd; float: left; }				ul#comment_list li.comment_alt { background: #eee; }		ul#comment_list li.comment_author { background: url('images/comment_author.gif') 100% 0 no-repeat; }				ul#comment_list li.comment_author_alt { background: #eee url('images/comment_author_alt.gif') 100% 0 no-repeat; }					p.comment_meta { margin: 0 0 15px 0; font-size: 1.6em; }							p.comment_meta a { color: #000; border-bottom: 1px dotted #000; }								p.comment_meta a:visited { color: #555; border-bottom: 1px dotted #555; }								p.comment_meta a:hover { color: #f00; border-bottom: 1px dotted #f00; }								.comment_text { font-size: 1.3em; line-height: 1.6em; clear: both; }							.comment_text a, .comment_text a:visited, .comment_text a:hover { text-decoration: underline; }								.comment_text a:hover { color: #f00; text-decoration: underline; }								.comment_text p { margin: 0 0 15px 0; }								.comment_text ul { margin: 0 0 8px 20px; }								.comment_text ol { margin: 0 0 8px 40px; }								.comment_text ul { list-style: none; }									.comment_text li { margin: 0 0 7px 0; }										.comment_text ul li { padding: 0 0 0 26px; background: url('images/bullet_arrow.gif') 0 0.45em no-repeat; }									.comment_text blockquote { padding: 0 0 0 10px; margin: 0 30px 15px 30px; border-left: 1px solid #bbb; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #555; }	ul.ping_list { list-style: none; margin-bottom: 3.0em; font-size: 1.3em; line-height: 1.6em; float: left; }				ul.ping_list li.ping { width: 460px; padding: 10px 20px; border-bottom: 1px solid #ddd; float: left; }						.ping a, .ping a:visited { text-decoration: none; }						.ping a:hover { text-decoration: underline; }			/*---:[ comment form styles ]:---*/#comment_form { width: 460px; padding: 41px 20px 20px 20px; background: #ff9600 url('images/comment_form_bg.gif') no-repeat; float: left; }	#comment_form a, #comment_form a:visited, #comment_form a:hover { font-weight: bold; color: #fff; text-decoration: underline; }	#comment_form p { padding: 6px 0; color: #fff; font-size: 1.2em; }			#comment_form label { padding: 0 0 0 6px; }		#comment_form .text_input { width: 220px; padding: 3px; font: normal 1.2em Verdana, Arial, Helvetica, sans-serif; background: #fee9cc; border-top: 2px solid #e29220; border-left: 2px solid #e29220; border-right: 1px solid #fad093; border-bottom: 1px solid #fad093; }				#comment_form .text_area { width: 451px; padding: 3px; font: normal 1.2em Verdana, Arial, Helvetica, sans-serif; background: #fee9cc; border-top: 2px solid #e29220; border-left: 2px solid #e29220; border-right: 1px solid #fad093; border-bottom: 1px solid #fad093; }			#comment_form .text_input:focus, #comment_form .text_area:focus { background: #fff; }/*---:[ #footer styles ]:---*/#footer_nav { width: 450px; height: 25px; padding: 0 0 0 43px; margin: 0 0 20px 0; background: url('images/footer_nav.gif') no-repeat; list-style: none; }	#footer_nav li { padding: 0 42px 0 0; text-indent: -9999px; float: left; }				#footer_nav li a { height: 25px; display: block; background: transparent url('images/footer_nav.gif') no-repeat; }				#footer_nav li a.home { width: 45px; background-position: -43px 0; }					#footer_nav li a.home:hover { background-position: -43px -25px; }					#footer_nav li a.about { width: 54px; background-position: -130px 0; }					#footer_nav li a.about:hover { background-position: -130px -25px; }					#footer_nav li a.submit { width: 58px; background-position: -226px 0; }					#footer_nav li a.submit:hover { background-position: -226px -25px; }					#footer_nav li a.feedback { width: 81px; background-position: -326px 0; }					#footer_nav li a.feedback:hover { background-position: -326px -25px; }				#copyright { width: 450px; height: 10px; padding: 18px 0 0 0; background: url('images/copyright.gif') 50% 0 no-repeat; }	#copyright a { display: block; width: 84px; height: 10px; margin: 0 auto; }#hybridcars { font-color: white; font-weight: bold; padding: 5px 0 0 5px;}/*---:[ search form styles ]:---*/#search_form, #goog_search { }	#goog_search p { margin: 0 0 5px 0; }	#search_form .search_input, #goog_search .search_input { width: 191px; padding: 3px; color: #5dac28; font: normal 1.0em Verdana, Arial, Helvetica, sans-serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }			#search_form .search_input:focus, #goog_search .search_input:focus { border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }