/*
Theme Name: Tab Life Centre Default
Theme URI: http://www.tablife.co.uk
Description: The default Tab Life Centre template
Version: 1.0
Author: Jonathan Smith
Author URI: http://www.paperfoldmedia.com
Tags: green, custom header, fixed width, three columns, widgets
*/

/* Reset */
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, 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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	list-style-type: none;
	text-decoration: none;
	vertical-align: baseline;
}

body, html, #container { height: 100%; }

body {
	background: url(images/background.png) repeat #F2F2EB;
	color: #4A4A4A;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

body > #container { height: auto; min-height: 100%; }

#container { margin: 0; padding: 0; width: 100%; height: 100%; margin-bottom: -215px; }
.wrapper { margin: 0 auto; padding: 0; width: 960px; position: relative; }
.clearer { clear:both; } 
.block { display: block; }
.left { display: inline; float: left; }
.right { float: right }
.text-right { text-align: right; }
hr { margin: 2px 0 8px 0; padding: 0; height: 1px; background: #B7C496; border: none; clear: both; }
a { color:#4A4A4A; }
small { display: block; margin: 0; font-size: 11px; color: #7A855f; }

/* Typography */

h1,h2,h3,h4,h5 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

h1 {  }
h2 { margin: 0 0 0 10px; font-size: 15px; }
h3 { margin: 5px 0 10px 0; font-size: 18px; font-weight: bold; color:  #7A855f; }
p { margin: 0 0 10px 0; font-size: 12px; }

/* Header */

#header {
	margin: 0 auto;
	Width: 960px;
	height: 110px;
}

#logo {
	margin: 8px 0 0 0;
	width: 201px;
	height: 83px;
	background:url(images/header-logo.png) no-repeat;
}

#logo h1 {
	display: block;
	margin: 0;
	text-indent: -9999px;
}

/* Main Navigation */

ul#nav { display: block; margin: 5px 0; padding: 0; list-style-type: none; }
ul#nav li { float: left; margin: 5px 0 5px 30px; font-weight: bold; text-shadow: #d5E9A3 0 1px 0; }
ul#nav li a { color: #708445; }

#nav a:hover, #nav a.current { background-position: 0 0; }

/* Advertisement Banner */

#advert {
	margin: 20px 0 0 0;
	padding: 0;
	height: 301px;
	background: url(images/background-advert.png) repeat-x;
}

#advert #rotator {
	top: 12px;
	left: 0;
	margin:  0;
	padding: 0;
	width: 670px;
	height: 281px;
	background: url(images/background-rotator.png) no-repeat;
	position: absolute;
}

#advert #submenu  {
	top: 12px;
	right: 0;
	margin: 0;
	padding: 0;
	width: 280px;
	position: absolute;
}


/* Green Banner */
#green-banner {
	margin: 20px 0 0 0;
	padding: 10px;
	width: auto;
	height: 41px;
	background: url(images/background-green-banner.png) repeat-x;
}

#green-banner  h1 { margin: 5px 0; padding: 0; color: #708445; font-size: 26px; font-weight: bold; text-shadow: #d5E9A3 0 1px 0; }

/* Green Banner Sub Menu */

#submenu ul { position: absolute; top: 0; right: 0; }

#submenu ul li {
	float: left;
	margin: 0 2px;
	padding: 7px 0 0 0;
	width: 140px;
	height: 25px;
	font-size: 14px;
	text-align: center;
	background: url(images/background-submenu.png) no-repeat;
}

#submenu ul li a { color: #FFF; }

/* Introduction */

#intro {
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
	width: 718px;
	height: 162px;
	text-indent: -9999px;
	background: url(images/introduction.png) no-repeat;
}

.sarah-polo { float: right; margin: 14px 0 0 0; }

/* Content */

#content {
	float: left;
	margin: 20px 18px 30px 20px;
	width: 642px;
	text-align: left;
	position: relative;
}

#content.full { width: 960px; }

#border { margin-top: 20px; background: url(images/background-content.png) no-repeat; }

/* Meet the team page */

