/*  
Theme Name: First 5 Napa
Theme URI: http://first5napa.org/
Description:  Wordpress Template
Version: 1.0
Author: Kalidoscopio design and AtlasBay Corporation
Author URI: http://www.kalidoscopio-d.com // http://www.atlasbay.com 




Colores recurrentes

Verde		51a955
Azul		0e6db1
Rojo		e42f38






	
	RESET
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; }
html, body							{ height: 100%; }
.post ul									{  margin:5px; margin-left:20px; }
.post ol									{ margin:5px; margin-left:20px; }
	.post li {list-style:url(images/bullet.gif) ; }
a									{ outline: none; text-decoration: none; color:#0e6db1; }
	a:hover							{ color:#EB131C; }
a img								{ border: none; background: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }
body								{ font-family:Lucida Grande,Lucida Sans,Verdana,Georgia,Helvetica,Arial;
			font-size:12px;
			line-height:19px;
			color: #333;
  }






/*
	UTILES
*/
.floatLeft 							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.invisible							{display:none;}
.linea {height: 1px; background: #DDD; margin: 13px 0 }




/*
	ESTRUCTURA
*/
#First5 {
	text-indent: -9994px;
	background:  url(images/First5napa-logo.png) center no-repeat;
	width: 174px;
	height: 45px;
	display: block;
	}

#botonera {
	padding: 11px 0;
}


#cabecera { 
	height: 350px;
	
	color: white;
	}
.gris {
	background: white; 
	padding-bottom:30px;
	
}

	#buscador { 
	float:right;
	width: 192px;
	height: 65px;
	background-image:url(images/Buscar.gif);
	background-repeat:no-repeat;
	padding-top: 36px;
	}

	
#sidebar {
font-size: 11px;
padding: 20px 20px 50px;
background: url(images/side_bg.png) top left repeat-x; 
}

	#sidebar li {
	list-style:none;
	margin: 0px;
	}
	#sidebar ul {
	list-style:none;
	margin: 0px 0px 20px 0px;
	}
	#sidebar h2 {
	font-size: 23px;
	padding: 5px;
	border-bottom:  solid 1px #DDD;
	margin: 10px 0 20px 0;
	}
	#quick {
	font-size: 11px;
	padding: 40px 0px 0px;
	}
	#quick h3 {
	font-size: 23px;
	padding:1px 5px 0px 22px;
	width:274px;
	margin:0 0 5px;
	background:#F7F7F7;
	border-bottom:  solid 3px #FFF;
	width:300px;
	}
	
	#quick h3 a:hover {
		text-decoration:underline;
		
	}
	
	#sidebar a {
	font-size:9px;
	font-weight:bold;
	letter-spacing:2px;
	text-transform:uppercase;
	}
	
.post {
	margin-bottom: 60px;
	}
	.post p {
	margin-bottom: 19px;
padding-bottom:15px;
	}
	.post strong {
	color: #0e6db1;
	}
	.contenido {
	padding: 35px 0 20px;
	}
	
	/*	Formato de imagenes */
	.alignleft {
	margin: 5px 15px 15px 0px;
	float:left;
		}
	.alignright {
	margin: 5px 0px 15px 15px;
	float: right;
		}
	.aligncenter, .alignnone {
	margin: 15px;
	clear:both;
		}

.navigation {
	width: 580px;
	text-transform: uppercase;
	font-size:11px;
	letter-spacing:2px;
	font-weight: bold;
	}
.navigation a {
	color: white;
	}
	
.anterior a, .proximo a	{
	background: #0e6db1;
	padding: 9px 15px;
	width:auto;
		-moz-border-radius: 8px; -webkit-border-radius: 8px; 
	}
	.anterior {
		float:left;
		}
	.proximo {
		float: right;
		}
	
	.anterior a:hover, .proximo a:hover	{
	background:#EB131C; 
	}
	
	
.commentlist {
	margin-bottom: 50px;
	}
	.commentlist li {
	padding:12px 18px 18px;
	}
	.alt {
	background: #f9f9f9;
	-moz-border-radius: 8px; 	-webkit-border-radius: 8px;
	}


#footer {
	/*height: 30px;*/
	border-top:1px #DDDDDD solid;
	text-align:center;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:3px;
	background: white;
	
	font-weight: bold;
	padding:15px;
	}


	#footer ul {
		letter-spacing:0px;
		text-transform:none;
		list-style-type:none;	
		width:920px;
		margin:0 auto;
		margin-bottom:12px;
		
	}	
	#footer ul li {
		display:inline;
		
	}
	#footer ul li a {
		display:inline;
		font-size:13px;
		margin-right:12px;
		
	}



	.kalidoscopio {
		width:60px;
		height:63px;
		background:url(images/kalidoscopio.png) bottom center no-repeat;
		display:block;
		position: relative;
		bottom:-75px;
		left:0px;
		}
	.kalidoscopio:hover {
		background-position: top;
		}
	




