@charset "utf-8";
/* CSS Document */
/* reset browser styles */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	background: url(../Images/Stars.jpg);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12pt;
	max-width:1920px;
	width:100%;		 
}

.mask	{
	width:100%;
	background: linear-gradient(to right, rgba(0,0,0,.3), rgba(0,0,0,.7), rgba(0,0,0,.7), rgba(0,0,0,.7), rgba(0,0,0,.3));/* */
	position:relative;
	top:0;
	min-height:977px;
}


main	{
	width:65%;
	margin:0 auto;
	position:relative;
	top:88px;
}

.books	{
	width:25%; 
	margin: 10px 0 10px 6%; 
	float:left; 
}

.books img	{
	float:left;
	height:400px;
	border:1px solid #FFF;
}

.books .description	{
	padding:20px 10px;
	font-weight:normal;
}

.books .description	span	{
	color:#F00;
	font-weight:700;
}

.content	{
	margin:0 auto;
	width:100%;
	max-width:1024px;
	overflow:hidden;
	position:relative;
	color:white;
	background:black;
	box-shadow:0 0 200px black; 
}

.content h1	{
	font-size:3.0em;
	font-style:italic;
	text-align:center;
	padding: 10px 0;
}

.content h2	{
	font-size:2.0em;
	text-align:center;
	padding: 10px 0;
}

header	{
	position:fixed;
	top:0;
	z-index:25;
	width:100%;		 
	color:#FFF;
	padding-top:10px;
	float:left;
}

header article	{
	width:100%;
	height:5.5em;
	background-color:#2200BB;
	margin-top:-10px;
}

header article h1, header article h2	{
	width:40%;
	font-size:2.0em;
	font-family:Brush Script MT, san-serif;
	line-height:1.5em;
}

header article h1	{
	float:left;
	text-align:left;
	padding-left:10px;
}

header article h2	{
	float:right;
	padding-left:10px;
}

header article h2 img	{
	float:right;
	height:40px;
	width:40px;
}

footer	{
	width:100%;
	text-align:center;
	clear:left;
}

footer a	{
	color:yellow;
}

figure	{
	float:left;
	width:28%;
}

figure img	{
	border:1px solid white;
	margin:5px 0 0 20px;
	width:100%
}

aside.Left, aside.Title	{
	background:black;
	color:white;
	float:left;
	width:100%;
	margin:10px 6px;
	border:none;
	padding:10px;
	z-index: 5;
}

aside.Left ul	{
 margin:1.0em 0 0 2.0em;
}

aside.Left li ul	{
	margin-bottom:0.5em;
}

aside.Left h2, aside.Left h3	{
	color:red;
	font-style:italic;
}

aside.Title	{
	text-align:center; 
	font-size:3.0em; 
	font-weight:bold;
	color:red;
}

.FullWidth	{
	clear:both;
	background:black;
	color:white;
	width:97%;
	margin:10px auto;
	border:none;
	padding:10px;
}

.FullWidth p, aside.Left p	{
	text-indent:2.0em;
	padding:.5em 0;
}

.FullWidth h2	{
	color:red;
	font-style:italic;
}

.FullWidth h3	{
	color:red;
	font-style:italic;
}

.FullWidth .title	{
	text-align:center; 
	font-size:3.0em; 
	font-weight:bold;
	background-color:#2200BB;
	color:white;
	border:1px solid white;
}

.Buy	{
	font-size:1.5em;
	text-align:center;
	font-weight:bold;
}

.Buy a	{
	color:yellow;
}


/****************************************************************************************************
*        Drop down menu                                                                                  *
****************************************************************************************************/

.menucontainer	{
	width:60%; /* */
	margin:0 auto;
	top:140px;
}
		
nav * {
        padding:0; /* remove the default margins and padding on the menu elements */
        }
nav {
        behavior:url(../csshover.htc);
		margin:0 auto;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-weight:bold;
        /*border:1px solid darkgray;*/
        float:none; /* make the div enclose the ul */
        border-collapse:collapse;
/*		position:absolute; */
		top:2.7em;
		width:100%;
		z-index:10;
        }
