/*
Theme Name: Friends of the Parks 
Theme URI: http://fotp.org/
Description:  Customized theme for Friends of the Park developed by <a href="http://www.oxid8.com">Mike Wu</a> 
Version: 1.0
Author: Mike Wu 

Tags: custom

    This theme was designed by Hutchinson Associates Inc.
    developed by Oxid8 Technologies LLC 

	The CSS, XHTML are copyrighted by Friends of the Parks



================
CSS Index (jump to sections with =name):
================
	Globals & Resets
	Layout
	Header
	Maincol
	Sidebar
	Home
	
==================

/* ---------------------------
		=Globals & Resets 
---------------------------- */

* {
	margin: 0;
	padding: 0;
}

/* 	font-size set following Richard Rutter's method to allow text resizing across all browsers: 
	http://www.alistapart.com/articles/howtosizetextincss/ 
	16px baseline font-size. See ie.css for IE baseline font-size rule. 
	
	Important: 
	Line-height calculations are based on the most immediate font size. 
	For example: if font-size is resized to 14px, begin line-height calculation for that element at 14px (not 16px).
	Otherwise line-height will inherit base line-height of 17px (see body rule). 
*/

body {
	background: #fff;
	font-family: Verdana,Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	line-height: 1.143em; /* 14 x 1.125 = 16px */	
	text-align: center;
	color: #000;
}

h1,h2,h3,h4,h5,h6 {
    font-size:1.0em;
}

a {
	color: #690;
	text-decoration: none;
	outline: none;
	}
	
a:hover { 
	text-decoration: underline;
	}

a img {
	border: none;
	}
	
.clear {
    clear:both;
}

.hr hr {
	display: none;
	}

ul {
    list-style:none;
}

ul li {
    list-style:none;
    line-height:1.30em;
}

/* 
	Clearing floats: http://www.positioniseverything.net/easyclearing.html  
*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.c\learfix:after { line-height: 0; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

h4 {
    background: #70A5BF;
    margin:0 0px 10px 5px;
    padding:4px 0px 4px 10px;
    color:#fff;
}



/* ---------------------------
		=Layout 
---------------------------- */

#page {
    margin:0 auto;
    width:1020px;
    text-align: left;
    background: #fff; 
}
	
#content {
    background: url('images/subpage-bg.jpg') repeat-y;
    width:1020px;
    margin:10px 0;
    font-size:1.0em;
    padding:0;
}

.box {
    margin:0 0 10px 0;
}

.content {
    margin:0 10px 10px 10px;
    line-height:1.5em;
}

h2 {
    margin-bottom:5px;
}


#centercolumn {
    float:left;
    margin:0px 0px 0 10px;
    width:560px;
    font-size:0.9em;
}


#leftbar {
    width:210px;
    margin-left:10px;
    float:left;
}

#sidebar {
    float:left;
    width:210px;
    margin-left:10px;
}


#footer {
    clear:both;
    background:url('images/footer-bg.jpg') repeat-x;
    margin-top:30px;
    padding:10px 0;
}
	
	
/* ---------------------------
		=Header 
---------------------------- */

#header {
    background:url('images/header-bg.jpg') no-repeat;
    height:90px;
}

#header h1 {
	width: 794px;
	height: 90px;
    background:url('images/logo-fotp.jpg') no-repeat;
	text-indent: -9999999px;
	overflow: hidden;
	margin: 0 0 0 12px;
	display: block;
}
	

#mainnav {
    background:url('images/mainnav-bg.jpg') repeat-x ;
    height:29px;
    width:100%; 
}

#dropmenu, #dropmenu ul {
    margin:0; 
    padding:0; 
    list-style-type:none; 
    list-style-position:outside; 
    position:relative; 
    line-height:1.5em; 
    z-index:300; 
    height:29px;
}


#dropmenu {
    margin-left:20px;
}

#dropmenu a {
    display:block; 
    padding:5px 10px; 
    color:#fff; 
    text-decoration:none;
}


