/*
Theme Name: Polston
Theme URI: http://thesoundatreemakes.com
Description: WordPress themedesigned for Barbara Polston (http://barbarapolston.com) by David Camp (with a few ideas borrowed from Chris Coiyer).
Version: 1 (WP2.6.2)
Author: David Camp
Author URI: http://getcode.info
*/
/*Colors
	Pale Green: #E4F0AF
	Med Green: #CDD999
	Dark Green: #133313
	Purple: #592C58
	Olive Green (Hover): #ADBF61
*/
/*Reset*/
*	{margin:0; padding:0;}
html	{overflow-y: scroll;}
html, body {height:100%;}
body	{ font-family: "Myriad Pro", Arial, sans-serif; background: #CDD999; }
a	{outline:none; text-decoration:none;}
a img	{border:none;}
img	{vertical-align:middle;}
table	{border-collapse:collapse;}

/*Header*/
#top_bar	{ float:left; padding: 0; width: 926px; }
#top_bar h2	{ color:#592C58; font-size:1.25em; font-style: italic; font-weight: bold; margin-top: 60px; float:left; }
#signature { float: left; height: 75px; width: 398px;  margin: 10px 10px 0px 20px; }

/*Page Logos*/
h1#welcome	{ width:398px; height:42px; background:url(images/logo_welcome.gif) top left no-repeat; text-indent:-9999px; margin: 0 10px 8px 0; float:left; }
h1#gallery	{width:256px; height:97px; background:url(images/logo_gallery.gif) top left no-repeat;
text-indent:-9999px; margin: 0 10px 8px 0; float:left;}
h1#teaching	{ width:256px; height:97px; background:url(images/logo_teaching.gif) top left no-repeat; text-indent:-9999px; }
h1#contact	{ width:256px; height:97px; background:url(images/logoContact.gif) no-repeat left top; text-indent:-9999px; }
h1#blog	{width:256px; height:97px; background:url(images/logo_blog.gif) top left no-repeat;
text-indent:-9999px; margin: 0 10px 8px 0; float:left;}
h1#calendar	{width:256px; height:97px; background:url(images/logo_calendar.gif) top left no-repeat;
text-indent:-9999px; margin: 0 10px 8px 0; float:left;}
.overlapping_header { width: 256px; position: absolute; height: 97px; top: 97px; right: 26px; z-index: 100; }

/*Structure*/
#page_wrapper {width:926px; margin: 0px auto;}
.narrow_main_content { float: left; width: 640px; position: relative; }
.wide_main_content { width: 926px; position: relative; }
#main_content { float: left; width: 640px; margin-top: 80px; }
#headline { float: left; }
#body_copy { padding-left: 40px; padding-right: 24px; }
#pin_cushion { background: url(images/thimble_pin_cushion.jpg) no-repeat; height: 240px; padding-left: 240px; padding-right: 24px; }
#footer	{ height:80px; background:#CDD999; margin-top: 20px; }
#footer_inside {text-align:center; background-image:url(images/stripe_footer.jpg); background-position:bottom; background-repeat:no-repeat;margin:0 auto; padding: 0 0 20px 0px;}

/*Layout and Appearance*/
/*Purple Box*/
/*IE requires "z-index: -1;" for the drop-down menue to work. This is the only difference on the conditional style sheet.*/
#containing_box	{ width:886px; background-color:#E4F0AF; -moz-border-radius: 8px; -webkit-border-radius:8px; border-radius:8px; margin-right: auto; margin-left: auto; border: 4px solid #592C58; height: auto; position: relative;/* z-index: -1;*/ }
#containing_box .inside	{ padding:18px 24px 24px 30px; margin-bottom:12px; }
#column_one	{ width:384px; float:left; margin-right: 38px; }
#column_two	{ width:390px; margin:0; float:left; }

