/*
Theme Name: Watercolour
Theme URI: http://wordpress.org/
Description: Inspired by Burning Bush by Nathan Sams.
Version: 2.1
Author: Tim Osborn	
Author URI: http://memelab.com.au
*/

/*keep the footer at foot*/

* {
    margin: 0;
}
html, body {
    height: 100%;
	margin: 0;
	padding: 0;
}
#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -110px;

	background: url(images/content.jpg) repeat-y;
	width: 1020px;

}
#footer, #push {
    height: 110px;
	width: 1020px;
    margin: 0 auto -110px;
}

html {background: url(images/paper.jpg) repeat;}

body {
	background: url(images/body.jpg) no-repeat;
	font: 76% "verdana", "tahoma", "arial", sans-serif;
	color: black;
}

#banner {
	background: url(images/banner.jpg) no-repeat;
	height: 301px;
	width: 1020px;
	text-indent: -9000px;
	
}
#title {
	background: url(images/title.jpg) no-repeat;
	height: 57px;
}

#header {
	position: relative;
	background: url(images/header.jpg) no-repeat;
	height: 113px;
}
#header h2 a {
/*	For testing witout FLIR */
/*	background: url(images/post-title.jpg) no-repeat;*/
/*	height: 55px;*/
/*	width: 457px;*/
/*	text-indent: -9000px;*/

	position: absolute;
	top: 50px;
	left: 150px;
	
	color: #c98100;
	font-size: 40px;
	font-weight: 500;
}

#content {
	float: left;
	width: 511px;
	padding: 20px 0 20px 10px;
	margin: 0 0 110px 139px;
}

#sidebar {
	float: right;
	width: 200px;
	margin: 0 138px 110px 0;
	padding: 20px 10px;
/*	background: green;*/
}

#footer {
	background: url(images/footer.jpg) no-repeat;
	text-align: center;
	padding-top: 10px;
	color: white;
}

.clear {clear:both;}

/* Text Styles */

p {
	padding: 0 0 1em 0;
}

pre {
	padding-bottom: 1em;
	overflow: hidden;
}

blockquote {
	padding:  0 0 20px 40px;
	font-style: italic;
}

ul {
	padding-bottom: 20px;
}

li {
/*	some problem with only three values registered here?*/
/*	padding: 0 0 20px 0;*/
}

a {color: #3f0700;text-decoration: none;}
a:hover {text-decoration: underline;}


/* dTabs */

ul#tabbar {
	width: 480px;
	padding: 17px 110px 0 430px;
/*	background: white;*/
	text-align: right;

	font-size: 1.4em;
	font-weight: 600;
}

/* style the tabs in IE (the trailing comma prevents other browsers from reading this) */
#tabbar li, #tabbar ul li, {
	
	/* make them horizontal in IE*/
	display: inline;
	
	/* space them a little in IE*/
	margin: 0 5px;
}

/* style the tabs */
.tab, .tabselected {
	
	/* make them horizontal in Firefox 2*/
	display: -moz-inline-box;
	
	/* make them horizontal in all other browsers*/
	display: inline-block;
	
	/* space them a little */
	padding: 5px;
	
	/* set a grey background for non-selected tabs (which we will overide for selected tabs later) */
	background-color: transparent;
}

/* make changes to the selected tab */
.tabselected {
	
	/* set a white background */
	background-color: transparent;
	
	/* make the border along the bottom blend into the white background */
	border-bottom-color: transparent;
}

/* style the drop down menus */
.dmenu {
	/* left align the text */
	text-align: left;
	
	/* REQUIRED */
	position: absolute;
	
	/* js fade method should display them 23px below the top of the tabs */
	margin: 23px 0 0 0;
	
	/* put some space around the contents */
	padding: 5px 15px;
	
	/* set a grey background */
	background-color: rgb(240,240,240);
	

}
#tabbar .dmenu ul {
	
	/* put space at the top and bottom of top-level menus */
	padding: 5px 0 0 10px;
	
	/* stop ie going crazy */
	margin: 0;
	
}
#tabbar .dmenu ul li {
	
	/* stop ie from displaying list items inline */
	display: list-item;
	
}

/* REQUIRED: hide menus off screen by default */
.dmenu {
	left: -999em;
}

/* STYLING JUST FOR CSS MENUS */
#tabbar .fademenu .dmenu {
	
	/* position menus correctly */
	margin: 5px 0 0 -6px;
}
/* REQUIRED: show menus on hovering */
#tabbar .fademenu:hover .dmenu {
	left: auto;
}