/* @override http://www.gdckuiken.com/gdckuiken.css */

/* CSS Document */
/*  
Version: scheme561
Author: Hoganord Studios
Author URI: http://www.hoganord.com 
*/
/*************************************
 +TABLE OF CONTENTS SCHEME 561
 *************************************/
/*			
			Colour Info Scheme 561
			General
			Typography
			Header
			Navigation
			Container
			Sidebar
			Sidebar Navigation
			Info
			Main Content
			Footer
			Contact
			Forms
			Downloads
			Flash Content
			Gallery
			Fixes
			Nifty Corners
*/
/*************************************
 +COLOUR INFO SCHEME 561
 *************************************/
/*
sea green:	#819592
biege:		#CFC49E
brown:		#8A6850
black:		#151217 (bullets etc...)
*/
/*************************************
 +GENERAL
 *************************************/
* {
	margin:0; 
	padding:0;
	}
body {
	background:#819592 url(img/back.jpg) repeat-x;
	font-size:62.5%; /* Resets 1em to 10px */
	}
/*************************************
 +TYPOGRAPHY
 *************************************/
strong {
	color:#8A6850;
	}
h1, h2, h3, h4, h5, h6 {
	padding-bottom:1em;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	}
h1 {
	font-size:1.2em;
	color: #CFC49E;
	}
h2 {
	color: #8A6850;
	}

h3 {
	color: #CFC49E;
	}
h4 {
	color: #8B7355;
	padding-top: 1em;
	}
h5 {
	color: #CDBA96;
	}
h6 {
	font: normal .8em Verdana, Arial, Helvetica, sans-serif;
	color: #8B7355;
	}
.info {
	padding:30px 45px 40px 32px;
	}
.info a:link {
	color:#4488AA;
	text-decoration: none;
	}
.info a:visited {
	color:#4488AA;
	text-decoration: none;
	}
.info a:hover {
	color:#115588;
	}
.info p {
	padding-bottom:1em;
	}
h3.info {
	font: 1.7em/1.3 Georgia, "Lucida sans", "Lucida Grande", Arial, Helvetica, sans-serif;
	}
/*************************************
 +HEADER
 *************************************/
#header {
	margin:0 auto;
	width:62em;
	width:744px;
	height:60px;
	background:#CFC49E /* url (img/back.jpg)*/;
	font: 1.2em/1.5 Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	position:relative
	}
#header h1 a span {
	position:absolute;
	top:0;
	left:0;
	width:250px;
	height:60px;
	background: url(img/logo.jpg) no-repeat;
	}
/*************************************
 +NAVIGATION
 *************************************/
#nav {
	width:100%;
	background:#151217 /* url(img/back2.jpg) repeat-x */;
	color:#819592;
	}
#menu {
	font:bold 1.2em Verdana, Arial, sans-serif;
	list-style-type:none;
	width:62em;
	margin:0 auto;
	max-width:99%;
	text-align:left;
	padding:0.65em 0;
	}
#menu li {
	display:inline;
	margin:0 0 2em;
	padding:0.65em 0;
	}
#menu li a {
	text-decoration:none;
	padding:0.65em 2.5em;
	outline: none; /* @ Firefox 1.5, remove ugly dotted border */
	}
#menu li a:link, #menu li a:visited {
	color:#CFC49E;
	}
#menu li a:hover {
	color:#FFF;
	background:#819592;
	}
#home #homenav a, #theauthor #theauthornav a, #publications #publicationsnav a, #gallery #gallerynav a, #contact #contactnav a {
	color:#FFF;
	background:#819592;
	cursor:default;
	text-decoration:none;
	margin:0 0 2em;
	outline: none; /* @ Firefox 1.5, remove ugly dotted border */
	}
/*************************************
 +CONTAINER
 *************************************/
#container {
	margin:2.8em auto 0;
	width:62em;
	max-width:99%;
	/*background:#FFF url(img/topleft.gif) no-repeat top left;*/
	background-color:#FFF;
	border:1px solid #819592;
	border-top:1px solid #819592;
	font: 1.2em/1.5 Verdana, Arial, Helvetica, sans-serif;
	color:#8A6850;
	}
/*************************************
 +SIDEBAR
 *************************************/
#sidebar {
	width:29%;
	float:left;
	}
#sidecontent {
	padding:35px 0 20px 32px;
	}
#sidecontent img {
	font: italic .8em Verdana, Arial, Helvetica, sans-serif;
	color: #CFC49E;
	padding: 5px 0px 0 0;
	}
/*************************************
 +SIDEBAR NAVIGATION
 *************************************/
#subnav {
	list-style-type:none;
	padding-bottom:20px;
	border-top:1px solid #8A6850;
	}
