/* External Style Sheet for screen: Maple Mirrors */
/* Site Design: Black Cap Design */

* {margin: 0} /* sets margin on everything to 0 to address IE & non-IE rendering inconsistencies  */
img {border: none;} /* removes border on all images */
body 
{
	background: black;	
	font-family: Georgia, "Times New Roman", serif;
	font-size: 11px;
	min-width: 770px; /* prevents design collapse (header) on small window resize */

}
/* =================<OUTER CONTAINER DIVs>==================== */
#top
{
	background: url('../images/open_book_top.jpg') no-repeat;
	width: 770px;
	margin: 0 auto;
  height: 108px;
}
#middle
{
	position: relative;
	font-size: 11px;	
	background: black url('../images/open_book_mid.jpg') repeat-y;
	width: 770px;
	margin: 0 auto;	
  z-index: 1;
}
#bottom 
{
	width: 770px;
	margin: 0 auto;
 	height: 136px;
	background: url('../images/open_book_bottom.jpg') no-repeat;
} 
#nav_container
{
	position: relative; 
	margin: 0 auto;
	width: 100px;
	padding: 0;
	z-index: 6;
}
#container /* container div for Home page */
{
	background: url('../images/home_bg.jpg') no-repeat;
	width: 368px;
	height: 600px;
	margin: 0 auto;	
}
#content_container
{
	position: relative;
}
/* =================</OUTER CONTAINER DIVs>==================== */
#content_container
{

}
/* ============<NAVIGATION>============ */
#nav 
{
	position: relative;	/* necessary for absolute positioning of navigation tabs */	
}
#index_home_nav a, #index_novels_nav a, #index_short-stories_nav a, #index_contact_nav a

{
	display: block;
	background: url('../images/nav_bg_home.jpg') no-repeat;
	background-position: left 50%;	
	height: 67px;
	width: 55px;	
	text-decoration: none;
	border: none;	
	position: absolute;
	top: 54px;
	left: 364px;
}
#index_novels_nav a
{
	display: block;
	background: url('../images/nav_bg_novels.jpg') no-repeat;
	top: 140px;
	left: 364px;	
}
#index_novels_nav a:hover
{
	background: url('../images/nav_bg_novels.jpg') no-repeat;
	background-position: left -134px;	
}
#index_short-stories_nav a
{
	display: block;
	background: url('../images/nav_bg_short-stories.jpg') no-repeat;
	top: 225px;
	left: 364px;	
}
#index_short-stories_nav a:hover
{
	background: url('../images/nav_bg_short-stories.jpg') no-repeat;
	background-position: left -134px;	
}
#index_contact_nav a
{
	display: block;
	background: url('../images/nav_bg_contact.jpg') no-repeat;
	top: 305px;
	left: 364px;		
}
#index_contact_nav a:hover
{
	background: url('../images/nav_bg_contact.jpg') no-repeat;
	background-position: left -134px;	
}
#index_home_nav a span, #index_novels_nav a span, #index_short-stories_nav a span, #index_contact_nav a span
{
	display: none;	
}
/* END HOME PAGE NAV */
/* BEGIN PRIMARY NAV */
#home_nav a, #novels_nav a, #novels_nav_left a, #short-stories_nav a, #short-stories_nav_left a, #contact_nav a, #contact_nav_left a
{
	display: block;
	background: url('../images/nav_bg_home.jpg') no-repeat;	
	height: 67px;
	width: 55px;	
	text-decoration: none;	
	border: none;
	position: absolute;
	top: -50px;
	left: -332px;
}
#home_nav a:hover 
{
	background: url('../images/nav_bg_home.jpg') no-repeat;
	background-position: left bottom;	
}
/* begin novels nav */
#novels_nav a, #novels_nav_left a
{
	display: block;
	background: url('../images/nav_bg_novels.jpg') no-repeat;
	top: 36px;
	left: 344px;	
}
#novels_nav_left a
{
	left: -322px;
}
#novels_nav a:hover, #novels_nav_left a:hover 
{
	background: url('../images/nav_bg_novels.jpg') no-repeat;
	background-position: left bottom;	
}
#novels_nav_left a:hover
{
	background-position: left bottom;
}
#novels_nav a#current
{
	background: url('../images/nav_bg_novels.jpg') no-repeat;
	background-position: left -67px;	
	position: absolute;
	top: 36px;
	left: 334px;
}
#novels_nav a#current_alt, #novels_nav a:hover#current_alt
{
	background: url('../images/nav_bg_novels.jpg') no-repeat;
	background-position: left 0;	
	position: absolute;
	top: 36px;
	left: 340px;
}
#novels_nav a:hover#current_alt 
{
	background-position: left -134px;		
}
/* end novels nav */
/* begin short stories nav */
#short-stories_nav a, #short-stories_nav_left a
{
	display: block;
	background: url('../images/nav_bg_short-stories.jpg') no-repeat;
	top: 121px;
	left: 340px;	
}
#short-stories_nav_left a
{
	left: -314px;
}
#short-stories_nav a:hover, #short-stories_nav_left a:hover 
{
	background: url('../images/nav_bg_short-stories.jpg') no-repeat;
	background-position: left -134px;	
}
#short-stories_nav_left a:hover
{
	background-position: left bottom;
} 
#short-stories_nav a#current
{
	background: url('../images/nav_bg_short-stories.jpg') no-repeat;
	background-position: left -67px;	
	position: absolute;
	top: 121px;
	left: 334px;
}
/* end short stories nav */