.pale_box	{ background-color:#E4F0AF; border:1px #ffffff; -moz-border-radius: 8px; -webkit-border-radius:8px; border-radius:8px; float: left; margin-top: 20px; width: 286px; }
.pale_box .inside { padding:24px; }

.dark_box	{ width:384px; background-color:#CDD999; border:1px solid #ffffff; -moz-border-radius: 8px; -webkit-border-radius:5px; border-radius:5px; margin-top: 20px; }
.workshop_wrap { margin-top: 20px; }
.dark_box .pad { padding: 12px; }

.align_center { text-align: center; }
.thumbnail	{ float:left; text-align: center; margin-right:38px; margin-bottom: 10px; width: 224px; margin-top: 10px;/* z-index: 0;*/ }
.thumbnail_vert	{width:auto; float:left; margin-left:20px;}
.thumbnail_teaching 	{ width:150px; float:right; margin-left:20px; margin-bottom: 12px; }
/*For a narrow column of text next to a right-floated image. Used on the Teaching page.*/
.right_img_wrap	{width:218px; float:left;}

/*Typography*/
h1, h3, h5, h6	{color:#133313;}
h2, h4, p	{color:#592C58;}
h1	{font-size:1.5em;}
h2	{ font-size:1.5em; font-weight: bold; }
h3	{ font-size:1.2em; margin-bottom: 0.2em; }
h4	{ font-size:1em; margin-top: 8px; }
h5	{ font-size:1em; font-weight: normal; font-style: italic; margin-bottom: 8px; }
h6	{font-size:.85em;}
p	{font-size:1em;}
.home p	{ font-size:1.25em; margin-bottom: 12px; }
.inside p	{ margin-top:12px; }
.dark_box p { color: #133313; font-size: .7em; margin-bottom: .3em; margin-top: 15px; }
.dark_box h3 { color: #592c58; margin-top: 0; margin-bottom: .2em;}
.dark_box li { font-size: 0.85em; color: #133313; text-indent: 1.5em; list-style:none; text-decoration: none; }
#footer_inside h6 { font: normal 0.7em Arial, Helvetica, sans-serif; text-align: center; margin-top:12px; color:#592c58; }
#footer p	{font-size:1.2em}
#column_one p, #column_two p { font-size: 0.9em; margin-top: 0.4em; }

/*Links*/
a, a:link, a:visited	{ 
	color: #592c58;
	text-decoration:underline; 
}
/*This makes the links jump out when you hover over a paragraph.*/
.pale_box p:hover a { 
	color: #592c58; 
	background-color:#CDD999; 
	text-decoration: underline; 
}
p:hover a { 
	color: #592c58; 
	background-color:#E4F0AF; 
	text-decoration: underline; 
}
/*This restores normal hover behavior when your mouse reaches a specific link.*/
.pale_box p a:hover, p a:hover { color:#ffffff; background-color:#592C58; text-decoration:none; }

/*Utility*/
.floatLeft	{float:left;}
.floatRight	{float:right;}
.clear	{clear:both;}
#column_two .dark_box .inside p { font-size: .85em; margin-top: .3em; margin-bottom: 0px; }

#wrapper_sm { color: #e6f2b0; width: 680px; margin-right: auto; margin-left: auto; padding-left: 18px; }
#wrapper_sm p { margin-top: 8px; width: 430px; color: #133313; }
#wrapper_sm h2 { font-size: 1.3em; }
#wrapper_sm #supplies { float: left; width: 220px; margin-top: 80px; margin-left: 16px; height: auto; overflow: visible; }
#wrapper_sm #quilt_specs { float: left; width: 220px; margin-top: 80px; margin-left: 16px; height: auto; overflow: visible; }
#wrapper_sm #nav { width: 430px; border-top: 1px solid #592c58; padding-top: 6px; }
#wrapper_sm #main_content { float: left; width: 430px; margin-top: 20px; }

#wrapper_teaching { color: #e6f2b0; width: 460px; margin-right: auto; margin-left: auto; padding-left: 18px; }
#wrapper_teaching #main_content { width: 430px; margin-top: 20px; }

#supplies ul li { list-style: square url(wp-content/themes/polston/none) inside; color: #000; text-indent: -14px; margin-left: 26px; }
#quilt_specs ul li { color: #133313; font-size: 0.9em; list-style: square url(wp-content/themes/polston/none) inside; color: #133313; text-indent: -14px; margin-left: 26px; }
#wrapper_sm #quilt_specs p { color: #133313; font-size: .9em; width: auto; }

#nav { font-weight: bold; text-transform: capitalize; color: #592c58; }
#nav a { text-decoration: none; }
#nav a:hover { font-weight: bold; text-transform: capitalize; text-decoration: none; background: #e4f0af; }
#nav a img { margin-top: -6px; }
#nav_next { float: right; width: 430px; text-align: right; height: 22px; }
.top_left { float: left; height: auto; width: 580px; position: relative;/* z-index: -10;*/ }
.top_right { float: left; height: auto; width: auto; clear: right; margin-left: 30px; margin-top: 12px; }
.top_right h6 { color: #592c58; text-transform: uppercase; font-weight: normal; font-size: 1.3em; }
.centering { margin-right: auto; margin-left: auto; position: relative; width: auto; padding-left: 30px; float: left; }
.more_top_marg { margin-top: 20px; }
.more_left_margin { margin-left: 160px; }
.thumbnail_cartoon { float: right; margin-left: 16px; margin-top: 24px; margin-bottom: 20px; }
#column_one h6, #column_two h6 { margin-top: 4px; margin-bottom: 12px; border-bottom: 2px dashed #133313; padding-bottom: 6px; }

#column_one h6 a, #column_two h6 a { text-decoration: none; color:#133313}
#column_one h6 a:hover, #column_two h6 a:hover { color: #592c58; background: #cdd999; }
#form { width: 490px; text-align: left; float: left; margin-right: 48px; background: #e4f0af; }
#cutter { float: left; width: 280px; margin-top: 80px; }
.clearboth { clear: both; }
#quilt_specs ul .no_bullet { text-decoration: none; list-style-type: none; }