/*
Theme Name: St Davids Foundation
Theme URI: http://www.stdavidsfoundation.co.uk/
Description: A bespoke template set for the stdavidsfoundation.co.uk web site. Built by Icon Creative Design.
Version: 0.2
Author: Pete Withers-Jones
Author URI: http://www.withersjones.co.uk

*/



/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}







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;
	}









body {font-family: Verdana, Geneva, sans-serif; font-size: 0.7em;  background-image:url(images/site_background.jpg);}

#background_overlay { position:absolute; left: 0; top:0; width: 100%; height: 500px; background-image:url(images/top_fade.png); z-index: -1;}

#header { height: 135px; width: 1000px; margin: 0 auto;  }
.header_houses { background-image:url(images/background_houses.png); background-repeat:no-repeat; }

h1 { padding-top: 55px; text-align:center; }

#navigation{height: 37px; margin: 0 auto; width: 700px; color:#6D6E71;}
#navigation a {color:#6D6E71; text-decoration:none;}


#nav li {float:left;padding: 13px; padding-bottom: 14px; text-align:center; font-size: 1em; }
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
}

#nav li {
	float: left;
}
#nav li ul {
	position: absolute;
	left: -999em;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
#nav ul {padding-top: 13px; margin-left: -10px; border-bottom: 1px solid #789158;}
#nav ul li { float:none; background-color:white; margin:0; padding:0; text-align:left; padding: 4px; padding-left: 10px; border-left: 1px solid #789158; border-right:1px solid #789158;}
#nav li#lottery { background-image: url(images/green_box.gif); background-repeat:no-repeat; background-position: center; color:#415622; margin-left: 5px;}
#nav li#donate { background-image: url(images/pink_box.gif); background-repeat:no-repeat; background-position: center; margin-left: 5px; color:white;}
#nav ul li:hover, #nav ul li:hover a {background-color: #789158; color:white;}

/*#nav li {float:left; padding: 13px; padding-bottom: 14px; text-align:center; font-size: 1em; }

#nav li#lottery { background-image: url(images/green_box.gif); background-repeat:no-repeat; background-position: center; color:#415622; margin-left: 5px;}
#nav li#donate { background-image: url(images/pink_box.gif); background-repeat:no-repeat; background-position: center; margin-left: 5px; color:white;}*/

