/*============================================================================

	BEYOND REASONABLE DROUGHT
	
		* Filename:				screen.css
		* Media:					screen
		* Website:				[http://oph.gov.au/brd/]
		
		* Author:					Max Wheeler, Icelab [http://icelab.com.au/]
		* Created on:			2008-06-26
	
----------------------------------------------------------------------------*/


/* Float clear fix
*/
.wrapper:after,
#content:after,
#photos ul:after { 
content:  "."; 
display: block;
height: 0;
clear: both;
line-height: 0;
visibility: hidden;
}

html {}

body {
	background: #433826 url(../img/bg-body.jpg) top center;
	color: #efefef;
	text-shadow: #2f271a 0 0 3px;
	margin: 0; }
	
a:focus, a:hover {
	color:#fff; }
a {
	color:#ffc287;
	text-decoration:underline; }

/*============================================================================
                       >>  General: Structure  <<
----------------------------------------------------------------------------*/

.wrapper {
	margin: 0 auto;
	width: 913px; }

#header {
	background: transparent url(../img/bg-header.jpg) top center repeat-x;
	height: 261px; }

#content {
background: transparent url(../img/bg-content.jpg) top center repeat-x;
padding: 1.4em 0 0;
}

#header h1 {
	height: 261px;
	line-height: 261px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	width: 100%; }

	#header h1 a {
		background: transparent url(../img/bg-logo.jpg) center center no-repeat;
		display: block;
		height: 261px;
		line-height: 261px;
		padding: 0;
		margin: 0;
		overflow: hidden;
		text-indent: -999em;
		text-decoration: none;
		width: 100%; }
		
#header h2 {
	display: none; }

#intro {
padding-bottom: 1.4em;
}

#photos {
	padding: 1em 0; }

#nav em {
	background: transparent url(../img/icon-arrow-down.gif) right 0.4em no-repeat;
	display: block;
	font: normal 0.75em/1.4 Georgia, Palatino, "Times New Roman", serif;
	float: left;
	letter-spacing: 0.3em;
	padding-right: 12px;
	text-transform: uppercase; }
	
#subnav {
	float: right; }
		
	#nav ul,
	#subnav ul {
	clear: both;
	list-style: none;
	margin: 0 0 1em;
	padding: 1em 0 0; }
		
		#subnav ul { padding: 0; }
			
			#nav ul li a,
			#subnav ul li a {
				display: block;
				font: normal 1.24em/1.4 Helvetica, Arial, Verdana, sans-serif;
				letter-spacing: 0.17em;
				padding: 0.6em 10px 0.4em;
				text-decoration: none;
				text-transform: uppercase; }
			#nav ul li a {
				border-top: 1px #453e32 solid; }
			#subnav ul li a {
				text-align: right; }
				
				#nav ul li a span,
				#subnav ul li a span {
					border-bottom: 1px #4d3d2e solid;
					font: normal 0.6em/1.4 Georgia, Palatino, "Times New Roman", serif;
					letter-spacing: 0.3em;
					position: relative;
					top: -0.35em; }
				
				#nav ul li a:hover {
					background: #2a2315; }
					
					#nav ul li a:hover span {
						border-color: #a0958b; }

/*			#nav ul li a {
				background: transparent url(../img/bg-nav.gif) no-repeat;
				display: block;
				height: 46px;
				overflow: hidden;
				text-indent: -999em;
				width: 373px; }
			
			#nav ul li.photos a { background-position: 0 0; }
			#nav ul li.essay1 a { background-position: 0 -46px; }
			#nav ul li.essay2 a { background-position: 0 -92px; }
			#nav ul li.acknow a { background-position: 0 -138px; }
			#nav ul li.relate a { background-position: 0 -184px; }
				#nav ul li.photos a:hover { background-position: -373px 0; }
				#nav ul li.essay1 a:hover { background-position: -373px -46px; }
				#nav ul li.essay2 a:hover { background-position: -373px -92px; }
				#nav ul li.acknow a:hover { background-position: -373px -138px; }
				#nav ul li.relate a:hover { background-position: -373px -184px; }
*/

body.essay #content {
	padding-bottom: 4em; }


/*============================================================================
                        >>  General: Text  <<
----------------------------------------------------------------------------*/

.to-the-top {
	background: transparent url(../img/icon-arrow-up.gif) 0 0.4em no-repeat;
	float: right;
	font: normal 0.75em/1.4 Georgia, Palatino, "Times New Roman", serif;
	letter-spacing: 0.3em;
	margin: 1em 0 0;
	padding: 0 0 0 15px;
	text-transform: uppercase; }
	
	.to-the-top a {
	text-decoration: none; }
		.to-the-top a:hover {
		text-decoration: underline; }

.more {
	background: transparent url(../img/icon-arrow-right.gif) 0 0.65em no-repeat;
	clear: both;
	padding-left: 17px; }

h2 {
	color: #ccc1b0;
	border-bottom: 1px #453e32 dotted;
	padding-bottom: 0.5em; }