#dropmenu li {float:left; display:block;position:relative; border-left:1px solid #679800;border-right:1px solid #679800; background:url('images/mainnav-bg.jpg') repeat-x; display:block;}
#dropmenu li ul { display:none;position:absolute;top:28px;height:auto;background:#90c214;opacity:0.92;filter:alpha(opacity=92);  }
#dropmenu li ul li { float:none;border-bottom:1px dotted #fff;}
#dropmenu li a {  white-space:nowrap; display:block;}
#dropmenu li:hover ul {display:block;} 

#dropmenu a:hover {
    color:#fff;
}

#dropmenu li:hover, 
#dropmenu li.current  {
    border-left:1px solid #663399;
    border-right:1px solid #663399;
    background:url('images/nav-hover.jpg') repeat-x;
}


#dropmenu li.last { border-right:2px solid #679800; }

#search {
    float:right;
    margin-top:-85px;
    margin-right:5px;
}

#search #s ,
#search #e 
{
    margin:5px 5px 0 0;
    float:left;
	border: none;
    padding:2px;
    height:14px;
    color:#333;
}


/* ---------------------------
		= Categroy Styles 
---------------------------- */	
.sub-category-nav {
    margin:5px;
}

.sub-category-nav ul li {
    margin-left:20px;
    padding:2px 0 0 0;
    text-indent:10px;
}


/* ---------------------------
		=Maincol Styles 
---------------------------- */	

.post {
}
	
.post.event {
}
	
.post.archive {
    margin-bottom:10px;
}


.post h1, .post h2, .post h3, .post h4, h2.pagetitle, .post h3 a {
    margin:0 10px  5px 0;
    color:#000;
}

#p2c-header h2,.post h1, .post h2, h2.pagetitle { 
    font-size:1.5em;
    margin-bottom:15px;
    color:#7CB206;
}

.post h3  { 
    font-size:1.3em;
    color:#7CB206;
}

.post h4 {
    font-size:1.1em;
}
		

	
.post p.category, .post p.category a {
}
		
.post p, .post ul {
    margin:0px 10px 15px 0;
}
	
.post li {
    text-indent:5px;
    margin-left:30px;
    list-style:disc;
}
	
.post ul ul, .post ul p {
}
	
.post p.postmetadata.content {
    padding-left:10px;
    font-size:0.90em;
}
	
.post .content {
}

.post span {
    display:block;
    font-style:italic;
    margin:2px 0 5px 0;
}

/* Images */
.mcelEcenter {
jkjkjkjkjkjkjjkjjkjkjkjkjkjkjkjf
    margin:0 auto;
}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left
    }
/* End Images */

	
/* Events */

table#wp-calendarLarge {
    font-size:10px;
    line-height:18px;
	}
	
table#wp-calendarLarge div.dayHead {
	background-color: #690;
	padding-left: 2px;
	}
	
table#wp-calendarLarge td strong {
    padding:4px;
    color:#000;
    font-size:10px;
    line-height:16px;
	}
	
table#wp-calendarLarge #todayLarge, 
table#wp-calendarLarge #todayLarge strong {
    background: #639;
    color:#fff;
    font-size:10px;
    line-height:16px;
	}

	
/* Comment styles */

.commentlist li {
	font-weight: bold;
	font-size: .75em; /* 12px */
	background-image: none;
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}
	
.commentlist li h4, .commentlist li p {
	font-size: 1em;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite {
	font-weight: bold;
	font-style: normal;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

.commentlist li.alt {
	margin: 0;
	padding: 10px;
	background: #ddd;
	}



/* ---------------------------
		=Sidebar Styles 
---------------------------- */	

#leftbar h4 {
    margin-bottom:0px;
    font-size:12px;
}

#leftbar ul {
    margin-bottom:15px;
}

#leftbar ul ul {
    margin-bottom:0px;
}

#leftbar ul li {
    margin-right:10px;
    padding-left:15px;
}

#leftbar ul li ul li {
    margin-left:0px;
    margin-right:0px;
}

#leftbar li a {
    display:block;
    padding:4px;
    color:#000;
    width:100%;
    font-size:11px;
    line-height:11px;
}