#subnav ul, #subnav2 ul {
	background:#FF6600;
	}
#subnav li, #subnav2 li {
	border-bottom:1px solid #8A6850;
	padding:.3em 0 .3em 0;
	}
#subnav li a, #subnav2 li a {
	color:#CFC49E;
	text-decoration:none;
	padding-left:20px;
	background:url(img/arrow.gif) no-repeat left;
	outline: none; /* @ Firefox 1.5, remove ugly dotted border */
	}
#subnav li a:hover, #subnav2 li a:hover {
	color:#8A6850;
	background:url(img/arrow2.gif) no-repeat left;
	}
#subnav li a.active, #subnav2 li a.active {
	text-decoration:none;
	color:#8A6850;
	background:url(img/arrow2.gif) no-repeat left;
	outline: none; /* @ Firefox 1.5, remove ugly dotted border */
	}
#subnav2 {
	list-style-type:none;
	margin-top:1em;
	border-top:1px solid #8A6850;
	}
/*************************************
 +INFO
 *************************************/
.intro {
	/* background:url(img/topright.gif) no-repeat top right; */
	padding-top:40px;
	padding-bottom:40px;
	}
div.intro {
	float:left;
	}
div.info ul {
	list-style-type: none;
	padding: 0 0 1.5em;
	margin: 0;
	font: 1em/1.7em Verdana, Arial, Helvetica, sans-serif;
	}
div.info ul li {
	padding-left: 1.5em;
	background: url(img/bullet.gif) no-repeat left 0.5em;
	}
div.info img {
	font: italic .8em Verdana, Arial, Helvetica, sans-serif;
	color: #DDEEFF;
	padding: 5px;
	}
/*************************************
 +MAINCONTENT
 *************************************/
#main {
	width:70%;
	float:right;
	}
#maincontent {
	padding:35px 45px 40px 20px;
	}
#maincontent p {
	padding-bottom:1em;
	}
#maincontent blockquote {
	font: 1em/1.7em Georgia, "Lucida sans", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-style:italic;
	color: #8B7355;
	margin: 20px 0;
	padding: 0 20px 0 50px;
	border: none;
    background: #fff url('img/quote.gif') no-repeat 10px 0;
	}
#maincontent blockquote cite {
	margin: 5px 0 0;
	display: block;
	}
#maincontent hr {
	border: none 0;
	border-top: 1px solid #CCC;
	width: 100%;
	height: 1px;
	}
#maincontent img {
	font: italic .8em Verdana, Arial, Helvetica, sans-serif;
	color: #DDEEFF;
	padding: 5px;
	}
#maincontent h2 a:link {
	color:#8A6850;
	text-decoration:none;
	outline: none; /* @ Firefox 1.5, remove ugly dotted border */
	}
#maincontent h2 a:visited {
	color:#8A6850;
	text-decoration:none;
	outline: none; /* @ Firefox 1.5, remove ugly dotted border */
	}
#maincontent h2 a:hover {
	color:#CFC49E;
	text-decoration:none;
	outline: none; /* @ Firefox 1.5, remove ugly dotted border */
	}
#maincontent a:link {
	color:#CFC49E;
	text-decoration:none;
	outline: none; /* @ Firefox 1.5, remove ugly dotted border */
	}
#maincontent a:visited {
	color:#8A6850;
	text-decoration:none;
	}
#maincontent a:hover {
	color:#8A6850;
	text-decoration:none;
	}
#maincontent ul {
	list-style-type: none;
	padding: 0 0 1.5em;
	margin: 0;
	font: 1em/1.7em Verdana, Arial, Helvetica, sans-serif;
	}
#maincontent ul li {
	padding-left: 1.5em;
	background: url(img/bullet.gif) no-repeat left 0.5em;
	}
#maincontent .trailer {
	float: left;
	position:absolute;
	margin-left: -160px;
	}
#maincontent .film {
	font-size: .8em;
	color: #8B7355;
	margin-bottom: 1em;
	}
#maincontent table {
	width: 80%;
	margin: 1em auto 1.5em;
	font: .8em Verdana, Arial, Helvetica, sans-serif;
	color: #8B7355;
	border-bottom: 1px solid #E5E5C3;
	clear: both;
	}
#maincontent table tr td {
	border-top: 1px solid #E5E5C3;
	padding: 5px 10px;
	}
/*************************************
 +FOOTER
 *************************************/
#footer {
	background:#151217 /* url(img/bottomright.gif) no-repeat bottom right*/;
	width:62em;
	max-width:99%;
	margin:0 auto 20px;
	font: 1.2em/1.5 Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	}
#footer ul {
	padding:20px 40px 0px 32px;
	list-style-type:none;
	}
#footer ul li {
	display:inline;
	padding-right:.5em;
	}
