/*
Theme Name: TubetorialTheme
Theme URI: http://www.tubetorial.com
Description: The best video tutorial site on the planet
Version: 1
Author: Chris Pearson
Tags: mantle color, variable width, two columns, widgets
The best video tutorial site on the planet. By Chris Pearson.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;
}

* {
margin:0;
padding:0;
}

h1,h2,h3,h4 {
font-weight:700;
font-family:Arial, Helvetica, sans-serif;
}

h2 {
font-size:2.2em;
}

h3 {
font-size:1.6em;
display:block;
}

h4 {
font-size:1.2em;
text-transform:uppercase;
}

a:visited {
color:#555;
text-decoration:none;
}

code {
font-family:Monaco, "Courier New", monospace;
}

abbr,acronym {
border-bottom:1px dotted #aaa;
cursor:help;
}

p.center {
text-align:center;
}

#header {
width:950px;
height:120px;
float:left;
}

#sub {
width:950px;
text-align:left;
float:left;
padding:20px 0;
}

#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;
float:left;
padding:20px 0;
}

.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;
text-align:center;
float:left;
padding:5px 250px 20px;
}

#logo {
width:367px;
height:77px;
background:url('images/logo.gif') no-repeat;
float:left;
padding:8px 23px 35px 10px;
}

#logo a {
display:block;
width:367px;
height:77px;
outline:none;
}

#nav_box {
width:550px;
height:40px;
text-align:left;
float:left;
padding:73px 0 0;
}

#nav {
width:413px;
height:47px;
background:url('images/nav_menu_bg.gif') no-repeat;
list-style:none;
padding:7px 51px 0 86px;
}

#nav li {
text-indent:-9999px;
float:left;
padding:0 34px 0 0;
}

#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_copy {
width:650px;
float:left;
}

#tagline {
width:650px;
height:36px;
background:url('images/tagline.gif') no-repeat;
margin:0 0 20px;
}

#points {
width:570px;
list-style:none;
padding:0 50px 0 30px;
}

#points li {
background:url('images/bullet_star.gif') 0 0.25em no-repeat;
font-size:1.6em;
line-height:1.5em;
color:#ccc;
padding:0 0 1em 20px;
}

#points li.last {
padding:0 0 0 20px;
}

#points li a,#points li a:visited {
font-weight:700;
color:red;
border-bottom:1px dotted red;
}

#points li a:hover {
color:red;
border-bottom:1px solid red;
}

* 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;
text-align:center;
float:left;
padding:0 35px 0 42px;
}

#email_updates {
width:223px;
clear:both;
}

.email_input {
width:214px;
font:bold 1.2em Verdana, Arial, sans-serif;
border-top:2px solid gray;
border-left:2px solid gray;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
text-align:center;
color:#5dac28;
padding:3px;
}

#email_updates p.policy,#email_input_box p.policy {
text-align:center;
margin:0 !important;
}

.policy a,.policy a:visited {
color:gray;
text-decoration:none;
}

.policy a:hover {
color:gray;
text-decoration:underline;
}

#or {
width:223px;
height:19px;
background:url('images/or.gif') 50% 50% no-repeat;
padding:15px 0;
}

a#rss {
display:block;
width:223px;
height:51px;
background:url('images/rss_button.gif') no-repeat;
}

#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 {
background:url('images/or_single.gif') 100% 0 no-repeat;
float:left;
padding:0 80px 0 0;
}

#email_input_box {
width:224px;
float:left;
padding:15px 5px 0 0;
}

#email_input_box p {
margin:0 0 2px;
}

#email_submit_box {
float:left;
padding:12px 0 16px;
}

.content_column {
width:200px;
}

#more_tubetorials {
width:200px;
text-align:left;
float:left;
}

.column_head {
height:38px;
margin:0 0 15px;
}

#sponsors .column_head {
width:200px;
background:url('images/sponsors.gif') no-repeat;
}

#sponsors a {
display:block;
width:200px;
margin:0 0 30px;
}

#sponsors a img {
border:none;
}

#sponsors .feeds a {
display:inline;
margin:0;
}

.middle_content {
width:500px;
float:right;
padding:0 25px;
}

#now_playing .column_head {
width:500px;
background:url('images/now_playing.gif') no-repeat;
margin:0 !important;
}

#archives_list .column_head {
width:500px;
background:url('images/archives_header.gif') no-repeat;
margin:0 !important;
}

#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 {
background:none !important;
margin:0 0 15px !important;
padding:0 !important;
}

.playlist_wrap {
width:500px;
background:url('images/hr_orange.gif') 0 100% no-repeat;
float:left;
clear:both;
padding:0 0 1px;
}

.playlist {
width:500px;
background:url('images/video_reel.gif') 100% 60% no-repeat;
float:left;
padding:15px 0;
}

.adsense {
width:500px;
text-align:right;
float:right;
padding:10px 0 0;
}

.playlist .thumb {
width:184px;
float:left;
padding:0 16px 0 0;
}

.playlist .thumb img {
width:180px;
border:1px solid #999;
float:left;
padding:1px;
}

.playlist .intro {
width:300px;
float:left;
}

.playlist .intro h2 {
text-align:left !important;
background:none !important;
margin:0 0 15px;
padding:0 !important;
}

.playlist .intro p.producer {
background:url('images/icon_host.gif') 0 50% no-repeat;
font-size:1.3em;
line-height:1.4em;
color:#999;
margin:0;
padding:0 0 0 20px;
}

.playlist .intro p.producer a,.playlist .intro p.producer a:visited {
color:#999;
font-weight:700;
}

.navigation {
width:500px;
font-size:1.3em;
float:left;
margin:15px 0 0;
}

.next {
float:right;
padding:0 0 0 25px;
}

.clear {
width:500px;
height:1px;
clear:both;
}

.middle_content h2 {
background:url('images/entry_hr.gif') 50% 100% no-repeat;
text-align:center;
margin:0 0 10px;
padding:15px 0 31px;
}

.middle_content .entry {
width:500px;
background:url('images/entry_hr.gif') 50% 100% no-repeat;
font-size:1.3em;
line-height:1.6em;
float:left;
margin:0 0 25px;
padding:0 0 21px;
}

#page_content .entry {
width:500px;
background:url('images/entry_hr.gif') 50% 100% no-repeat;
font-size:1.3em;
line-height:1.6em;
float:left;
margin:0 !important;
padding:0 0 21px;
}

.middle_content .entry #flashcontent,.middle_content .entry .flash_video {
width:480px;
float:left;
margin:0 0 20px;
padding:10px;
}

.middle_content .entry ul {
list-style:none;
display:block;
margin:0 0 20px 20px;
}

.middle_content .entry ol {
display:block;
margin:0 0 20px 40px;
}

.middle_content .entry img.left {
float:left;
margin:0 15px 10px 0;
}

.middle_content .entry img.right {
float:right;
margin:0 0 10px 15px;
}

.middle_content .entry img.center {
display:block;
margin:0 0 15px;
}

.middle_content .entry a img {
border:none !important;
}

.middle_content a.sponsor_link,.middle_content a.sponsor_link:visited,.middle_content a.sponsor_link:hover {
color:red;
font-weight:700;
}

.middle_content .sociable ul {
margin:10px 0 0;
}

.middle_content .sociable ul li {
background:none !important;
display:inline;
margin:0 !important;
padding:0 10px !important;
}

.middle_content .adsense_bg {
background:url('images/adsense_bg.gif') no-repeat;
padding:0 0 0 46px;
}

#more_tubetorials .column_head {
width:200px;
background:url('images/more_tubetorials.gif') no-repeat;
margin:0 0 7px !important;
}

#more_tubetorials li.sidebar_item {
font-size:1.3em;
line-height:1.2em;
margin:0 0 30px;
}

.sidebar_item ul li {
display:block;
width:178px;
background:url('images/icon_tv.gif') 0 50% no-repeat;
border-bottom:1px solid #d2f1ff;
padding:8px 0 8px 22px;
}

#search_head {
width:200px;
height:38px;
background:url('images/search_head.gif') no-repeat;
margin:0 0 15px;
}

#page_content {
width:500px;
float:left;
padding:0 50px 0 0;
}

#page_content h2 {
background:url('images/entry_hr.gif') 50% 100% no-repeat;
text-align:center;
margin:0 0 10px;
padding:0 0 31px;
}

#page_content .entry ul {
list-style:none;
float:left;
width:455px;
margin:0 0 8px 30px;
}

#page_content .entry ol {
float:left;
margin:0 0 8px 40px;
}

#sidebar {
width:220px;
background:url('images/tube_on_white.gif') no-repeat;
float:left;
padding:69px 0 0;
}

#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;
padding:2px 0 0 21px;
}

#comments {
width:500px;
float:left;
clear:both;
}

h4.comments_intro {
border-bottom:1px solid #ddd;
font-size:2em;
text-align:left;
color:#999;
}

ul#comment_list {
list-style:none;
margin-bottom:3em;
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;
border-bottom:1px solid #ddd;
float:left;
padding:20px 20px 5px;
}

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 {
font-size:1.6em;
margin:0 0 15px;
}

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:red;
border-bottom:1px dotted red;
}

.comment_text {
font-size:1.3em;
line-height:1.6em;
clear:both;
}

.comment_text a:hover {
color:red;
text-decoration:underline;
}

.comment_text ul {
list-style:none;
margin:0 0 8px 20px;
}

.comment_text ol {
margin:0 0 8px 40px;
}

ul.ping_list {
list-style:none;
margin-bottom:3em;
font-size:1.3em;
line-height:1.6em;
float:left;
}

ul.ping_list li.ping {
width:460px;
border-bottom:1px solid #ddd;
float:left;
padding:10px 20px;
}

.ping a,.ping a:visited {
text-decoration:none;
}

#comment_form {
width:460px;
background:#ff9600 url('images/comment_form_bg.gif') no-repeat;
float:left;
padding:41px 20px 20px;
}

#comment_form a,#comment_form a:visited,#comment_form a:hover {
font-weight:700;
color:#fff;
text-decoration:underline;
}

#comment_form p {
color:#fff;
font-size:1.2em;
padding:6px 0;
}

#comment_form label {
padding:0 0 0 6px;
}

#comment_form .text_input {
width:220px;
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;
padding:3px;
}

#comment_form .text_area {
width:451px;
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;
padding:3px;
}

#comment_form .text_input:focus,#comment_form .text_area:focus {
background:#fff;
}

#footer_nav {
width:450px;
height:25px;
background:url('images/footer_nav.gif') no-repeat;
list-style:none;
margin:0 0 20px;
padding:0 0 0 43px;
}

#footer_nav li {
text-indent:-9999px;
float:left;
padding:0 42px 0 0;
}

#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;
background:url('images/copyright.gif') 50% 0 no-repeat;
padding:18px 0 0;
}

#copyright a {
display:block;
width:84px;
height:10px;
margin:0 auto;
}

#hybridcars {
font-color:#FFF;
font-weight:700;
padding:5px 0 0 5px;
}

#search_form .search_input,#goog_search .search_input {
width:191px;
color:#5dac28;
font:normal 1em 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;
padding:3px;
}

#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;
}

h2 a:hover,.playlist .intro p.producer a:hover,.navigation a:hover,.middle_content .entry a,.middle_content .entry a:visited,.middle_content .entry a:hover,#more_tubetorials li a:hover,#page_content .entry a,#page_content .entry a:visited,#page_content .entry a:hover,#sidebar ul li a:hover,.comment_text a,.comment_text a:visited,.comment_text a:hover,.ping a:hover {
text-decoration:underline;
}

a,a:hover {
color:red;
text-decoration:none;
}

#email_updates p,#goog_search p {
margin:0 0 5px;
}

#sponsors,.previous {
float:left;
}

.middle_content h2.single_h2 a,.middle_content h2.single_h2 a:visited,.middle_content h2.single_h2 a:hover,#page_content h2 a,#page_content h2 a:visited,#page_content h2 a:hover {
color:#000;
text-decoration:none;
}

.middle_content .entry .flv_player,.middle_content .entry .flvPlayer,#page_content .entry .flv_player {
width:480px;
background:url('images/video_bg.gif');
float:left;
clear:both;
margin:0 0 20px;
padding:10px;
}

.middle_content .entry p,#page_content .entry p,.comment_text p {
margin:0 0 15px;
}

.middle_content .entry li,#page_content .entry li,.comment_text li {
margin:0 0 7px;
}

.middle_content .entry ul li,#page_content .entry ul li,.comment_text ul li {
background:url('images/bullet_arrow.gif') 0 0.45em no-repeat;
padding:0 0 0 26px;
}

.middle_content .entry blockquote,#page_content .entry blockquote,.comment_text blockquote {
border-left:1px solid #bbb;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
color:#555;
margin:0 30px 15px;
padding:0 0 0 10px;
}

#more_tubetorials ul.sidebar_list,.sidebar_item ul {
width:200px;
list-style:none;
}
