/*
Theme Name: Soapism
Theme URI: soapism.com
Description: Theme for soapism, wha, what?
Version: 3.0
Author: Jeremy Berman
Tags: white, three columns, cool

	Soapism v3.0
	http://www.soapism.com

	This theme was designed and built by Jeremy Berman
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body { background:url(images/bg.gif); margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:center; }
a { color:#c90000; text-decoration:none; }
h2 { margin:0px; padding:0px; font-size:18px; color:#c90000; }
a img { border:none; }
p { margin:0 0 15px 0; padding:0px; }
.clear { font-size:1px; height:1px; clear:both; }

h2.pagetitle { text-align:left; margin-bottom:30px; background:url(images/bg_hdr.gif); padding:10px 0 10px 15px; margin-left:-15px !important; color:#000; }

#tooltip { position:absolute; z-index:3000; border:1px solid #e5e5e5; background-color:#fff; padding:0 10px; opacity:0.95; }
#tooltip div { text-align:left; font-size:12px; font-weight:normal; margin:0px; }
#tooltip div p { margin:0px; padding:0px; }
#tooltip div p.checkout { margin:5px 0; padding-bottom:5px; border-bottom:1px dotted #e5e5e5; color:#c90000; }
#tooltip div ol { margin:0 0 0 18px; padding:0px; }
#tooltip div ol li { margin-bottom:4px; }
#tooltip div ol li span.crate_price { font-size:10px; color:#777; }

#container { width:1000px; background:#fff; margin:0px auto; padding:0px; height:600px; }

/* header */
#header { border-bottom:2px solid #000; height:120px; position:relative; }
#header_overlay { height:120px; background:url(images/bg_soapism.png); position:absolute; width:1000px; z-index:5; }
#header img.logo { z-index:6; position:absolute; left:-70px; top:0px; }

/* main nav */
#main_nav { width:420px; float:right; background:#000; padding:5px 0; }
#main_nav ul { list-style-type:none; margin:0px; padding:0px; }
#main_nav ul li { float:left; margin-left:26px; }
#main_nav ul li a { color:#fff; font-size:18px; }
#main_nav ul li a:hover { color:#c90000; }

a#cart_count { font-size:14px; display:block; height:25px; width:130px; padding:7px 0 0 10px; text-align:left; }
a#cart_count span { background:url(images/icon_record.jpg); color:#fff; width:26px; height:22px; display:block; float:right; padding-top:5px; margin:-5px 5px 0 0; font-weight:bold; text-align:center; }

/* content */
#content { background:url(images/bg_content.gif) repeat-y; margin-top:80px; }
#content.store { background:url(images/bg_content_store.gif) repeat-y; }
 
/* posts */
#posts { width:550px; float:left; display:inline; margin-left:15px; }

