/* ==========================================
	master.css
	========================================*/

/* ==========================================
	©2008 Butt-Check.org
	www.butt-check.org
	========================================*/
	
/* ==========================================
	normalizing styles
	========================================*/
	
@import url(normalize.css);

/* ==========================================
	nav styles
	========================================*/
	
@import url(nav.css);
	
/* ==========================================
	tag styles
	========================================*/
	
html { text-align: center; background: #9d629a url(../img/html-bgd.jpg) left top repeat-x; }
body { position: relative; margin: 0 auto; width: 800px; text-align: left; font-size: small; font-family: Arial, sans-serif; color: #666; background: #fff; }
h1 { width: 800px; height: 235px; text-indent: -9999px; background: #9d629a url(../img/h1-bgd.jpg) no-repeat; }
h2, h3 { margin-bottom: 1em; color: #9d629a; font-weight: normal; }
h2 { font-size: 150%; }
h3 { font-size: 110%; }
p { margin-bottom: 1em; }
em { font-style: italic; }
strong { font-weight: bold; }
cite { color: #333; font-style: italic; }
a { color: #ec1b31; text-decoration: none; outline: none; }
a:hover { color: #999; }
img { border: none; }
ul { margin-left: 2em; }
li { margin-bottom: 1em; list-style-type: circle; }

/* ==========================================
	class styles
	========================================*/
	
.float-left { float: left; padding: 0 10px 10px 0; }
.float-right { float: right; padding-left: 10px; }
.clear-both { clear: both; }
.shop-icon { position: absolute; top: 8px; left: -15px; }
.jewelry-icon { position: absolute; top: 80px; left: -15px; }
.butt-check-song-img { margin: 10px 0; }
.required { color: #f99; }
.centered, img.centered { text-align: center; }
.do, .do-not { font-weight: bold; }
.do { color: #363; }
.do-not { color: #633; }
.small-text { font-size: 11px; }
.anchor { clear: both; margin: 30px 0 20px 0; font-size: 85%; text-align: left; }

/* ==========================================
	ID styles
	========================================*/
	
#left-column, #right-column { width: 250px; margin: 20px 0; }
#left-column img, #right-column img { margin-bottom: 10px; }
#left-column p, #right-column p { font-size: 85%; }
#left-column h2, #right-column h2 { margin-top: 2em; }
#left-column br, #right-column br { clear: both; }
#left-column { float: left; }
#right-column { float: right; }
#survivor-stories #content-primary img { margin-bottom: 30px; }
#survivor-stories #content-primary br { clear: both; }
#stories h3 { margin-top: 2em; }
#events #content-primary img { margin-bottom: 30px; }
#events #content-primary br { clear: both; }
#donna-k #content-primary img { margin-bottom: 20px; }
#donna-k #content-primary br { clear: both; }
#donna-k h3 { margin-top: 2em; }
#donna-k-header { margin-bottom: 20px; }
#donna-k-header br { clear: both; margin-bottom: 10px; }

/* ==========================================
	site-wrap
	========================================*/
	
#site-wrap { font-size: 90%; }

/* ==========================================
	content-primary
	========================================*/
	
#content-primary { float: right; width: 585px; background: url(../img/content-primary-bgd.jpg) no-repeat; }
#content-primary div { padding: 25px; }

/* ==========================================
	sidebar
	========================================*/
	
#sidebar { float: left; width: 215px; }

/* ==========================================
	nav-main
	========================================*/
	
#nav-main { width: 215px; margin-left: 0; background: #9d629a url(../img/nav-main-bgd.jpg) bottom right no-repeat; }
#nav-main li { margin: 0 10px; padding-bottom: 0; list-style-type: none; }
#nav-main a { display: block; padding: 8px 0; color: #ececec; text-decoration: none; border-bottom: 1px dotted #755273; }
#nav-main a:hover { color: #e1d69f; }
#nav-main li.contact-btn { padding-bottom: 10px; }
#nav-main li.contact-btn a { border: none; }

/* ==========================================
	content-secondary
	========================================*/
	
#content-secondary { position: relative; background: url(../img/content-secondary-bgd.jpg) no-repeat; }
#content-secondary div { padding: 10px; }

/* ==========================================
	nav-shop
	========================================*/
	
#nav-shop { margin: 0 0 10px 0; border-bottom: 1px solid #ececec; }
#nav-shop li { padding-bottom: 0; list-style-type: none; }
#nav-shop a { display: block; padding: 10px 0 10px 20px; color: #ec1b31; font-size: 130%; text-decoration: none; }
#nav-shop a:hover { color: #999; }

/* ==========================================
	nav-jewelry
	========================================*/
	
#nav-jewelry { margin: 0 0 10px 0; border-bottom: 1px solid #ececec; }
#nav-jewelry li { padding-bottom: 0; list-style-type: none; }
#nav-jewelry a { display: block; padding: 10px 0 10px 20px; color: #ec1b31; font-size: 110%; text-decoration: none; }
#nav-jewelry a:hover { color: #999; }

/* ==========================================
	newsletter-form, contact-form
	========================================*/

#newsletter-form { border-bottom: 1px solid #ececec; }
#newsletter-form p, #contact-form p { font-size: 11px; }
#contact-form label { display: block; font-size: 11px; }
#newsletter-form input, #contact-form input, #contact-form textarea { padding: 4px; color: #999; font-family: Arial, sans-serif; font-size: 11px; border: 1px solid #ccc; background: #fff; }
#newsletter-form input { width: 185px; margin-bottom: 5px; }
#contact-form input { width: 300px; margin-bottom: 10px; }
#contact-form input#state { width: 2em; }
#contact-form input#zipcode { width: 5em; }
#newsletter-form input:focus, #contact-form input:focus { background: #e1d69f; color: #666; }
#newsletter-form input[type=submit], #contact-form input[type=submit] { width: auto; margin: 4px 0 10px 0; color: #666; border: 1px solid #ccc; background: #ececec; }
#newsletter-form.signup, #contact-form.submit { width: auto; margin: 4px 0 10px 0; color: #666; border: 1px solid #ccc; background: #ececec; }

/* ==========================================
	nav-content
	========================================*/
	
.nav-content { width: 535px; margin: 20px 0; font-size: 85%; }
.nav-content li { float: left; list-style-type: none; }
.nav-content a { display: block; float: left; padding-right: 1em; color: #ec1b31; text-decoration: none; }
.nav-content a:hover { color: #999; }

/* ==========================================
	site-info
	========================================*/
	
#site-info { clear: both; padding: 50px 10px 10px 10px; font-size: 80%; color: #999; }