/*
	
	Theme Name: WH Foundation
	Theme URI: http://www.wdpf.org
	Description: Theme for WDPF.
	Version 1.0
	Author: Giles Butler - gilesbutler '@' mac.com
	Width: 1000px
	Height: Flexible
	Two column centered DIV based layout.	
	
	Color Graph:
	Light Brown: cccc99
	Light Grey: 999
	Dark Grey: 333
	Yellow: ffff33
*/
@import url('../../plugins/easy-contact/sample/econtact-basic.css');

* {margin:0;padding:0;}

body {background-color: #CCC;font-family: Arial;color: #333;}

/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

/***** Common Formatting *****/
 
img {
border:0;
}

p {padding: 5px 0;}

/***** Links *****/
 
a,
a:link,
a:visited,
a:hover {
text-decoration:underline;padding: 0; margin: 0; color: #333;}

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

/*-- Wrapper --*/
 
#wrap {
width:1000px;
margin:0 auto;
background-color: white; border: 1px solid #999;
}

/*-- Header --*/
#header {height: auto; font-size: 0; line-height: 0;}
	#header #topbox {height: 86px; width: 1000px;border-bottom: 1px solid #999;}
	#header #topbox #logo {display: block; position: relative; width: 400px;height: 86px; background: url(images/topbox_corner.png) no-repeat scroll right top #cccc99;}
	#logo h1 {padding:40px 0 25px 10px;font-family: Arial; font-size: 29px; color: white; font-weight: bold;}
		#logo h1 a {color: white; text-decoration: none;}
		#logo h1 a:hover {color: white; text-decoration: none;}
	#header #topbox #address {display: block; position: relative; height: 86px;}	
	#address h2 {padding: 20px 10px 0 0;font-size: 16px; font-family: Arial; color: #666; line-height: normal;}
	
	#header .mainpics {display: block; position: relative; height: 281px; width: 1000px; height: 281px;overflow: hidden}
			.mainpics img {top: 0; left: 0; height: 281px; width: 1000px;}
	
/*-- Menu --*/
#menu {display: block; position: relative; width: 1000px; height: 62px;border-bottom: 1px solid #999; }
	#menu #donate {width: 250px; height: 62px; background: url(images/donate_left.png) top left no-repeat scroll #333;}
	#donate h1 {line-height: 32px; font-size: 24px; font-weight: normal;  color: #ffff33; padding: 15px 50px 15px 0;}
		#donate a, #donate a:visited {color: #ffff33; border: 15px solid #333;text-decoration: none;}
		#donate a:hover {color: #ffff33; border: 15px solid #333;text-decoration: underline;}

		#menu ul {margin: 0px;padding: 0px;list-style: none;}
		#menu ul li {display: block;float: left;}
		#menu ul li a {display: block;float: left;font-family: arial;font-size: 16px;color: #333;font-weight: bold;text-decoration: none;padding: 20px 18px; outline: none;}
		#menu ul li a:hover {text-decoration: underline; outline: none;}
		
/* -- Columns --*/
#col-container {height: auto; width: 1000px; background: url(images/grey_bkg_gradient.png) white top left scroll repeat-x; }
#col-alpha {display: block; width: 229px; padding: 10px;}
	#col-alpha h1 {font-size: 20px;padding: 10px 0;}
	#col-alpha img {border: 1px solid #333; margin: 5px 5px 5px 0;}
	#col-alpha #subscribe {display: block; position: relative; width: 160px; bottom: -26px; height: 25px; float: right;background: url(images/subscribe_corner.png) bottom left scroll no-repeat #333;}
		#subscribe a, #subscribe a:visited {font-size: 16px; color: #ffff33;padding: 6px 20px 0 0; text-decoration: none;line-height: 15px;}
		#subscribe a:hover {text-decoration: underline;}


#col-beta {display: block; width: 730px; min-height: 400px; padding: 10px; border-right: 1px solid #999;}
	#col-beta h1 {font-size: 20px;padding-bottom: 10px;margin-top: 10px;}
	#col-beta img.horse {position: relative; margin: 0 auto; display: block;}
	
	#col-beta .list ul {text-indent: 10px;}
	#col-beta .list li {padding-bottom: 9px;margin-left: 20px;}
	#col-beta .list li h4 {padding-top: 5px;}

.sidebar {}
.sidebar ul {margin-top: 5px; list-style: none;}
.sidebar h3 {font-size: 14px; margin-top: 10px; font-weight: bold;}
.sidebar p {font-size: 13px;}

#footer {width: 1000px; margin: 0 auto 10px auto;}
a#volunteer, a:visited#volunteer {font-size: 20px; font-weight: normal;  color: #ffff33; background-color: #333; padding: 5px; width: 140px; display: block; text-align: center; text-decoration: none; text-transform: uppercase;}
a:hover#volunteer {text-decoration: underline;}
.entry-summary {padding:0 0 10px 0; border-bottom: 1px solid #999; margin-bottom: 10px;}

/* --- Spacer to clear div floats --- */	
.spacer{clear:both; height:0; line-height:0; font-size:0; margin:0;}

/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }

.border		   { border: 1px solid #999;}

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:1000px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.indent	       {margin-left: 10px;}

li.job {font-size:12px;list-style-image:none;list-style-position:inside;list-style-type:disc;margin-left:10px;padding: 4px 0;}

.post {margin-bottom: 20px;}