body {
margin:0px;
background:#000000;
text-align:center;
}

body, p, div, td, ul {
font-family:'Georgia';
font-size:13px;
line-height:17px;
}

input, select, textarea {
font-family:'Georgia';
font-size:13px;
}

h1, h2, h4 {
font-size:22px;
line-height:23px;
font-weight:normal;
margin:0px;
}

h2 {
margin:25px 0px 0px 0px;
}

h3 {
font-size:15px;
margin:0px 0px 20px 0px;
font-style:italic;
font-weight:normal;
color:#888888;
}

h4 {
margin:20px 0px 7px 0px;
}

li {
padding-bottom:5px;
}

big {
font-size:14px;
}

p {
margin:17px 0px;
}

img {
border:none;
}

hr {
margin-top:30px;
border:1px dotted #d7baa8;
width:75%;
}

#layout {
background:url(unearthly-tales-tile.gif) repeat-y #ffffff;
position:relative;
margin:auto;
width:900px;
text-align:left;
}

#header {
background:url(unearthly-tales-header.jpg) no-repeat #ffffff;
height:145px;
}

#navigation {
background:url(unearthly-tales-navigation.jpg) no-repeat #ffffff;
padding:0px 28px;
line-height:40px;
}

#navigation a {
color:#d7baa8;
font-weight:bold;
padding:0px 7px;
}

#navigation a:hover {
color:#ffffff;
}

#cartlink {
z-index:2;
position:absolute;
top:0px;
left:50%;
margin-left:35px;
background:#fff5c5;
border-radius:0px 0px 10px 10px;
-moz-border-radius:0px 0px 10px 10px;
box-shadow:0px 0px 8px #000000;
padding:3px 10px;
}

#cartlink img {
border:none;
vertical-align:middle;
}

#booklinks {
position:absolute;
top:0px;
left:50%;
margin-left:-440px;
text-align:left;
}

#booklinks img {
border:none;
width:90px;
height:130px;
margin:15px 0px 0px 0px;
}

#page {
padding:15px 0px 35px 35px;
text-align:left;
}

#menu {
float:right;
width:244px;
text-align:center;
padding:0px 0px 30px 0px;
}

#menu-inner {
padding:0px 21px 0px 18px;
font-size:11px;
line-height:15px;
}

#footer {
clear:both;
background:url(unearthly-tales-bottom.gif);
height:10px;
}

#content {
padding:10px 0px 0px 0px;
width:600px;
text-align:left;
}

#copyright {
font-size:11px;
line-height:14px;
color:#888888;
text-align:center;
padding:15px 0px 20px 0px;
}

#copyright a {
color:#888888;
text-decoration:none;
}

#copyright a:hover {
color:#ffffff;
text-decoration:underline;
}

.small {
font-size:11px;
line-height:13px;
color:#888888;
}

.layout {
background-color:#ffffff;
}

a {
text-decoration:underline;
color:#0000cc;
}

a:hover {
color:#cc0000;
}

.quote {
margin:20px 0px;
background:#ffffcc;
border:1px solid #d8d8ac;
padding:10px;
}

.hide {
display:none;
}

.show {
display:block;
}

.commenthead {
background:url(post-background.gif) no-repeat;
height:50px;
margin:20px 0px 0px 0px;
padding:0px 0px 0px 15px;
line-height:50px;
font-size:11px;
color:#444444;
}

.postheader {
margin:15px 0px 3px 0px;
font-family:Arial;
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;
color:#888888
}

.postlist {
text-indent:20px;
}

.buytype {
background:url(post-background.gif) no-repeat;
height:50px;
text-align:center;
line-height:50px;
}

.buy {
width:100%;
}

.buy img {
vertical-align:middle;
border:0px;
}

.buy a {
font-size:11px;
line-height:11px;
}

.byline {
text-transform:uppercase;
font-size:10px;
font-weight:bold;
}

.byline a {
color:#000000;
}

#upcoming {
border:1px dashed #adadad;
background:#f0f0f0;
}

#upcoming td {
vertical-align:top;
line-height:15px;
}

.subscribe {
background:url(images/fade-gray-small.jpg) #ececec;
border:1px solid #adadad;
margin:0px 0px 7px 0px;
padding:7px;
}

.trilogy {
background:url(images/fade-blue-supersize.jpg) repeat-x bottom #fefefe;
margin:0px 0px 7px 0px;
border:1px solid #88b6dc;
}

.trilogy-inner {
padding:0px 4px 5px 4px;
font-size:11px;
line-height:13px;
}

.shipping {
margin:0px 0px 7px 0px;
border:1px solid #b9936e;
display:block;
}

.panel-info {
vertical-align:middle;
text-align:left;
font-size:11px;
line-height:12px;
}

.panel-info div {
margin:0px 0px 2px 0px;
font-size:12px;
font-style:italic;
}

.panel-info a {
line-height:15px;
}

.q {   /* used in blockquotes for general questions */
font-size:19px;
line-height:21px;
padding:0px 10px 0px 0px;
color:#888888;;
font-weight:bold;
}

.worthylink {   /* used in right hand menu */
background:url(images/fade-gray-small.jpg) repeat-x #e6e6e6;
border:1px solid #adadad;
padding:4px 6px;
margin:0px 0px 5px 0px;
}

.resource {
font-size:11px;
line-height:12px;
text-align:left;
}

.resource a {   /* used in right hand menu */
font-size:12px;
line-height:19px;
display:block;
}

.social {
text-align:left;
height:30px;
}

.social img {
float:left;
margin:0px 7px 0px 3px;
}

.social a {
font-size:12px;
line-height:15px;
display:block;
}

.blog {   /* used in right hand menu */
font-size:14px;
text-align:left;
margin:0px 0px 5px 0px;
}

.blog a {
font-size:11px;
line-height:14px;
display:block;
}

.round {
border-radius:10px;
-moz-border-radius:10px;
}

.shadow {
box-shadow:0px 0px 7px #c3c3c3;
}