/* CSS Document 

Created by Julian Smith
Websmiths - http://www.websmiths.com.au
2007

---- CONTENTS -----

- Basics
- Forms
- Main Layout 
- Nav Lists
- Main Typography
- Pathways classes
- General Classes

-------------------*/



/*
----- set basics -----*/

* {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	border: 0;
}

a {
	text-decoration: none;
	color: #ffc;
}
	a:hover {
		text-decoration: underline;
	}
	
ul, ol { margin: .4em 0 .8em 2.5em; }

/*
----- Form fields etc. ------*/
input, textarea {
	padding: .2em;
	border: 1px solid #666;
	border-left-color: #CCCCCC;
	border-top-color: #CCCCCC;
}


form b, form i { float: left; }
form b {
	width: 120px;
	padding: 0 1em 0 0;
	text-align: right;
}

form p { clear: left; }

sup, sub { font-size: .4em; }

/*
----- Main Layout -----*/

body {
	background: #293846;
	text-align: center;
	font-size: 72%;
}


	/* for fckeditor */
	body#copy { background: #3F5771; }
	.TB_ToolbarSet label { background: #3f5771; }

div#wrap {
	background: #222;
	width: 727px;
	margin: 0 auto;
	border: 1px solid #fff;
	border-width: 0 2px;
}

div#header {
	background: #3f5771 url(../../images/wd_header_01.jpg) no-repeat left bottom;
	min-height: 120px;
}


div#logo {
	float: left;
}

div#content {
	background: #3f5771;
}

.copy {
	padding: .8em;
	background: url(../../images/wd_copy_01.jpg) repeat-y;
	overflow: auto;
	min-height: 350px;
/*
	margin: 0 0 0 150px;
*/

}
	.copy ul { margin-left: 3em; } 
	.copy li {
		padding: .2em .4em;
		list-style-image: url(../../images/bullet.gif);
		color: #fff;
	}


div#footer {
	font-size: .8em;
	color: #999;
	padding: 60px 0 2em;
}

div#websmiths {
	font-size: .95em;
	color: #888;
}
	#websmiths a { color: #f90; }
	#websmiths p { padding: 5px; }
	
#digitaltao p { 
	color: #fff;
	font-size: .95em;
}

#footer p, #websmiths p, #digitaltao p { text-align: center; }






div#awards {
	text-align: center;
}





/* 
----- Nav lists -----*/

/* -- Top Nav --*/
div#mainnav {
	padding: 150px 0 8px;
	overflow: auto;
}

#mainnav ul { 
/**/
	padding: 2em 0 0;
	margin: 0 0 0 20px;
}
	#mainnav ul ul { 
	}
#mainnav li, #mainnav a { 
	float: left;
	padding: 5px 20px;
	min-width: 40px;
	text-align: center;
}
#mainnav li { 
	list-style-type: none;
	padding: 0;
	background: url(../../images/nav_bg_l.gif) no-repeat left 100px;
	
	/*	
	position: relative;
*/
}
	#mainnav a { 
		font-family: Futura, Arial, Helvetica, Verdana, sans-serif;
		font-size: 1em;
		color: #fff;
		padding: 2px 10px;
		letter-spacing: .05ex;
		background: url(../../images/nav_bg_r.gif) no-repeat left 100px;
	}
	#mainnav a:hover {
		text-decoration: none;
		background-position:  right top;
	}
	#mainnav li:hover, #mainnav li.over {
		background-position:  left top;
	}
	
	#mainnav li#active { margin: 0 0 0 6px; }
	#mainnav li#active a { margin: 0 6px 0 0; }
	
	#mainnav li#active, #mainnav li#active:hover, #mainnav li#active.over {
		background-position: left center;
	}
	
	#mainnav li#active a, #mainnav li#active a:hover
	/*, #footnav li.active a, #footnav li.active a:hover*/ { 
		background-position: right center;
		color: #BEFAA1;
		text-decoration: none;
	}
	
	#mainnav li ul { 
		display: none;
		position: absolute;
		padding: 0;
		margin: 0;
		top: 2.2em;
		left: 0;
	}
	
	#mainnav li ul a { }
	
	#mainnav li:hover ul { display: block; }


