/*
colors:
7D8899 - darker blue
9FA5AB - grayish
996D65 - darker brown
AB9183 - lihter brown
D3D0B2 - neutral


FCA800 yellow
B3a468 - taupe
6e0904 - bright red
390F0A - dark red
290A0B- darkest red
08233b - blue
*/

* { margin: 0; padding: 0; color: #303030; line-height: 1.4em; }

body { font: 72.5%  Verdana, Arial, Helvetica, sans-serif; background-color:#290A0B; }

/* elements */
/* #logo { display: none; } */

#header { width: 750px; margin: 0 auto; padding: 20px 10px 0 10px; position: relative; background-color:#290A0B; 
}


#nav { background-color: #290A0B; width: 100%; list-style: none; letter-spacing: .01em; font: normal 1.2em Georgia, "Times New Roman", Times, serif; font-weight: bold; height: 2em; padding-top: 7px;}

#container { width: 750px; margin: 0 auto; }

#main { width: 430px; float: left; padding: 30px 10px 0 10px; margin: 0 0 2.5em; background-color:#ffffff; border-right: 2px solid #000000; border-bottom: 2px solid #000000; }

#side { width: 240px; margin: 0 0 2.5em 480px; padding: 30px 10px 10px 10px; border: 2px solid #FCA800; background-color:#B3a468; }

#foot { clear: left; background-color: #B3a468; width: 680px; padding: 1em 20px; font-size:  1em; color: #ffffff; margin: 0 0 4em; text-align: center; }


/* text stylin' */

h1 { color: #390F0A; padding: 30px 30px 5px 30px; font-size: 2em; }

h2 { font-size: 1.5em;}

h3 { font-size: 1.2em; margin: 0 0 0 0 ; }

h4 { display:inline; }

h5 {margin-bottom: 1em; line-height: 1.4em; padding: 5px 30px 10px 30px; font-size: 1.5em;}

.milherst { color: #666666; }
strong { color: #0E3E69; }

p, blockquote { font-size: 1em; margin-bottom: 1.3em; }

blockquote { border: 1px solid #eaeaea; margin: 0 0 2em; }

img { display: block; }

#nav li { display: inline; padding: .4em .65em .4em .35em; margin: 0 0.3em 0 0; font-size: .8em; letter-spacing: .05em; }

#nav a { color: #D3D0B2; text-decoration: none; text-transform: uppercase;}
#nav a:hover { color: #FCA800; text-decoration:none; }

#nav ul { list-style:disc; padding-left: 10px; }

/* img styles */
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	float: right;
	}

img.alignleft {
	float: left;
	display: inline;
	}