/*  
Theme Name: Mendocino Fun
Theme URI: http://www.mendocinofun.com/
Description: DFF's Theme for MendocinoFun.com	....
Version: 1.5
Author: DFF
Based on Qwilm.....http://oriol.f2o.org
*/

body {
	color: #222233;
	background-color:#b4d8e7;
	font: medium "Palatino Linotype", Georgia, "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
}

a { color: #000033; text-decoration: none; border-bottom: 2px dotted #999; } 
a:hover { color: #000033; border-bottom: 2px dotted #aaaa00;  }

p.dropcap:first-letter { font-size:2em; }

#header { position: absolute; top:5px; left:5px; width:100%; z-index:100; }

#wrapper { position:absolute; width:980px; top:170px; left:5px; padding-left: 0px; clear:both; z-index:50; }

#content {
	float: left; width: 630px; margin: 0 5px 5px 0px; padding: 0px 20px 30px 20px; background-color:#ddeeff; text-align: left;
	border-top:solid 1px #6BCAE2; border-bottom:solid 3px #6BCAE2; border-left:solid 1px #6BCAE2; border-right:solid 3px #6BCAE2;
}

/*#content p a { background-color:#d7e8f9; }  darkens BG for links in text */

#htmlcontent { width: 850px; }
	
#logo { width: 140px; padding:10px; background-color: #b4d8e7; border: none; }

#footer {
	float: left; clear:both; margin: 0 5px 5px 0px; padding: 5px 20px; width: 630px; 
	border-top:solid 1px #6BCAE2; border-bottom:solid 3px #6BCAE2; border-left:solid 1px #6BCAE2; border-right:solid 3px #6BCAE2;
	background-color:#ddeeff; color:#CC0099;
	font-size:small; font-weight:bold; font-style:italic; text-align: left;
}

/*  darken BG for links in text */
#footer p a { background-color:#dde6f6; }

