@charset "UTF-8";

/* -------------------------- G L O B A L ------------------------*/


h1, p, body, html {
	margin:0;
	padding:0;}

body {
	background: #000;
	font-size: 15px;
	font-family: "American Typewriter", Georgia, Courier, serif ;
	line-height: 20px;
	color:#000;
	}
	
h1 {
	font-family: "American Typewriter", Georgia, Courier, serif ;
font-size: 70px;
font-weight: 100;
text-align: center;
text-transform: uppercase;
}

h2 {
	font-family: "American Typewriter", Georgia, Courier, serif ;
font-size: 30px;
font-weight: 100;
text-align: center;
text-transform: uppercase;
text-decoration: underline;
margin: 5px 0 30px 0;
}

h2.left {
text-align: left;
margin-left: 20px;
margin-bottom: 20px;
}

h1#title-books {
	text-indent: -5000px;
	background: url(images/title-books.png);
	background-repeat: no-repeat;
	height: 60px;
	width: 500px;
	margin-bottom: 0px;
}

h1#title-media {
	text-indent: -5000px;
	background: url(images/title-media.png);
	background-repeat: no-repeat;
	height: 60px;
	width: 500px;
	margin-bottom: 0px;
}

h1#title-projects {
	text-indent: -5000px;
	background: url(images/title-projects.png);
	background-repeat: no-repeat;
	height: 60px;
	width: 500px;
	margin-bottom: 0px;
}

h1#title-contact {
	text-indent: -5000px;
	background: url(images/title-contact.png);
	background-repeat: no-repeat;
	height: 60px;
	width: 500px;
	margin-bottom: 0px;
}

h1#title-diary {
	text-indent: -5000px;
	background: url(images/title-diary.png);
	background-repeat: no-repeat;
	height: 60px;
	width: 500px;
	margin-bottom: 0px;
}

h2#title-goldencasket {
	text-indent: -5000px;
	background:url(images/title-small-goldencasket.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 350px;
	margin: 0 0 5px 15px;
}

h2#title-infiltration {
	text-indent: -5000px;
	background: url(images/title-small-infiltration.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 230px;
	margin: 0 0 5px 15px;
}


h2#title-on-the-run {
	text-indent: -5000px;
	background: url(images/title-small-ontherun.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 230px;
	margin: 10px 0 5px 15px;
}

h2#title-sunflower {
	text-indent: -5000px;
	background: url(images/title-small-sunflower.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 230px;
	margin: 15px 0 5px 15px;
}

/* -------------------------- H E A D E R ------------------------*/

#header-infiltration {
	height: 75px;
	margin-left: -310px	}

#header {

	text-align:center;
	height: 272px;
	background-image:url(images/bg-top-sepia.jpg);
	}

#header-large {

	text-align:center;
	height: 388px;
	background-image:url(images/bg-top-sepia-large.jpg);
	}


/* -------------------------- C O N T A I N E R ------------------------*/


#contentbg {
	position:relative;
	margin:0 auto;
	width:980px;
	height: 980px;
	background-image: url(images/bg-table.jpg)
	}
	
#contentwrapper{
	z-index: 100;
	position:relative;
	margin:0 auto;
	width:735px;
	height: 886px;
	background-image: url(images/bg-writing-pad.png);
	margin-top:-53px ;
	}

/* -------------------------- M E N U ------------------------*/

.menu {
position: relative;
top: -20px;
width: 466px;
height: 80px;
margin-left: auto;
margin-right: auto;
background-image: url(images/menu-papers.png);

}

/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
}

/* style all the links */
.menu a, .menu :visited {
font-family: "American Typewriter", Georgia, Courier, serif ;
display:block;
line-height: 20px;
font-size: 19px;
width:91px;
padding-top: 19px;
color:#000;
text-decoration:none;
margin-right:;
text-align:center;
font-weight: 600;
}


/* style the links hover */
.menu :hover{
color: #8e2929;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
}

/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}


/* -------------------------- C O N T E N T ------------------------*/
#content i, b{
color: #8e2929;
}

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

#content a:hover{
color: #8c6033;

}

.enter {
width: 330px;
height: 104px;
margin: 60px auto 0 auto;
}

#contentblack {
width: 840px;
margin: 0 auto;
color: #d6bcab;
}


#contenthead {
position: relative;
height: 70px;
width: 550px;
margin: 0 0 20px 75px;
padding: 60px 0 0 50px;
}

#content{
	position:relative;
	float: left;
	margin-left: 75px;
	width:580px;
	height: 730px;
	clear: both;
	padding: 0 10px 0 10px;
	overflow: auto;
	top: -8px;
	}
	
#content p{
	padding: 0 30px;
	margin-bottom: 20px;
	background-color: none;
	
}

.bookcover {
margin: 0 0 20px 10px;
width: 185px;
float: left;
}

.bookcover-large {
margin: 0 0 20px 10px;
width: 370px;
float: left;
}

#content p.bookblurb{
position: relative;
float: right;
width: 345px;
color: #000;
margin: 0 25px 10px 0;
padding: 0px;
text-align: left;
}

#content p.bookblurbbold{
position: relative;
float: right;
width: 345px;
color: #000;
margin: 0 25px 10px 0;
padding: 0px;
text-align: left;
font-weight: bold;
}


.block {
float: left;
width: 580px;
margin: 0 0 0 10px;
}

img.bullet1 {
	position: absolute;
	top: -5px;
	left: 180px;
	width: 92px;
	
}

img.bullet2 {
	position: absolute;
	top: -58px;
	left: 520px;
	width: 66px;
	
}

/*
.centerimages {
	float: left;
	width: 1000px;
	text-align: center;
}

.center-content {
	float: left;
	width: 975px;
	text-align: left;
	margin-left: 120px;
	padding: 0px;
}
.center-content p {
	float: left;
	text-align: left;
	margin-top: 15px;
	padding: 0px;
}

img#rollovertext{
	margin-top: 20px
	}
*/
	
/* -------------------------- F O O T E R ------------------------*/


#footer {
	
	float: left;
	height: 20px;
	left: -100px;
	position: relative;
	margin-left: 105px;
	}
	
img.footerimg{
	margin-top: -75px;
}
	
.clear {clear:both;}