/* allen kurzweil */
/*
  This is the base style for all body text.
  Special thanks to Owen Briggs for relative font sizing tips.
*/
body {
 font-family: "Georgia", serif; 
 font-size: 76%; 
 color: #444;
 line-height: 1.5em;
 vertical-align: baseline;
 background: #4c7389;
 background-position: top center;
}

/*
  Remove all margins & padding.
  They will be replaced only as needed.
*/

a,
body,
div,
img,
h1, 
h2, 
h3, 
h4, 
h5, 
h6,
p,
ul,
ol,
li {
 margin: 0px;
 padding: 0px;
 border: none;
 display: block;
}

p, 
td, 
li {
 font-size: 1.1em;
}

p {
 margin-bottom: 1em;
}

/*
  This is the base style for all headers.
*/
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
 font-family: "Georgia", "Verdana", sans-serif; 
 font-weight: bold;
 line-height: 1.2em;
 vertical-align: baseline;
 margin-bottom: 1em;
}

h1 {
 font-size: 1.4em; 
}

h2 {
 font-size: 1.2em; 
}

h3 {
 font-size: 1.1em;
 font-style: italic;
}

h4 {
 font-size: 0.6em; 
}

h5 {
 font-size: 0.6em; 
}

h6 {
 font-size: 0.6em; 
}

/*
  Default link colors
*/
a:link {
 color: #1a4c6e;
}

a:visited {
 color: #3B0000;
}

a:hover {
 color: #d24325;
}

a:active {
 color: #710000;
}

table,
td,
tr {
 margin: 0px;
 padding: 0px;
 border: none;
}

a,
img {
 display: inline;
}

/*
  Design specific settings.
*/

html,
body {
 height: 100%;
}

td {
 vertical-align: top;
}

.clear_floats {
 /* used to force containers to enclose all floated child elements */
 clear: both;
}

#centering_container {
/*  padding-left: 16px; */
 margin: 0 auto;
 width: 632px;
 height: 100%;
}

#center_column {
 width: 464px;
 float: right;
 background-color: #7da4b9;
}

#center_column #title {
 text-align: center;
 padding-top: 24px;
}

#text_column {
 width: 360px;
 margin: 0 auto 24px;
 overflow: auto;
}

#main_menu {
 width: 168px;
 padding-top: 33px;
 float: left;
}

#main_menu a {
 display: block;
 background-repeat: no-repeat;
 position: relative;
}

#main_menu a span {
 /* hide the menu text */
 display: none;
}

#leon_menu {
 height: 175px;
 background-image: url("images/leon_background.jpg");
 background-repeat: no-repeat;
}

#leon_menu a {
 width: 96px;
 height: 48px;
}

#leon_menu a:link {
 background-position: 0 0;
}

#leon_menu a:visited {
 background-position: 0 -144px;
}

#leon_menu a:hover {
 background-position: 0 -48px;
}

#leon_menu a:active {
 background-position: 0 -96px;
}

#btn_leon_chip {
 top: 13px;
 left: 44px;
 background-image: url("images/btn_leon_chip.jpg");
}

#btn_leon_spitting {
 top: 16px;
 left: 48px;
 background-image: url("images/btn_leon_spitting.jpg");
}

#btn_leon_kit {
 top: 20px;
 left: 52px;
 background-image: url("images/btn_leon_kit.jpg");
 display: none;
}

#novels_menu {
 height: 163px;
 background-image: url("images/novels_background.jpg");
 background-repeat: no-repeat;
}

#novels_menu a {
 width: 96px;
 height: 40px;
}

#novels_menu a:link {
 background-position: 0 0;
}

#novels_menu a:visited {
 background-position: 0 -120px;
}

#novels_menu a:hover {
 background-position: 0 -40px;
}

#novels_menu a:active {
 background-position: 0 -80px;
}

#btn_curiosities {
 top: 16px;
 left: 25px;
 background-image: url("images/btn_curiosities.jpg");
}

#btn_complication {
 top: 56px;
 left: 25px;
 background-image: url("images/btn_complication.jpg");
}

#misc_menu {
 height: 260px;
 background-image: url("images/misc_background.jpg");
 background-repeat: no-repeat;
}

#misc_menu a {
 width: 80px;
 height: 32px;
}

#misc_menu a:link {
 background-position: 0 0;
}

#misc_menu a:visited {
 background-position: 0 -96px;
}

#misc_menu a:hover {
 background-position: 0 -32px;
}

#misc_menu a:active {
 background-position: 0 -64px;
}

#btn_book_tour {
 top: 13px;
 left: 34px;
 background-image: url("images/btn_book_tour.jpg");
}

#btn_bio {
 top: 36px;
 left: 11px;
 background-image: url("images/btn_bio.jpg");
}

#btn_contact {
 top: 50px;
 left: 53px;
 background-image: url("images/btn_contact.jpg");
}

#btn_home {
 top: 85px;
 left: 35px;
 background-image: url("images/btn_home.jpg");
}

#image_cover p {
 text-align: left;
 margin: 0;
 margin-left: 30px;
}

p#footer_image {
 text-align: center;
}

#more_stuff {
 text-align: center;
 padding: 16px;
 margin: 16px auto;
 width: 200px;
/*  background: #D6F1FD; */
 background-color: #EFCB26;
}

#more_stuff a {
 font-family: Arial, sans-serif;
 font-weight: bold;
 font-size: .9em;
 text-decoration: none;
 line-height: .8em;
}

#colophon {
 position: absolute;
 top: 800px;
 margin-left: 400px;
 padding: 3px;
 width: 200px;
 background: #2B5A4E; 
 color: white;
 text-align: center;
}

#colophon p {
 font-family: Georgia, serif;
 font-size: .9em;
 border: 1px solid #569988;
 margin: 0;
 padding: 6px;
}

#contact {
 color: #eee;
 text-align: center;
}

#contact p {
 margin: 0;
}

#contact a:link {
 color: #7BA2B7;
}

#contact a:visited {
 color: #bcc;
}

#contact a:hover {
 color: #FFB18F;
}

#contact a:active {
 color: #DC4949;
}

#email_icon {
 width: 44px;
 height: 22px;
 margin: 8px auto;
 background-image: url("images/email_icon_01.gif");
 background-repeat: no-repeat;
}