/* begin contact nav */
#contact_nav a, #contact_nav_left a
{
	display: block;
	background: url('../images/nav_bg_contact.jpg') no-repeat;
	top: 201px;
	left: 344px;		
}
#contact_nav_left a
{
	left: -322px;	
}

#contact_nav a:hover
{
	background: url('../images/nav_bg_contact.jpg') no-repeat;
	background-position: left -134px;	
}
#contact_nav a#current
{
	background: url('../images/nav_bg_contact.jpg') no-repeat;
	background-position: left -67px;	
	position: absolute;
	top: 201px;
	left: 334px;		
}

/* end contact nav */
#home_nav a span, #novels_nav a span, #novels_nav_left a span, #short-stories_nav a span, #short-stories_nav_left a span , #contact_nav a span, #contact_nav_left a span
{
	display: none;	
}
/* END PRIMARY NAV */
/* ============</NAVIGATION>============ */
/* ===============<CONTENT DIVs>================= */

#content
{
	margin: -60px auto 0 auto;
	width: 320px;
	min-height: 400px;
	height: auto;
	padding-left: 310px;
}
.print
{
	text-indent: -2000px;	
}

#content p
{
	padding: 6px 45px 6px 28px;	
	line-height: 150%;
}
#content h1
{
	font-size: 2em;
	text-align: center;
	color: #373839;
	margin: 30px 0 16px -20px;	
}
#content h2
{
	font-size: 1.2em;
	padding: 16px 22px 6px 30px;	
}
.highlight
{
	font-weight: bold;
	color: #990000;
	background: yellow;
}

/* ===============</CONTENT DIVs>================= */
/* ============<ANCHORS>============ */
a:link 
{
	color: #816333;
	background: transparent ;
	text-decoration: none;
	border-right: 1px solid transparent;
}
a:visited  
{
	color: #816333;
	background: transparent;   
	text-decoration: none;
	border-right: 1px solid transparent;	
}
a:hover
{
	color: #816333;
	background: #e6d8c0;
	text-decoration: none;
	border-bottom: 1px solid #8f8e8e;
	border-right: 1px solid #8f8e8e;		
}



/* ============</ANCHORS>============ */


/* ==================<SIDEBAR DIVs>===================== */
#sidebar_container
{
	position: relative; 
	margin: 0 auto;
	width: 240px;
	padding: 0;
	z-index: 6;
}
#sidebar
{
 position: absolute;
 right: 160px;
 width: 240px;
 color: #373839;
 text-align: center;
 padding-bottom: 10%; /* prevents cropping bottom in ie */
}
#sidebar h1, #sidebar h2
{
	font-size: 2em;
	text-align: center;
	color: #373839;
	padding-bottom: 16px;	
}
#sidebar h2
{
	font-size: 1.8em;	
}
#leaf
{
	margin-bottom: 20px;		
}
.align_left
{
	text-align: left;		
}
.align_left h3
{
	font-size: 1.2em;
	padding: 0 0 8px 0;
}
.align_left p
{
	padding-bottom: 10px;	
}

/* ===================</SIDEBAR DIVs>===================== */

/* =========<MISCELLANEOUS DIVs>========== */
#skip
{
	display: none;	
}
.bak2top 
{
  font-family: Arial;
  font-size: 10px;
  font-weight: bold;
  color: #cccccc;
  background-color: #333232;
  border: 1px solid;
  border-color: #cccccc;
  padding: 2px;
  z-index: 10;
}
.bak2top a
{
  color: #cccccc;
  background-color: #333232;
  border: none;
}
.line_break
{

	width: 140px;
	height: 6px;
	background: url('../images/hr.gif') no-repeat;
	margin: 20px auto;
}
.no_break
{
	white-space: nowrap;	
}