/*
Theme Name: Friends_Of_Hallam_Gardens_Theme
Theme URI: http://www.odd-uk.com/
Description: The Friends_Of_Hallam_Gardens_Theme.
Version: 1.0
Author: Simon Owen / Claire Byrom
Author URI: http://www.odd-uk.com/
Tags: blue, custom header, fixed width, two columns, widgets

Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2
*/

/* reset */
html{color:#000;background: #d5d6d7 url('images/fohg_page_bg.jpg');}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* fonts */
body{font:16px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* **************** TEMPLATE ***************** */
/* ====== Page Head, Body, and Foot ====== */
body{_text-align:center;}/* IE5.5 */
.body{overflow:hidden; _overflow:visible; _zoom:1;margin:0 15px;}
.page{margin: 0 auto; width: 950px;_text-align:left; background-color:#fff;height:100%;} /* wraps other template elems to set width */ /* text-align IE5.5 */
/* "old school" and "liquid" extend page to allow for different page widths */
.oldSchool{width:790px;}
.gs960{width:960px;}
.liquid{extends:.page; width: auto;margin:0;}
/* ====== Columns ====== */
.main{padding-left:5px;border-left:1px #C0AE00 solid;
overflow: hidden;_overflow:visible;_zoom:1;}
.leftCol{float:left; width:250px;_margin-right:-3px;}
.rightCol{float:right; width: 300px;_margin-left:-3px;}
/* extend columns to allow for common column widths */
.gMail{width:160px;}
.gCal{width:180px;}
.yahoo{width:240px;}
.myYahoo{width:300px;}
.head{height:150px;margin:0 15px;}
.footer{font-size:xx-small;margin:0 15px;}


/* **************** GRIDS ***************** */
.line, .lastUnit {overflow: hidden;_overflow:visible;_zoom:1; }
.unit{float:left;_zoom:1;}
.unitExt{float:right;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}
/* extending grids to allow a unit that takes the width of its content */
.media{width:auto;}

/* ***************PAGE BACKGROUNDS ***************** */
.page-11{background: #fff url('images/1_home_bg.jpg') no-repeat;}
.page-2{background: #fff url('images/2_about_bg.jpg') no-repeat;}
.page-13{background: #fff url('images/3_news_bg.jpg') no-repeat;}
.page-18{background: #fff url('images/4_events_bg.jpg') no-repeat;}
.page-3{background: #fff url('images/5_history_bg.jpg') no-repeat;}
.page-21{background: #fff url('images/6_gallery_bg.jpg') no-repeat;}
.page-5{background: #fff url('images/7_links_bg.jpg') no-repeat;}
.page-7{background: #fff url('images/8_contact_bg.jpg') no-repeat;}



body{font-family:Arial,Helvetica,sans-serif;}
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote {padding:10px;color:#666633}
h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl,
ul h1,ul h2,ul h3, ul h4, ul h5, ul h6, ul p, ul ul, ul ol, ul dl,
ol h1,ol h2,ol h3, ol h4, ol h5, ol h6, ol p, ol ul, ol ol, ol dl {padding:0;}
/* ====== Elements ====== */
img{/*display:block;*/padding:10px;}
em{font-style: italic;}
strong{font-weight:bold;}
hr{border: 5px solid #e2e2e2; border-width: 0 0 5px 0; margin: 20px 10px 10px 10px;}
code{color:#0B8C8F;}
/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:148%;  font-weight:normal; font-style: normal; color:#785200 ;}
h2, .h2{font-size:108%; font-weight:normal; font-style: normal; color:#785200 ;}
h3, .h3{font-size:108%; font-weight:normal; font-style: normal; color:#785200 ;}
h4, .h4{font-size:108%; font-weight:normal; font-style: normal; color: #785200 ;}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#785200 ;}
h6, .h6{font-size:108%; font-weight:normal;  font-style: italic; color:#785200 ;}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
.category a{color: #333;}
.important a{font-weight:bold;}
/* links */
a { color: #C0AE00; font-weight:bold;text-decoration: none }
a:focus, a:hover {color:#785200; text-decoration: underline }
a:visited { color:#C0AE00; }
/* ====== Lists ======*/
/* numbered list */
ol.simpleList li{list-style-type: decimal; margin-left:40px;}
/* standard list */
ul.simpleList li{list-style-type:disc; margin-left:40px;}
/* ====== Tables ====== */
.data{padding: 20px; position:relative; zoom:1;vertical-align: top;border-right:solid 1px transparent;/* border fixes a FF2 bug which causes the data table to overlay its borders*/}
.data table {width:100%;border:1px solid #AE0345;}
th, td{vertical-align:top;border:1px solid #AE0345;}
.txtC, .data .txtC td, .data .txtC th{text-align:center;}
.txtL, .data .txtL td, .data .txtL th{text-align:left;}
.txtR, .data .txtR td, .data .txtR th{text-align:right;}
.txtT, .data .txtT td, .data .txtT th{vertical-align:top;}
.txtB, .data .txtB td, .data .txtB th{vertical-align:bottom;}
.txtM, .data .txtM td, .data .txtM th{vertical-align:middle;}
.data th,.data td{padding:3px 20px}
.data thead tr{background-color: #fff0f8;}
.data th{color: #000; font-weight:bold}
/* specification table - extends data table */
.spec{padding:10px;}
.spec table{border-top: 1px solid #e2e2e2; border-bottom-color:#fff; border-left:none; border-right:none;}
.spec th, .spec td{border:1px solid #e2e2e2; border-width: 1px 0; padding-left:0;}
.spec .odd, .spec .even{background-color: #fff;}
/* ====== blockquote ====== */
cite{display:block; text-align:right; padding-top: 10px;}
/* ====== callout ====== */
.callout{font-size:189%;color:#999999; font-style:italic;}
.callout cite{display:block; text-align:right;padding-top: 30px; font-size:69.25%;}
.callout span.quot{font-size: 500%; vertical-align: sub; color:#e2e2e2; line-height:25px; font-weight:bold;}
.callout span.quotLast{vertical-align:middle;}
/* ====== image treatments (get more from jason santa maria) ====== */
.caption{font-size:13px; color:#666666; font-style:italic;padding-top:0;}
/* will need to either 
1. find a way to capture the width of the caption in the width of the image or flash
2. Set some default widths, mby use flickr widths?
*/

.centered{text-align:center;}



/* NAV TABS */
#navtabs { 
    list-style: none; 
    padding: 0; 
    margin:10px 0 0 10px;
    font-family: Georgia, Times,"Times New Roman", serif;
    font-size: 14px; 
    font-weight: normal;  
} 
 
#navtabs li { 
    float: left;  
    padding: 8px 0 8px 0;
    width:12%; 
    margin-right: 1px; 
}

#navtabs a:link, #navtabs a:visited{
	color:#C0AE00;font-weight:normal; 
}
#navtabs a:active, #navtabs a:hover{
	color:#785200;font-weight:normal; text-decoration:none;
}
.current_page_item a:link,.current_page_item a:visited, .current_page_item a:hover {
	color:#785200 !important;
}


.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Arial, 'Lucida Grande', Verdana, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Arial, 'Lucida Grande', Verdana, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

/* 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 */
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 13px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

table, tr, td{
padding:2px;
	border:thin #785200 solid;
}
#events td {font-size:x-small;}
.eventMonth{
	background-color:#785200;
	color:#FFF;
	font-weight:bold;
}
.tddrecentposts{
	font-size:xx-small;
}
.homepagetext{
	font-family:"Times New Roman", Times, serif;font-size:xx-large;color:#666633;
	font-style:normal; font-weight:normal;
}
p{
	font-size:.8em;
}
.note{
	color: #785200; 
}

.tddrecentposts li{
	margin-top:5px;
}