/* RESETS */
/*html, body { min-height: 100%; }*/
html, body, p, div, ul, ol, li, img, h1, h2, h3, h4, h5, h6, blockquote, table, form
{ margin: 0; padding: 0; }
p, div, ul, ol, li, img, h1, h2, h3, h4, h5, h6, blockquote, table, a, span
{ background-repeat: no-repeat; }
hr { display: none; }
body { -webkit-text-size-adjust: none; }
/* Anchors */
a:link, a:visited { color: #C00; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
/* Images */
a:link img, a:visited img { border: none; }
img a:hover, img a:active { background-color: #EEE; border-bottom: none; }
img.inline, img.inline_left, img.inline-left {
float: left;
margin: 3px 9px 3px 0;
padding: 3px;
}
img.inline_right, img.inline-right {
float: right;
margin: 3px 0 3px 18px;
padding: 3px;
}
/* REUSABLES */
.nav, .nav ul { list-style-type: none; list-style-position: outside; margin-left: 0; padding-left: 0; text-indent: 0; }
.clear, .separator { clear: both; }
.pad { margin-top: 20px; padding-top: 20px; }
.sectionbreak { margin-top: 20px; border-top: 1px dotted #DDD; padding-top: 20px; }
.notice { color: red; }
.hide { display: none; }
.conceal { position: absolute; left: -9999px; }
/* GENERAL TYPOGRAPHY */
body { font-family: 'Helvetica Neue', Helvetica, Arial, 'Trebuchet MS', sans-serif; font-size: 16px; line-height: 1.5; }
p, ul, ol, blockquote { font-size: 15px; padding-bottom: 6px; margin-bottom: 6px; }
ul, ol { list-style-position: inside; text-indent: -1em; padding-left: 1em; }
li { padding-bottom: 3px; margin-bottom: 3px; line-height: 1.4; }
li ul { padding-bottom: 0; margin-bottom: 0; }
blockquote { padding-bottom: 5px; margin-bottom: 15px; padding-left: 1em; padding-right: 1em; color: #555; border-left: 4px solid #CCC; }
blockquote p:last-child { padding-bottom: 0; margin-bottom: 0; }
.sidebar p,
.sidebar ul,
.sidebar ol,
.sidebar blockquote { font-size: 11px; padding-bottom: 2px; margin-bottom: 2px; line-height: 1.4; }
.sidebar ul { list-style-type: none; }
.sidebar li { padding-bottom: 2px; margin-bottom: 2px; }
h2, h3, h4, h5 { font-family: 'Trebuchet MS', sans-serif; }
h2 { font-size: 21px; padding-bottom: 9px; margin-bottom: 9px; line-height: 1.4; text-shadow: #FFF 0 1px 0; }
h3 { font-size: 16px; color: #333; font-weight: normal; padding-bottom: 6px; margin-bottom: 6px; line-height: 1.3; }
p + h3,
ul + h3,
ol + h3 { margin-top: 12px; padding-top: 12px; }
h4 { font: 14px; padding-bottom: 3px; margin-bottom: 3px; color: #333; }
p + h4,
ul + h4,
ol + h4 { margin-top: 9px; padding-top: 9px; }
#faqs #content h4 { text-align: center; }
.sidebar h4 { font-size: 13px; color: #444; margin-top: 3px; padding-top: 3px; padding-bottom: 2px; margin-bottom: 2px; }
h5 { font-family: Helvetica, Arial, 'Trebuchet MS', sans-serif; font-size: 13px; color: #666; padding-bottom: 2px; margin-bottom: 2px; }
p + h5,
ul + h5,
ol + h5,
h4 + h5 { margin-top: 6px; padding-top: 6px; }
.sidebar h5 { font-size: 12px; margin-top: 3px; padding-top: 3px; padding-bottom: 2px; margin-bottom: 8px; border-bottom: 1px dotted #BBB; text-shadow: #FFF 0 1px 0; }
.sidebar p + h5 { margin-top: 10px; padding-top: 10px; }
.sidebar h6 { font-size: 10px; color: #444; padding-bottom: 1px; margin-bottom: 1px; line-height: 1.4; }
.sidebar p + h6 { margin-top: 2px; padding-top: 2px; }
/* Other typography */
code { font-size: 90%; }
del a:hover, del a:active { cursor: default; text-decoration: none; }
/* BODY */
html {
background-image: url(images/body-background.gif);
background-position: center 200px;
background-repeat: repeat-y;
}
body {
width: 960px;
margin: 0 auto;
text-align: left;
}
/* HEADER */
#header {
padding-top: 20px;
height: 220px;
background-image: url(images/header-background.gif);
background-position: bottom center;
background-color: #FFF;
position: relative;
}
#dragontile { position: absolute; }
#dragontile a {
display: block;
width: 180px;
height: 200px;
background-image: url(images/header-dragontile.png);
}
#dragontile a span { position: absolute; left: -9999px; }
body#home #dragontile a {
height: 180px;
cursor: default;
}
#masthead {
position: absolute;
left: 200px;
width: 370px;
height: 60px;
background-image: url(images/header-masthead.jpg);
}
#siteblurb { position: absolute; top: 143px; left: 210px; font-size: 13px; background-color: #DDD; color: #C00; text-shadow: #EAEAEA 0 1px 0; padding: 2px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: #BBB 0 2px 2px; }
/* MAIN NAVIGATION */
#navigation-main { position: absolute; top: 85px; left: 200px; }
#navigation-main li { display: inline; }
#navigation-main a { display: block; height: 40px; float: left; background-position: 0 0; }
#navigation-main li.about a { width: 80px; background-image: url(images/navigation/about.jpg); }
#navigation-main li.about a:hover, #navigation-main li.about a:active { background-position: 0 -40px; }
body#about li.about a, body#about li.about a:hover { background-position: 0 -80px; cursor: default;}
#navigation-main li.news a { width: 120px; background-image: url(images/navigation/news.jpg); }
#navigation-main li.news a:hover, #navigation-main li.news a:active { background-position: 0 -40px; }
body#news li.news a, body#news li.news a:hover { background-position: 0 -80px; cursor: default;}
#navigation-main li.books a { width: 70px; background-image: url(images/navigation/books.jpg); }
#navigation-main li.books a:hover, #navigation-main li.books a:active { background-position: 0 -40px; }
body#books li.books a, body#books li.books a:hover { background-position: 0 -80px; cursor: default;}
#navigation-main li.research a { width: 91px; background-image: url(images/navigation/research.jpg); }
#navigation-main li.research a:hover, #navigation-main li.research a:active { background-position: 0 -40px; }
body#research li.research a, body#research li.research a:hover { background-position: 0 -80px; cursor: default;}
#navigation-main li.art a { width: 117px; background-image: url(images/navigation/art.jpg); }
#navigation-main li.art a:hover, #navigation-main li.art a:active { background-position: 0 -40px; }
body#art li.art a, body#art li.art a:hover { background-position: 0 -80px; cursor: default;}
#navigation-main li.faqs a { width: 74px; background-image: url(images/navigation/faqs.jpg); }
#navigation-main li.faqs a:hover, #navigation-main li.faqs a:active { background-position: 0 -40px; }
body#faqs li.faqs a, body#faqs li.faqs a:hover { background-position: 0 -80px; cursor: default;}
#navigation-main li.dragontour a { width: 125px; background-image: url(images/navigation/dragontour.jpg); }
#navigation-main li.dragontour a:hover, #navigation-main li.dragontour a:active { background-position: 0 -40px; }
body#dragontour li.dragontour a, body#dragontour li.dragontour a:hover { background-position: 0 -80px; cursor: default;}
#navigation-main a span { position: absolute; left: -9999px; }
/* SIDEBAR NAVIGATION (book tiles) */
ul#navigation-books { width: 100px; position: absolute; }
ul#navigation-books li { float: left; margin-bottom: 0; padding-bottom: 0; }
ul#navigation-books li.sugarsugar,
ul#navigation-books li.dragoncompanion { margin-bottom: 10px; }
ul#navigation-books li.dragoncompanion,
ul#navigation-books li.eureka,
ul#navigation-books li.jerilderie,
ul#navigation-books li.blacksnake { margin-top: 10px; }
ul#navigation-books li a { display: block; float: left; width: 39px; height: 38px; background-position: 0 0; }
ul#navigation-books li.sugarsugar a { width: 82px; height: 40px; background-image: url(images/navigation-books/navigation-books-sugarsugar.png); }
ul#navigation-books li.dragondawn a { height: 40px; background: url(images/navigation-books/navigation-books-dragondawn.png); }
ul#navigation-books li.dragonkeeper a { height: 40px; background: url(images/navigation-books/navigation-books-dragonkeeper.png); }
ul#navigation-books li.purpledragon a { background: url(images/navigation-books/navigation-books-purpledragon.png); }
ul#navigation-books li.dragonmoon a { width: 43px; background: url(images/navigation-books/navigation-books-dragonmoon.png); }
ul#navigation-books li.dragoncompanion a { width: 82px; height: 40px; background-image: url(images/navigation-books/navigation-books-dragoncompanion.png); }
ul#navigation-books li.ramose-valley { position: relative; left: 1px; }
ul#navigation-books li.ramose-prince { clear: both; }
ul#navigation-books li.ramose-prince, ul#navigation-books li.ramose-scorpion { position: relative; left: 1px; }
ul#navigation-books li.ramose-valley a { margin-right: 40px; height: 40px; background: url(images/navigation-books/navigation-books-ramose-valley.png); }
ul#navigation-books li.ramose-prince a { background: url(images/navigation-books/navigation-books-ramose-prince.png); }
ul#navigation-books li.ramose-tomb a { width: 43px; background: url(images/navigation-books/navigation-books-ramose-tomb.png); }
ul#navigation-books li.ramose-scorpion a { background: url(images/navigation-books/navigation-books-ramose-scorpion.png); }
ul#navigation-books li.ramose-ra a { width: 43px; background: url(images/navigation-books/navigation-books-ramose-ra.png); }
ul#navigation-books li.eureka a { width: 82px; height: 36px; background-image: url(images/navigation-books/navigation-books-eureka.png); background-repeat: no-repeat;}
ul#navigation-books li.jerilderie a { background: url(images/navigation-books/navigation-books-jerilderie.png); }
ul#navigation-books li.blacksnake a { width: 43px; background: url(images/navigation-books/navigation-books-blacksnake.png); }
ul#navigation-books li.alexander a { background: url(images/navigation-books/navigation-books-alexander.png); }
ul#navigation-books li.thegames a { width: 43px; background: url(images/navigation-books/navigation-books-thegames.png); }
ul#navigation-books li.hatshepsut a { background: url(images/navigation-books/navigation-books-hatshepsut.png); }
ul#navigation-books li a:hover { background-position: 0 -38px; }
ul#navigation-books li.sugarsugar a:hover,
ul#navigation-books li.dragondawn a:hover,
ul#navigation-books li.dragonkeeper a:hover,
ul#navigation-books li.dragoncompanion a:hover,
ul#navigation-books li.ramose-valley a:hover,
ul#navigation-books li.ramose-valley a:hover { background-position: 0 -40px; }
ul#navigation-books li.eureka a:hover { background-position: 0 -36px; }
ul#navigation-books li a span { display: none; }
/* CONTENT */
#content { width: 820px; float: right; padding-bottom: 50px; min-height: 440px; height: auto !important; height: 440px; background-image: url(images/content-background.png); }
#content .primary { width: 580px; float: left; padding-right: 40px; }
#content .sidebar { width: 180px; float: right; padding-right: 20px; margin-top: 38px; }
#content .sidebar > div { padding-bottom: 10px; margin-bottom: 10px; }
/* ART */
body#art .gallery div { width: 100px; float: left; margin-right: 20px; }
body#art .gallery div img { border: 5px solid #FFF; -webkit-box-shadow: 0 0 5px #BBB; }
body#art .gallery div p { font-size: 12px; color: #333; }
/* BLOG */
body#news h2 { font-weight: normal; }
body#news .post { padding-bottom: 30px; margin-bottom: 30px; }
body#news .post > h5 { font-weight: normal; }
body#news .comments { margin-top: 30px; padding-top: 20px; border-top: 1px dotted #CCC; }
body#news .comment,
body#news h3#respond { margin-top: 15px; padding-top: 15px; }
body#news ol.commentlist { list-style-type: none; padding-left: 0; margin-left: 0; text-indent: 0; }
/* BOOKS */
body#books.list #content .primary .item { position: relative; min-height: 90px; height: auto !important; height: 90px; }
body#books.list #content .primary .series .item { width: 250px; float: left; padding-right: 40px; }
body#books.list #content .primary .item h2,
body#books.list #content .primary .item h3,
body#books.list #content .primary .item p { padding-left: 75px; }
body#books.list #content .primary .item h3 { padding-bottom: 2px; margin-bottom: 2px; }
body#books.list #content .primary .item img { position: absolute; top: 5px; left: 0; }
body#books.list #content .primary .section + .section { clear: both; padding-top: 40px; }
body#books.single #content .primary img[alt="book cover"] { -webkit-box-shadow: 0 0 3px #666; border: 5px solid #FFF; padding: 0; margin-bottom: 15px; }
body#books.single #content .primary .altcoverinformation { width: 190px; float: right; clear: right; text-align: right; padding-bottom: 10px; }
body#books.single #content .primary .multimedia {
padding: 20px; margin-top: 30px;
background-color: #EAEAEA; border: 1px solid #DDD;
border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -khtmk-border-radius: 20px;
}
body#books.single #content .primary .multimedia > div { width: 140px; padding: 10px; margin-right: 20px; float: left; position: relative; left: -10px; }
body#books.single #content .primary .multimedia > div.clear { width: 100%; float: none; clear: both; left: 0; }
body#books.single #content .primary .multimedia > div img { width: 100%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtmk-border-radius: 10px;}
body#books.single #content .primary .multimedia > div p { font-size: 12px; color: #666; font-weight: bold; padding-bottom: 2px; margin-bottom: 2px; }
body#books.single #content .primary .multimedia > div p small { font-size: 11px; font-weight: normal; }
body#books.single #content .primary .multimedia > div p small a { color: #666; }
body#books.single #content .primary .multimedia > div p small a:hover { color: #C00; }
body#books .sidebar .altcovers a { display: block; float: left; margin-right: 4px; height: 45px; margin-bottom: 4px; }
body#books .altcovers a:hover { text-decoration: none; }
body#books .altcovers a.selected { cursor: default; }
body#books .sidebar .altcovers a.hide { display: none; }
body#books .altcovers a img { width: 30px; height: 45px; border: 1px solid #EEE; }
body#books .altcovers a:hover img { border: 1px solid #C00; }
body#books .altcovers a.selected:hover img { border: 1px solid #EEE; }
body#books .altcovers a h6 { position: absolute; left: -9999px; /*color: #666; font-size: 9px; padding-bottom: 0; margin-bottom: 0; */}
body#books .sidebar .externallink { margin-top: 10px; padding-top: 10px; }
/* ABOUT */
body#about .primary { width: 780px; }
/* FAQs */
body#faqs #content .primary { width: 780px; }
body#faqs #content .primary h2 + ul { list-style-type: none; }
body#faqs #content h3 { margin-top: 20px; padding-top: 20px; }
body#faqs #content h6 { font-weight: normal; text-align: center; }
body#faqs #content h6 a { color: #666; }
body#faqs #content h6 a:hover { color: #C00; }
/* DRAGON TOUR */
body#dragontour ul#navigation-books { display: none; }
body#dragontour #content .primary { width: 800px; }
body#dragontour #maps { position: relative; }
body#dragontour #map { width: 450px; height: 400px; float: left; border: 2px solid #666; }
body#dragontour .maplabel { background-color: #FFF; color: #444; line-height: 1; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border: 1px solid #BBB; text-align: center; -webkit-box-shadow: #BBB 0 1px 2px; }
body#dragontour .maplabel small { font-size: 10px; }
body#dragontour #insetmap { width: 325px; height: 325px; float: right; border: 2px dotted #666; }
body#dragontour #insetmaplabel { width: 325px; float: right; color: #444; font-size: 10px; text-align: right; margin-top: 5px; }
body#dragontour #guide > div { clear: both; }
body#dragontour h3 { margin-top: 50px; padding-bottom: 6px; border-bottom: 1px solid #AAA; margin-bottom: 18px; }
body#dragontour .backtomap { font-size: 12px; color: #C00; }
body#dragontour h3 .backtomap { font-family: Helvetica, Arial, 'Trebuchet MS', sans-serif; font-weight: normal; float: right; }
body#dragontour .blurb .backtomap { margin-left: 10px; font-size: 12px; }
body#dragontour #guide .images { float: right; margin-bottom: 10px; text-align: right; }
body#dragontour #guide .images img { margin-left: 5px; }
body#dragontour #guide .info { float: left; margin-bottom: 15px; }
#forumtheatre .images { width: 475px; } #forumtheatre .info { width: 325px; }
#stockexchange .images { width: 165px; } #stockexchange .info { width: 635px; }
#statelibrary .images { width: 320px; } #statelibrary .info { width: 480px; }
#stpatricks .images { width: 800px; float: left; } #stpatricks .info { width: 800px; }
#stpatricks .images img { width: 120px; float: left; } #stpatricks .info p { display: inline; }
body#dragontour #guide .info p { color: #333; font-size: 11px; padding-bottom: 2px; margin-bottom: 2px; line-height: 1.4; }
body#dragontour #guide .blurb { clear: both; margin-top: 10px; padding-top: 10px; }
body#dragontour #guide #stpatricks .images a { width: 130px; float: left; text-align: center; }
body#dragontour #guide #stpatricks .images a small { color: #666; font-weight: bold; font-size: 10px; cursor: default; }
body#dragontour #guide #stpatricks .images a:hover { text-decoration: none; }
body#dragontour #guide .blurb img[src="photos/stpatricks-plan.jpg"] { width: 400px; height: 400px; }
body#dragontour #guide #stpatricks .withcaption { display: block; width: 150px; margin-left: 20px; position: relative; float: right; margin-bottom: 20px; }
body#dragontour #guide #stpatricks a[href="stpatricks-window-fullsize.jpg"] { height: 300px; }
body#dragontour #guide #stpatricks a[href="stpatricks-gargoyles-fullsize.jpg"] { height: 150px; }
body#dragontour #guide #stpatricks .withcaption small { display: block; padding: 0 2px; width: 146px; background-color: #DDD; color: #222; text-decoration: none; position: absolute; bottom: -6px; right: 3px; }
body#dragontour #guide #chinesemuseum h4 { margin-top: 10px; padding-top: 10px; }
body#dragontour #guide #chinesemuseum .images { position: relative; top: -20px; margin-bottom: -10px; }
body#dragontour #dragonbooks a { display: block; width: 100px; float: left; margin-right: 25px; padding: 10px; }
body#dragontour #dragonbooks a:hover { background-color: #DDD; text-decoration: none; }
body#dragontour #dragonbooks a em { display: block; font-size: 80%; }
/* FOOTER */
#footer {
clear: both; width: 900px; margin-left: 60px;
background-color: #FFF;
padding-bottom: 50px;
}
#footer-contents {
background-color: #900;
border-top: 1px solid #666;
background-image: url(images/footer-background.jpg);
background-position: left bottom;
padding: 20px 40px;
margin-bottom: 25px;
}
#footer .nav li { display: inline; font-size: 14px; font-family: 'Trebuchet MS', sans-serif; font-weight: bold; }
#footer .nav li a { display: block; width: 80px; float: left; color: #FF9; padding-right: 10px; border-right: 1px solid #CCC; margin-right: 10px; }
#footer .nav li:last-child a { padding-right: 0; border-right: 0; margin-right: 0; }
#footer .nav li a:hover { color: #FC0; text-decoration: none; }
#websitecredit { color: #666; font-size: 11px; text-align: center; text-shadow: #EEE 0px 1px 0px; }
#websitecredit a { color: #666; }