/* --- normalize --- */

body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, h7, form, p, blockquote, th, td {
margin: 0; 
padding: 0;
font-size: 100%;
}
h1, h2, h3, h4, h5, h6, h7 {
font-size: 95%;
}
address, caption, cite {
font-style: normal;
font-weight: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
border: none;
}

/* --- base typeface, leading, and color --- */

body {
font-family: arial, helvetica, sans-serif;
font-size: .9em;
line-height: 1.3em;
color: #000;
background: #444;
}

/* --- generic structural elements --- */

p {
text-align: left;
margin: 10px 0 10px 0;
padding: 0 0 0 0;
}
h2, h3, h4, h5, h6 {
margin-top: 1em;
margin-bottom: -10px;
font-weight: bold;
}
h1 {
color: #155eb0;
margin: 0;
padding: 0;
}
h2 {
font-size: 1em;
color: #333;
}
h3 {
font-variant: small-caps;
font-size: 1.1em;
color: #a20000;
margin: 20px 0 10px 0;
}
ul {
list-style-type: square;
font-size: .8em;
text-align: left;
}
li {
margin-bottom: 2px;
}

/* --- style items --- */

.amazon {
margin: 35px 0 35px 0;
}
.block {
margin: -10px 0 10px 20px;
}
.copyright {
font-size: .9em;
color: #000;
text-align: center;
margin: 0;
padding: 0;
}
img.cover {
border: 1px solid #444;
}
.left {
text-align: left;
}
.head_name {
font-size: 2.2em;
color: #666;
float: left;
}
.head_year {
font-size: 2.2em;
color: #a20000;
text-align: right;
}
.quote {
font-size: .85em;
font-style: italic;
margin: -10px 0 15px 15px;
}
.right {
text-align: right;
}
.small {
font-size: .8em;
line-height: 1.4em;
color: #7b7b7b;
font-weight: normal;
}
.tiny {
font-size: .75em;
line-height: 1.2em;
font-weight: normal;
}
.wrapleft {
float: left;
padding: 5px 15px 5px 0;
}
.wrapright {
float: right;
width: 185px;
margin: -25px 0 0 0;
padding: 0 0 25px 45px;
}

/* --- navigation --- */

ul#nav_choices {
font-family: arial, helvetica, sans-serif;
list-style-type: none;
font-size: .9em;
font-weight: bold;
margin: 0;
padding: 5px 0;
text-align: right;
}
ul#nav_choices li {
display: inline;
margin: 0 0 0 25px;
padding: 0;
}

/* --- links --- */

a:link, a:visited {
color: #777;
text-decoration: none;
}
a:hover, a:active {
color: #333;
text-decoration: none;
}
a.nav:link, a.nav:visited {
color: #666;
font-weight:bold;
text-decoration: none;
}
a.nav:hover, a.nav.active {
color: #ccc;
font-weight: bold;
text-decoration: none;
}
a.text:link, a.text:visited {
color: #333;
font-weight: normal;
text-decoration: none;
border-bottom: 1px dotted #000066;
}
a.text:hover, a.text:active {
color: #666;
font-weight: normal;
text-decoration: none;
border-bottom: 1px solid #cb0000;
}
a.drama:link, a.drama:visited {
color: #003e9a;
font-weight:bold;
text-decoration: none;
}
a.drama:hover, a.drama:active {
color: #012c6c;
font-weight:bold;
text-decoration: none;
}

/* --- position --- */

#navigate {
position: relative;
background: #fff;
width: 700px;
top: 10px;
margin: 0 auto;
padding: 2px 20px;
border-bottom: 3px solid #aaa;
}
#identity {
background: #fff;
width: 700px;
margin: 10px auto 0 auto;
padding: 15px 20px;
height: 50px;
}
#content {
background: #fff;
width: 700px;
margin: 0 auto;
padding: 10px 20px;
}
#foot {
background: #ccc;
width: 700px;
margin: 5px auto;
padding: 5px 20px;
text-align: center;
}