nav ul  {   
        float:left; /* make the ul enclose the li's */
		width:100%;
        /* border-top:3px solid black;*/
        }
nav li  {   /* this div represents the container (left column, perhaps) that you drop the menu into - 
the menu will expand horizontally to fill the space available */
        border-left:2px solid darkgray;
        list-style-type:none; /* removes the bullet off each list item */
        float:left; /* make the list items sit side by side */
        position:relative; /*positioning content for the nested ul (the drop-down) */
        background-color:#FFEA8F;
        width:16%;
		z-index:10;
        }
nav li:first-child {
        border-left:none;
        }
nav a {
        display:block; /* make the link fill the list item correctly */
        padding:.3em 6px; /* pad the link text away from the edge of the list item */
        color:black;
        text-decoration:none;
        }
nav a:hover {
        color:white; /* different text color for the hover */
        background-color:blue;/* different background color for the hover */
        }
nav li ul {
        position:absolute;
        width:100%;
        left:-1px;
        display:none;
        }
nav li:hover ul {
        display:block;
        color:white;
        }        
nav li ul li{
        width:100%;
		z-index:20;
        border-right:1px solid darkgray;
        border-bottom:1px solid darkgray;
        border-left:1px solid darkgray; /*darkgray*/
        background-color:lightblue;
        }
nav li ul li:first-child{
        border-left:1px solid darkgray;
        }
* html nav li ul {
        /*border-top:1px solid green;*/
        }
/****************************************************************************************************
*        End Drop down menu                                                                              *
****************************************************************************************************/
		
/****************************************************************************************************
*        End Drop down menu                                                                              *
****************************************************************************************************/


/****************************************************************************************************
*        Drop down menu                                                                             *
****************************************************************************************************/

.menu * {
        padding:0; /* remove the default margins and padding on the menu elements */
        }
.menu {
        behavior:url(csshover.htc);
        font-family:Arial, Helvetica, sans-serif;
        font-weight:bold;
        border-collapse:collapse;
		margin:1px auto;
		clear:both;
		border-left:1px solid red;
/*		width:60%; /* */
        }
.menu ul  {   
        float:left; /* make the ul enclose the li's */
		width:100%;
		color:yellow;
        }
.menu li  {   /* this div represents the container (left article, perhaps) that you drop the menu into - 
the menu will expand horizontally to fill the space available */
        list-style-type:none; /* removes the bullet off each list item */
        float:left; /* make the list items sit side by side */
        position:relative; /*positioning content for the nested ul (the drop-down) */
        width:16%;
		font-weight:bold; 
		margin-top:8px; 
		text-align:center; 
		border-right:1px solid red;
     }
.menu li:first-child {
        border-left:1px solid red;
		width:16%;
        }
.menu a {
        display:block; /* make the link fill the list item correctly */
        padding:.3em 6px; /* pad the link text away from the edge of the list item */
		color:yellow;
        text-decoration:none;
        }
.menu a:hover {
        color:black; /* different text color for the hover */
        background-color:#AAF;/* different background color for the hover */
        }
.menu li ul {
        position:absolute;
        width:100%;
        left:-1px;
        display:none;
        }
.menu li:hover ul {
        display:block;
        color:black;
        }        
.menu li ul li{
        width:200px;
        background-color:#AAF;
		text-align:left;
		margin-top:0px;
		color::black;
        }
.menu li ul li:first-child{
        width:200px;
        }

* html .menu li ul {
        border-top:1px solid darkgray;
        }

/****************************************************************************************************
*        End Drop down menu                                                                              *
****************************************************************************************************/

section	{
	width:100%;
	margin:90px auto 2px;
	padding-top:.5em;
	font-size:22pt;
	height:80px;
	text-align:center;
	color:yellow;
	background: radial-gradient(rgba(255,255,255,0.7), rgba(0,0,0,0.9));
	overflow:hidden;
	z-index:10;
}