/*
	Theme Name:   think!
	Theme URI:    http://thinklafayette.com/
	Description:  Custom WP theme for thinklafayette.com.
	Version:      0.5
	Author:       Anne Greene
	Author URI:   http://educeme.com/
	
	Think Lafayette (http://thinklafayette.com/)
	(C) Copyright 2008 All Rights Reserved
	
	Menu credits: http://dynamicdrive.com/style/
*/


/* 	Meyer Reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
cite, code, em, font, img, ins, q, s, samp, small, strike, strong, b, u, i, center, ol, 
ul, li, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
del { text-decoration: line-through; }


/* 	Structure */
#container { width: 750px; margin: 15px auto; padding: 8px; background: white; text-align: left; }
	#header { margin: 10px 0 18px 4px;  }
	#menu { padding: 0; width: 100%; border-top: 5px solid #444; background: transparent; voice-family: "\"}\""; voice-family: inherit; }
	#page { padding: 24px 18px 18px 18px; }
		#content { float: left; text-align: left; width: 510px; margin-bottom: 18px; }
			.comments-template { margin: 10px 0 0; border-top: 1px solid #444; padding: 10px 0 0; }
	#sidebar { text-align: left; float: right; width: 170px; font-size: 12px; color: #555; }
		#sidebar ul { list-style: circle inside; margin-bottom: 18px; }
			#sidebar ul li { text-indent: 10px; }
				li#search { list-style: none; }
	#footer { clear: both; text-align: center; font-size: 11px; color: #555; }
		#footer p { margin-bottom: 0; }

			
/*	Style and Typography */
body { font-family:"Lucida Grande", Arial, Helvetica, Verdana, sans-serif; color: black; line-height: 1.125em; /* 16 X 1.125 = 18px */ text-align: center; background: url('http://www.thinklafayette.com/images/bg6.gif'); }

	body p { font-size: .875em; margin: 0 0 16px 0; }
	.entry p {font-size: 1em;}
	p.info { font-size: 14px; text-indent: 30px; }
	p.pagetop { font-size: 11px; line-height: 14px; color: #666; text-align: right; }
	p.postmetadata { font-size: 0.814em; margin-bottom: 20px; }
	
a, a:link, a:visited { color: #336699; text-decoration: none; }
	a:hover, a:active { border-bottom: 1px solid #336699; }
	#header a:hover { border: none; }


h1, h2, h3, h4, h5, h6 { font-family: Georgia, Garamond, "Times New Roman", Times, serif; }
	h1 { font-size: 24px; line-height: 26px; }
	h2 { font-size: 22px; line-height: 24px; margin-bottom: 8px; color: #444; }
		h2.entry_title { font-size: 24px; }
	h3 { font-size: 20px; line-height: 22px; }
		h3.business { font-size: 18px; color: #B8002E; line-height: 20px; text-indent: 18px; }
		h3.sidetitle { margin-bottom: 8px; }
	h4 { font-size: 18px; line-height: 20px; margin-bottom: 8px; }

#menu ul { margin:0; margin-left: 40px; /*margin between first menu item and left browser edge*/ padding: 0; list-style: none; }
#menu li{ display: inline; margin: 0 2px 0 0; padding: 0; text-transform:uppercase; }
	#menu a{ float: left; display: block; font: bold 12px Arial; color: black; text-decoration: none; margin: 0 1px 0 0; /*Margin between each menu item*/ padding: 9px 10px 9px 10px; /*Padding within each menu item*/ background-color: white; /*Default menu color*/  
			/*BELOW 4 LINES add rounded bottom corners to each menu item.
			ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS i.e., INTERNET EXPLORER WILL BE SKETCHY SO SWITCH TO A BETTER BROWSER
			REMOVE IF DESIRED*/
			-moz-border-radius-bottomleft: 5px;
			border-bottom-left-radius: 5px;
			-moz-border-radius-bottomright: 5px;
			border-bottom-right-radius: 5px; } /* end menu a */
	#menu a:hover{ background-color: #444; padding-top: 9px; /*Flip default padding-top value with padding-bottom */ padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/ color: white; }
	#menu .current a{ /** currently selected menu item **/ background-color: #444; padding-top: 9px; /*Flip default padding-top value with padding-bottom */ padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/ color: white; }

#search {}
#search input { border: 1px solid #999; background-color: #fafafa; }
#search input:hover, #search input:focus { border: 1px solid #666; background-color: #F5F7FF; }	
#searchsubmit { background-color: #fafafa; margin: 3px 0 0 10px; }
input#searchsubmit:hover { border: 1px solid #666; background-color: #4785C2; }
span.searchterm { font-weight: normal; color: #933; }

img.gravatar { display: inline; float: left; margin: 0 13px 0 0; border: 0 !important; }

blockquote { margin-left: 50px; margin-bottom: 0; width: 80%; border-left: 5px double #444; padding-left: 7px; }
.comments-template blockquote { margin-left: 90px; margin-bottom: 0; width: 80%; border-left: 5px double #444; padding-left: 0px; }

.alt {border-bottom: 1px solid #444; }
.comments-template h2, .comments-template h3 { color: #444; }
.comments-template ol { margin: 0; padding: 0 0 15px; list-style: none; }
	.comments-template ol li { margin: 10px 0 0; padding: 0 0 10px; border-bottom: 1px solid #ccc; }
.commentmetadata{  }
.comments-template p { margin: 15px; 15px 0 0 15px; font-size: 1em; }
.comments-template p.nocomments { padding: 0; }
.comments-template textarea {  }

/* contact form */

/* for main form wrapping div */
div#gb_form_div { 
  /* not styled on demo page */
}

/* id for the form itself */
form#gb_form { 
  /* not styled on demo page */
}

/* form and results heading size */
.main_formhead, .formhead { 
  font-size : 1.4em; 
  color : #336699; 
}

/* outer fieldset - it's common to make this border : 0; */
fieldset#formwrap { 
  background-color : #fefefe; 
}

/* section fieldsets - it's common to make this border : 0; */
fieldset { 
  background-color : #fafafa; 
}

/* form legends and dt "heading" */
legend, dt { 
  font-weight : bold; 
  color : #444;
}

/* main legend at top of the form */
legend#mainlegend { 
  font-size : 1.2em;
  color : #669900; 
}

/* form label text */
label { 
  color : #669900;
}

/* all inputs, select, and textarea */
input.med, input.short, select.med, textarea.textbox { 
  font : 80% 'Trebuchet MS', sans-serif; 
  color : #444; 
  padding : 2px; 
  border : 1px solid #ccc;
  background-color : #fffffa;
}

/* to make focus stable in IE 6 */
* html input.button { 
  color : #000;  
  border : 1px solid #669900;
  background-color : #cc9900;
}
* html input.button.hover { 
  color : #000;  
  border : 1px solid #000;
  background-color : #cc9900;
}
* html input.button.focus { 
  color : #000;  
  border : 1px solid #000;
  background-color : #cc9900;
}

/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */
input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus { 
  color : #000;  
  border : 1px solid #000;
  background-color : #fff;
}

/* for the checkbox input */
input.checkbox {
  /* not styled on demo page */
}

/* error heading weight and color - bold is for the error reason text */
span.error, dt.error, strong.error { 
  color : #cd0000; 
  font-weight : bold; 
}

/* success heading color */
span.success { 
  color : #669900; 
  font-weight : bold; 
}

/* privacy and "Why?" small element link sizes (relative to their parent element */
small.privacy, small.whythis { 
  font-size : 80%; 
}

/* set up relativity to position small Why? text */
small.whythis { 
  position : relative; 
}

/* Why? link style */
small.whythis a { 
  text-decoration : underline; 
  font-size : 0.95em;
}

small.whythis a:hover, small.whythis a:focus, small.whythis a:active { 
  text-decoration : none;
} 

/* hide the Why? text span */
small.whythis a span { 
  border : 1px solid #fafafa; 
  background-color : #fafafa; 
  padding : 0 4px 0 4px; 
  color : #fafafa;
  text-decoration : none; 
}

/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span { 
  border : 1px solid #000; 
  background-color : #eecc11; 
  color : #000;
  padding : 0 4px 0 4px; 
  text-decoration : none; 
}

/* the link back to me for form credit */
p.creditline { 
  float : right; 
  margin : -17px 0; 
  padding-bottom : 1px; 
  font-size : 80%; 
}

/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */
abbr, .abbr { 
  cursor : help; 
  border-bottom : 1px dotted #999;
}

/* set result color for blockquote dt "heading" */
dl#result_dl_blockq dt, dl.result_dl_blockq dt {
  color : #669900;
}

/* position result blockquote flush with parent */
dl#result_dl_blockq blockquote, dl.result_dl_blockq blockquote {
  margin-left : 0;
}

/* style the input names in the result */
div#hf_form_div span.items {
  font-weight : bold;
  color : #cc9900;
}