/*
Theme Name: Stark
Description: A 3 column theme inspired by Pushing Borders by DemusDesign.
Version: 0.9
*/

body {
margin: 0 0 0 0;
background-color:#DADBCE;
background-color: #fff;
}

#container {
width: 1000px;
margin: 0 24px;
padding-top: 60px;
font-family: arial;
font-size: 0.9em;
}

#content {
margin: 2.6em 1.5em 10px 2em;
border-right: 1px solid #ccc; 
padding: 0 3em 0 0;
line-height: 1.5em;
color: #444;
font-size: .9em;
width:36em;
float:left;
}


a {
text-decoration: none;
color: #8d7a42;
}


a:hover {
text-decoration: underline;
color: #6b952f;
}


#preload {
width: 0;
height: 0;
display: inline;
background-image: url('images/menugreen.jpg');
}

#header {
height: 181px;
margin: 0 0 0 0;
background-color: #3b3b3b;
vertical-align: bottom;
z-index: 1;
background: url('images/dune1.jpg') no-repeat scroll top left;
position:absolute;
}

#header h1 {
display: block;
position: absolute;
width:12em;
margin: 246px 0 0 25px; 
padding: 0;
background-color: transparent;
color: #666666;
font-family: 'trebuchet ms', 'century gothic', verdana, sans-serif;
font-size: 35px;
font-weight: 400;
z-index: 99;
}

#header h1 a, #header h1 a:hover {
position: absolute;
z-index: 999;
color:#333333;
text-decoration:none;
}


#header big {
text-align:right;
width: 10em;
margin: 296px 0px 240px 0; 
position:absolute;
padding: 0;
color: #787878;
font-family: verdana, sans-serif;
font-size: 22px;
letter-spacing: -2px;
z-index:4;
text-transform:lowercase;
opacity:.8;
color: #8d7a42;
}

ul {
margin-left:0px;
padding-left:0em;
}

#menu {
position: absolute;
top: 240px;
width: 1000px;
height: 51px;
margin: 0 15px 0 0;
background-color: #222;
border-top: solid 1px #999;
border-bottom: solid 1px #333;
z-index: 8;
text-align: right;
opacity:.9;
}

#menu ul {
margin-top: 20px;
opacity:1;
margin-right:12px;
}

#menu ul li {
display: inline;
}

#menu ul li a {
background-color: transparent;
background-repeat: repeat-x;
padding: 10px 16px 10px 16px;
font-size: 0.8em;
font-family: 'century gothic', verdana, sans-serif;
color: #999;
text-decoration: none;
border: solid 1px #222;
}


#menu ul li a:hover {
background: #06f url('images/menugreen.jpg') repeat-x top;
color: #fff;
text-decoration: none;
border: solid 1px #cdcdcd;
}

#main {
position: absolute; 
top: 241px;
width: 1000px;
background: url('images/main.jpg') repeat-x top;
}

#subnav {
float: left;
width:22em;
padding: 0;
font-size: .7em;
font-family: helvetica, arial, sans-serif;
margin-top:48px;
font-weight:200;
letter-spacing:120%;
line-height:120%;
}

#subnav h2, #extras h2 {
font-weight: bold;
margin:0;
padding:0;
text-decoration: none;
color: #999999;
display: block;
//background: #3b3b3b;
border-right: 10px solid #fff;
margin-bottom: 6px;
font-size: 12pt;
font-family: verdana, arial, sans-serif;
}



#subnav ul {	
list-style: none;
width: 19em;
margin: 0 0 24px 0;
padding: 0;
font-size: 1.1em;
}	



#subnav ul li {
font-size: 1em;
padding: 0;
margin-bottom: 1px;

}



#subnav ul li a {
border-right: 10px solid #fff;
background: #f5f5f5;
color: #434343;
text-decoration: none;
display: block;
padding: 8px;
padding-left: 20px;
line-height:1.2em;
font-weight:500;
letter-spacing:1px;
}


#subnav ul li a.top {
border-right: 10px solid #fff;
background: #efefef;
color: #666;
text-decoration: none;
display: block;
padding: 5px;
padding-left: 20px;
font-weight:bold;
}

