/* RESETS */

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite,
del, dfn, em, font, img, kbd, q, s, samp,
small, strike, strong, sub, sup,
b, u, i, center,
ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

div {margin:0;}

p {
    margin:15px 0;
    }

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body {
    color:#444;
    font-size:15px;
    line-height:19px;
    font-family:lucida grande, lucida sans unicode, lucida sans, lucida;
    margin:0px;
    padding:20px 0 0 0;
    background:#fefefe;
    }

a, a:visited {
    color:#276987;
    text-decoration:none;
    }

a:hover {
    color:#6bb7df;
    }

a:active {
    color:#276987;
    text-decoration:none;
    }

#splash a, #splash a:visited {
    color:#6bb7df;
    text-decoration:none;
    }

#splash a:hover {
    color:#73c6f4;
    text-decoration:underline;
    }

#splash a:active {
    color:#5998bb;
    }

#splash {
    height:384px;
    width:384px;
    display:block;
    position:relative;
    top:5px;
    left:50%;
    margin-left:-192px;
    background:url(dark.png) repeat;
    color:#fefefe;
    overflow:hidden;
    font-size:18px;
    text-align:center;
    }    

#splash_alternate {
    border-top:4px solid #6fa7b0;
    padding:10px 14px;
    display:none;
    }

#splash img {
    border-top:4px solid #6fa7b0;
    height:384px;
    width:384px;}

#splash:hover #splash_alternate {
    display:block;}
    
#splash:hover img {
    display:block;
    position:absolute;
    z-index:-1;
    }

#navigation {
    text-align:center;
    }

#navigation a {
    padding:6px 10px;
    font-size:20px;
    }
    
#footer {
    text-align:center;
    position:fixed;
    bottom:0;
    left:50%;
    width:700px;
    padding:6px 0;
    margin:0 0 0 -350px;
    }

#footer, #navigation a {
    -moz-border-radius-topright: 10px; 
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-right-radius: 10px; 
    -webkit-border-top-left-radius: 10px;
    border-top-right-radius:10px;
    border-top-left-radius:10px;
    }
    
#navigation a {
    background:#87c7d2;
    }

#footer, #navigation a.current {
    background:#6fa7b0;
    color:#111;
    }

a, a:visited {
    text-decoration:none;
    }
a:hover {
    text-decoration:underline;
    }

.dark a, .dark a:visited {color:#c9f1ff;}
.dark a:hover {color:#fffafa;}
.dark a:active {color:#c9f1ff;}

#navigation a, #navigation a:visited {color:#d7fdff;}
#navigation a:hover {text-decoration:none;background:#71b7c0;}
#navigation a:active {background:#6fa7b0;}

#About #text, #Books #text {
    width:670px;
    display:block;
    position:relative;
    top:5px;
    left:50%;
    margin-left:-350px;
    background:#fefefe;
    color:#111;
    overflow:hidden;
    border:1px solid #111;
    border-top:4px solid #6fa7b0;
    padding:10px 14px;
    }    
    
.book {
    border:1px solid #555;
    border-left:none;
    border-right:none;
    margin-bottom:-1px;
    padding:10px 0;
    font-size:90%;
    }

.book:hover {
    background:#e8ebfa;
    }

.book img {
    width:300px;
    height:120px;
    }

.book h3 {
    font-size:130%;
    color:#3690b9;
    }

.book:hover h3 {
    color:#307487;
    }

.book p {
    margin-top:10px;
    margin-bottom:0px;
    padding:0;}

.book p.cover {
    float:left;
    padding:50px 0px;
    margin:0 10px 0 0;
    background:#999999;
    }

.book:hover .cover {
    background:#545454;
    }

.book p.darker {
    background:#7e7e7e;
    }

.book p.darkest {
    background:#666666;
    }