.nav_selected { background-color:#789158; color:white; }
.nav_selected a { color:white !important; }
.nav_selected ul a {color:#6D6E71 !important; }
.nav_selected ul a:hover {color:white !important; }

/*#nav ul {display:none; position:absolute;}
#nav li:hover ul {display:block;}
#nav ul {padding-top: 13px; margin-left: -10px; border-bottom: 1px solid #789158;}
#nav ul li { float:none; background-color:white; margin:0; padding:0; text-align:left; padding: 4px; padding-left: 10px; border-left: 1px solid #789158; border-right:1px solid #789158;}
#nav ul li:hover, #nav ul li:hover a {background-color: #789158; color:white;}*/

#illustration { width: 700px; background-color:#789158;  }
#illustration p {padding-left: 20px; color:white; padding-bottom: 20px; width: 320px; line-height: 1.4em; font-weight: bold;}
#illustration p strong { color:#FFF9AE; } 
#xillustration img {padding-top: 2em;}

#illustration p#breadcrumb { padding-top: 0.5em; padding-bottom: 0.5em; font-size: 0.9em;}
#illustration p#breadcrumb a { color:white; text-decoration: none; }

.sideboard { background-image:url(images/front_screen_sideboard.gif); background-position: top right; background-repeat:no-repeat;}

.video_sideboard { height: 246px; background-image:url(images/video_screen_sideboard.gif); background-position: top right; background-repeat:no-repeat;}
#illustration p#we_care_for { padding-left: 20px; padding-bottom: 30px; padding-top: 10px; color:#92192E; font-size: 1.8em;  width: 350px; font-weight: bold;}

#illustration p#imagine { padding: 20px; padding-top: 30px; padding-bottom: 20px; color:white; font-size:1.8em; width: 360px; line-height: 1.2em; font-weight:normal;}
#illustration p#where_would_you_turn { padding-left: 20px; padding-bottom: 45px; color:#92192E ; font-size: 2.7em;  width: 500px; font-weight: normal;}

#shadow_holder { width: 710px; margin: 0 auto; background-image: url(images/main_shadow.png);}
#right_shadow { float:right; }

#content { width: 688px; background-color:white; padding: 5px; }
#content p {margin-bottom: 1em;}
.front_page_highlight { width:205px; background-color:#FFE9BA; min-height: 120px; float:left; margin-right: 6px; padding: 10px;}
.front_page_highlight h3 { color:#6B051A; font-size: 1.2em; margin-bottom:0.4em; }
.front_page_highlight p { color: #92192E;}
.front_page_highlight a { text-decoration: none; }
.right_item {margin-right: 0; }
.darken { background-color: #FFE6B0;}
.xlottery {background-image: url(images/lottery_punch_background.gif); background-position: top right; background-repeat: no-repeat;}


#footer {font-size: 0.8em; width: 700px; margin: 0 auto;}
#footer p {float:left;}
#secondary_nav {float:right;}
#secondary_nav li {float:left;color: #92192E;}
#secondary_nav a { text-decoration: none; color: #92192E; }
#icon_tag { padding-top: 5px; width: 700px;}
#icon_tag a { text-decoration: none; color: #92192E;}

.clear {clear:both;}





.three_column { background-image: url(images/three_column_background.gif); background-repeat: repeat-y;}

.two_column { background-image: url(images/three_column_background.gif); background-repeat: repeat-y; }
#mid_col_full {  }

#left_col, #mid_col, #right_col, #mid_col_full {float:left;}
#left_col { width: 112px; background-color:#F8E9CE; padding-top: 2em; padding-left:4px; padding-right: 4px; font-size: 0.9em; }
#left_col h3 {color:#92192E; font-weight: bold; font-size:1em;margin-bottom: 0.4em;}

#left_col li {margin-bottom: 0.4em;}
#left_col li a { text-decoration:none; color:black;}
#left_col li:before { content:'> '; }
/*#left_col ul { list-style: url(images/arrow.gif) inside; margin-left: 10px; }*/
#left_col li a:hover { color: #92192E; }
#left_col li.current_page_item a {color:#92192E;}
#left_col li.current_page_item a:hover {font-weight: normal;}
#left_col ul li, #left_col h3 { border-bottom: 1px dotted #92192E; padding-bottom: 0.4em; margin-right: 3px;}

#mid_col {width: 350px; padding-left: 10px; padding-right:10px; font-size: 0.9em;padding-top: 1em;}
#mid_col h2, #mid_col_full h2 { color:#92192E; font-size: 1.4em; font-weight:bold; margin-bottom: 1em; padding-top: 0.5em;;}
#mid_col h3, #mid_col_full h3 { color:#92192E; font-size: 1.2em; font-weight:bold; margin-bottom: 1em; clear:both;}
#mid_col blockquote {color:#92192E; margin-bottom: 1em;}
#mid_col p, #mid_col_full p { margin-bottom: 1.5em; line-height: 1.4em; }
#mid_col a, #mid_col_full a { color: #92192E;}

#right_col {padding-left: 20px; width: 170px; padding-top: 1em; padding-bottom: 52px;}
#right_col blockquote {padding-top: 20px;color:#92192E;font-weight:bold; line-height: 1.4em;}
#right_col img.open_quotes {float:left; padding-right: 6px;padding-bottom: 6px;}
#right_col img.close_quotes {vertical-align: text-top; padding-left: 6px;}



#mid_col ul {list-style: outside; margin-left: 20px; line-height: 1.4em; padding-bottom: 1.4em;}

.two_column { background-image: url(images/two_column_background.gif); background-repeat: repeat-y;}
#mid_col_full { padding-left: 10px; padding-right:10px; font-size: 0.9em; float:left; width: 520px; min-height: 400px;}
#mid_col_full h2 { color:#92192E; font-size: 1.4em; font-weight:bold; margin-bottom: 1em; padding-top: 0.5em;;}
#mid_col_full blockquote {color:#92192E; margin-bottom: 1em;}
#mid_col_full p { margin-bottom: 1.5em; line-height: 1.5em; }

.blanker { width: 700px; background-color:white; height: 0.3em;}

#bottom_drop {width: 705px; margin: 0 auto; height:12px; background-image: url(images/bottom_drop_shadow.png);}



.light_base_box { width:210px; background-color: #D9E1C7; float:left; min-height: 50px; padding: 10px;}
.dark_base_box { width:212px; background-color: #C6D1AE; float:left; min-height: 50px; padding: 10px;}
.light_base_box h3, .dark_base_box h3 { font-size: 1.3em; padding-bottom: 0.2em;}
.light_base_box img, .dark_base_box img { float:left; margin-right: 5px; }
.light_base_box a, .dark_base_box a { color: black; }

.more_content { padding: 4px;}




#events_header { padding: 4px; background-color:#92192E; color:white; font-weight:bold;}
#events_boxout { padding: 4px; background-color:white; border: 1px solid #92192E; color: #92192E;}
#events_boxout li {margin-bottom: 1em; font-size: 0.9em; }
#events_boxout a { text-decoration: none; color: #92192E;}

#lottery a, #donate a { color:white; }
#lottery ul a {color:#6D6E71;}




.events_home {background-image: url(images/events_main_background.gif); background-repeat:repeat-y;}

#left_events_home_col { float:left; width: 230px; padding: 10px; line-height: 1.4em; }
#left_events_home_col a { text-decoration: none; color:#92192E;}
#main_events_col {padding-left: 10px; padding-right:10px;float:left; width: 400px;}
#main_events_col h2 { color:#92192E; font-size: 1.4em; font-weight:bold; margin-bottom: 1em; padding-top: 0.5em;}
#main_events_col h3 { color:#92192E; font-size: 1.2em; font-weight:bold; margin-bottom: 1em; padding-top: 0.5em;}


#whats_happening td { border:1px solid #92192E; padding: 2px;}
.headline_event { background-color:#92192E; color:white; width: 140px;  }
.headline_location { background-color:#92192E; color:white; width: 140px; }
.headline_date { background-color:#92192E; color:white; width: 120px; }
.event_name { color:#92192E; }
.event_name a { color:#92192E; text-decoration:none; }

#booking_form h3 { font-size: 1.4em;background-color: #92192E; width: 390px; color:white; margin:0; margin-top: 2em; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; }
#booking_form form { background-color:#F1E0DC; padding: 10px;}
#booking_form input, #booking_form select, #booking_form textarea {font-size: 1em; }
.booking_form_row { clear:both; }
.booking_form_row label { display:block; float:left; width: 150px;  }
.booking_form_row input, .booking_form_row select, .booking_form_row textarea { width: 220px; margin-bottom: 3px; }
.booking_form_row_checkbox {font-size: 0.8em;}
#event_submit { float:right; padding-right: 10px;}

#follow_us { float:right; vertical-align: baseline; margin-top: -42px;}
#follow_us img {float:left;}
#follow_us_front { float:right; padding-top: 25px;}


.contact_entry { clear:both; }
.contact_entry label { display:block; float:left; width: 130px;  }
.contact_entry input, .booking_form_row select, .contact_entry textarea { width: 210px; margin-bottom: 3px; }
.booking_form_row_checkbox {  }
.contact_entry_checkbox {clear:both;}
.contact_entry_checkbox label { display: block; float:left; width: 250px;}
.contact_entry_checkbox input { width: auto; }
.contact_entry_auto_width {width:auto !important;}
.contact_entry select { width: 210px; margin-bottom: 3px; }

#shops td { border:1px solid #92192E; padding: 2px;}
.headline_shopname { background-color:#92192E; color:white; width: 140px;  }
.headline_address { background-color:#92192E; color:white; width: 140px; }
.headline_telephone { background-color:#92192E; color:white; width: 120px; }

p.booking_error, p.contact_error {color:red;}
label.form_error { color:red; text-decoration: underline;}


.form_submit {
float:right;
  width: 93px;
  height: 19px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(images/booking_form_submit.gif) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}
form>.form_submit { /* For non-IE browsers*/
  height: 0px;
}



#lottery_form input, #lottery_form select {font-size: 1em; }
.lottery_row { clear:both; }
.lottery_row label { display:block; float:left; width: 140px;  }
.lottery_row input, .lottery_row select { width: 200px; margin-bottom: 3px; }
.lottery_row input.lottery_option {width: auto; }
.lottery_row input.dob_input { width: 30px; }
#lottery_submit { float:right; padding-right: 10px;}

.required_field { font-size: 0.8em; }

.booking_form_row_checkbox a { color: #92192E; text-decoration:none; }






#event_thumbnails li {float:left; margin-left: 30px; height: 176px;}
#event_thumbnails {margin-top: 20px; padding-left: 10px;}
#event_thumbnails p {width:150px; text-align:center; margin-left: 0; padding-left:0; padding-top: 5px;}



.event_description { line-height: 1.7em;}





#nav ul { z-index: 10; }
#video_holder { position:absolute; top: 200px; margin-left: 412px; z-index: 1; }
#video { z-index: 1; }

.corporate_table { width: 555px; }
.corporate_table td { vertical-align: middle; min-height: 1em;} 
td.xdotted { margin-right: 5px; border-right: 2px dotted black; }
td.dotted { background-image:url(images/dotted.gif); background-repeat: repeat-y; background-position: center;}
.corporate_table p { margin-left: 10px; margin-right: 30px;}