h3 {
	color: #ccc1b0;
	font-size: 1.4em;
	line-height: 1.3; }

cite {
	font-size: 1.2em; }

blockquote {
	color: #ccc1b0;
	font-size: 1.6em;
	margin: 0; }
	
	blockquote .source {
		color: #a29988;
		font-size: 0.75em;
		text-align: right; }

.essay blockquote {
	float: right;
	margin: 0 -150px 0 2em;
	position: relative; /* Prevent clipping in IE6 */
	width: 527px; }
	
	blockquote p {
	margin-bottom: 0.8em;
	}
	
.dquo {
	margin-left:-.44em; }

img.fl-left {
	border: 3px #856e49 solid;
	float: left;
	margin: 0 15px 15px 0; }

/*============================================================================
                             >>  Photos  <<
----------------------------------------------------------------------------*/
#photos h2 {
	background: transparent url(../img/title-photos.gif) 0 0 no-repeat;
	border: 0;
	height: 15px;
	line-height: 15px;
	margin: 0.3em 0 0.3em;
	overflow: hidden;
	text-indent: -999em;
	width: 207px; }

#photos ul {
	background: #2d2619;
	list-style: none;
	padding: 1px 1px 0 0;
	margin: 0; }
	
	#photos ul li {
		float: left;
		line-height: 0;
		margin: 0 0 1px 1px; }
		
		#photos ul li a {
			display: block;
			background: transparent; }
			
			#photos ul li a:hover {
				background: #ff6f00; }

			#photos ul li a img {
				height: 75px;
				width: 75px; }
			
				#photos ul li a:hover img {
					filter:alpha(opacity=80);
					-moz-opacity: 0.8;
					opacity: 0.8; }

/*============================================================================
                             >>  Footer  <<
----------------------------------------------------------------------------*/
#footer {
	background: #2a2217;
	border-top: 1px #4d4537 dashed;
	border-bottom: 1px #4d4537 dashed;
	margin: 2em 0 0;
	padding: 1em 0 2em; }

.logo-oph {
margin-right: 15px;
}

/*============================================================================
                             >>  Links  <<
----------------------------------------------------------------------------*/
#find-related-links h2 {
	background: transparent url(../img/title-relate.gif) 0 0 no-repeat;
	border: 0;
	height: 15px;
	line-height: 15px;
	margin: 0.3em 0 0.85em;
	overflow: hidden;
	text-indent: -999em;
	width: 230px; }

#find-related-links ul {
font-size: 1.1em;
list-style: none;
margin: 0; }

	#find-related-links ul li {
		background: transparent url(../img/icon-external.gif) no-repeat 0 0.55em;
		padding-left: 15px;
		margin: 0 0 0.4em; }



/*============================================================================
                            >>  Thickbox  <<
----------------------------------------------------------------------------*/

#TB_window {
	background: #fff;
	background-repeat: no-repeat !important;
	background-position: left center !important;
	text-shadow: none; }
		
	#TB_window h2 {
		border-bottom: 1px #ccc dashed;
		color: #111;
		font: italic 1.4em/1.4 Georgia, Palatino, "Times New Roman", serif; }

	#TB_window p {
		font-size: 0.9em;
		line-height: 1.3;
		margin: 0 0 0.8em; }

#thickbox_nav {
	background: #eee;
	font: normal 0.75em/1.4 Georgia, Palatino, "Times New Roman", serif;
	letter-spacing: 0.2em;
	padding: 8px 15px;
	text-transform: uppercase; }
	
	#thickbox_nav a {	
		text-decoration: none; }
		
		#thickbox_nav a:hover {
			text-decoration: underline; }
			
	#TB_prev a {
		background: transparent url(../img/grey-arrow-left.gif) no-repeat left center;
		padding-left: 12px;
		margin-right: 15px; }

	#TB_next a {
		background: transparent url(../img/grey-arrow-right.gif) no-repeat right center;
		padding-right: 10px; }
	
	#TB_closeWindowButton {
		background: transparent url(../img/grey-close.gif) no-repeat right 0.4em;
		padding-right: 10px;
		right: 15px;
		position: absolute; }

#TB_caption {
	background: #fff; }
		
	#TB_caption .inner {
		padding: 10px 15px 15px; }
	
		#TB_caption p.toflickr {
			background: transparent url(../img/icon-external-grey.gif) no-repeat 0 1.5em;
			border-top: 1px #ccc dashed;
			font: normal 0.8em/1.4 Georgia, Palatino, "Times New Roman", serif;
			letter-spacing: 0.2em;
			margin: 10px 0;
			padding: 10px 0 0 15px;
			text-transform: uppercase; }
		
			#TB_caption p.toflickr a {
				text-decoration: none; }
			
				#TB_caption p.toflickr a:hover {
					text-decoration: underline;}



/*============================================================================
                           >>  KML section  <<
----------------------------------------------------------------------------*/

#kml {
	margin-top: 2.4em; }

	#kml .span-7 {
		padding-top: 0.5em; }