.post { text-align:left; }
.post ol { margin-bottom:20px; }
.post ol li { font-size:12px; margin-bottom:4px; }
.post h2 { margin:0 0 15px 0; }
.post h2 a {}
.post h2 a:hover { color:#000; }
.post div.image_container { position:relative; }
.post div.image_container h2 { position:absolute; top:20px; left:0px; margin:0px; background:#fff; width:395px; padding:8px 0 8px 8px; }
.post img { margin-bottom:10px; }
.post p.info_date { float:right; margin-bottom:5px; font-size:12px; color:#555; }
.post p.info_date a { font-weight:bold; color:#c90000; text-transform:uppercase; }
.post p.info_date a:hover { color:#000; }
.post.no_image p.info_date { margin-bottom:5px; float:none; }
.post p.tags { color:#555; font-size:11px; float:left; }
.post p.tags a { color:#555; }
.post p.tags a:hover { text-decoration:underline; }
.post p.comments { float:right; }
.post p.comments a { font-size:11px; float:right; color:#555; width:85px; }
.post p.comments a:hover { text-decoration:underline; }
.post p.comments a span { width:28px; height:24px; display:block; float:right; background:url(images/icon_comments.gif) no-repeat; margin:-3px 0 0 0px; text-align:center; padding-top:3px; font-weight:bold; }

/* records section */
#records { width:198px; float:left; display:inline; margin-left:16px; font-size:12px; }
.record { width:170px; margin:0px auto; text-align:left; margin-bottom:40px; }
.record h3 { font-size:12px; padding:0px; font-weight:normal; margin:10px 0 6px 0; }
.record h3 a span { color:#000; }
.record img { margin-bottom:6px; }
.record ul { margin:15px 0; padding:0px; list-style-type:none; }
.record ul li { margin-bottom:8px; }
.record ul li.no_track { padding-left:17px; }
.record p { margin:0px; padding:0px; }
.record p.price { margin-top:10px; }

/* right rail */
#right_rail { width:190px; float:right; display:inline; margin-right:15px; } 

#right_rail .module { font-size:12px; text-align:left; margin-bottom:40px; }
#right_rail .module a:hover { text-decoration:underline; }
#right_rail .module img.hdr { margin-bottom:10px; }

#right_rail .module.whatsgood ul { margin:0px; padding:0px; list-style-type:none; }
#right_rail .module.whatsgood ul li { width:85px; float:left; }

#right_rail .module.cat_arch { }
#right_rail .module.cat_arch .mod_half { float:left; display:inline; }
#right_rail .module.cat_arch .mod_half.categories { width:85px; margin-right:10px; }
#right_rail .module.cat_arch .mod_half.archives { width:90px; }
#right_rail .module.cat_arch .mod_half ul { margin:0px; padding:0px; list-style-type:none; }

#right_rail .module.keeponrockin ul { margin:0px; padding:0px; list-style-type:none; }
#right_rail .module.keeponrockin ul li { margin-bottom:3px; }

#right_rail .module.shipping strong { color:#c90000; }
#right_rail .module.shipping table { margin-bottom:10px; }

#right_rail #IFMplayer { background:url(images/bg_hdr.gif); text-align:center; padding:4px 0; }

/* comments */
#comments_container { text-align:left; font-size:12px; border-top:2px solid #e5e5e5; margin-top:30px; padding-top:15px; }
#comments_container textarea { width:98%; border:1px solid #ccc; padding:4px; font-family:Arial, Helvetica, sans-serif; }
#comments_container input#author, #comments_container input#email, #comments_container input#url { border:1px solid #ccc; padding:4px;}

#comments_container img.whatsup { margin:45px 0 25px 0; }

p#comment_count { }

.commenter { width:150px; float:left; display:inline; margin-right:15px; padding-top:10px; }
.commenter p.name{ font-weight:bold; margin:0px; padding:0px; font-size:14px; }
.commenter p.name a:hover { text-decoration:underline; }
.commenter p.date { color:#777; margin:5px 0 0 0; padding:0px; }
.commenter p.warning, .commenter p.edit { font-size:10px; margin:5px 0 0 0; padding:0px;}
div.comment_text { padding-top:10px; width:385px; float:right; }
.commenter div.clear, .comment_text div.clear { height:5px; display:block; background:url(images/bg_hdr.gif); margin:0 0 10px 0; }

h3#respond { margin-top:80px; border-top:2px solid #e5e5e5; padding-top:15px; }


/* footer */
#footer { background:#000; color:#fff; padding:10px 0 6px 0; text-align:left; font-size:11px; }
#footer a { color:#fff; }
#footer a:hover { text-decoration:underline; }

#footer ul { padding:0px; list-style-type:none; display:inline; margin:0px; }
#footer ul.additional { float:right; margin-right:15px; }
#footer ul li { float:left; margin-left:15px; display:inline; }

/*** store styles ***/
/* TODO: Break out into seperate style sheet */

#store_content { width:750px; float:left;margin-left:15px; display:inline; margin-bottom:20px;}

#store_filter { background:#fff; padding:7px 0 5px; border-top:1px solid #e5e5e5;  border-bottom:1px solid #e5e5e5;}
#store_filter span.sort_by { margin:0 0 0 10px; }