/*
Theme Name: Byron Bay Whale Watch 08
Theme URI: http://www.kathrynwallis.com.au/
Description: Custom Theme for Byron Bay Whale Watching
Author: Bodhi McGee
Author URI: www.bodhimcgee.com
Tags: 

*/



/* ------ BASE ------ */
	* { padding: 0; margin: 0; }

	option { padding-right: 1em; }
	
	html {background: #30528B url(images/navigation/container_background.jpg) top left repeat;}
	
	body
	{
		position:relative;
		font-size: 76%;
		font-family: arial, helvetica, sans-serif;
		color: #fff;
	}

	li, dd, dt, blockquote { margin: 0 0 0 0.3em; }
	fieldset { padding: 10px; }
	ul, ol, dl { margin-left: 0.5em; }
	dt { font-weight: bold; margin: 8px 0 5px 0.5em; }
	img { border: 0; }

	dl.listed dt, dl.listed dd
	{
		margin: 0 0 8px 10px;
	}

	p, li, dd
	{
		margin: 0.5em;
		line-height: 130%;
	}

	h1
	{
		color: #000;
		font-size: 2.0em;
		font-weight: bold;
	}

	h2
	{
		color: #fff;
		font-weight: bold;
		font-size: 1.5em;
		padding: 0.2em 0;
		border-bottom: 1px solid #8098c6;
	}

	h3
	{
		color: #fff;
		font-size: 1.4em;
		margin: 0.7em 0 0.4em 0;
		padding: 0.2em 0 0 0.5em;
		border-top: 1px solid #a3bad1;
		font-weight: bold;
	}

	h4
	{
		color: #036;
		font-size: 1.3em;
		margin: 0.7em 0 0.4em 0;
		padding: 0.2em 0 0 0.5em;
		border-top: 1px solid #a3bad1;
		font-weight: bold;
	}

	h5
	{
		color: #036;
		font-size: 1.2em;
		padding: 0.4em 0;
		font-weight: bold;
	}

	h6
	{
		color: #036;
		font-size: 1.1em;
		padding: 0.3em 0;
		font-weight: bold;
	}

	a
	{
		color: #fff;
		font-weight : bold;
		text-decoration: none;
	}

	a:visited
	{
		color: #fff;
	}

	a:hover, a:active
	{
		text-decoration: underline;
	}
	
	p a {text-decoration:underline;}

	a.external
	{
		background: transparent url(images/icons/external_link.gif) center right no-repeat;
		padding-right: 13px;
	}

	address
	{
		line-height: 0.5em;
	}

	ul.inline
	{
		border-bottom: 1px solid #a3bad1;
		margin: 0;
		padding: 0.1em 0.3em 0.4em 0.3em;
	}

	ul.inline li
	{
		font-size: 0.9em;
		text-transform : uppercase;
		display: inline;
		padding: 0 8px 0.1em 0;
		margin: 0;
		background: transparent url(images/icons/list_arrow.gif) center right no-repeat;
		line-height: 100%;
	}

	li.current
	{
		color: #900;
		font-weight:bold;
	}

/* -- messages ---------------------------------- */

	.message
	{
		color: #900;
		font-weight: bold;
	}

	#messages
	{
		width: 540px;
		color: #900;
		border: 2px solid #900;
		margin: 0.5em 1em;
		line-height: 110%;
	}

	#messages dd
	{
		margin: 0.5em 1em;
	}


/* -- header ---------------------------------- */

	

	div#header h1
	{
		margin-left: -100em;
		color: transparent;
	}

	img#headertext
	{
		float: left;
		padding: 0 0 0 10px;
	}

	div#header p
	{
		margin: 0;
	}

	div#header ul
	{
		list-style-type: none;
		color: #ccc;
		text-align: right;
	}

	div#header li
	{
		display: inline;
		padding: 0.2em 5px;
		text-align: center;
	}

	div#header li a, div#header li a:visited
	{
		font-weight: bold;
		text-decoration: none;
		color: #000099;
		padding-top: 0.9em;
	}

	div#header li a:hover, div#header li a:active
	{
		border-bottom: 3px solid #33cc00;
		color: #900;
	}
	
	

/* ------ CONTAINERS ------ */

	div#container
	{
		position:relative;
		margin: 0 auto;
		width: 780px;
		padding: 0;
		background: #213f77 url(images/navigation/container_background2.jpg) top left no-repeat;
	}

/* ------ MAIN ---------------- */

	div#main
	{
		margin-bottom:15px;
		float:right;
		width: 600px;
		padding-left:30px;
		border-left: 1px solid #8098c6;
	}
	
	div#main p
	{
		margin-left:0;
		margin-right:10px;
	}

/* ------ NAVIGATION ------ */

	div#navigation
	{	
		margin-top:-76px;
		position:relative;
		margin-bottom:15px;
		float:left;
		width: 144px;
		text-transform: uppercase;

	}

	div#navigation ul
	{
		text-align: right;
		list-style-type: none;
		padding-right: 15px;
	
	}
	
	div#navigation li a:hover
	{
		color:#FFCC00;
	}
	
	div#news {
		padding:10px;
		margin-left:10px;
		}
	
	div#navigation h3
	{
		font-size:1.2em;
		border-top:none;
		margin-top:20px;
		margin-left:15px;
		padding-top:20px;
		border-top: 1px solid #8098c6;
	}
	
	div#navigation h3 a, div#navigation h3 a:visited
	{
		text-decoration:underline;
	}
	
	div#navigation h3 a:hover
	{
	color:#FFCC00;
	}
	
	div#news a, div#news a:visited
	{
		color:#FFCC00;
		font-size:.95em;
		text-decoration:underline;
		display:block;
		margin-bottom:8px;
		margin-top:-5px;
	}
	
	div#news a:hover
	{
		color:#FFF;
		text-decoration:underline;
	}
	
	div#news em
	{
		display:block;
		font-size:.95em;
	}
	
	div#news p
	{
	text-transform:lowercase;
	font-size: 1em;
	margin: 8px 8px 0 0;
	}
	
	


