/*  
Theme Name: Hot Rod Audio
Theme URI: http://hotrodaudiomods.com
Description: Hot Rod Audio Theme
Version: 1.0
Author: Hot Rod Audio
Author URI: http://hotrodaudiomods.com
*/
/*
		White: #ffffff
		Dark Red: #710000
		Red: #b30707
		Tan: #ffffc8
		Light Gray: #d6d6d6
		Dark Gray: #191919
		Black: #000000
*/

/*
	RESET
*/
*				{ margin: 0; padding: 0; }
html			{ overflow-y: scroll; }
html, body		{ height: 100%; }
body			{ font-size: 70%; font-family: Arial, sans-serif; color: #ffffc8; background: url(images/pageheader_bg.gif) top center repeat-x #191919; }
ul				{ list-style: none inside; }
ol				{ list-style: decimal inside; }
a				{ outline: none; text-decoration: none; }
a img			{ border: none; }
img				{ vertical-align: middle; }

/*
	UTILITY
*/
.floatLeft		{ float: left; }
.floatRight		{ float: right; }
.clear			{ clear: both; }
.button			{ border: 1px solid #b30707; background: #b30707; padding: 3px 8px 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #ffffff; }
.button:hover	{ background: #710000; color: #ffffc8; }

/*
	TYPOGRAPHY
*/
 
li			{ font-size: 1.2em; line-height: 1.2em; margin: 0 0 10px 0; }
p			{ font-size: 1.4em; line-height: 1.4em; margin: 0 0 10px 0; }
p.intro-paragraph	{ font-family: Georgia, serif; font-size: 18px; font-style: italic; line-height: 24px; margin-bottom: 20px; }
p.intro-paragraph span	{ color: red; }
p.intro-paragraph em	{ color: #ffffc8; }
a				{ color: #ffffc8; }
a:hover			{ background: #710000; color: white; }
h1				{ font-size: 3.6em; font-family: Georgia, serif; font-weight: normal; }
h2				{ font-size: 2.8em; font-family: Georgia, serif; font-weight: normal; }
h3				{ font-size: 2.6em; font-family: Georgia, serif; font-weight: normal; margin: 0 0 10px 0; }
h4				{ color: white; font-size: 2.0em; margin-bottom: 15px; }



/*
	STRUCTURE
*/
#page-wrap		{ width: 960px; margin: 0px auto -250px; min-height: 100%; height: auto !important; height: 100% }
#push			{ height: 250px; }
#featuresidebar	{ width: 190px; float: left; margin-right: 15px; }
#main-col		{ width: 540px; float: left; }
#linksidebar	{ width: 190px; float: right; }

/*
	HEADER
*/
h1#logo			{ width: 216px; height: 124px; background: url(images/hram_logo.gif) top left no-repeat; text-indent: -9999px; margin: 0 40px 0px 0; float: left; }
#top-bar		{ padding: 3px 0 0 0; }
#top-bar p		{ color: #b30707; width: 460px; float: left; padding: 45px 0 0 90px; font-size: 200%; font-family: Georgia, serif; font-style: italic;}
form#searchform	{ margin: 0 0 10px 0; padding-top:48px; float: right; }

/*
	MENU
*/
#menu-bar		{ padding-top: 1px; margin-bottom: 20px; font-family: Georgia, serif; font-style: italic; }
ul#main-nav		{ width: 360px; float: left; margin: 10px 10px 0 0; }
ul#extra-nav	{ width: 360px; float: right; text-align: right; margin: 10px 0 0 0; }
ul#main-nav li, ul#extra-nav li	{ display: inline; }
ul#main-nav li a, ul#extra-nav li a { color: #ffffff; font-size: 1.5em; padding: 3px 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
ul#main-nav li a:hover, ul#extra-nav li a:hover { background: #710000; color: #ffffc8; }

/*
	WIDGETS
*/
.widget			{ background: #710000; width: 190px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0 0 15px 0; }
#widgettop		{ background: #710000; width: 190px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0 0 15px 0; }
#widgettop .inside	{ padding: 10px; }
.widget .inside	{ padding: 10px; }
.widget ul		{ list-style: none inside; margin-left: 1px; }
.widget ul li	{ list-style: none inside; }
.widget ul a	{ display: block; padding: 2px; color:white; }
.widget ul li a:hover	{ background: #270000; color: white; }
.thumb			{ width: 62px; float: left; margin: 0 0 10px 15px; }
#featuresidebar div:hover { background-color: #610000; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#featuresidebar #widgettop div:hover { background-color: #710000; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.widget .inside p		{ font-size: 12px; }

/*
	BLOG ENTRIES
*/
.post h2		{ }


/*
	FOOTER
*/
#footer			{ height: 250px; background: white; border-top: 4px solid #990000; padding-top: 20px; color: #b30707; }
#footer-inside	{ width: 960px; margin: 0 auto; }
#footer p		{ color: #999999; }
#footer-1		{ width: 530px; float: left; margin-right: 30px; }
#footer-1 a		{ text-decoration: underline; }
#footer-1 a:hover		{ text-decoration: none; }
/* #footer-2		{ width: 200px; float: left; margin-right: 30px; } */
#footer-3		{ width: 200px; float: left; }
#footer-3 a		{ text-decoration: underline; }
#footer-3 a:hover		{ text-decoration: none; }
#footer-4		{ width: 200px; float: left; }
#footer h4		{ color: #777777; }
#footer a		{ color: #999999; padding: 2px; }
#footer ul		{ color: #999999; }
#footer a:hover	{ background-color: #white; }


/*
	KIT TABLE
*/
.kittable		{ padding: 5; }
tbody			{ padding: 5; }

/*
	PRODUCT LIST
*/

#prodlist		{ padding: 0; margin: -5px 0 -5px 0; }
#prodlist h4	{ color: red; font-size: 1.4em; margin-bottom: 6px; padding-top: 5px; }
#prodlist li	{ padding: 0; margin: 0; }
#prodlist li a	{ padding: 10px 0 10px 5px; margin: 0 0 0 0; }
#prodlist li a	{ border-bottom: 1px #191919 solid; }
#prodlist li a:hover	{ border-bottom: 1px red solid; }

/*
	FRONT PAGE ICONS
*/
div.fronticon	{ padding: 0px; margin-bottom: 10px; height: 81px; }
/*div.fronticon:hover	{ background-color: black; }*/
div.fronticon div.inside img	{ float: left; margin-right: 10px; }
div.fronticon div.inside p		{ color: white; font-size: 14px; font-weight: bold; }
div.fronticon div.inside p a	{ color: red; font-size: 14px; text-decoration: underline; }