#footer ul li a {
	color:#CFC49E;
	text-decoration:none;
	outline: none; /* @ Firefox 1.5, remove ugly dotted border */
	}
#footer ul li a:hover {
	color:#FFFFFF;
	}
#footer p {
	/* background:transparent url(img/bottomleft.gif) no-repeat bottom left;*/
	padding:0 40px 5px;
	color:#FFFFFF;
	}
#footer p a {
	color:#FFFFFF;
	text-decoration:none;
	outline: none; /* @ Firefox 1.5, remove ugly dotted border */
	}
#footer p a:hover {
	color:#EEEED1;
	}
/*************************************
 +CONTACT
 *************************************/
#contact #sidebar {
	width: 39%;
	}
#contact #main {
	width: 60%;
	float: left;
	}
address {
	font-style:normal;
	}
/*************************************
 +FORMS
 *************************************/
form {
	padding: 0px 15px;
	}
form input, form textarea {
	width:345px;
	padding:1px 2px;
	border: 1px solid #CFC49E;
	}
form input.error, form textarea.error {
	border: 1px solid #EE0000;
	}
form label.error {
	color: #EE0000;
	}
.alert-box {
	position:relative;
	width:345px;
	border:1px solid #EE0000;
	color:#EE0000;
	padding:5px;
	background-color:#ffffff;
	}
.alert-box h1{
	font: 1em/1.7em Verdana, Arial, Helvetica, sans-serif;
	color:#EE0000;
	padding:0;
	margin:5px 0 5px 0;
	}
.alert-box ul{
	list-style-type: none;
	padding: 0 0 1.5em;
	margin: 0;
	}
form input.button {
	border: 1px solid #CFC49E;
	background-color:#FFF;
	color:#CFC49E;
	/* cursor:hand; does not exist */
	cursor:pointer;
	width:auto;
	}
form input.button-over {
	border: 1px solid #CFC49E;
	background-color:#FFF;
	color:#8A6850;
	/* cursor:hand; does not exist */
	cursor:pointer;
	width:auto;
	}
form p {
	margin:0;
	padding:0;
	}
p.sent {
	padding:0px;
	}
/*************************************
 +DOWNLOADS
 *************************************/
.downloadmetadata ul, .downloadmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
.downloadmetadata {
	clear: left;
	}
.downloadmeta{
	font-size:0.9em;
	}
.category{
	background:#fff url(img/post.gif) no-repeat 3px;
	padding:3px;
	padding-left:20px;
	}
.formatpdf{
	background:#fff url(img/pdficon.gif) no-repeat 3px;
	padding:3px;
	padding-left:20px;
	}
.formatword{
	background:#fff url(img/wordicon.gif) no-repeat 3px;
	padding:3px;
	padding-left:20px;
	}
.formattext{
	background:#fff url(img/texticon.gif) no-repeat 3px;
	padding:3px;
	padding-left:20px;
	}
.filesize{
	background:#fff url(img/packaged.gif) no-repeat 3px;
	padding:3px;
	padding-left:20px;
	}
.published{
	background:#fff url(img/timeicon.gif) no-repeat 3px;
	padding:3px;
	padding-left:20px;
	}
/*************************************
 +FLASHCONTENT
 *************************************/
#flashcontentcontact {
	width: 381px;
	height: 236px;
	float: left;
	margin: 0px 20px 40px;
	background:#FFFFFF;
	}
#flashcontentgallery {
	width: 699px;
	height: 320px;
	float: left;
	margin: 0 0 40px 0;
	background:#FFF;
	}
/*************************************
 +GALLERY
*************************************/
#gallerywrapper {
	width:100%;
	float:left;
	}
#gallerycontent {
	padding:35px 0 0 0px;
	}
/*************************************
 +FIXES
 *************************************/
.workaround:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.workaround {
	display: inline-block;
	}
/* Hides from IE-mac \*/
* html .workaround {
	height: 1%;
	}
.workaround {
	display: block;
	}
/* End hide from IE-mac */
/* bullets disappear in IE */
ul, ol, dl, blockquote {
	position: relative;
	}
/* remove dotted line around logo */
#header a:focus {
	/* -moz-outline-style: none;  does not exist */
	outline: none; /* @ Firefox 1.5, remove ugly dotted border */
	}
/*************************************
 +NIFTY CORNERS
 *************************************/
/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dynamically by javascript,
and their use should be avoided in the markup */

b.niftycorners, b.niftyfill{
	display:block
	}
b.niftycorners *{
	display:block;
	height: 1px;
	line-height:1px;
	font-size: 1px;
    overflow:hidden;
	border-style:solid;
	border-width: 0 1px
	}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}
/*************************************
 +END
 *************************************/