/*
	TIPOGRAF�A
*/

h2, h2 a		{ margin-bottom:5px; font-size:36px; color: #51a955;}
h3, h3 a		{ line-height: 19px; font-size:12px; margin-right: 6px; color: #0e6db1; letter-spacing: 2px; text-transform: uppercase;}
p.postmetadata 		{
					margin: 0;
					font-size:9px;
					color:#919191;
					text-transform: uppercase;
					letter-spacing: 2px;
	}
		.postmetadata a			{ color:#303030;}
		.postmetadata a:hover	{ color:#6aa4c5;}
		
.fecha				{
					font-size:16px;
					margin-left: 57px;
	}
.fecha	a		{
	color: #888;
	}
	
.fecha	a:hover		{
	color: #EB131C;
	}


.more-link {
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: right;
	margin-top: 24px;
	font-size:11px;	
	display: block;
	}
.meta {
	border-bottom:1px solid #EEEEEE;
	border-top:1px solid #EEEEEE;
	margin:42px 0 0;
	padding:20px 0;
	}

.page h2 {
color:#51A955;
font-style:italic;
font-weight:lighter;
margin-bottom:20px;
font-size:45px;
line-height:1.2em;
}

.post h2 {
color:#51A955;
font-style:italic;
font-weight:lighter;
margin-bottom:20px;
font-size:30px;	
line-height:1.2em;
}
.post h2 a, .page h2 a {
	text-decoration:none;
	color:#51a955;
}
.post h2 a:hover, .page h2 a:hover {
	text-decoration:none;
	color:#0e6db1;
}
blockquote {
	font-family:Georgia;
	font-size:14px;
	font-style:italic;
	padding: 0 19px;
	}
	

/*
	FORMULARIOS
*/


input, textarea {
	font-size:16px;
	font-family:Lucida Grande,Lucida Sans,Verdana,Georgia,Helvetica,Arial;
	color: #777;
	border: 1px solid #E3E3E3;
	width: 250px;
	background-color: #FEFEFE;
	padding: 8px;
	margin-bottom: 20px;
	-moz-border-radius: 4px; 	-webkit-border-radius: 4px;
	}

.boton								{ border: none; 
									background: #51a955;
									width: auto; 
									color: white;
									}
									
.boton:hover						{ background: #0e6db1;}



/*
	BOTONERA
*/

#botonera ul  {
	background: url(images/botonera.png) left top no-repeat;
	width: 751px;
	height: 31px;
	overflow: hidden;
	margin: 10px -18px 0 0;
	}
#botonera ul li {
	float: left;
	list-style: none;
	display: block;
	height: 31px;
	text-indent: -8000px;
	}
#botonera ul li a {
	display: block;
	height: 31px;
	margin-right: 18px;
	}

		.home { width: 49px; }
		.vision { width: 53px; }
		.about { width: 75px; }
		.commission { width: 191px; }
		.funding { width: 192px; }
		.resources { width: 83px; margin-right: -18px; }


		a.home:hover, a.home.current {	background: url(images/botonera.png) 0 bottom; 	}
		/*a.vision:hover, a.vision.current {	background: url(images/botonera.png) -68px bottom; 	}*/
		a.about:hover, a.about.current  {	background: url(images/botonera.png) -68px bottom; 	}
		a.commission:hover, a.commission.current {	background: url(images/botonera.png) -160px bottom; 	}
		a.funding:hover, a.funding.current {	background: url(images/botonera.png) -368px bottom; 	}
		a.resources:hover, a.resources.current {	background: url(images/botonera.png) -580px bottom; 	}

div.grid_8 h3 {
	width:100%;
}
div.column ul {
	list-style-type:none;
}
div.column p {
	margin-bottom:5px;
}
a#atlas {
background:transparent url(images/ribbon.png) no-repeat scroll 0 0;
cursor:pointer;
display:block;
height:119px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
position:absolute;
left:0;
text-indent:-9999px;
top:0;
width:118px;
z-index:1030;
}
div#botonera div.column {
	margin:0 35px;
}
div.cinfo p {
	margin-bottom:0px;
	font-size:11px;
	text-transform:none;
	letter-spacing:0px;
}
div.page h3 {
	margin-top:16px;
}