@charset "UTF-8";

body  {
	font-family: "cronos-pro", "Cronos Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #808080;
	margin: 0px;
	padding: 0px;
	text-align: center;}
#container {
	width: 900px;
	background-color: #FFFFFF;
	margin: auto;
	padding: 5%;
	text-align: left;}
#header {
	height: 120px;
	width: 100%;
	text-align: center;
	padding-top: 20px;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
}
#header #name {
	float: left;
	height: 120px;
	width: 50%;
	font-weight: normal;
	font-size: 200%;}
#header #books {
	float: left;
	height: 120px;
	width: 25%;}
#header #yogebook {
	float: right;
	height: 120px;
	width: 25%;}
a {
	text-decoration: none;
	color: #000000;}
a:hover {
	text-decoration: none;
	color: #808080;}
#mainContent {
	text-align: left;
	width: 90%;
	padding-right: 10%;
	padding-left: 5%;}
#footer {
	padding: 0 10px;
	text-align: center;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;}

h1.mainhead {
	font-size: 175%;
	width: 100%;
	height: 30px;
	margin-bottom: 10px;
	margin-top: 80px;
	border-bottom: solid 1px #000000;}

#authorhead {
	height: 40px;
	margin-bottom: 10px;
	margin-top: 100px;
	border-bottom: solid 1px #000000;}


h1.writings {
	font-size: 175%;
	width: 75%;
	margin-bottom: 0px;
	margin-top: 0px;
	float: left;}

ul.authorlist {
	list-style-type: none;
	margin: 0%;}
li.authorline {
	width: 100%;
	height: 50px;
	border-bottom: solid 1px #000000;
	margin-bottom: 10px;}
a.authoranchor {
	width: 60%;
	float: left;
	height: 40px;
	margin-right: 10%;}

ul.booklist {
	list-style-type: none;
	margin: 0%;}
li.bookline {
	width: 100%;
	height: 50px;
	border-bottom: solid 1px #000000;
	margin-bottom: 10px;}
a.bookanchor {
	width: 71%;
	float: left;
	height: 20px;
	margin-right: 10%;
}
p.price {
	width: 20%;
	float: left;
	height: 20px;
	margin: 0;
	text-align: right;
	}
img.badge {
	width: 146px;
	height: 40px;
	float: left;}
form {
	width: 15%;
	float: right;
	height: 40px;}

input.badge {
	width: 146px;
	height: 40px;
	float: right;}

/*————————————————————————————————————————————————————————————————————————————————————————————————————————————————————*/
#menu {
	position:relative;
	height: 25px;
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu a {
	display: block;
	width: 225px;
	height: 25px;
    border-bottom: solid 1px #000000;
}

#menu li {
	float: left;
	width: 225px;

	height: 25px;
	padding-top: 5px;
    border-bottom: solid 1px #000000;
	background-color: #FFFFFF;
}

#menu li ul {
	display: none;
}

#menu li:hover ul {
	display: block;
	width: 225px;
	position: absolute;
}
#menu a:hover {
	display: block;
	background-color: #FFFFFF;
	color: #808080;
	height: 25px;
	width: 225px;
}

div.mainContent {
	clear: left;
}



/*————————————————————————————————————————————————————————————————————————————————————————————————————————————————————*/

/*
#menu a:hover {
	display: block;
	background-color: #FFFFFF;
	color: #808080;
	height: 25px;
	width: 225px;}
*/