/* CSS Document */
/* RESET RELOADED */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* Site Layout */
body {height:101%;}
#pagecontainer {width:760px;position:relative;margin:0 auto;}
#frontinfo {background-image:url(images/main-box.jpg);width:269px;height:251px;position:absolute;left:491px;top:141px; }
#frontinfocontainer {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;padding:68px 15px;color:#653c0e;line-height:1.3;}
#copyright2 {clear:both;font-family:Georgia, "Times New Roman", Times, serif; font-size:10px;color:#999999;z-index:3;position:relative;}
#copyright2 a, #copyright a:visited {color:#999;}
#copyright2 a:hover {color:#666666;}
/* Navigation */
#headernav {background-image:url(images/secondary-header.gif);width:760px;height:123px;position:relative;}
#headernav li {position:absolute;}
#headernav li a {display:block;height:39px;}
#home {width: 364px;height:50px;left:110px;top:25px; }
#about {width:114px;height:39px;left:105px;top:75px;}
#about a:hover {background-image:url(images/secondary-header-over.gif);background-position:-105px -75px;}
#books {width:80px;height:39px;left:223px;top:75px;}
#books a:hover {background-image:url(images/secondary-header-over.gif);background-position:-223px -75px;}
#freereads {width:88px;height:39px;left:308px;top:75px;}
#freereads a:hover {background-image:url(images/secondary-header-over.gif);background-position:-308px -75px;}
#blog {left:398px;top:75px;width:75px;height:39px;}
#blog a:hover {background-image:url(images/secondary-header-over.gif);background-position:-398px -75px;}
#contactme {left:474px;top:75px;width:136px;height:39px;}
#contactme a:hover {background-image:url(images/secondary-header-over.gif);background-position:-474px -75px;}
#faq {left:611px;top:75px;width:70px;height:39px;}
#faq a {display:block;height:39px;}
#faq a:hover {background-image:url(images/secondary-header-over.gif);background-position:-611px -75px;}
/*Dragon Images for pages*/
#aboutdragon {position:absolute;left:515px;top:136px;background-image:url(images/dragon-head.jpg);width:245px;height:276px;}
#booksdragon {position:absolute;left:515px;top:136px;background-image:url(images/dragon-claws.jpg);width:245px;height:276px;}
#freedragon {position:absolute;left:515px;top:136px;background-image:url(images/dragon-tail.jpg);width:245px;height:276px;}
#contentdragon {position:absolute;left:515px;top:136px;background-image:url(images/dragon-wing.jpg);width:245px;height:276px;}
#egg1side {
position:absolute;
left:579px;
top:136px;
background-image:url(images/egg1-large.jpg);
width:100px;
height:139px;
}
#egg2side {
position:absolute;
left:598px;
top:137px;
background-image:url(images/egg3-large.jpg);
width:103px;
height:137px;
}
#egg3side {
position:absolute;
left:570px;
top:136px;
background-image:url(images/egg2-large.jpg);
width:117px;
height:139px;
}
/* Page Content Styles */
#pagecontent { margin-left:30px; position:absolute; left:0px; top:140px; width:479px; border:1px sold red; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#653c0e; line-height:1.3; }
#pagecontent p, #pagecontent-wide p{margin-bottom:1em;line-height:1.6;}
#pagecontent h1, #pagecontent-wide h1 {margin-bottom:1.2em;color:#64130b; font-size:16px; letter-spacing:2px;font-weight:bold; padding-bottom:1px; border-bottom: 1px solid #89a191;width:70%;}
#pagecontent h2, #pagecontent-wide h2 {margin-bottom:1.2em;color:#64130b; font-size:14px; letter-spacing:1px;font-weight:bold;}
#pagecontent-wide p {font-size:16px;font-family:Georgia, "Times New Roman", Times, serif;color:#653c0e;}
#pagecontent-wide h1 {font-size:20px;margin-top:10px;letter-spacing:normal;}
.centered {text-align:center;margin: 1em 50px; border:1px solid black;}
#pagecontent a:link, #pagecontent a:visited {color:#993300;}
#pagecontent a:hover {color:#996600;}
/* Formatting for Story Content */
#pagestory {margin-left:30px;position:absolute; left:0px; top:140px; width:479px; border:1px sold red;font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;color:#333333;line-height:1.3;}
#pagestory p {margin-bottom:1em;line-height:1.6;}
#pagestory h1 {margin-bottom:1.2em;color:#64130b; font-size:16px; letter-spacing:2px;font-weight:bold; padding-bottom:1px; border-bottom: 1px solid #89a191;width:70%;}
#pagestory h2 {margin-bottom:1.2em;color:#64130b; font-size:14px; letter-spacing:1px;font-weight:bold;}
.centered {text-align:center;margin: 1em 50px; border:1px solid black;}
#pagecstory a:link, #pagecontent a:visited {color:#993300;}
#pagestory a:hover {color:#996600;}
.leftaligned {float:left;padding:10px;}
blockquote {margin-left:30px; margin-right:30px;}
#reviews { display:block; position:absolute; background-image:url(images/reviews.gif); height:41px; width:117px; text-indent:-9999px; left: 3px; top: 283px; }
#covers { display:block; position:absolute; background-image:url(images/covers.gif); height:41px; width:220px; text-indent:-9999px; left: 0px; top: 322px; }
a#reviews:hover {background-image:url(images/reviews-over.gif)}
a#covers:hover {background-image:url(images/covers-over.gif)}
#appearances {
display:block;
position:absolute;
background-image:url(images/appearances.gif);
height:34px;
width:148px;
text-indent:-9999px;
left: 58px;
top: 283px;
}
a#appearances:hover {background-image:url(images/appearances-over.gif)}
#egg1 {
display:block;
position:absolute;
text-indent:-9999px;
background-image:url(images/egg2.jpg);
height:99px;
width:80px;
left: 765px;
top: 338px;
}
#egg2 {
display:block;
float:left;
text-indent:-9999px;
background-image:url(images/egg1.jpg);
height:73px;
width:54px;
padding:5px;
margin-right:10px;
}
#egg3 {
display:block;
text-indent:-9999px;
background-image:url(images/egg3.jpg);
height:75px;
width:50px;
float:left;
padding:5px;
margin-right:10px;
}
.biggen {font-size:18px;}