/*
Theme Name: Custom Theme
Theme URI: http://prop-14.com
Description: 
Version: 2 (WP2.8.4)
Author: Randy Federighi
Author URI: http://prop-14.com
Tags: starter
*/

@import "style/css/reset.css";

body 			{ font-family:Century Gothic, Georgia, 'Palatino Linotype', Times, 'Times New Roman', serif; 
			      background:#fff; color:#8C623A; margin:0; padding:0; text-align:left; letter-spacing:0px; font-size:62.5%; }
:link img 		{ border:none }
a 				{ outline:none; }
.hidden 			{ display:none; }
br.clear 		{ clear:both; display:block; height:1px; margin:-1px 0 0 0 }

/* Presentational classes generated by WordPress. http://codex.wordpress.org/CSS */
.aligncenter 	{ display:block; margin:0 auto }
.alignleft 		{ float:left }
.alignright 		{ float:right }
.wp-caption 		{ border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px } 

/* -------- COLOR SCHEME
			text:		#98744D; 	(brown)
			headings:	#FE8252;	(coral deep - text, h2 headings)
			background:	#fff;
			
			flash area:	#EFFADA;	(light greenish)
			controls:	#C4D9BA;	(slightly darker green for prev and next buttons home page)
			ltgreen:	#EFFADA;	(lightest green - lines, block bg color's)
			green:		#546941;	(main navigation)
*/

/* -------- TYPOGRAPHY
			p    	all posts etc.
			h1 		all paragrahs, posts, comments, etc. 
			h2		titles: 404 Error, Archives for, Search Results, Sidebar headings
			h3		Comments: How many replies, leave reply 
					Permalink on archive page,
*/

/* universal */
h1,h2,h3,h4,h5,h6 { text-align:left; font-family:Georgia, 'Times New Roman'; }

/* paragraphs */
p 			{ font-size:14px; padding:10px 0px; margin:0px; line-height:1.4em; text-align:left; color:#98744D; }

/* headings */
h1			{ font-size:3.0em; font-weight:normal; }
h2,h2 a		{ font-size:24px; font-weight:normal; margin:0px 10px 10px 0px; color:#FE8252; }
#sidebar h2 			{ font-size:1.8em; }
h3 			{ font-size:20px; font-weight:normal; margin:0px 10px 5px 0px; color:#FE8252; }
h3 a:link, 
h3 a:visited	{ font-size:20px; font-weight:normal; color:#FE8252; }
h3 a:hover	{ font-size:20px; font-weight:normal; color:#FE8252; }
h4 			{ font-size:16px; font-weight:normal; margin:0px 0px 5px 0px; color:#98744D; }
h5			{ font-size:1.4em; font-weight:normal; margin:0px 0px 5px 0px; color:#98744D; }
h6			{ font-size:1.3em; font-weight:normal; margin:0px 10px 5px 0px; color:#98744D; }

/* universal links */
a:link, 
a:visited 	{ color:#FE8252; font-size:14px; text-decoration:none; }
a:hover 		{ color:#F66229; text-decoration:none; background:#EFFADA; }

/* button class */
a.button:link, 
a.button:visited  	{ background:#c2c2c2; display:block; width:6em; border:1px solid #c2c2c2; padding:3px 5px; color:#FFF; text-decoration:none; text-align:center; }
a.button:hover 		{ background:#a8a8a8; }

a.read-more:link,
a.read-more:visited	{ font-family:Georgia; font-size:19px; }
a.read-more span		{ font-size:30px; font-weight:bold; }

/* next and previous links */
p.next-prev			{ padding:50px 0px 0px 0px; text-align:center;  }
p.next-prev a		{ font-size:18px; }

/* list items */
ul 		{ }
ul li		{ text-align:left; }


/*======================= Default layouts ======================= */
#wrapper 			{ width:960px; margin:0 auto; overflow:hidden; }
#header 				{ position:relative; overflow:hidden; border-bottom:1px solid #EFFADA; height:130px; }
#menu	 			{ width:90px; height:290px; float:left; }
#content 			{ width:960px; clear:both; overflow:hidden; margin:25px 0px 20px 0px; }
#col-1				{ width:300px; float:left; }
#sidebar			{  }  /* same width as column-1 */
#main-content 		{ width:560px; float:right; margin:0px 0px 20px 0px; padding:20px 40px; position:relative; background:#EFFADA; }
h2.results			{ font-size:50px; margin:0px 40px 10px 0px; } /* left indent must match posts indent! */
img#featured-image	{ position:absolute; top:0px; left:-210px; }
#footer 				{ width:920px; margin:0 auto; margin-bottom:0px; padding:10px 20px; overflow:hidden; background:#EFFADA; }


/* ======================= Header ====================== */
/* site logo */
h1 				{ background:url(images/bg/logo.jpg) no-repeat 0 0 scroll; width:297px; text-align:left; height:67px; 
				  margin:60px 0px 0px 0px; text-indent:-9999px; float:left; } 
h1 a 			{ width:297px; height:67px; display:block; }
h1 a:hover		{ background:url(images/bg/logo.gif) no-repeat 0 0 scroll; }
p#sloagan		{ width:400px; margin-top:80px; text-align:right; float:right; color:#FE8252; font-family:Georgia; font-size:17px; }


/* ------------------ Drop Down Navigation 
--------------------- Use div id="menu", ul class="nav" 
------------------------------------------------------------- */
/* Menu */
.nav 				{ line-height:1; background-color:#fff; width:90px; }
.nav, .nav * 		{ list-style:none; margin-left:0; }
.nav li 				{ position:relative; text-align:right; padding:7px 0px 6px 0px; }
.nav ul li 			{ width:100%; }

.nav a 				{ display:block; position:relative; color:#546941; font-size:13px; padding:0px; }

/* Hides items under top menu */
.nav ul 				{ position:absolute; top:-9999em; width:10em; /* left offset of submenus need to match (see below) */ }

/* Shows submenus */
.nav li:hover ul,
.nav li.nav-hover ul 	{ left:90px; top:0px;  /* match top ul list item height */ z-index: 99; }

/* Hides all sub items (4 levels deep) */
.nav li:hover li ul,
.nav li.nav-hover li ul,
.nav li li:hover li ul,
.nav li li.nav-hover li ul,
.nav li li li:hover li ul,
.nav li li li.nav-hover li ul { top:-999em; }

/* On :hover, displays all sub items (4 levels deep) */
.nav li li:hover ul,
.nav li li.nav-hover ul,
.nav li li li:hover ul,
.nav li li li.nav-hover ul,
.nav li li li li:hover ul,
.nav li li li li.nav-hover ul { left:90px; /* match .nav ul width */ top:0px; }

/* Default Skin */
.nav 				{  }
.nav ul 				{ width:10em; }
.nav ul li a 			{ padding-right:10px; }
.nav li:hover ul,
.nav li.nav-hover ul 	{ background:#fff; } 							/* overall ul color for drop 1 */

.nav a 				{ color:#546941; }
.nav a:hover 		{ text-decoration:none; background:#EFFADA; } 		/* background color for all li links on hover */
.nav ul a 			{  }
.nav li:hover, 
.nav li.nav-hover,
.nav a:focus 		{ background:#EFFADA; }


/* ======================= Calendar Module - home and sidebar ====================== */
/* placement */
#home-calendar			{ width:275px; height:215px; float:right; position:relative; }
#sidebar-calendar		{ margin:20px 0px 0px 0px; width:275px; height:215px; float:left; position:relative; }

/* the calendar module */
#slider2				{  }
#calendar-head			{ height:30px; background:#EFFADA; margin:0px 0px 10px 0px; padding:0; }
#calendar-head a			{ position:absolute; display:block; width:25px; height:15px; top:5px; left:115px; font-size:16px; color:#98744D; }
#prevBtn, #nextBtn		{  }
#prevBtn2 a				{ position:absolute; top:5px; left:10px; }
#nextBtn2 a				{ position:absolute; top:5px; right:10px; }

/* slider content */
#slider2 ul, #slider2 li 	{  }
#slider2 li				{ width:275px; height:175px; overflow:hidden; }
#slider2 .left-event		{ width:125px; float:left; margin-right:25px; }
#slider2 .right-event	{ width:125px; float:left; margin-right:0px; }
.event-desc				{ width:125px; height:125px; margin:0px 0px 10px 0px; background:#EFFADA; overflow:hidden; }
h4.event-title,
h4.event-title a			{ font-size:12px; text-align:center; margin:0; padding:0; }
p.event-desc			{ text-align:center; font-size:11px; padding:0px; margin:0px; }
p.event-date			{ text-align:center; width:125px; height:40px; padding:8px 0px 0px 0px; background:#EFFADA; overflow:hidden; }



/* ======================= Sidebar ====================== */
/* alters the styling for modules */
#sidebar .module		{ margin:20px 25px 0px 0px; }
#sidebar .module h4 	{ text-align:center; padding:5px 0px 5px 0px; }
/* same as in home modules */
#sidebar h5			{ text-align:center; margin:10px 0px 0px 0px; line-height:18px; }
#sidebar h5 a		{ font-size:15px; } 
#sidebar h4			{ text-align:center; padding:5px 0px 15px 0px; }


/* ======================= Posts ====================== */
.post 			{ margin:0px 0px; }
p.meta			{ font-size:12px; padding:3px 0px; } /* author and date */
div.exceprt p	{ padding:10px 20px 5px 0px; } /* archive and search div */
p.tags			{ padding:5px 20px 5px 0px; }
p.post-time		{  }
p.post-category	{  }
.entry			{  }  /* actual post text */
 


/* ======================= Search ======================= */
#search-area			{ width:275px; height:85px; margin:20px 0px 0px 0px; text-align:left; overflow:hidden; background:#EFFADA; } /* the div holding the search area */
form#searchform			{ margin:10px 0px 0px 20px; }
form#searchform h4		{ padding:0px; }
form#searchform span	{ font-family:Georgia; font-size:16px; margin:0px 0px 10px 0px; } /* search title and text */
input#s 					{ font-family:Century Gothic; color:#FE8252; width:190px; float:left; padding:5px; border:1px solid #c2c2c2; } /* search text area */
input#s:focus		 	{ border:1px solid #FE8252; }
input#searchsubmit 		{ width:31px; height:30px; float:left; background:#C1D6B7; } /* style for custom button */


/* ======================= Footer ======================= */
#copyright 				{ width:400px; float:left; }
#copyright p				{ font-size:12px; color:#FE8252; padding-top:16px; }
#rss-area				{ width:400px; text-align:right; float:right; }
#rss-area a:link,	
#rss-area a:visited		{ font-size:12px; color:#FE8252; }
#rss-area a:hover		{ color:#F66229; }
#rss-area a img			{ vertical-align: middle; }
p#site-design			{ text-align:center; color:#aaa; font-size:11px; padding:10px 0 10px 0; }
p#site-design a:link,
p#site-design a:visited	{ font-size:11px; color:#aaa; }
p#site-design a:hover	{ color:#FE8252; }


/* ======================= Archive and Search results ======================= */
img.result-image		{ float:left; padding:0px 20px 20px 0px; }
.post-results			{ border-bottom:1px solid #DFCA9D; padding:20px 0px; }
/* for event listings */


/* ======================= Home Page ======================= */
#home-top-section		{ width:960px; margin-top:25px; height:320px; border-bottom:1px solid #EFFADA; }
#featured				{ width:850px; position:relative; height:290px; overflow:hidden; float:right; background:#EFFADA; }

/* the slider */
#prevBtn, #nextBtn		{  }
#prevBtn a				{ width:39px; height:290px; display:block; text-indent:-9999px; position:absolute; top:0; left:0; 
						  background:url(images/nav/previous_post.gif) no-repeat 0 0 scroll; }
#nextBtn a				{ width:39px; height:290px; display:block; text-indent:-9999px; position:absolute; top:0; right:0; 
						  background:url(images/nav/next_post.gif) no-repeat 0 0 scroll; }
#slider					{ margin:0px 39px 0px 39px; }
#slider ul, #slider li 	{ margin:0; padding:0; list-style:none; }
#slider li				{ width:772px; height:290px; overflow:hidden; } /* actual sliding content */


/* within each slider frame */
#slider ul li img			{ width:210px; height:290px; float:left; padding-right:20px; }
.home-post				{ padding:20px; }
.home-post h2 a			{ font-size:28px; }
p.home-read-more		{ text-align:right; padding-top:20px; }
.home-post a.more-link	{ display:none; }

/* lower section modules must match sidbar styling */
#lower-section			{ width:960px; overflow:hidden; padding:20px 0px; }
.module					{ width:125px; margin:0px 43px 0px 0px; float:left; }
#lower-section h4		{ text-align:center; padding:5px 0px 15px 0px; }
#lower-section h5		{ text-align:center; margin:10px 0px 0px 0px; line-height:18px; }
#lower-section h5 a		{ font-size:15px; }
span.green				{ color:#38B549; } /* eco green text */
a.eco-link:link,
a.eco-link:visited		{ color:#38B549; }
a.eco-link:hover		{ color:#009244; }


/* ======================= Comments List ======================= */
/* the whole list */
h3#comments				{ margin-top:30px; color:#98744D; padding-top:20px; border-top:1px solid #C4D9BA; }
ol.commentlist			{ margin:0px 0px 20px 0px; }

/* enclosing class for comment */
ol li.comment				{ border:1px solid #C4D9BA; margin:10px 0px; }
ol li.even				{ } /* optional */
ol li.odd					{ } /* optional */

	/* the comment */
	div.comment-body		{ position:relative; padding:10px; overflow: hidden; }

		div.comment-author 				{ width:60px; float:left; padding:0px 20px 10px 0px; }
		div.comment-author img.avatar 	{ display:block; } 		/* make sure width matches gravatar width */
		div.comment-author cite			{ }						/* link for commenter */
		div.comment-author span.says		{ display:none; } 		/* removes the word "says" */
		div.comment-meta				{ font-size:.9em; margin-left:80px; padding:0px 20px 4px 0px; } 	/* date of comment NOTE: matches the margin of the li p */ 

/* the comment text NOTE: check ie6 styling if changed! */
.comment-body p 			{ margin-left:80px; padding:0px 5em 0px 0px; } /* right border to not overlap reply NOTE: matches the margin of the date */
div.reply				{ position:absolute; width:4em; right:0; bottom:0; background:#FE8252; padding:3px; text-align:center; margin:10px 0px 0px 10px; 
						  border-top:1px solid #C4D9BA; border-left:1px solid #C4D9BA; }
a.comment-reply-link	{ color:#fff; }
/* additional styling for LEVELS */
ul.children li.depth-2	{ margin:0px 0px 0px 30px; }
ul.children li.depth-3	{ margin:0px 0px 0px 60px; }
ul.children li.depth-3 .reply	{ display:none; } /* NOTE: remove the reply link at the depth level for replies or part of the link will show!! */


/* ======================= Comment Form ======================= */
#respond					{ border-top:1px solid #C4D9BA; margin:20px 0 0 0; padding:20px 0 0 0; }
#respond h3					{ color:#98744D; }
form#commentform 			{ margin:0px; padding:0px; } /* the whole form area */
/* text input areas */
#commentform input, 			
#commentform textarea 		{ margin:0px 0px; padding:5px; border:1px solid #C4D9BA; font-family:Century Gothic, Georgia, serif; font-size:14px; }

/* text input areas with focus */
#commentform input:focus, 			
#commentform textarea:focus	{ border:1px solid #FE8252; }
#commentform label 			{ padding:5px; }
#commentform label span		{ font-size:.8em; } /* required text */
#comment 					{ margin:0px 0px 10px 0px; } /* comment text area */
#commentform input#submit	{ background:#FE8252; cursor:pointer; font-family:Century Gothic, Georgia, serif; color:#fff; border:1px solid #C4D9BA; }
#commentform input#submit:hover	{ background:#F66229; }