.leader-title { margin: 0 0 5px 0; font-size: 22px; color: #72726F; text-shadow: #FBFBF8 0 1px 0; }

/* Sheet Music Page */

img.artwork { float: left; margin: 0 20px 10px 0; }
h2.artwork { margin: 0 0 10px 0; font-size: 24px; color: #72726F; text-shadow: #FBFBF8 0 1px 0; }
ol.album-list { float: left; margin: 0 0 0 20px; }
ol.album-list li { list-style-type: decimal; font-size: 13px; }
ol.album-list li  a { color: #7A855F; }

/* Sidebar */

#sidebar {
	margin: 20px 20px 30px 0px;
	padding: 0 0 0 20px;
	float: left;
	width: 240px;
	background: url(images/background-sidebar.png) repeat-y left;
}

#sidebar .divider {
	position: absolute;
	left: 0;
}

#sidebar .widget { margin: 0 0 20px 0; }

#sidebar, #sidebar ul {
	list-style-type: none;
}

#sidebar h2 {
	text-align: left;
}

#searchform {
	position: relative;
}

#s {
	float: left;
	margin: 0;
	padding: 5px;
	width: 190px;
	height: 20px;
	background: url(images/input_search.png) no-repeat;
	border: none;
}

#search_submit {
	float: left;
	margin: 0;
	width: 40px;
	height: 30px;
	cursor: pointer;
	background: url(images/input_search_button.png) no-repeat;
	border: none;
	text-indent: -9999px;
}

#sidebar h2 { margin: 0; padding: 0; }

#sidebar ul li { text-align: left; }
#sidebar ul li a { margin: 0; font-size: 12px; }
#sidebar ul li p { margin: 10px 0 0 0; }

/* Columns */

.column { float: left; margin: 20px 0 0 0; }
.short.column { width: 220px; margin-right: 27px; }
.long.column { width: 466px; }
.long.column a { color: #7A855F; text-decoration: none; }

#latestUpdates p, #upcomingEvents p { margin: 10px 0 0 0; }
#latestUpdates small,  #upcomingEvents small { display: block; margin: 0 0 20px 0; }
#upcomingEvents a { color: #7A855F; }
#upcomingEvents small { color: #4A4A4A; }

/* Posts */

.post {
	position: relative;
	margin: 0 0 10px 0;
	padding: 20px; 
	background: #fff;
	
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.post h2 { margin: 0; font-size: 20px; }

.post a.more-link {
	position: absolute;
	padding: 1px;
	display: inline;
	right: 20px;
	bottom: 10px;
	color: #8AAC41;
	font-size: 10px;
	text-transform: uppercase; 
	border-bottom: 1px solid #ABD64F;
}

.post .blog_info {
	display: inline-block;
	margin: 0 0 10px 0;
	color: #888;
	font-size: 12px;
}

.post .blog_info a { color: #738A3E; }

/* Footer */

#footer {
	position: relative;
	margin: -215px 0 0 0;
	padding: 0;
	width: 100%;
	height: 215px;
	background: #4E3F37;
	clear: both;
}

#footer .wrapper { margin: 10px auto; padding: 15px 0 0 0; width: 960px; text-align: left; }
#footer .wrapper .column { float:left; margin: 0 10px 10px; padding: 0; width: 220px; text-align: left; }
#footer .wrapper h2 { margin: 0 0 5px 0; }
#footer .wrapper p { margin: 0 0 10px; color: #FEFEFE; }
#footer .wrapper a { color: #AADD87; }
#footer .wrapper hr { margin: 5px 0 10px; clear: both; }
#footer .wrapper ul { float: right; }
#footer .wrapper ul li { float: left; margin-right: 6px; font-size: 12px; }
#footer .wrapper li a { padding: 6px 8px; background: #2E2520; color:#FEFEFE; -moz-border-radius: 5px; }
#footer .wrapper li a:hover { padding: 6px 8px; background: #AADD87; color:#222; }
#footer .wrapper li a.click { padding: 0; background: none; color:#AADD87; }

#footer h2 { margin: 0 0 30px 0; padding: 0; font-size: 20px; color: #FEFEFE; letter-spacing: 0; text-align: left; }