@import url(normalize.css);

body {width: 100%; background-color: #4f8379; /*background: #40656C url(../images/body_bg.jpg) repeat 0 0;*/ }

/* =branding */
#head_section { width: 100%; margin: 0 auto; background: #4f8379;background: url(../images/header_bg.gif) repeat-x 0 150px; }                   
 
/* =branding_content */
#branding_content {width: 800px; height: 170px;margin: 0 auto;/*background: url(../images/makersmark.gif) no-repeat top right;*/ }
#branding_content h1 {padding-top: 15px; text-indent: -9999px; display: none;height: 24px;}
#branding_content p {text-indent: -9999px;}
#branding_content blockquote {text-indent: -9999px; background: url(../images/tagline.gif) no-repeat 50px -250px;}   
#branding_content .logo {position: relative; top: 20px;}
#branding_content img.tagline {position: absolute;  top: 0;right: 10%;}

/* =photoholder    FOR THE IMAGE FADE IN */
#photoholder {width: 800px; height: 150px;background:#4f8379 url('/images/loading.gif') 50% 50% no-repeat;}
#thephoto {width: 800px; height: 150px;}


/* =nav_main */
#nav_main {width: 800px; margin: 0 auto; text-align: center; }
#nav_main ul {margin-top: 5px; margin-bottom: 15px; padding-bottom: 20px;}
#nav_main li {display: inline;padding-right: 40px;}

/* =content_wrapper */
#content_wrapper { width: 100%;background-color: #6f9782; height: 500px;/*url(../images/droplets_2.gif) no-repeat bottom center;*/ position: relative;}
#content_wrapper img.collage {position: absolute; top: 40px; left: 100px;}
/* =content */
#content {width: 800px; margin: 0 auto; font: .9em/1.2em Verdana,Arial,Trebuchet,Georgia,sans-serif; overflow: auto; padding-bottom: 0; }
#content h3.q1 {margin-top: 10px;height: 34px;text-indent: -9999px; background: url(../images/inspiration.gif) no-repeat  0 0;}    
#content h3.q2 {text-indent: -9999px; height: 23px; margin-top: 3px; background: url(../images/quote_p2.gif) no-repeat 530px 0;} 
#content ul.events {text-align: center; padding-top: 10px;}
#content ul.events li {padding-top: 15px;}
#content blockquote {text-indent: -9999px; background: url(../images/blockquote.gif) no-repeat 171px 6px; padding-top: 10px;}

/* =content_main */
#content_main {width: 400px; float: left;}
#content_main.home {background: url(../images/home_bg_2.jpg) no-repeat 0 0;height: 391px;}

#content_main .first {padding-top: 15px;}
#content_main p {padding-bottom: 12px; width: 380px; font-size: 1em;line-height: 1.2em;}
/*#content_main p.about:first-letter {font-size: 1.4em; color: #EDC51D;}*/
#content_main h3.inspiration {margin-top: 10px;height: 34px;text-indent: -9999px; background: url(../images/inspiration.gif) no-repeat  0 0;}
#content_main h2 {color: #C8EAED; background: url(../images/header_v4.gif) no-repeat 0 0; text-indent: 58px; padding-top: 12px;height: 52px; font-size: 1.8em; font-variant: small-caps; letter-spacing: .7em;}                    
img.right {float: right; padding-left: 1px;}
img.left {float: left; padding-right: 1px;}
/*#content_main p {width: 450px; padding: 10px 0 0 30px;}*/
#content_main .first {padding: 0 8px 0 12px;}    
#content_main img.collage {position: relative; left: -4px;}
#content_main ul.events li.odd 	{background: #dbe5e0; color: #648875;padding: 4px; border: 2px solid #1c2621;}
#content_main ul.events li.odd:hover {color: #384c41;}
#content_main ul.events li.odd h5 {font-size: 1.2em;}
#content_main ul.events li.odd p.date { margin-bottom: -10px;}
#content_main ul.events li.odd p.location {}
#content_main ul.events li.even {background: #b7cbc0; color: #1c2621; padding: 4px; border: 2px solid #384c41;}
#content_main ul.events li.even:hover {color: #384c41;}
#item_details p {width: 350px;} 



#content ul.events h5 {font-size: 1.2em; color: #384c41;}
#content ul.events p.location {color: #b7cbc0;}
#content ul.events p.date { color: #1c2621;}
#content_main h4 {font-size: 1.2em; font-weight: bolder; padding-bottom: 8px;}
#content_main p.photo_credits {text-align: right; font-size: .7em;font-style: italic;}


fieldset {border: 2px solid #4f8379; background-color: #dbe5e0;width: 380px; padding: 4px;}    
legend { font-weight: bold; background: #b7cbc0; border: 1px solid #4f8379;}
input {font-size: .9em;}
input.form_input_text, textarea.form_input_text {border: 1px solid #dbd6dd; padding: 2px;}
input.form_input_text:focus, textarea.form_input_text:focus {border:1px solid #8ea6b1;  }
label {text-align: right; display: block; float: left; width: 100px; margin-right: 10px; font-size: .9em;} 
input.form_input_button {font-size: 1.1em; vertical-align: middle; font-weight: bolder; font-variant: small-caps; text-align: center; padding: 1px; cursor: pointer; float: right;border: 1px solid #fff;}


/* Gallery Stuff */
#item_details {/*height: 50px;*/}
p#photo_credits {text-align: right;}



/* =sidebar */
#sidebar {width: 400px; float: right;}
#sidebar p.home {padding-top: 90px;} 
#sidebar p.home { margin-top: 35px; padding-left: 40px;}  
#sidebar p.sidebar_content {width: 250px; padding: 25px;}
#sidebar h4 {text-align: center; padding-top: 10px; } 
#sidebar ul.gal_thumbs {width: 400px;}
#sidebar ul.gal_thumbs li{display: inline; float: left; cursor: pointer; margin-right: 2px;} 
#sidebar p.slogan {font: 2.4em Georgia; text-align: right; color: #EDC51D; padding-top: 9px;}
#sidebar li.gallery {opacity: .5;
	filter: alpha(opacity=50)}
#sidebar li.gallery:hover {opacity:1; filter: alpha(opacity=1); z-index:10;}	
#sidebar p.beauty {text-indent: 50px;}
#sidebar img.inspiration {position: relative; top: 120px; left: 20px;}
#sidebar h3.commissions {background: url(../images/commissions.gif) no-repeat 0 0; text-indent: -9999px;height: 36px;}

#etsy {
color: #fff;
margin-top: 35px;
text-align: right;
padding-right: 10px;
}
#etsy a:link, #etsy a:visted { color: #fff; text-decoration: none; }
#etsy a:hover, #etsy a:active {
	color:  #333;
	text-decoration: none;
}


/* =site_info */
#site_info {width: 100%; height: 80px; background: #4f8379 url(../images/content_bg.gif) repeat-x 0 0;}

/* =site_info_content */
#site_info_content {width: 800px; margin: 0 auto; text-align: center;}   
#site_info_content p {/*position: relative; top: 40px;left: -350px;*/}
#site_info_content ul {padding-top: 30px;/*position: relative; top: 75px; left: 180px;*/}
#site_info_content li {display: inline; padding-left: 15px;} 
#site_info_content a {text-decoration: none; color: #dbd6dd;;}
/*#site_info_content a:link {}
#site_info_content a:visited {}
#site_info_content a:hover {text-decoration: underline; color: #8ea6b1;}
#site_info_content a:active {}
#site_info_content p.first {padding-top :10px;} */