a { color: #CC0099; text-decoration: none; border-bottom:dotted 1px #006600; } 
a:hover { color: #ff3333; border-bottom:dotted 1px #993333; }

/* posts */
.post { clear:both; border-bottom:solid 1px #DEE4DA; padding-top:30px; padding-bottom:0px; }
.searchpost { clear:both; border-bottom:solid 1px #DEE4DA; padding-top:4px; padding-bottom:0px; }
.post img { border: 1px solid #ced4ca; padding: 3px; margin: 5px 0; }
.post-title { color:#097054; margin:0; margin-bottom:2px; line-height: 2em;}
.post-title a { border-bottom:none; }
.postmeta { margin-top: 0; padding-top: 1px; font-size: 0.9em; color: #444; }
.comentarios-link { padding: 0 0 0 17px; background: url(images/commentslink.gif) no-repeat center left; }	
	
/* Typography */
h1, h2, h3, h4 { font-family: "Lucida Grande", Tahoma, Arial, sans-serif; }

h1 { margin-top: 12px; margin-bottom: 0; font-size: 16px; }
h1 a { color:#002266; background-color:#b4d8e7; padding:6px; margin-bottom:4px;  } 
h2 { margin-top: 12px; margin-bottom: 0; font-size: 16px; }
h2 a { color:#002266; background-color:#b4d8e7; padding:6px; margin-bottom:4px;  } 

#header a { border-bottom:none; } 
#header a:hover { color:#990033; } 
#header a.navlist:hover { color:#FF9933; background-color:#097054; }

h3 { font-size: 14px; color: #333; }
.searchpost h3 { margin: 4px 0; padding:0; }

h4 { margin-top: 12px; margin-bottom:4px; padding:4px; 
		font-size: 14px; color:#002266; background-color:#b4d8e7; text-align:center;
		border-bottom:2px solid #a4c7d8; border-right:2px solid #a4c7d8;
}

h5 { margin-top: 12px; margin-bottom:4px; padding:4px; 
		font-size: 14px; color:#002266; background-color:#d0e1f2; text-align:left;
		border-bottom:2px solid #d0e1f2; border-right:2px solid #d0e1f2;
}

p { line-height: 1.5em;	margin: 1.2em 0; }

ol, ul { line-height: 1.5em; margin: 0.5em 0 0.5em 0.2em;	}
ul li, ol li { margin-bottom: 0.1em; }

.navlist {
	display:inline; 
	padding:3px 4px;
	margin-right:10px;
	font-weight: bold;
	font-variant: small-caps;
}

.misc-title { color:#097054; background-color:#b4d8e7; margin:0; margin-bottom:2px; padding-left:4px; }
.hometext { margin-bottom:0; margin-top:10px; padding-botom:0; font-size:80%; }

img, a img { border:0px;}

a, a:hover { color: #000033; text-decoration: none; }
a:hover { color: #990033; }

em { font-style:italic; font-weight: bold; color: #6F0564; }
blockquote { margin: 0 20px; padding: 0 20px; border-left: 4px solid #E8E7D0; font-size: 0.9em; }
pre { display: block; overflow: auto; margin: 1.0em 1.5em 1.0em 0; padding-left: 0.8em; border-left: 1px solid #ccc; background-color: #eee; }
code {font-family: monospace;  font-size: 11px; background-color: #eee;}
pre code { line-height: 1.3em;}
kbd { background-color: #ddd; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: inherit; font-family: inherit; padding: 0 3px 2px 4px; }
del, del * { text-decoration: line-through; }
table, tr, td { margin: 1px 0; padding:0; }

.small { font-size: 0.9em; color: #aaccff; }

/* sidebars */
#sidebar-1 { }
#sidebar-2, #sidebar-ad1, #sidebar-ad2, #sidebar-ad3, #sidebar-ad4, #sidebar-ad5, #sidebar-ad6 { background-color: #ffeebb; }

#sidebar-gad1, #sidebar-gad2, #sidebar-gad3, #sidebar-gad4, #sidebar-gad5, #sidebar-gad6 { background-color: transparent !important; }

.sidebar {
	float: left; width: 265px; margin: 0 5px 5px 5px; padding: 4px;
	/*border-top:solid 1px #CED4CA; border-bottom:solid 3px #CED4CA; border-left:solid 1px #CED4CA; border-right:solid 3px #CED4CA;*/
	background-color:#C6E7CE; font-size: 0.9em; text-align: left;
}

.sidebar h1 { display: inline; margin: 0.1em 0 0.1em 0; padding: 3px 3px 3px 3px; color:#097054; background-color:#99CC99; font-size: 1.0em; }
.sidebar h2 { display: inline; margin: 0.1em 0 0.1em 0; padding: 3px 3px 3px 3px; color:#097054; background-color:#99CC99; font-size: 1.0em; }

.sidebar ul { margin: 0; padding: 0; list-style-type: none; }
.sidebar ul ul { margin: 0.8em 0 1.2em 0; border-top: 1px solid #dee4da; }
.sidebar ul ul li { padding: 0 0 0 10px; border-bottom: 1px solid #dee4da; }
.sidebar ul ul li a { display: block; margin: 0 0 0 -10px; padding: 2px 10px 0 10px; } 
.sidebar ul ul li a:hover {	background-color: #f3f3f3; }

.quickfind {
	float: left; width: 275px; margin: 0 0 5px 5px; padding: 0; text-align: left;
	border-top:solid 1px #CED4CA; border-bottom:solid 3px #CED4CA; border-left:solid 1px #CED4CA; border-right:solid 3px #CED4CA;
	background-color:#C6E7CE; font-size: 0.9em; font-family: "Palatino Linotype", Georgia, "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
}

.quickfind form { font: medium "Palatino Linotype", Georgia, "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica; }
.quickfind ul { margin: 0; padding: 0; list-style-type: none; }
.quickfind ul li { float:left; width:125px; display:block; padding-left:3px;}
.quickfind h1 { display: block; margin: 0; padding: 3px; color:#097054; background-color:#99CC99; font-size: 1.0em; text-align:center; }
.quickfind h2 { display: block; margin: 0; padding: 3px; color:#097054; background-color:#99CC99; font-size: 1.0em; text-align:center; }
.quickfind h3 { display: block; margin: 0; padding: 3px; color:#097054; background-color:#99CC99; font-size: 0.9em; text-align:center; }

.recentpostbox {
	float: left;
	width: 265px;
	text-align: left;
	margin: 0 0 5px 5px;
	padding: 0;
	border-top:solid 1px #CED4CA;
	border-bottom:solid 3px #CED4CA;
	border-left:solid 1px #CED4CA;
	border-right:solid 3px #CED4CA;
	background-color:#C6E7CE;
	font-size: 11px;
	font-family: "Palatino Linotype", Georgia, "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
}

.recentpostbox  form { font-family: "Palatino Linotype", Georgia, "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica; }
.recentpostbox h1 { display: block; margin: 0; padding: 3px; color:#097054; background-color:#99CC99; font-size: 1.1em; text-align:center; }
.recentpostbox h2 { display: block; margin: 0; padding: 3px; color:#097054; background-color:#99CC99; font-size: 1.1em; text-align:center; }
.recentpostbox h3 { display: block; margin: 0; padding: 3px; color:#097054; background-color:#99CC99; font-size: 0.9em; text-align:center; }
.recentpostbox ul    { margin: 0;	padding: 0; list-style-type:disc; }
.recentpostbox ul li { float:left; width:250px; display:block; padding-left:3px; padding-bottom:5px; list-style-type: disc;}

/* COMMENTS */
#comment{	width: 100%; }

.comentarios { padding:5px; margin:5px auto; border:1px solid #DEE4DA; background-color: #F3F3F3; }
.commentarios li { padding:5px; margin:5px auto; border:1px solid #DEE4DA; background-color: #F3F3F3; }
.commentarios li:hover { background-color: #fff; }
.comentariosmeta { padding-top:1px; font-size: 0.9em; color: #999; }
.comentariostitle { margin:0 0 2px 0; }

.permalink { padding: 0 0 0 17px; background: url(images/permalink.gif) no-repeat center left; }

/* forms */
input, textarea, select {
	padding-left:3px; color: #555; font-size: 0.9em;
	border: 1px solid #C1C0B5; background-color:#eeeeee;  /* background-color:#bbdddd; */
	font-family: "Palatino Linotype", Georgia, "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica, sans-serif;
	}

/* static pages */
#pagina { padding-top:30px; padding-bottom:0px; border-bottom:solid 1px #DEE4DA; }
#pagina img { padding: 3px; margin: 5px 0; border: 1px solid #ced4ca; }
#pagina ul li a { color: #223377; text-decoration: none; border-bottom:dotted 1px #339999; } 
#pagina ul li a:hover { color: #CC3399; border-bottom:dotted 1px #CC3399; }
#pagina p a { color: #223377; text-decoration: none; border-bottom:dotted 1px #339999; } 
#pagina p a:hover { color: #CC3399; border-bottom:dotted 1px #CC3399; }
.pagina-title { color:#336699; background-color:#b4d8e7; margin:0 0 2px 0; padding:6px; }

/* HTML pages */
.xpage { border-bottom:solid 1px #DEE4DA; font-size:120%; padding:12px 6px 0 6px; }
.xpage img { border: 1px solid #ced4ca; padding: 3px; margin: 5px 0; }
.xpagetitle { color:#097054; margin:0 0 2px 0; }
.xpagetitle a { border-bottom:none; }

/* gravatar */
.gravatar { float:right; }

/* Private comments */
.comentarios-autor { padding:5px; margin:5px auto; border:1px solid #B2FF66; background-color: #ddf6f6; }
.comentarios-autor li { padding:5px; margin:5px auto; border:1px solid #B2FF66; background-color: #ddf6f6; }
.comentarios-autor li:hover { background-color: #fff; }

#searchform { width:100%; }

.catdesc { padding:0 6px 6px 6px; color:#b4d8e7; background-color:#336699; font-size:110%; text-align:center; text-transform:capitalize; }
h1.catdesc { margin-top:6px; padding-top:6px; }
h2.catdesc { margin-top:6px; padding-top:6px; }

.featured { color:#226622; background-color:#ddf6dd; text-align:left; text-transform:capitalize; }
h2.featured { margin:1px auto 3px auto; padding:1px 3px 1px 3em; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; text-indent:-3em; line-height:140%; }
h2.featured a { background-color:#ddf6dd; padding:0; margin:0; }
h2.featured a:hover { color:#FF9966; background-color:#ddf6dd; }

.mushrooms { color:#226622; background-color:#fafae9; text-align:left; text-transform:capitalize; }
h2.mushrooms { margin:2px; padding:2px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; }
h2.mushrooms a { background-color:#fafae9; padding:0; margin:0; }
h2.mushrooms a:hover { color:#FF9966; background-color:#ddf6dd; }


/* * * * * * * * * * * * * * */
/*  Image Galleries    */
/* * * * * * * * * * * * * * */
.ImageBox { width:290px; float:	left; margin:0 12px 12px 50px; }
.BoxTitle { margin: 6px auto; font-weight:bold;	 text-align:center; }
.BoxThumb { margin-left:auto; margin-right:auto; }
.BoxCaption { width:	90%; padding:4px; margin-left:auto; margin-right:auto; clear:both; }

.BoxFooter {
	background:	#cccccc; width:80%; margin:0 auto; padding-bottom:4px;
	font-size:x-small; font-weight:bold; font-style:italic; text-align:	center;
	}

/* *** Banner Ads *** */
.vbanner { width:146px; font-size: small; border: 2px solid #00aaaa; text-align:center; padding: 0 4px; }
.vbanner img { margin: 4px auto 0 auto; }
div.vbanner p { text-align:left; }

.gbanner { width:265px; text-align:center; overflow:hidden; }

.hbanner { width:265px; font-size: small; text-align:center; padding: 0; overflow:hidden; }
.hbanner a { font-weight:bold; }
.hbannerleft { width:48%; float:left; text-align:left; padding:2px; }
.hbannerleft a { margin-top: 10px; margin-bottom: 4px; padding:2px;
						 font-size: 16px; font-weight:bold; 
						 color:#2e7054; background-color:#ffeebb;
						}
.hbannerleft a:hover { color:#990033; }
.hbannerright { width:48%; float:right; text-align:left; padding:2px; }

.alignright { float: right; }
.alignleft  { float: left; }
.navigation { display: block; text-align: center; margin: 10px auto 40px auto; }

/* styling for report boxes */
.reportbox { 
	width:250px; overflow:hidden; float:left; margin-right:8px; font: xx-small verdana, arial, helvetica, sans;
	border:3px solid #ffcc66; margin-bottom:12px; background-color:#f8f2da; color:#000000;
}
.reporttitle { width:100%; text-align:center; font-weight:bold; font-style:italic; padding-bottom:2px; }
.reportboxright { 
	width:250px; overflow:hidden; float:right; clear:right; margin-left:8px; font: xx-small verdana, arial, helvetica, sans;
	border:3px solid #ffcc66; margin-bottom:12px; background-color:#f8f2da; color:#000000;
}
.reportboxwide { 
	width:620px; overflow:hidden; float:left; clear:both; font: x-small verdana, arial, helvetica, sans;
	border:3px solid #ffcc66; margin-bottom:12px; background-color:#f8f2da; color:#000000;
}

.reportboxwhale { 
	width:620px; overflow:hidden; float:left; clear:both; font: x-small verdana, arial, helvetica, sans;
	border:3px solid #0c99c0; margin-bottom:12px; background-color:#f8f2da; color:#000000;
}

/*  styling for home page event blurbs  */
#blurbs { float:left; width:620px; clear:both; margin-top:8px; margin-bottom: 12px; }

.blurb { float:left; width:150px; margin-right:2px;}
.blurb img { border:none; outline:none; margin:0 auto; text-align:center; }
.blurb p { font-weight:bold; text-align:center; width:140px; margin:0; padding:0; }
.blurb a {text-decoration:none; outline:none; border: none; border-bottom:2px dotted #ddeeff; }
.blurb a:link { }
.blurb a:hover  { background-color:none; border-bottom:2px dotted #ddeeff;}
.blurb a:hover img  { background-color:none; border-bottom:2px dotted red; }
.blurb p a:hover  { background-color:#FFCC99; }
.blurb a:active { }

/* * * * * * * * * * * * * * * * * * * * * */
/*  CSS for MendocinoFun Menus    */
/* * * * * * * * * * * * * * * * * * * * * */

#menuBar {
	display: 				block;
	position: 				absolute;
	top:						140px;
	left:						5px;
	z-index:				199;
	width:             		980px;
	margin: 				0;
	padding:				2px 0;
	overflow: 			hidden;
	vertical-align: 		middle;
	color: 					#999999;
	background-color: #34acaf;
	font: medium "Palatino Linotype", Georgia, "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica, sans-serif;
	font-weight: 		bold;
	text-align: 			center;
	text-transform: 	capitalize;
}

.menuHeader {
	display: 				inline;
	position: 				relative;
	padding: 				0 7px;
	margin: 				0;
	color: 					#000000;
	text-decoration: 	none;
	white-space: 			nowrap;
	cursor: 					pointer;
}

.menuHeader a { text-decoration: none; border-bottom:none; }
.menuHeader a:link 		{ text-decoration: none; border-bottom:none; /*color: #000099*/ }
.menuHeader a:visited { /*color: #990099*/ }
.menuHeader a:hover 	{ text-decoration: none; border-bottom:none; /*color: #000099; background-color:#B9DBDA; text-decoration: none*/}
.menuHeader a:active 	{ /*color: #FFFF66*/ }

.menuSection {
	display: 				block;
	padding: 				2px 5px;
	color: 					#FFFFCC;
	background-color: #336666;
	border-top: 			1px solid #cccccc;
}

a.menuLink { display:block; padding:2px 5px; background-color: #6bcae2; border-top:1px solid #cccccc; text-decoration: none; border-bottom:none; }
a.menuLink:link { color:#000000; background-color: #6bcae2; text-decoration: none; }
a.menuLink:visited { color:#000000; background-color: #6bcae2; text-decoration: none; }
a.menuLink:hover { color:	#995511; background-color: #34acaf; text-decoration:none; border-bottom:none; }
a.menuLink:active { color:#F8F9E4; text-decoration:none; background-color: #cc9933; }

.menuDrop {
	position: 				absolute;
	z-index: 				1000;
	top: 						60px;
	left: 					0;
	width: 					200px;
	height: 				auto;
	color: 					#ff6600;   /* #34acaf; */
	visibility: 			hidden;
	margin: 				0;
	padding: 				0;
	font: small "Palatino Linotype", Georgia, "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica, sans-serif;
	font-weight: 		bold;
	background-color: #B9DBDA;
	border-style: 		solid;
	border-width: 		0 1px 1px;
	border-color: 		#999999;
}