/* ------ GALLERY ---- */

	dl.listed
	{
		width: 180px;
		float:left;
		padding: 0;
		margin: 5px;
	}

	dl.listed dt
	{
		text-align:center;
		padding: 10px 10px 15px 10px;
		border: 1px solid #8098c6;
	}

	dl.listed dt p
	{
		padding: 0 0 0.2em 0;
		margin: 0;
	}

/* ------ FORMS ------ */


	form ul
	{
		list-style: none;
	}

	fieldset
	{
		padding: 0.5em 0.5em 1em 0.5em;
		margin: 1em 0;
		border: 2px solid #1362b2;
	}

	legend
	{
		color: #fff;
		padding: 0.5em 10px 0.5em 10px;
		margin: 0;
		font-size: 1.1em;
		font-weight: bold;
		border: 0;
		background-color: #1362b2;
	}

	legend em
	{
		font-size: 1em;
	}

	label
	{
		cursor: pointer;
		cursor: hand;
		text-transform: uppercase;
		font-size: 0.9em;
		font-weight: bold;
	}

	label em
	{
		text-transform: none;
		font-size: 1.1em;
		font-weight: normal;
	}

	input
	{
		border: 1px solid #333;
		border-top: 1px solid #333;
		border-left: 1px solid #333;
		background-color: #e6eef6;
	}

	textarea
	{
		border: 1px solid #333;
		border-top: 1px solid #333;
		border-left: 1px solid #333;
		background-color: #e6eef6;
	}
	
	textarea#comment
	{
		width:450px;
	}

	input:focus, textarea:focus
	{
		border: 1px solid #FFCC00;
	}
	
	div#navigation form#searchform
	{
		position:absolute;
		top:23px;
		left:10px;
		z-index:100;
		display:block;
		width:130px;
	}
	
	div#navigation form#searchform div input
	{
		padding:0;
		margin:0;
		display:block;
	}
	
	div#navigation form#searchform div #searchsubmit
	{
		font-size:.95em;
		cursor:pointer;
		color:#333;
		font-weight:700;
		padding:1px 0 1px 0;
	
	}
	
	div#navigation form#searchform div input#searchsubmit:hover
	{
	cursor:pointer;
	color:#FFF;
	background:#003366;
	border:1px solid #FFF;
	}
	
	form#searchform div input#s
	{
		
		float:left;
		background:#FFF;
		width:100px;
		color:#213F77;
		font-size:1em;
		height:17px;
		padding:6px 2px 0 .5em;
	}
	

/* ------ FOOTER ------ */

	div#footer
	{
		clear: both;
		margin: 20px 0 0 0;
		padding-top:05px;
		width: 780px;
		height:2.3em;
		background:#FFF;
	}

	div#footer p
	{
		color:#006699;
		font-size: 1em;
		padding: 0.2em 0;
		margin: 0
	}
	
	#footer p#underwater 
	{
		float:right;
		width:auto;
		position:relative;
		margin-right:145px;
	}
	
	#footer p#underwater a 
	{
		position:absolute;
		display:block;
		width:107px;
		top:-2px;
		right:-120px;
		height:23px;
		text-indent:-9999px;
		background: url(images/navigation//uw-logo.gif) no-repeat;
		padding-bottom:2px;
		color:#006699;
	}

	#footer p#underwater a:hover 
	{
		border-bottom:1px solid #00CCFF;
	}
	
	p.loginout {float:left; width:auto; display:block;}
	p.loginout a {padding-left:15px;color:#006699;text-decoration:none;}
	p.loginout a:hover {text-decoration:underline;}
	
	

/* ------ MISCELLANEOUS ------ */

	.paginator
	{
		margin:0;
		padding:0.2em;
		text-align: right;
	}

	.clearboth
	{
		clear: both;
	}

	.clearleft
	{
		clear: left;
	}
	
	.clearright
	{
		clear: right;
	}

	.floatleft
	{
		float: left;
		margin: 0 10px 10px 0;
	}

	.floatright
	{
		float: right;
		margin: 0 0 10px 10px;
	}

	tbody tr.even td
	{
		background-color: #eee;
	}
	tbody tr.odd  td
	{
		background-color: #9cf;
	}
	
	.editlink { font-size:.9em; padding-left:15px; text-transform:lowercase;}
	
	input#contactsubmit {cursor:pointer;}
	
	img.alignleft {padding:8px 8px 8px 0; float: left; width:inherit;}
	img.alignright {padding:8px 0 8px 8px; float:right; width:inherit;}
	
	.blogroll li a {
		color:#FFCC00;
		}
		
img.alignright {
	float:right;
	clear:right;
	}
	
img.alignleft {
	float:left;
	clear:left;
	}


/* ------ PRINT ------ */

	@media print
	{
		div#container
		{
			background-image: none;
		}

		div#header
		{
			background-color: white;
			background-image: none;
		}

		div#header h1
		{
			color: #000;
		}

		#subnavigation
		{
			display: none;
			width: 20px;
		}

		div#content2
		{
			margin-left: 50px;
		}

		div#content
		{
			margin-left: 50px;
		}
	}