@charset "UTF-8";
/* CSS Document for Fred Holliss on canuck */

/* General code */

body {
	background: #eee;
	color: black;
    margin: 0;
	font: 18px "IM Fell English", Arial, Helvetica, Geneva, sans-serif;
}

#container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and usually avoids a horizontal scroll bar */
	background: white;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	text-align: left;
}

#contentheader {
	background-image: url(../images/header-img.jpg);
	text-align: left;
	height: 232px;
	font-variant: small-caps;
	font-weight: bold;
	text-align: left;
	font-size: 18pt;
}

#contentheader h1 {
	font: 18px "IM Fell English", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 15pt;
	font-size: 1.5em;
	margin-left: 20px;
}

#contentheader h2 {
	font: 10px "IM Fell English", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 10pt;
	font-size: 1em;
	margin-left: 20px;
}

#contentheader a,a:hover,a:visited,a:active {
	color: black;
	text-decoration: none;
}


.nav {
	font: 18px "IM Fell English", Arial, Helvetica, Geneva, sans-serif;
	width: 100%;
	overflow: hidden;
}

.nav ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #black; /*black border*/
border-width: 1px 0;
background: black ;
}

.nav ul li{
display: inline;
}

.nav ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
width: 22%;
	text-align: center;
}

.nav ul li a:visited{
color: white;
}

.nav ul li a:hover, .nav ul li .current{
color: #4d82a9 !important; /*text color of selected and active item*/
padding-top: 4px; /*shift text up 1px for selected and active item*/
padding-bottom: 2px; /*shift text up 1px for selected and active item*/
}

.photocredit {
	text-align: right;
	text-transform: uppercase;
	font: .5em/.7px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	margin-top: -18px;
	color: silver;
	text-shadow: #000 01px 01px 0;
}

#main h1,h2,h3,p {
	margin-left: 20px;
	margin-right: 20px;
}

/*************
Some Magic
**************/
h1.kern { text-rendering: optimizeLegibility; }
h2.kern { text-rendering: optimizeLegibility; }
h3.kern { text-rendering: optimizeLegibility; }
p.kern { text-rendering: optimizeLegibility; }
/*************
from http://www.aestheticallyloyal.com/public/optimize-legibility/
**************/

#footer {
	color: gray;
	font: .6em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 780px;
	margin: 0 auto;
	text-align: center;
}

a {	
	font: "IM Fell English SC", Arial, Helvetica, Geneva, sans-serif;
	color: #4d82a9;
	text-decoration: none
}

a:visited {
	color: navy;
}

a:hover {
	color: blue;
	text-decoration: underline overline
}

a:active {
	color: blue;
	text-decoration: underline overline
}


/* just for the contact page */

form, fieldset, legend {
margin: 0 auto;
padding: 0;
}

form#contact li {
	list-style-image: none;
	list-style-type: none;
}

form#contact {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 40px;
width: 500px;
	border-style: solid;
	border-width: 1px;
}

form#contact fieldset {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 20px;
width: 400px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

form#contact legend {
font-size: 1.25em;
font-weight: bold;
text-shadow: 0 2px 2px silver;
}

form#contact label {
float: left;
width: 90px;
}

form#contact input:not([type=radio]),
form#contact textarea {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
font: italic 13px Georgia, "Times New Roman", Times, serif;
padding: 5px;
width: 200px;
}
form#contact input:not([type=submit]):focus,
form#contact textarea:focus {
background: #eaeaea;
}

form#contact button {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
display: block;
font: 18px Georgia, "Times New Roman", Times, serif;
letter-spacing: 2px;
margin: auto;
padding: 7px 25px;
text-shadow: 0 1px 1px #000000;
text-transform: uppercase;
}