/*
Theme Name: The Friends of St. Alphege Schools Theme
Theme URI: http://www.thefsas.com/
Description: The Friends of St. Alphege Schools Theme - Theme designed by Ben Smith
Version: 1.0
Author: Breakfrom Limited - Ben Smith
Author URI: http://www.breakfrom.com/
*/


img, form, h1, h2, h3, h4, h5, h6, p, body {border: 0; padding: 0; margin: 0}

/* set background to white and set the default font style. */
body {background: #f9f5ea; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; color: #000}

/*

color scheme
------------

cream: #f9f5ea
brown: #695d40
blue: #4b6774
lightblue: #5297b7
orange: #dbad49
green: #590

*/


/*////////////////////		General		////////////////////*/

#emblem {position: absolute; left: 50%; margin-left: -450px}
#banner_image {margin: 10px 0 0 30px; border: 1px solid #ddd; border-bottom: 0}

#header {height: 290px; background: transparent url('images/header-repeat.jpg') top left no-repeat; clear: both}
#header .header-center {margin: auto; width: 960px; height: 290px; background: transparent url('images/header.jpg') top center no-repeat}

#main {margin: auto; width: 960px; background: transparent url('images/main-bg.png') top center no-repeat}
#main .content {margin: 0 30px 0 30px}

#left {float: left; width: 250px; margin-right: 20px}
.box {border: 1px solid #ddd}
.box .box-content {margin: 1px; padding: 10px; background-color: #f9f5ea}

#right {float: left; width: 630px}
.left {float: left; width: 290px; padding-right: 19px; border-right: 1px solid #ddd; margin-right: 20px}
.right {float: left; width: 290px}

#footer {height: 102px; background: transparent url('images/footer-repeat.png') top left no-repeat; clear: both}
#footer .footer-center {margin: auto; width: 960px; height: 72px; padding-top: 30px; background: transparent url('images/footer.png') top center no-repeat}

.spacer {clear: both; height: 19px; border-bottom: 1px dotted #ccc; margin-bottom: 20px}
.spacer2 {clear: both; height: 9px; border-bottom: 1px solid #eee; margin-bottom: 10px}
.spacerbottom {clear: both; border-top: 10px solid #fff}

.dn {display: none}
.db {display: block}


/*////////////////////		Text		////////////////////*/

h1 {font-weight: normal; font-size: 3.2em; font-family:  Arial, Helvetica, sans-serif; color: #dbad49; padding-bottom: 10px}
h2 {font-weight: normal; font-size: 1.7em; font-family: Arial, Helvetica, sans-serif; color: #026; padding-bottom: 10px}
h3 {font-weight: bold; font-size: 1.3em; font-family: Arial, Helvetica, sans-serif; color: #4b6774}
h4 {font-weight: normal; font-size: 1.5em; font-family: Arial, Helvetica, sans-serif; color: #fff; background: #695d40; padding: 5px; border: 1px solid #fff}
h5 {font-weight: normal; font-size: 1.3em; font-family: Arial, Helvetica, sans-serif; color: #333}
h6 {font-weight: normal; font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: #f00}

p {font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; color: #000}
.post p {margin-bottom: 10px}
.post ul {border-bottom: 10px solid #fff}
.post img {border: 1px solid #ddd; padding: 1px}
.post img.icon {padding: 0; border: none}

.box-content ul {font-size: 1.2em; margin: 0; padding: 0; list-style: none}
.box-content li {padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dotted #ddd}

.cream {color: #f9f5ea}
.brown {color: #695d40}
.blue {color: #4b6774}
.lightblue {color: #5297b7}
.orange {color: #dbad49}
.green {color: #590}
.black {color: #000}
.gray {color: #666}

.large {font-size: 2em}
.medium {font-size: 1.6em}
.small {font-size: 1em}

.icon {vertical-align: middle}

.textright {text-align: right}
.textleft {text-align: left}
.textcenter {text-align: center}

.clearboth {clear: both}

.alignright {float: right; margin: 0 0 10px 10px}
.alignleft {float: left; margin: 0 10px 10px 0}

.pad10left {padding-left: 10px}
.pad20left {padding-left: 20px}
.pad10right {padding-right: 10px}
.pad5top {padding-top: 5px}


/*////////////////////		Linkology		////////////////////*/

a:link, a:visited {text-decoration: none; color: #5297b7}
a:hover {text-decoration: underline}
a:active {text-decoration: none}

#divname a:link, #divname a:visited {text-decoration: none; color: #fff}
#divname a:hover {text-decoration: none; border-bottom: 1px solid #adf}
#divname a:active {text-decoration: none}

a.button:link, a.button:visited {font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; padding: 3px 5px 3px 5px; background-color: #ddd; border: 1px solid; border-color: #fff #bbb #999 #bbb; text-decoration: none; color: #000}
a.button:hover {background-color: #ffffe4; border-color: #ffffe6 #f5f5b6 #d3d397 #f5f5b6}
a.button:active {background-color: #ffffe6; border: 1px solid; border-color: #d3d397}


/*////////////////////		Navigation		////////////////////*/

#navigation {width: 900px; height: 40px; margin-bottom: 20px; background: transparent url('images/navigation.png') top left no-repeat; clear: both}
#navigation ul {margin: 0 0 0 1px; padding: 0; list-style: none}
#navigation li {height: 39px; width: 90px; float: left}

#navigation a {
	display: block;
	width: 90px;
	height: 39px;
	line-height: 39px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 1.3em
}

#navigation a:hover {background: #f9f5ea; color: #695d40; font-weight: bold}
#navigation li.current_page_item a {background: #f9f5ea; color: #695d40}

#footer-navigation {margin-left: 20px; clear: both}
#footer-navigation ul {margin: 0; padding: 0; list-style: none}
#footer-navigation li {float: left}

#footer-navigation a {
	display: block;
	margin-right: 10px;
	color: #fff;
	text-decoration: none;
	font-size: 1.2em
}

#footer-navigation a:hover {text-decoration: underline}
#footer-navigation li.current_page_item a {font-style: italic; text-decoration: underline}


/*////////////////////		Banner		////////////////////*/

.esBanner468x60 { width: 468px; height: 60px; padding: 0px; margin: 0px; background-color: #ffffff; }
.esBanner468x60 form { margin: 0px; }
.esBanner468x60 .inner { width: 100%; height: 60px; border: 1px solid #000000; }
.esBanner468x60 .inner .logo { width: 175px; height: 46px; margin-left: 6px; background-image: url('http://www.easyfundraising.org.uk/images/user-banners/es/468x60/logo.gif'); cursor: pointer; }
.esBanner468x60 .inner .searchInput { padding-top: 5px; padding-right: 5px; }
.esBanner468x60 .inner .searchInput input { width: 265px; font-family: arial, verdana, sans-serif; font-size: 13px; color: #828282; }
.esBanner468x60 .inner .searchPartners { width: 197px; height: 22px; margin-left: 5px; margin-top: 2px; background-image: url('http://www.easyfundraising.org.uk/images/user-banners/es/468x60/partners.gif'); float: left; cursor: pointer; }
.esBanner468x60 .inner .searchButton { float: right; text-align: right;  }
.esBanner468x60 .inner .searchButton input { width: 60px; font-family: arial, verdana, sans-serif; font-size: 13px; }