/*
Theme Name: Winfield Foundation
Theme URI: www.winfieldfoundation.com
Description: Winfield Foundation Theme
Version: 1.6
Author: Eloy Mendoza
Author URI: www.eloymedia.com
Tags: winfield, foundation, usd465

Some of the code used is from the 
Kubrick v1.5
http://binarybonsai.com/kubrick/

*/


/* =General
-----------------------------------------------------------------------------*/
/* Remove padding and margin */
* {margin: 0;padding: 0;}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {margin:.7em 0}

p{padding-left:.5em;}

h1, h2, h3, h4, h5, h6 {padding-left:5px;}


/* Class for clearing floats */
.clear {clear:both;}

/* Remove border around linked images */
img {border: 0;}

.float-left{
float:left;
padding-right:1em;
padding-bottom:1em;
}

.float-right{
float:right;
padding:1em;
}

.post h2,small{
display:none;
}

.postmetadata{
display:none;
}

body#inner .post h2{
display:block;
margin-top:1em;
}

body#inner small{
display:block;
}


/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

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

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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 */

small {
margin-left:.5em;
font-size: 0.9em;
line-height: 1.5em;
}

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	color:#808fc2;
	}

#wp-calendar caption {
	text-align: center;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
	
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Calendar */

/* =Layout
-----------------------------------------------------------------------------*/
body{
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
color:#333333;
background:#1B46B3 url(images/bg3.gif) repeat-x top center;
}

body#inner{
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
color:#333333;
background:#1B46B3 url(images/innerbg2.gif) repeat-x top center;
}

#inner-text{
background:#fff;
color:#000;
margin-top:1em;
padding:.5em;
width:779px;
}

#inner-text a{
color:#000;
}

#inner-text a:link, a:visited{
color:#4b588e;
text-decoration:underline;
}

#inner-text a:hover{
text-decoration:none;
color:#4b588e;
}

.alignleft a:link{
color:#000;
}
.alignleft a:visited{
color:#000;
}

.alignrighta:link{
color:#000;
}
.alignright a:visited{
color:#000;
}

div#container{
margin:0 auto;
width:779px;
}

/* = Home Page Layout
-----------------------------------------------------------------------------*/

div#masthead{
position:relative;
}

div#slideshow{
float:left;
margin-top:.5em;
width:395px;
height:277px;
background:url(images/slideshow3.jpg) no-repeat top left;
}

div#gallery{
margin-top:27px;
margin-left:-3.5em;
}

div#visit-gallery{
margin-top:2em;
}

div#home-text{
float:left;
color:#fff;
width:379px;
}

#home-text a:link{
color:#fff;
font-weight:bold;
font-size:1em;
}

div#home-nav{
float:left;
clear:both;
width:779px;
}

#gift{
float:left;
margin-left:1em;
height: 185px;
width: 150px;
margin-top:2em;
text-indent: 10000px;
overflow: hidden;
background:url(images/gift2.png) no-repeat top left ;
display: inline;
}

#gift:hover{
background:url(images/gift2-over.png) no-repeat top left ;
}

#piggy{
float:left;
margin-left:2.7em;
margin-top:2.3em;
height: 148px;
width: 132px;
text-indent: 10000px;
overflow: hidden;
background:url(images/piggy.png) no-repeat top left ;
display: inline;
}

#piggy:hover{
background:url(images/piggy-over.png) no-repeat top left ;
}

#faq{
float:left;
margin-left:2em;
margin-top:3em;
height: 150px;
width: 135px;
text-indent: 10000px;
overflow: hidden;
background:url(images/faq.png) no-repeat top left ;
display: inline;
}

#faq:hover{
background:url(images/faq-over.png) no-repeat top left ;
}

#kid-main{
float:left;
margin-left:1.5em;
margin-top:2.2em;
height: 157px;
width: 115px;
text-indent: 10000px;
overflow: hidden;
background:url(images/kid-main.png) no-repeat top left ;
display: inline;
}

#kid-main:hover{
background:url(images/kid-main-over.png) no-repeat top left ;
}

