* {
margin: 0;
padding: 0;
}
body {
font-family: Verdana, Arial, Helvetica, sams-serif;
font-size: 100%;
background-color: #EAEDED;
max-width: 1200px;
margin: 15px auto;
padding: 0 1.5em;
}

em {font-weight: bold; }


/*Header*/

header {
padding: 0 0 0 0;
/*background:#af111c;*/
/*background:#8A0707;*/
background:#6699FF;
margin-left: auto;
margin-right: auto
}

header h1{
text-align: center;
clear: both;
}

header h1 a{
color: black;
}

header img.number1 {float: left;}
header img.number2 {float: right;}
header h2 {
font-size: 220%;
color: #f2972e;
text-align: center;
text-shadow: 2px 2px 2px black;
}

header h3 {
font-size: 130%;
font-style: italic;
text-align: center;
}

header .status {
text-align: center;
}

/*User Name Drop*/

#name_drop_menu ul {
list-style-type: none;
position: relative;
padding: 0 5px 0 5px;
float: right;
text-align: center;
background-color: #6699FF;
margin: 0 5px
}
#name_drop_menu ul li { float: left;}
#name_drop_menu ul ul {
display: none;
position: absolute;
top: 100%;
}
#name_drop_menu ul ul li {
float: none;
position: relative;
}
#name_drop_menu ul ul li ul {
position: absolute;
left: 100%;
top: 0;
}
#name_drop_menu ul li.lastitem ul li ul {
position: absolute;
left: -100%;
top: 0;
border-right: none;
}

#name_drop_menu ul li:hover > ul {
display: block;
}
#name_drop_menu > ul::after {
content: "";
clear: both;
display: block;}

#name_drop_menu ul li a {
text-align: center;
width: 200px;
text-decoration: none;
color: Black;
font-weight: bold;
text-align: center;
}
#name_drop_menu ul li.lastitem a {
width: 178px;
border-right: none;
}
#name_drop_menu ul li a:active {
/*color: yellow;*/
}
#name_drop_menu ul li a:hover, #name_drop_menu ul li a:focus{
background-color: #af111c;
}


/*Nav*/

#nav_menu ul {
list-style-type: none;
position: relative;
padding: 0;
background:#6699FF;
}
#nav_menu ul li { float: left;}
#nav_menu ul ul {
display: none;
position: absolute;
top: 100%;
}
#nav_menu ul ul li {
float: none;
position: relative;
}
#nav_menu ul ul li ul {
position: absolute;
left: 100%;
top: 0;
}
#nav_menu ul li.lastitem ul li ul {
position: absolute;
left: -100%;
top: 0;
border-right: none;
}

#nav_menu ul li:hover > ul {
display: block;
}
#nav_menu > ul::after {
content: "";
clear: both;
display: block;}

#nav_menu ul li a {
text-align: center;
display: block;
width: 178px;
padding: 1em 0;
text-decoration: none;
color: Black;
font-weight: bold;
}
#nav_menu ul li.lastitem a {
width: 178px;
border-right: none;
}
#nav_menu ul li a:active {
/*color: yellow;*/
}
#nav_menu ul li a:hover, #nav_menu ul li a:focus{
background-color: grey;
}

/*Main*/

main form {
padding: 0 0 15px 0;
text-align: none;
}
main form input {
padding: 0 0 0 0;
}

main div.profile {
float: left;
text-align: left;
}

main div.profile form input {
margin: 0 0 15px 0;
}


main {
clear: both;
padding: 30px 0 0 0;
margin: auto;
max-width: 500px;
}


main h1 {
font-size: 170%;
}

main h2 {
font-size: 130%;
text-indent: 2px;
margin: 15px;
}
 
main h2.zombie {
font-size: 100%;
text-align: center;
border: 5px double black;
border-radius: 10px 20 right 0 20px;
box-shadow: 1px 1px 2px 2px red;
padding: 5px;
margin: 15px;
max-width: 550px
}
 
main p {text-indent: 2em;}

main ol {
margin-left: 2em;
}
main ul {
margin-left: 5em;
}
main img {
margin-left: 2em;
}

main div.booksearch {
max-width: 500px;
/*background: radial-gradient(circle,red, orange, yellow, green, blue);
	background: -webkit-radial-gradient(circle,red, orange, yellow, green, blue);
	background: -o-radial-gradient(circle,red, orange, yellow, green, blue);
	background: -moz-radial-gradient(circle,red, orange, yellow, green, blue);*/
/*background: linear-gradient(to bottom right,red,yellow,blue,green);
	background: -webkit-linear-gradient(to bottom right,red,yellow,blue,green);
	background: -o-linear-gradient(to bottom right,red,yellow,blue,green);
	background: -moz-linear-gradient(to bottom right,red,yellow,blue,green);*/
border-style: solid;
box-shadow: 2px 2px 2px 2px;
margin-bottom: 15px;
}

main div.booksearch p {
padding: 2px 0 2px 0;
}

main div.booksearch p.checkout {
padding: 2px 0 2px 0;
font-style: italic;
color: red;
font-weight: bold;
text-align: center;
}

main div.booksearch input {
padding: 2px 0 2px 0;
font-weight: bold;
text-align: center;
margin-left: 30px;
}


main div.userprofiles {
background: #FFF;
/*background: radial-gradient(circle,red, orange, yellow, green, blue);
	background: -webkit-radial-gradient(circle,red, orange, yellow, green, blue);
	background: -o-radial-gradient(circle,red, orange, yellow, green, blue);
	background: -moz-radial-gradient(circle,red, orange, yellow, green, blue);*/
background: linear-gradient(to bottom right,red,yellow,orange);
	background: -webkit-linear-gradient(to bottom right,red,yellow,orange);
	background: -o-linear-gradient(to bottom right,red,yellow,orange);
	background: -moz-linear-gradient(to bottom right,red,yellow,orange);
border-style: solid;
box-shadow: 2px 2px 2px 2px;
margin-bottom: 15px;
text-align: left;
}

main div.userprofiles p {
padding: 2px 0 2px 0;
}


.login {
padding: 5px;
float: left;
margin: 0;
}

/*Section*/
section {
float: right;
}

section h2 {
font-size: 100%;
}

/*Footer*/

footer {
margin-top: 2em;
border-top: 2px solid #FF0000;
padding-top: .7em;
clear: both;
}

footer p {
font-size: 80%;
text-align: right;
}