#subnav ul li a.sub {
border-right: 10px solid #fff;
background: #efefef;
color: #666;
font-weight: normal;
text-decoration: none;
display: block;
padding: 5px;
padding-left: 35px; 
}

#subnav ul li a:hover {
color: #69892c;
background-color: #e0e0e0;
border-right: 10px solid #fff;
}

#subnav h3 {
margin-top: 0px;
letter-spacing: 0px;
color: #8d7a42;
font-weight: bold;
margin:0;
padding:0;
text-decoration: none;
display: block;
margin-bottom: .5em;
font-family: verdana, arial, sans-serif;
font-style:italic;
font-size: 1.2em;
}


#students p {
padding:0px;
margin:0px;
padding-bottom:.5em;
}

h1, #subnav h1 {
margin-top: 0px;
color: #8d7a42;
letter-spacing: -2px;
font-family: 'trebuchet ms', 'century gothic', verdana, sans-serif;
padding-left:-2px;
}

#content h2 {
margin-top: 20px;
margin-bottom: 2px;
color: #666;
letter-spacing: -1px;
font-size: 1.6em; font-weight: 400;
font-family: 'trebuchet ms', 'century gothic', verdana, sans-serif;
padding-bottom:2px;
}

#content h3 {
margin-top: .5em;
margin-bottom: .1em;
color: #be6e16;
letter-spacing: 0px;
font-size: 1.5em; 
font-weight: 400;
font-family: 'trebuchet ms', 'century gothic', verdana, sans-serif;
padding-bottom:0px;
line-height:1.2em;
}

#content h3.top {
margin-top: -1.2em;
}



#content h3.book_title {
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:.3em;
	display:block;
	color: #555555;
	font-style:italic;
	letter-spacing: 101%;
	font-size: 1.2em; 
	font-weight: 500;
	font-family: 'trebuchet ms', 'century gothic', verdana, sans-serif;
}


#content h4 {
	color: #444444;
	letter-spacing: 101%;
	font-size: 1.2em; font-weight: bold;
	font-family: 'trebuchet ms', 'century gothic', verdana, sans-serif;
	margin-bottom: 0px;
	padding-bottom:0px;
	padding-top:0px;
	margin-top:1em;
	line-height:1.2em;
	vertical-align:bottom;

}

.book {
margin-bottom:48px;
clear:both;
float:left;b
border:1px solid green;
width:100%;
}

img.book_image {
border:1px solid gray;
float:left;
margin-right:24px;
}


.right {
float: right;
width:12em;
margin: 0 auto 8px 12px;
padding: 4px;
background-color: #FFF;
border: 1px solid #CCC;
}


#extras {
margin-bottom: 20px;
padding: 0;
color: #666;
width:12em;
margin-top:48px;
float:left;
font-size: 90%;
}

#extras p {
line-height: 2em;
margin: 0 0 0em 0;
}


#extras h2 {
font-weight: bold;
margin:0;
padding:0;
text-decoration: none;
color: #666666;
display: block;
//background: #3b3b3b;
border-right: 10px solid #fff;
margin-bottom: 12px;
font-size: 12pt;
font-family: verdana, arial, sans-serif;
}

#extras h3  {
font-weight: bold;
margin:0;
padding:0;
text-decoration: none;
color: #757575;
display: block;
margin-bottom: .5em;
font-family: verdana, arial, sans-serif;
font-style:italic;
font-size: 0.9em;
}

#extras ul {
line-height: 1.2em;
margin: 0 0 1.5em 0;
font-size: 0.8em;
font-family: helvetica, arial, sans-serif;
list-style:none;
margin: 0 0 0px 0;
padding: 0;
}

#extras li {
margin-bottom:.8em;
}

li.linkcat {
list-style:none;
}

.clear {clear:both;}

#footer {
padding: 5px;
margin-top: 50px;
margin-bottom: 3px;
color: #aaa;
font-size: 0.7em;
text-align: center;
border-top: 1px solid #ccc;
}

img {
border:none;
}