#leftbar ul li.current-cat a, 
#leftbar ul li.current_page_item a {
    color:#fff;
    background:url('images/nav-hover.jpg') repeat-x;
}

#leftbar ul li.current_page_item ul li a {
    color:#000;
    background:none;
}

#leftbar ul li.current-cat ul li a {
    color:#000;
    background:none;
}

/* ---------------------------
        =events/calendar 
---------------------------- */	


table#wp-calendar {
	}

table#wp-calendar td, table#wp-calendar caption {
	border: none;
	}
	
table#wp-calendar th {
	background: #fff;
	color: #000;
	}
	
table#wp-calendar .padday {
	background-color: #fff;
	}
	

/* ---------------------------
		=Home Styles 
---------------------------- */

/* Banner */

#banner {
    float:left;
    width:560px;
    height:380px;;
    overflow:hidden;
    padding-bottom: 12px;
}
/* News */

#home #news {
    float:left;
    background:url('images/news-bg.jpg') no-repeat;
    width:460px;
    height:380px;
    overflow:hidden;
	}


#home #news h3 {
    background:url('images/header-news.jpg') no-repeat;
    margin:10px 0;
    width:100%;
    height:30px;
	text-indent: -9999999px;
	overflow: hidden;
	}
	
#home #news ul {
    padding-left:10px;
}

#home #news li {
	list-style: none;
    padding-bottom:10px;
    background:url('images/dot-green.gif') left bottom repeat-x;
	}
	
#home #news li a {
    text-decoration:underline;
    font-size:0.85em;
	}
#home #news li a:hover {
    color:#678900;
	}

#home #news li h5 a {
    text-decoration:none;
    font-size:0.95em;
    color:#fff;
	}

#home #news li h5 a:hover {
    text-decoration:underline;
}
	
#home #content {
    background:url('images/3col-bg.gif') repeat-y;
}

#events {
    float:left;
    margin-left:10px;
    width:380px;
}

#events h3 {
    background:url('images/header-events.jpg') no-repeat;
    margin-left:10px;
    width:100%;
    height:30px;
    margin-bottom:5px;
	text-indent: -9999999px;
	overflow: hidden;
}


#events .content {
    background:url('images/events-bg.jpg') no-repeat;
    width:100%;
    min-height:232px;
}

#events ul,
#programs ul {
    list-style: disc;
    margin:0 20px;
    }

#events ul li ,
#programs ul li {
    list-style: disc;
    color:#690;
    padding-bottom:3px;
    margin-bottom:3px;
    border-bottom: 1px dotted #999;
 }

#events ul li a ,
#programs ul li a {
    color:#000;
 }

#programs {
    float:left;
    margin-left:20px;
    width:360px;
}

#programs h3 {
    background:url('images/header-programs.jpg') no-repeat;
    margin-left:10px;
    width:100%;
    height:30px;
    margin-bottom:5px;
	text-indent: -9999999px;
	overflow: hidden;
}

#programs .content {
    background:url('images/programs-bg.jpg') no-repeat;
    width:100%;
    min-height:232px;
}



#home #sidebar {
   float:left;
   margin-left:20px;
   width:200px;
}


#help h3{
    background:url('images/header-howtohelp.jpg') no-repeat;
    width:100%;
    height:30px;
    margin-bottom:5px;
	text-indent: -9999999px;
	overflow: hidden;
}

#home #help h3 {
    margin-left:10px;
}

#help .content {
    background:url('images/howtohelp-bg.jpg') no-repeat;
    margin:0;
    padding:10px;
    width:100%;
    min-height:135px;
}

#home #help .content {
    margin-left:10px;
}

#sidebar #links {
    border-top: 2px solid #85A64D;
    padding-top:10px;
    width:200px;;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
   color:#808080;
}

#EC_previousMonthLarge, 
#EC_nextMonthLarge {
   font-size: 12px; 
}

#EC_previousMonthLarge:hover, 
#EC_nextMonthLarge:hover {
    text-decoration:underline;
}