/* 
*********************************
* Highwheel Records Website 3.0
* CSS by Blackskull.net
* This document started: 1.20.08
* Refactored: 4.1.08
*********************************
COLORS
-------------
Dark Grey & Text: #3a3a3a
Light Yellow: #f7fcd8
Light Green: #acb598
Medium Green: #959a81
Dark Green: #767c67
*/
/* 
==================
RESET CODE
==================
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 	margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
/* remember to define focus styles! */
:focus  { outline:0; }
body    { line-height:1; color:black; background:white; }
ol, ul  { list-style:none; }
/* tables still need 'cellspacing="0"' in the markup */
table     { border-collapse:separate; border-spacing:0; }
caption, 
th, 
td        { text-align:left;font-weight:normal; }
/* blockquote & quote */
blockquote:before, 
blockquote:after, 
q:before, 
q:after       { content:""; }
blockquote, 
q             { quotes:"" ""; }
/* 
==================
Clearfix 
==================
*/
.clearfix:after { content:"."; display:block; height:0; clear:left; visibility:hidden; }
.clearfix       { display:inline-block; }
/* Hide from IE Mac \*/
.clearfix       { display:block; }
/* 
==================
BEGIN STYLES
==================
*/

/* Restyles 
---------------------------------- */
body    { margin:0; background:url(/site-media/site-images/bg.gif) #d7ddcb; }
p, div  { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#3a3a3a; letter-spacing:0.5px; line-height:16px; }
p       { margin-bottom:10px; }
strong  { font-weight:700; }
ol      { margin:10px; padding:10px; background:#959a81; }
ol li   { margin:5px; }

/* Generic styles 
---------------------------------- */
/* Floats on the Fly */
.float_left   { float:left; }
.float_right  { float:right; }
/* Alignment on the Fly */
.left   { text-align:left; }
.right  { text-align:right; }
.center { text-align:center; }
/* Image containers */      
.image_container          { margin:10px 0; }
.image_container a:hover  { border-bottom:none!important; }
/* Use for other back buttons with previous class */
.single { margin-top:15px; }

  
/* Main
=============================== */
h1 { margin:0 0 20px 0; color:#3a3a3a; font-family:Franklin Gothic Medium, Arial, Helvetica sans-serif; background:#f7fcd8; padding:6px 10px 4px 10px; font-size:16px; font-weight:700; letter-spacing:1px; text-transform:uppercase; }
/* Sidebar */
h2 { margin:0 0 0 18px; font-family:Georgia, Times, serif; color:#f7fcd8; font-size:28px; font-weight:400; line-height:24px; text-align:left; }
/* h3 in News */
h4 { margin:15px 0 20px 0; color:#3a3a3a; font-family:Arial, Helvetica sans-serif; font-size:16px; font-weight:700; letter-spacing:1px; text-transform:uppercase; }
h5, 
h5 a, 
h5 a:hover { margin:20px 0 10px 0; padding:4px 4px 2px; color:#fff!important; clear:both; font-size:12px; font-family:Franklin Gothic Medium, Arial, Helvetica, Verdana, sans-serif; text-align:left; text-transform:uppercase; background:#757b66; font-weight:700; text-decoration:none; letter-spacing:1px; border-bottom:none!important; }
h6 { margin:10px 0 5px 0; color:#3a3a3a; font-size:12px; font-family:Franklin Gothic Medium, Arial, Helvetica, Verdana, sans-serif; font-weight:700; text-align:left; text-transform:uppercase; }


/* Links 
============================== */
/* Master Link */
a         { text-decoration:none; }
a:hover   { border-bottom-style:dotted; text-decoration:none; }
a:active  { border-bottom-color:#f7fcd8; }

/* Link in paragraphs */
#content p a,
#content ul a       { color:#000; font-weight:700; text-decoration:none; }
#content p a:hover,
#content ul a:hover { border-bottom-width:1px; }
/* 'More' Links */
a.more          { float:right; margin:-38px 9px 0 0; color:#3a3a3a; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; letter-spacing:1px; line-height:10px; }
a:hover.more    { border-bottom-width:1px; }
a:active.more   { border-bottom-style:solid; border-bottom-color:#3a3a3a; }
/* 'More BG?' (change that) */
a.more_bg       { padding:4px; color:#3a3a3a; background:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:400; letter-spacing:1px; }
a:hover.more_bg { text-decoration:underline; }

.caption { font-size:9px; color:#959a81; }

/* Previous/Next
----------------- */
/* Container */
div.next      { height:15px; padding-right:20px; background:url(/site-media/site-images/icons/icon_next.gif) right no-repeat; text-align:right; }
div.previous  { float:left; height:15px; padding-left:20px; background:url(/site-media/site-images/icons/icon_previous.gif) left no-repeat; }
div.next, 
div.previous  { display:block; padding-top:0px; font-size:9px; font-weight:700; text-transform:uppercase; }
/* Link */
div.next a, 
div.previous a        { color:#f7fcd8; }
div.next a:hover, 
div.previous a:hover  { color:#f7fcd8; border-bottom-width:1px; }
div.next a:active,
div.previous a:active { border-bottom-style:solid; }


/* Main Guts 
=============================== */
#container    { width:800px; margin:0 auto 2px; background:url(/site-media/site-images/bg_content.gif) repeat-y; }
#content      { float:left; width:412px; padding:20px 20px 20px 20px; }
#sidebar      { float:left; width:165px; padding:20px 20px 20px 10px; }
#content img, 
#sidebar img  { border:4px solid #fff; }
#sidebar img  { margin-left:15px; }
#header       { height:60px; padding:20px; background:url(/site-media/site-images/bg_header.gif) #000; text-align:right; }
#logo         { float:left; height:100px;_height:85px; width:240px; margin:-20px 0 0 -20px;_margin-left:-10px; background:url(/site-media/site-images/header_hw_logo.gif) -5px 0 no-repeat; }
#logo h1      { display:none; color:#000 }
#footer       { margin:0 auto 30px; width:800px; }
#footer p     { margin:0 0 30px 66px; padding:4px 10px; background:#767c67; font-family:Arial, Helvetica, Verdana, sans-serif; font-size:11px; color:#393c32; }
#footer p a       { font-size:11px; color:#393c32; font-weight:400; }
#footer p a:hover { border-bottom-width:1px; }
/* Hack - Fix it? */
#footer .float_left { _margin-left:40px; }


/* Navbar 
=============================== */
#navbar               { float:left; margin-top:-18px; padding-bottom:44px; background:url(/site-media/site-images/nav_bottom.gif) center bottom no-repeat #000; }
#navbar ul            { width:113px; margin:9px 9px -11px 8px; padding:15px 0; background:#000; border:2px solid #fff; border-bottom:0; }
#navbar ul li         { font-size:15px; margin-bottom:5px;_margin-bottom:-15px; font-weight:700; color:#fff; }
#navbar ul li a       { display:block; padding:12px 10px 12px 20px; color:#b3b3b3; font-family:Arial, Helvetica, sans-serif; text-decoration:none; }
#navbar ul li a:hover { color:#fff; }
/* Icon for a selected page */
#navbar ul li a.selected { color:#fff; background:url(/site-media/site-images/nav_marker.gif) 5px 24px no-repeat; }
/* If items in a cart */


/* Shopping Cart & Checktout
=============================== */

/* Shopping Cart in header
---------------------------------- */   
#shopping_cart            { margin-top:20px;_margin-top:45px;*margin-top:45px; }
#shopping_cart p          { margin:-25px 0 8px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.75px; }
#shopping_cart a#checkout { padding:4px 4px 4px 16px; background:url(/site-media/site-images/icons/icon_shopping_bag.gif) 3px 2px no-repeat #fff; color:#000; font-size:9px; }
#shopping_cart a          { color:#fff; }
#shopping_cart a:hover    { border-bottom-width:1px; border-bottom-color:#fff; }
#shopping_cart a:active   { border-bottom-width:1px; border-bottom-style:solid; }
em.cart_amount            { font-size:16px; font-style:normal; }

/* Checkout 
----------------------------------- */
/* Form */
table#cart    { width:100%; margin-bottom:10px;}
table#cart tr { }
table#cart td { padding:10px 5px; border-bottom: 1px dashed #959a81; vertical-align:top; }
table#cart th { padding:5px; font-size:12px; background:#959a81; font-weight:700; }
/* Form:Column definitions */
.cart_title   { width:205px; }
.cart_title img,
.cart_title strong  { display:block; }
.cart_title img     { margin-bottom:5px; }
.cart_type    { width:70px; }
.cart_cost    { width:70px; }
.cart_remove  { width:40px; font-size:9px!important; font-weight:400!important; text-align:right!important }
#cart_total   { margin-bottom:10px; padding-bottom:8px; border-bottom:1px solid #3a3a3a; font-weight:700; text-align:right; }
/* Order submit form */
#cart_form          { float:left; }
#cart_form .checkout,
.button_to_store          { border:1px solid #3a3a3a; font-family:Verdana, sans-serif; font-size:11px; background:#3a3a3a; color:#f7fcd8; cursor:pointer; }
#cart_form .checkout      { width:75px; float: right; height:30px; background:#3a3a3a; color:#f7fcd8; }
.button_to_store          { float: left; padding:6px 12px; background:#f7fcd8; color:#3a3a3a; text-align:center; }
.button_to_store a,
.button_to_store a:hover  { color:#3a3a3a; }
/* Cart links */
a.remove_from_cart        { font-size:9px; padding: 0 1px 2px 1px; color:#3a3a3a; }
a:hover.remove_from_cart  { color:#959a81; background:#3a3a3a; text-decoration:none; }
li.add_to_cart          { padding:1px 6px 4px 18px; background:url(/site-media/site-images/icons/icon_add_to_cart.gif) no-repeat; }
li.add_to_cart a        { color:#f7fcd8!important; }
li.add_to_cart a:hover  { border-bottom-width:1px; }
li.add_to_cart a:active { border-bottom-style:solid; }

/* Store 
=============================== */

/* Store Nav (for the future)
---------------------------------- */
/* Displays icon for product type */
ul.media    { margin-bottom:10px; }
ul.store_detail { float:left; width:170px; }
ul.media li { font-size:9px; }
/* Use for <ul> or <li> */
.LP         { margin:8px 8px 0 0; padding:0 0 4px 20px; background:url(/site-media/site-images/icons/icon_store_lp.gif) no-repeat; }
.seven-inch { margin:8px 8px 0 0; padding:0 0 4px 20px; background:url(/site-media/site-images/icons/icon_store_seven_inch.gif) no-repeat; }
.CD,   
.EP         { margin:8px 8px 0 0; padding:0 0 4px 20px; background:url(/site-media/site-images/icons/icon_store_cd.gif) no-repeat; }
.mp3        { margin:8px 8px 0 0; padding:0 0 4px 20px; background:url(/site-media/site-images/icons/icon_store_mp3.gif) no-repeat; }

/*
ul#store_nav            { margin:0 0 20px -2px; }
ul#store_nav li         { float:left; margin-left:2px; }
ul#store_nav li a       { display:block; padding:3px 25px;  background:#f7fcd8; color:#3a3a3a; font-weight:700; text-decoration:none; }
ul#store_nav li a:hover { background:#fff; }
*/


/* Containers 
=============================== */

/* Newest Releases (in Sidebar)
-------------------------------------- */
.release_container          { margin-top:20px; }
.release_container a        { display:block; margin:-10px; padding:15px 15px 10px 15px; color:#fff; text-decoration:none; }
.release_container a:hover  { text-decoration:none; }
/* Details */
.release_info                     { padding:9px 0 0 14px; background:url(/site-media/site-images/icons/icon_release_info.gif) 0 8px no-repeat; }
.release_info .artist, 
.release_container .album, 
.release_container .release_date  { margin:0 0 2px 0; color:#f7fcd8; font-weight:700; font-family:Georgia, Times, serif; text-align:left; }
.release_info .artist             { font-size:14px; }
.release_info .album              { font-size:12px; font-style:italic; }
.release_info .release_date       { font-size:10px; }

/* Featured Items
-------------------------------------- */
.featured_items               { padding:0; margin:0; list-style-type:none; }
.featured_items li            { float:left; width:196px; margin:0; }
.featured_items li.last       { margin-left:20px; }
.featured_items li .title     { font-size:10px; font-weight:700; margin-top:2px; color:#3a3a3a; }
.featured_items li a:hover p  { color:#3a3a3a; text-decoration:none; }
/* Features */
.feature_container { width:100%; margin-bottom:20px; }

/* News
-------------------------------------- */
.news_container     { width:100%; margin-bottom:20px; }
.news_container h3  { margin-bottom:15px; background:url(/site-media/site-images/icons/icon_h3.gif) no-repeat; padding-left:24px; font-family:Arial, Verdana, sans-serif; font-size:14px; color:#3a3a3a; text-transform:uppercase; letter-spacing:1.5px; font-weight:700; }
.news_container img { float:left; margin:0 10px 10px 0; }
/* Time stamp */
.news_container .news_timestamp { clear:left; margin-bottom:5px; border-bottom:1px dashed #f7fcd8; font-size:9px; color:#f7fcd8; text-align:right; text-transform:uppercase; letter-spacing:0.75px; }
/* Home page stuff */    
#featured_news        { margin: -20px 0 0!important;}  
#featured_news .date  { float:right; margin:-29px 4px 10px 0; padding:0 2px; color:#f7fcd8; font-size:7px; letter-spacing:2px; }

/* Generic (used in Repeating Lists)
-------------------------------------- */
.a_container              { float:left; margin-bottom:4px; background:url(/site-media/site-images/bg_list_item.gif) repeat-y #959a81; }
.a_container p, 
.a_container li           { color:#3a3a3a; font-family:Arial, Helvetica, sans-serif; }
.a_container li.container { float:left; width:111px; padding:5px 13px 10px 13px; }
.a_container a            { display:block; }
.a_container a:hover      { text-decoration:none; }
.a_container ul li        { }
ul li.header              { font-size:12px; font-weight:700; }

/* 2nd Level containers (with light border)
------------------------------------------------- */
#l2_container             { margin-bottom:10px; border-bottom:1px dashed #f7fcd8; }
#l2_container p           { font-size:11px; letter-spacing:0.5px; line-height:16px; }  
#l2_container .author     { font-style:italic; }
#l2_container .press_date { margin:-5px 0 10px 0; font-size:10px; font-weight:700; }
#l2_container .tour       { font-size:10px; }
#l2_container .tour_date  { font-weight:700; }

img.album_cover { display:block; margin:6px 0 12px 0; }


/* Lists
=============================== */
/* Artist Information */
ul.artist_info      { margin-bottom:10px; }
ul.artist_info li   { color:#3a3a3a; }
li.artist         { font-size:16px; font-weight:700; line-height:24px; }
li.artist a,
li.artist a:hover { color:#3a3a3a!important; }
li.album          { font-size:12px; font-weight:700; line-height:16px; }
li.year, 
li.catalog_number { font-size:9px; font-weight:400; }
/* Artist Detail Links */
#artist_info_links          { float:right; width:95px; }
#artist_info_links li       { padding-left:18px; margin-bottom:4px; background:url(/site-media/site-images/icons/icon_l2_links.gif) left 2px no-repeat; }
#artist_info_links a        { color:#f7fcd8!important; font-size:10px; font-weight:700; text-transform:uppercase; }
#artist_info_links a:hover  { border-bottom-width:1px; }
#artist_info_links a:active { border-bottom-style:solid; }
/* Artist Tour */
ul.tour               { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #959a81; }
ul.tour li            { float:left; width:310px; }
ul.tour li.tour_date  { width:90px; }
ul.tour ul        { clear:both; }
ul.tour li ul li  { float:none; }
/* Albums */  
ul.list_albums              { margin:0 0 20px 0; padding:0; list-style-type:none; }
ul.list_albums li           { margin-bottom:15px; }
ul.list_albums li p         { margin:0; font-family:Georgia, Times, serif; font-size:12px; }
ul.list_albums li p+p       { margin-top:-2px; font-size:10px; }
ul.list_albums li a p, 
ul.list_albums li a:hover p { color:#f7fcd8; text-decoration:none; }
/* Downloads */
ul.list_songs             { font-size:10px; background:#959a81; margin-bottom:5px; padding: 4px 6px; }
ul.list_songs li          { }
ul.list_songs li ul       { float:left; width:280px; }
ul.list_songs li a        { color:#3a3a3a!important; font-size: 9px; font-weight:700;}
ul.list_songs li a:hover  { border-bottom-width:1px; }
ul.list_songs li ul a     { font-size:10px; }
/* List Title */
.download_title { float:right; margin:-29px 4px 10px 0; padding:0 2px; color:#f7fcd8; font-size:7px; letter-spacing:2px; }


/* Contact forms
============================= */ 
form#contact_form               { padding-top:10px; border-top:1px dashed #f7fcd8; }
form#contact_form div           { margin-bottom:10px; }
form#contact_form label         { display:block; margin-bottom:2px; font-weight:700; }
form#contact_form label span    { font-weight:400; }
form#contact_form input         { display:block; width:200px; padding:2px; border:1px solid #3a3a3a; }
form#contact_form input.submit,
form#contact_form input.reset   { float:left; width:62px; height:30px; margin-top:10px; font-family:Verdana, sans-serif; font-size:11px; background:#3a3a3a; color:#f7fcd8; cursor:pointer; }
form#contact_form input.submit  { background:#3a3a3a; color:#f7fcd8; }
form#contact_form input.reset   { background:#f7fcd8; color:#3a3a3a; }
form#contact_form textarea      { padding:2px; border:1px solid #3a3a3a; }
/* Form errors */
label.error { display:block; clear:both; margin:4px 0 0 0; padding-left:14px; color:#d53717; background:url(/site-media/site-images/icons/error.gif) left center no-repeat; font-size:11px; }
/* Expanding textarea (jquery) */
textarea.expanding  { width:350px; min-height:100px; line-height:18px; }