/* Left nav 
div#leftnav, div#logo { background: #CFE0D6; }
*/	
div#leftnav {
	float: left;
	width: 140px;
	padding: 1em 0 2em;
	border: 1px dotted #ccc;
}

#leftnav ul { 
	padding: 10px 0;
	margin: 0 1em; 
}

#leftnav li { 
	list-style-type: none;
	padding: 0;
	clear: both;
}
	#leftnav a { 
		padding: 10px 6px 6px;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 1.1em;
		float: left;
	}
	#leftnav a:hover {
		text-decoration: none;
		border: 1px solid #093;
		border-width: 0 0 1px;
	}
	#leftnav li#lef_active a, #leftnav li#lef_active a:hover
	/*, #footnav li.active a, #footnav li.active a:hover*/ { 
		color: #660000;
		text-decoration: none;
	}
	
	#leftnav li ul { display: none; }
	#leftnav li#lef_active ul { display: block; }
	


/*
----- Main Typography -----*/
p {
	padding: .4em .8em .3em;
	color: #fff;
}


h1 {
	font-size: 1.5em;
	color: #D4E7FA;
	letter-spacing: .1ex;
	font-weight: normal;
}

h2 {
	font-size: 1.3em;
	color: #cf6;
	font-weight: normal;
}

h1, h2, h3 {
	padding: 1.3em 0 .4em .3em;
	line-height: 1.35em;
	font-family: Futura, Arial, Helvetica, Geneva, sans-serif;
}

h4, h5 {
	padding: .7em 0 .2em;
}

