/*
Theme Name: DIY Hifi Fun stylesheet
Description: The css for my dad
Author: Jing Quan
Author URL: www.pixelpretation.com
Version: 1.0
*/

* {margin:0; padding:0; outline:0;}
a, a:visited {text-decoration:none; color:#4f4f4e;}
a:hover {text-decoration:underline;}
body {background:url('img/bg.jpg') repeat-x top center; font-family:'Trebuchet MS', Verdana, Arial, sans-serif; color:#4f4f4e;}

#heading {width:100%; height:75px; margin:0px 0 10px 0; border-bottom:#000 10px solid;}
#heading .massban {width:1000px; height:75px; margin:0 auto;}
#heading .diylogo a {background:url('img/logo.png') no-repeat top left; width:330px; height:58px; position:absolute; left:124px; top:15px;}
#heading .nav {width:100%; height:30px; padding-top:48px; font-family:'Century Gothic', Verdana, Arial, sans-serif;}
#heading .nav ul {list-style-type:none;}
#heading .nav ul li {display:block; float:right; text-align:center;}
#heading .nav ul li a {width:100%; padding:5px 25px; font-size:18px; color:#f2f2f2;}
#heading .nav ul li a:hover {text-decoration:none; color:#ceb5b5;}

#content {width:1000px; margin:0 auto;}
#content .main {width:650px; margin-right:50px; float:left;}
#content .main h1 {font-size:52px; color:#333; font-weight:lighter; line-height:95%; padding-bottom:15px;}
#content .main h2, h2 a, h2 a:hover, h2 a:visited {font-size:52px; color:#333; font-weight:lighter; line-height:95%; padding-bottom:15px; text-decoration:none; clear:both;}
#content .main h3 {font-size:20px; color:#333; padding:20px 0;}
#content .main h4 {font-size:11px; color:#364e56; line-height:0em; padding:0px 0 20px 0;}
#content .main h4 a, h4 a:visited {color:#364e56; text-decoration:underline;}
#content .main h5, h5 a, h5 a:visited {font-size:11px; color:#fff; padding:0 5px; text-align:right; margin:20px 0 80px 0;}
#content .main p {font-size:14px; font-family:Helvetica, arial, sans-serif; line-height:20px; padding-bottom:5px;}
#content .main p a, p a:visited {text-decoration:underline; font-weight:bold; color:#75a5b3;}
#content .main ul {list-style-type:square; padding:0 0 20px 30px;}
#content .main ul li{font-size:14px; color:#4f4f4e; font-family:Helvetica, arial, sans-serif; line-height:20px; padding:5px 0;}
#content .main ul {list-style-type:circle; padding:0 0 20px 30px;}
#content .clinks ul li{font-size:14px; color:#4f4f4e; font-family:Helvetica, arial, sans-serif; line-height:20px; padding:5px 0;}
#content .main ol {padding:0 0 20px 30px;}
#content .main ol li{font-size:14px; color:#4f4f4e; font-family:Helvetica, arial, sans-serif; line-height:20px; padding:5px 0;}
#content .main .span {width:100%; height:30px; margin:30px 0 30px 0; color:#fff;}
#content .main .prev a {padding:5px 10px; background-color:#333; color:#fff; float:left;}
#content .main .next a {padding:5px 10px; background-color:#333; color:#fff;float:right; text-align:right;}
#content .main .ahor {width:100%; color:#333; clear:both;}
#content .main .aleft {padding:5px 0; color:#333; float:left;}
#content .main .aright a {padding:5px 10px; text-decoration:underline; font-weight:bold; color:#75a5b3; float:right; text-align:right;}
#content .main .searchre h3, h3 a, h3 a:visited {padding-bottom:10px; text-decoration:none; color:#333;}
#content .main .searchre h3 a:hover { text-decoration:underline;}
#content .fit {clear:both;}
#content img, a img, a:visited img {padding:1px; border:solid 1px #999; margin-top:10px;}
#content a:hover img {padding:1px; border:solid 1px #ccc;}
#content .pingback {width:400px; margin:30px auto; padding:15px 20px 0 20px; border-top:#ccc solid 1px; border-bottom:#ccc solid 1px;}
#content .pingback p {font-size:10px; line-height:20px;}

#content .searchb {width:210px; height:31px; background-color:#fff; margin:30px 0 0px 0; border:#d8d0d2 1px solid; float:left;}
#content .searchb .txt {width:200px; height:25px; font-size:18px; border:0; font-family:'Trebuchet MS', Verdana, Arial, sans-serif; margin-left:5px; color:#8b9ca7; padding:5px 0 0 0;}
#content .searchb2 {width:510px; height:31px; background-color:#fff; margin:30px 0 15px 0; border:#d8d0d2 1px solid; float:left;}
#content .searchb2 .txt2 {width:500px; height:25px; font-size:18px; border:0; font-family:'Trebuchet MS', Verdana, Arial, sans-serif; margin-left:5px; color:#c6b3b4; padding:5px 0 0 0;}
#content .img {width:30px; height:29px; border:#d8d0d2 1px solid; margin:30px 0 0 5px; padding:1px; background-color:#fff;}

#content .comments {width:500px; margin-left:25px;}
#content .comments h6, h6 a, h6 a:visited {font-size:18px; color:#333; text-align:left; margin:0; line-height:0;}
#content .comments h5, h5 a, h5 a:visited {padding:0 3px; margin:0; background-color:#fff; color:#333; text-align:left; border:#313131 1px solid;}
#content .comments li {padding:10px 0;}
#content .comments cite {font-weight:normal; font-style:normal; font-size:12px; color:#818787;}
#content .comments img {float:left; padding:1px; border:solid 1px #999; margin:5px 10px 0 0;}
#content .txt {border-top:#ccc dotted 1px; clear:both; padding-top:10px;}
#content .txt p {font-size:14px; line-height:23px; color:#333; font-family:Helvetica, arial, sans-serif;}
#content .txt p a{text-decoration:underline;}
#content .commentform p {font-size:14px; color:#333; font-family:Helvetica, arial, sans-serif;}
#content .submit {float:right; margin-right:80px;}

#sidebar {width:300px; float:right; margin-bottom:85px;}
#sidebar h2 {padding:15px 0 5px 0; font-weight:lighter;}
#sidebar ul {list-style-type:none;}
#sidebar ul li {color:#8b9ca7;}
#sidebar ul li a {text-decoration:none; color:#364e56; font-size:15px;}
#sidebar ul li a:hover {color:#333;}
#sidebar .collapsCatPost {padding-left:25px;}
#sidebar a.self {color:#333;}
#sidebar p {font-size:11px; color:#333; font-family:Helvetica, arial, sans-serif;}
#sidebar img, a img, a:visited img {border:0; margin-right:5px;}

#footert {width:100%; height:100px; clear:both; border-top:#3b4444 solid 1px;}
#footert .main {width:1000px; margin:0 auto; font-size:12px; padding:3px 0; color:#333;}
#footert .main a, a:visited {color:#333;}
#footert .blurb {width:500px; float:right; text-align:right;}
#footert .blurb2 {width:500px; float:left; text-align:left;}