/*
Theme Name: Easter Nyman
Theme URI: http://www.robertnyman.com
Description: Easter Island theme
Version: 1.0
Author: Robert Nyman
Author URI: http://www.robertnyman.com/
*/

/* The Basics */
@import url(fonts.css);

/* Elements */
html, body, ul, li, dt, dd, h1, h2, h3, h4, h5, h6{ 
	margin: 0;
	padding: 0;
}

a:hover{
	color: #c4cb6d;
	background: #38372c;
}

abbr, acronym{
	border-bottom: 1px dashed #38372c;
	cursor: help;
}

html, body{
	height: 100%;
	overflow: hidden;
}

blockquote{
	margin: 1em 0;
}

dd, li{
	margin-bottom: 1em;
}

dt{
	font-weight: bold;
}

h1{
	color: #c4cb6d;
	padding: 0.5em;
}

h2{
	margin: 0 0 1em;
}

h3{
	margin: 0 0 0.5em;
}

img{
	border: 0;
}

input{	
	vertical-align: middle;
}

input, textarea{
	background: #fff;
	border: 1px solid #666;
	padding: 2px 1px;	
}

input[type=text]:focus, textarea:focus{
	background: #b7e3fe;
	border: 1px solid #666;
	padding: 2px 1px;
}

label{
	cursor: pointer;
}

p{
	margin: 0 0 1em;
}

pre{
	padding-left: 0;
}

select{
	margin-left: 1em;
}

table td, table th, td pre{
	margin: 0.25em;
	padding: 0.25em;
}

table td{
	text-align: right;
}

th{
	text-align: left;
}

ul, ol, dl{
	margin: 0 0 1em 2em;
}

/* IDs */
div#container{
	width: 100%;
	height: 100%;
}

div#header{
	height: 10%;
	background: url(../images/masthead.jpg) no-repeat 95% 0.25em;
}

div#main{
	height: 80%;
	overflow: auto;
}

div#main-content{
	width: 60%;
	margin: 2% auto;
}

div#footer{
	height: 10%;
	color: #38372c;
	background: #c4cb6d;
}

div#navigation{
	padding: 1em 0 0 1em;
}

div#navigation div{
	float: left;		
}

div#dynamic-paging{
	float: left;
}

div#navigation div#printable-version-link{
	float: right;	
	padding-right: 2%;
}

div#navigation div#printable-version-link a{
	color: #38372c;
}


div#navigation div#printable-version-link a:hover{
	color: #c4cb6d;
	background: #38372c;
}

/* Classes */
div.clear{
	clear: both;
	height: 1px;
	margin-top: -1px;
	overflow: hidden;
}

img.left{
	float: left;
	padding: 0 1em 1em 0;
}

img.center{
	display: block;
	margin: 0 auto;
}

img.right{
	float: right;
	padding: 0 0 1em 1em;
}

li.incremental{
	color: #999;
}

li.incremental-active{
	color: #f00;
}

li.incremental-past{
	color: #5a5742;
}

.display-block{
	display: block;
}

.display-none{
	display: none;
}

.hidden-footer{
	position: absolute;
	bottom: 0;
	height: 1% !important;
	overflow: hidden;
}

.visible-footer{
	height: 10%;
}

.text-align-left{
	text-align: left;
}

.text-align-right{
	text-align: right;
}