/*
* Layout CSS
*
* @author	Duncan Mundell <duncan@lantech.co.nz>
* @version	1.0
* @updated	31/10/06
*/

html {
	background: #E5E5E5 url(../images/interface/html.bg.png) repeat-x center 210px;
	}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background: url(../images/interface/body.bg.png) center top no-repeat;
	padding: 106px 0 0 0;
	margin: 0 auto;
	color: #3E647E;
	}


/* Used to bring all content into centre fixed width column */
#bodywrapper {
	width: 800px;
	margin: 0 auto;
	}

/* Used to give vertically repeating shadowed border to page */
#pagewrapperouter {
	background: url(../images/interface/pagewrapperouter.bg.png) repeat-y;
	}

/* Used to give initial shadowed border around page before repeating starts */
#pagewrapper {
	background: url(../images/interface/pagewrapper.bg.png) no-repeat;
	}
	
/* Used to give top part of page border */
#pagewrapperinner {
	background: url(../images/interface/pagewrapperinner.bg.png) no-repeat;
	padding: 14px 25px 0 25px;
	}


/* Search bar */
#searchbar {
	float: right;
	padding: 2px 5px 0 0;
	}
	
#searchbar form {
	margin: 0;
	padding: 0;
	vertical-align: top;
	}
	
#searchbar input {
	vertical-align: top;
	}
	
#searchbar #query {
	padding: 3px 0 3px 3px;
	height: 12px;
	color: #757676;
	border: 1px solid #000;
	font-size: 0.8em;
	width: 150px;
	}


/* Actual page content inside here, i.e. columns etc */
#page {
	padding: 0;
	height: 390px;
	}
	
/* Undo psuedo min-height for real browsers */
html > body #page {
	height: auto;
	min-height: 390px;
	}
	
		
/* Used for dropshadow effect at bottom of page */
#pagebottom {
	background: url(../images/interface/page.bg.bottom.png) no-repeat;
	height: 20px;
	}
	
	
/* Footer */
#footer {
	color: #3E647E;
	font-size: 1em;
	padding: 0 150px 0 30px;
	clear: both;
	}
	
#footer a {
	color: #3e647e;
	text-decoration: none;
	}
	
#footer a:hover {
	text-decoration: underline;
	}

#footer p {
	margin: 0 0 10px 0;
	}
	
#footer hr {
	height: 1px;
	background-color: #C4CBD0;
	border: none;
	}


/* Misc other globally used styles */
div.clearing {
	line-height: 0;
    clear: both;
    margin : 0;
    padding: 0;
    border: 0;
	height: 0;
	font-size: 0em !important;
	}
	
.hidden {
	display: none !important;
	}