#news{
float:left;
margin-left:2em;
margin-top:1em;
height: 173px;
width: 130px;
text-indent: 10000px;
overflow: hidden;
background:url(images/news.png) no-repeat top left ;
display: inline;
}

#news:hover{
background:url(images/news-over.png) no-repeat top left ;
}

#nav-text{
margin-top:-1em;
margin-left:0;
padding:0;
float:left;
list-style:none;
clear:both;
width:779px;
}

#nav-text li{
float:left;
}

#nav-text a{
display:block;
padding:0 2.1em;
line-height: 2.1em;
text-decoration:none;
font-weight:bold;
color:#4b588e;
font-size:1.5em;
margin-left:0;
}

#nav-text a:hover{
color:#1B46B3;
}

/* = Inner Page Layout
-----------------------------------------------------------------------------*/

#sidebar{
float:left;
width:150px;
margin-left:2em;
background:#fff;
margin-top:1em;
}

div#sidebar li{
list-style:none;
}

div#sidebar ul{
margin:0 0 0 .7em;
padding:0;
list-style-type:none;
}

div#sidebar ul a{
display:block;
line-height:25px;
color:#808fc2;
text-decoration:underline;
margin-bottom:1em;
}

div#sidebar ul a:hover{
color:#333;
text-decoration:underline;
}

div#sidebar h3{
background:#D0E288;
color:#808fc2;
line-height:3em;
margin-top:0;
}



.news-content{
float:left;
width:779px;
color:#000;
background:#fff;
margin-top:1em;
margin-bottom:1em;
}

.news-content a:link, a:visited{
text-decoration:underline;
color:#000;
}

.news-content a:hover{
background:#D0E288;
text-decoration:none;
color:#4b588e;
}

div#inner-masthead{
float:left;
}

div#inner-nav{
float:left;
margin-left:7em;
overflow:visible;
}

#foundation-inner{
float:left;
width:65px;
height:60px;
text-indent: 10000px;
overflow: hidden;
background:url(images/foundation-inner.jpg) no-repeat top left ;
display: block;
}

#foundation-inner:hover{
background:url(images/foundation-inner2.jpg) no-repeat top left ;
}

#gift-inner{
float:left;
width:74px;
height:60px;
text-indent: 10000px;
overflow: hidden;
background:url(images/gift-inner.jpg) no-repeat top left ;
display: block;
}

#gift-inner:hover{
background:url(images/gift-inner2.jpg) no-repeat top left ;
}

#piggy-inner{
float:left;
width:83px;
height:60px;
text-indent: 10000px;
overflow: hidden;
background:url(images/scholarship-inner.jpg) no-repeat top left ;
display: block;
}

#piggy-inner:hover{
background:url(images/scholarship-inner2.jpg) no-repeat top left ;
}

#faq-inner{
float:left;
width:60px;
height:60px;
text-indent: 10000px;
overflow: hidden;
background:url(images/faq-inner.jpg) no-repeat top left ;
display: block;
}

#faq-inner:hover{
background:url(images/faq-inner2.jpg) no-repeat top left ;
}

#kid-inner{
float:left;
width:65px;
height:60px;
text-indent: 10000px;
overflow: hidden;
background:url(images/kid-inner.jpg) no-repeat top left ;
display: block;
}

#kid-inner:hover{
background:url(images/kid-inner2.jpg) no-repeat top left ;
}

#news-inner{
float:left;
width:72px;
height:60px;
text-indent: 10000px;
overflow: hidden;
background:url(images/news-inner.jpg) no-repeat top left ;
display: block;
}

#news-inner:hover{
background:url(images/news-inner2.jpg) no-repeat top left ;
}

#gallery-inner{
float:left;
width:58px;
height:60px;
text-indent: 10000px;
overflow: hidden;
background:url(images/gallery-inner.jpg) no-repeat top left ;
display: block;
}

#gallery-inner:hover{
background:url(images/gallery-inner2.jpg) no-repeat top left ;
}

#footer{
background:#1B46B3;
color:#fff;
text-align:center;
clear:both;
margin-top:2em;
}