/*
Theme Name: Ten Trees
Theme URI: http://www.tentreesdesign.cocm
Author: mediaBunker
Author URI: http://www.mediabunker.co.uk
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: tentrees
*/

html {
	height:100%;
}

body {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #5792B6;
	text-align: center;
	z-index:0;
	position:relative;
	min-width: 980px;
	height:100%;;
}

h1 {
	font-size:1.0em;
}

p {
	font-size:1.3em;
}

strong {
	font-weight: bolder;
}

a:link, a:visited {
	color: #5792B6;
	text-decoration: none;
}

a:hover {
	color: #004B6E;
	text-decoration: underline;
}

/* Page specific styles */

#siteUpperBackground {
	position:fixed;
	left:50%;
	height:100%;
	z-index:10;
	overflow:hidden;
}

#siteUpperBackground.background_1 {
	background: url(images/background_A_Top.gif) top center no-repeat;
	width:2270px;
	margin-left:-1135px;
}

#siteUpperBackground.background_2 {
	background: url(images/background_B_Top.gif) top center no-repeat;
	width:1736px;
	margin-left:-868px;
}

#siteUpperBackground.background_3 {
	background: url(images/background_C_Top.gif) top center no-repeat;
	width:1736px;
	margin-left:-868px;
}

#siteUpperBackground.background_4 {
	background: url(images/background_D_Top.png) top center no-repeat;
	width:2346px;
	margin-left:-1173px;
}

#siteUpperBackground.background_5 {
	background: url(images/background_E_Top.png) top center no-repeat;
	width:2040px;
	margin-left:-1020px;
}

#siteUpperBackground.background_6 {
	background: url(images/background_F_Top.png) top center no-repeat;
	width:2040px;
	margin-left:-1020px;
}


#siteLowerBackground {
	min-height: 100%;
	background:#F4F4F4 url(images/background_A_Bottom.png) top left repeat-x fixed; /* default background */
}

#siteLowerBackground.background_1 {
	background:#F4F4F4 url(images/background_A_Bottom.png) top left repeat-x fixed;
}

#siteLowerBackground.background_2 {
	background:#5792B6 url(images/background_B_Bottom.gif) center top repeat-y;
}

#siteLowerBackground.background_3 {
	background:#603814 url(images/background_C_Bottom.gif) center top repeat-y;
}

#siteLowerBackground.background_4 {
	background:#000000 url(images/background_D_Bottom.png) top left repeat-x fixed;
}

#siteLowerBackground.background_5 {
	background:#C1BC46 url(images/background_E_Bottom.png) top left repeat-x fixed;
}

#siteLowerBackground.background_6 {
	background:#000000 url(images/background_F_Bottom.gif) center top repeat-y;
}

#outerContentWrapper {
	width: 980px;
	margin:	0 auto;
	background-color: #ffffff;
	z-index:20;
	position:relative;
	overflow:hidden;
	height:100%;
}

#navigationOuterWrapper {
	width: 179px;
	float: right;
	margin-right:29px;
	text-align:left;
	
}

#navigationWrapper {
	position: fixed;
	top:35px;
	float: right;
	text-align: left;
	font-weight: bolder;
}

#navigationWrapper a:link, #navigationWrapper a:visited {
	color: #98BED4;
	text-decoration: none;
}

#navigationWrapper a:hover {
	color: #5792B6;
	text-decoration: none;
}

#navigationWrapper .current {
	color: #5792B6;
}

#navigationWrapper #workMenu {
	margin: 54px 0 2px 0;
	padding: 7px 0 4px 0;
	border-top: 1px solid #CBDEEA;
	line-height: 20px;
	width:179px;
}

#navigationWrapper .accordion {
	display:none;
}

#navigationWrapper #contactDetails {
	padding: 8px 0 8px 0;
	border-top: 1px solid #CBDEEA;
	border-bottom: 1px solid #CBDEEA;
	width:179px;
}

#navigationWrapper #contactDetails li.active a.accordianTitle {
	color: #004B6E;
}

#navigationWrapper #contactDetails .accordianContent {
	width: 179px;
}

#navigationWrapper #contactDetails .accordianContent li {
	padding-bottom:18px;
}

#navigationWrapper #contactDetails .accordianContent li.first {
	padding-top:4px;
}

#navigationWrapper #contactDetails .accordianContent li.last {
	padding-bottom:0;
}

#navigationWrapper #contactDetails .accordianContent a:link, #navigationWrapper #contactDetails .accordianContent a:visited {
	color: #5792B6;
	text-decoration: underline;
}

#navigationWrapper #contactDetails .accordianContent a:hover {
	color: #004B6E;
	text-decoration: underline;
}

#navigationWrapper h1 {
	font-weight:bolder;
	float:right;
	margin-top:9px;
}

#navigationWrapper h1 .copyright {
	font-size:1.35em;
}

#mainContentWrapper {
	width: 685px;
	text-align: left;
	padding: 37px 0 0 30px;
	float:left;
}

#mainContentWrapper .intro {
	width: 560px;
	height: 123px;
}

#mainContentWrapper .intro strong {
	color: #00A9DF;
}

#mainContentWrapper .workItemWrapper {
	margin:0 0 13px 0;
	padding:0 0 10px 0;
	border-bottom: 1px solid #CBDEEA;
}

#mainContentWrapper .workItemWrapper.last {
	padding:0 0 30px 0;
	margin:0;
	border-bottom: none;
}

#mainContentWrapper .workItemWrapper img {
	margin:0 0 5px 0;
}

#mainContentWrapper #singlePostWrapper {
	font-size:0.8em;
	padding-bottom:30px;
}

#mainContentWrapper #singlePostWrapper #upperWrapper {
	height:123px;
}

#mainContentWrapper #singlePostWrapper #title strong {
	color: #00A9DF;
	font-weight:bolder;
}

#mainContentWrapper #singlePostWrapper #webLinks {
	line-height:1.75em;
	height:1.75em;
}

#mainContentWrapper #singlePostWrapper #webLinks a:link, #mainContentWrapper #singlePostWrapper #webLinks a:visited, #mainContentWrapper #singlePostWrapper #webLinks a:hover {
	font-weight:bolder;
}

#mainContentWrapper #singlePostWrapper #contentWrapper img {
	margin-bottom: 20px;
}