h3, h4, h5 { color: #ccc; }


h6 {
	color: #336699;
	text-transform: uppercase;
	line-height: 1.3em;
	padding: 1em 2em 1em 0;
}



/* inline styles */ 
.highlight { background: #9ff; padding: .4em; }
.emphasise {
	font-family: Futura, Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.2em;
	font-style: italic;
	color: #f90;
}


/*
----- Client area styles (for FCKEditor) -----*/




.row1, .row2 { 
	padding: .3em;
	margin: 1px 0 0;
	background:#EEEBE0;		/*	F3E9D8	*/
}
	.row2 { background: #DDE5EE; }	/* DED6CF */

	.row1 img, .row2 img {
		float: left;
		margin: 0 1em 0 0;
	}
		.row1 h4, .row2 h4 {
			font-size: 1.4em;
			font-family: Arial, Helvetica, Geneva, sans-serif;
			font-weight: normal;
			letter-spacing: .17ex;
			color: #27471A;
		}


div.pagelist p.header span { font-weight: bold; }
div.pagelist p span {
	float: left;
	width: 80px;
}
div.pagelist p span.id { width: 1em; }
div.pagelist p span.description, div.pagelist p span.edit { width: 90px; }


div#links {
	position: absolute;
	width: 720px;
	text-align: center;
	margin: 0 auto;
	top: 90px;
}
div#links a { 
	padding: 1em;
	color: #fff;
}


/*
----- Various classes -----*/

.clear { clear: both; }

.left { text-align: left; }
.right { text-align: right; }
.centre { text-align: center; }

.noborder { border: none; }
.hide { display: none; }

.fl, .half, .third { float: left; }
.fr { float: right; }

	img.fl { margin-right: 10px; }
	img.fr { margin-left: 10px; }

.alert { 
	font-style: italic;
	color: #9f0;
}

.half { width: 338px; }
.third { width: 229px; }

.soundtrack.third { width: 224px; }

.shop .third { width: 220px; }

.textbox {

/*
	background: #364B57;
	filter:alpha(opacity=70);
	-moz-opacity: .7;
	opacity: .7;
*/
	position: relative;
	margin: 3px;
	padding: 4px;
	border: 1px solid #5C6F69;
	overflow: auto;
}	

.textbox h2 { padding-top: .6em; }
/*
.textbox p, .textbox a, .textbox h2, .textbox h3 {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}	
*/
.byline { 
	text-align: right;
	font-style: italic;
}


.caption, .caption a {
	font-family: Futura, Arial, Helvetica, Verdana, sans-serif;
	font-style: italic;
	text-align: center;
	color: #fff;
	font-size: 1.1em;
}


.soundtrack {
	clear: both;
	background: url(../../images/wd_peace_bg_01.jpg) no-repeat;
	overflow: auto;
}
	.soundtrack h3 { padding-left: 6px; }

.screenings {
	background: url(../../images/wd_whale_bg_01.jpg) no-repeat;
	padding: 1.2em;

}
	.screenings h1 { padding-top: 0; } 
	.screenings h2 {
		color: #3cc;
		letter-spacing: .1ex;
	}
	.screenings .centre h2 { 
		text-align: center;
		padding: 3em 0 1em;
		
	}	
	
.reviews {
	background: url(../../images/wd_bubble_bg_01.jpg) center center;
}
.reviews h2, .audience h2 {
	font-weight: normal;
	text-align: center;
}
.audience h2 { color: #f90; }
.distributors { 
	background: #000;
	overflow: auto;
	padding-bottom: 6px;
}
.distributors h2, .distributors h3, .distributors p { text-align: center; }

.newsarticle { 
	clear: both;
	margin-top: 6px;
	border: 1px dashed #B1A350;
	border-width: 1px 0;
	overflow: auto;
}
.newsarticle h1 { padding-top: .5em; }
.newsarticle h1, .newsarticle p { margin: 0 135px; }
.newsarticle ul { margin: 0 145px 0 165px; }
.newsarticle p.caption { margin: 0; }
.newsarticle .fl  { margin: 10px 10px 6px 4px; }
.newsarticle .fr, .interview .fr  { margin: 10px 4px 6px 10px; }
.newsarticle div.fr { width: 130px; }

.quotes div.fl { width: 180px; }
.quotes h2 {
	font-size: 1.2em;
	color: #fc0;
	font-weight: normal;
	margin: 0 150px 0 200px;
}
.quote { 
	clear: both;
	overflow: auto;
}

.friend { clear: both; }

.friend a.fl {
	width: 144px;
	height: 100%;
	background: #000;
	text-align: center;
}
.friend .fl img { padding: 2px; }

.friends p { 
	margin: 0 100px 12px 175px;
}
.friends h2 {
	color: #cc0;
	font-size: 1.5em;
	margin: 0 100px 10px 160px;
	padding-top: 12px;
}

#members form {
	overflow: auto;
	margin: 1.4em;
}

.supporter { background: url(../../images/wd_bubble_bg_01.jpg); }
.supporter p { padding-top: 1.2em; }
.supporter h2 { 
	color: #f90;
	font-size: 1.3em;
}

div.audio { 
	margin: 6px;
}

div.video {
	margin: 3px;
	padding: 10px 0;
	background: #000;
	text-align: center;
}

.gallerylinks h2, .gallerylinks p { text-align: center; }
.gallerylinks h2 { padding-top: 1.2em; }

.gallery { 
	margin: 1em 0;
	text-align: center;
}


.product { 
	clear: both;
}
.product a.fl {
	width: 200px;
	padding: 12px 0;
	background: #000;
	text-align: center;
}
.product h2, .product p, .product h3 {
	margin: 6px 30px 0 240px;
}


input.addcart {
	border: none;
}


#cart span { 
	float: left;
	width: 50px;
}

#cart span.image { 
	width: 70px;
	padding: 4px 0;
	text-align: center;
	background: #000;
	margin-right: 10px;
}
#cart .carthead span.image { background: none; }
#cart span.item { width: 100px; }
#cart span.description { width: 140px; } 
#cart span.size { text-align: center; }
#cart span.colour { width: 80px; } 
#cart span.price { width: 90px; } 
#cart span.total { font-weight: bold; }

#cart .submits input { 
	border: none;
	background: none;
}

#cart p.carthead {
	font-weight: bold;
	color: #f90;
}

#cart p {
	clear: both;
}
#cart h4 { padding-top: 2em; }

#form legend {
	padding: 1em 0 .6em .5em;
	color: #fc3;
	font-size: 1.1em;
	font-family: Futura, Arial, Helvetica, Verdana, sans-serif;
}
#form b { width: 90px; }
#form #confirmdetails b { width: 120px; }

#form em { font-size: .86em; }
form .submit, form#cart input.submit { 
	margin: 0 2px;
	padding: 1px 3px;
	border: 1px solid #ccc;
	border-bottom-color: #777;
	border-right-color: #777;
	background: #B8D3D8;
}