﻿@charset "utf-8";
/* CSS Document */

body {
	background: #f0eedb url('../images/background-home.jpg') no-repeat center 100px;
}
a:link {text-decoration: underline; color: #800080;}
a:visited {text-decoration: underline;}
a:hover {text-decoration: underline; color: #f8b225;}
a:active {text-decoration: underline;}
a:focus {text-decoration: underline;} 
div#headerbg {
	background: #000000 url('../images/headerBackground.png') repeat-x;
	height: 100px;
	width: 100%;
}
div#header {
	height: 100px;
}
h1#logo {
	font-family: Times, Times New Roman, serif;
	font-size: 2.8em;
	font-weight: normal;
	letter-spacing: 3px;
	padding: 45px 0 0 0;
}
h1#logo a {
	color: #F9F9F9;
	text-decoration: none;
}
div.bookpurchase {padding: 0 0 30px 15px;}
div.bookpurchase a {display: block; font-size: 1.8em; text-decoration: none;} 
div.books img {margin: 15px 0 30px 15px;}
div.books h2 {margin: 15px 0 10px 0; float: left;}
div.books p {padding: 0px 15px 10px 0; clear: left;}
span.uptop {float: right; margin: 15px 25px 0 0;}
div.books div.grid_3 {border-right: 1px solid #25b2f8; width: 219px;}
div.books div.grid_4 {border-right: 1px solid #25b2f8; width: 299px;}
span.tagline {
	color: #25b2f8;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 1px;
	padding: 0 0 0 8px;
}
.transparent {
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	background: #FBFBFB;
	margin-top: 20px;
}
ul#tabs {
	padding: 30px 0 0 0;
}
ul#tabs li {
	background: url('../images/navi.png') no-repeat;
	height: 50px;
	float: left;
}
ul#tabs li a {
	display: block;
	height: 100%;
	text-indent: -9000px;
	width: 100%;
}
ul#tabs li#home {
	background-position: 0px 0px;
	width: 68px;
}
ul#tabs li#home:hover {
	background-position: 0px -52px;
	width: 68px;
}
ul#tabs li#home.current, ul#tabs li#home:active, ul#tabs li#home:focus {
	background-position: 0px -104px;
	width: 68px;
}

ul#tabs li#biography {
	background-position: -68px 0px;
	width: 83px;
}
ul#tabs li#biography:hover {
	background-position: -68px -52px;
	width: 83px;
}
ul#tabs li#biography.current, ul#tabs li#biography:active, ul#tabs li#biography:focus {
	background-position: -68px -104px;
	width: 83px;
}

ul#tabs li#adult {
	background-position: -151px 0px;
	width: 64px;
}
ul#tabs li#adult:hover {
	background-position: -151px -52px;
	width: 64px;
}
ul#tabs li#adult.current, ul#tabs li#adult:active, ul#tabs li#adult:focus {
	background-position: -151px -104px;
	width: 64px;
}

ul#tabs li#youngadult {
	background-position: -215px 0px;
	width: 95px;
}
ul#tabs li#youngadult:hover {
	background-position: -215px -52px;
	width: 95px;
}
ul#tabs li#youngadult.current, ul#tabs li#youngadult:active, ul#tabs li#youngadult:focus {
	background-position: -215px -104px;
	width: 95px;
}

ul#tabs li#contact {
	background-position: -310px 0px;
	width: 68px;
}
ul#tabs li#contact:hover {
	background-position: -310px -52px;
	width: 68px;
}
ul#tabs li#contact.current, ul#tabs li#contact:active, ul#tabs li#contact:focus {
	background-position: -310px -104px;
	width: 68px;
}

ul#tabs li#gallery {
	background-position: -378px 0px;
	width: 70px;
}
ul#tabs li#gallery:hover {
	background-position: -378px -52px;
	width: 70px;
}
ul#tabs li#gallery.current, ul#tabs li#gallery:active, ul#tabs li#gallery:focus {
	background-position: -378px -104px;
	width: 70px;
}

ul#tabs li#appearances {
	background-position: -448px 0px;
	width: 100px;
}
ul#tabs li#appearances:hover {
	background-position: -448px -52px;
	width: 100px;
}
ul#tabs li#appearances.current, ul#tabs li#appearances:active, ul#tabs li#appearances:focus {
	background-position: -448px -104px;
	width: 100px;
}
div#bannerbg {
	background: #000000 url('../images/bg.png') repeat-x;
	height: 180px;
	width: 100%;
	border-bottom: 1px solid #F9F9F9;
	overflow: hidden;
}
div.border {
	height: 4px;
	width: 100%;
	background: url('../images/border.png');
}


/* s3slider props */
#s3slider {
	height: 180px;
	width: 940px;
    position: relative; /* important */
    overflow: hidden; /* important */
}

#s3sliderContent {
    width: 940px; /* important to be same as image width or wider */
    position: absolute; /* important */
    top: 0; /* important */
    margin-left: 0; /* important */
}

.s3sliderImage {
    float: left; /* important */
    position: relative; /* important */
    display: none; /* important */
}

.s3sliderImage span {
    position: absolute; /* important */
	letter-spacing: 1px;
    left: 0;
    font: 1.6em Tahoma, Arial, Helvetica, sans-serif;
    padding: 8px 13px;
    width: 940px;
    background-color: #000;
    filter: alpha(opacity=70); /* here you can set the opacity of box with text */
    -moz-opacity: 0.7; /* here you can set the opacity of box with text */
    -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
    opacity: 0.7; /* here you can set the opacity of box with text */
    color: #f9f9f9;
    display: none; /* important */
    top: 0;
 
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
.clear {
    clear: both;
} 
/* s3 slider props */

div#welcomebox img#weaver {padding: 15px 20px 15px 15px; float: left;}
div#welcome {
	margin: 15px 15px 15px 0;
	padding: 0px 10px 0px 20px;
}
h2 {
	font-size: 2.5em;
	font-weight: normal;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #01005f;
	margin: 0 0 7px 0;
	letter-spacing: 1px;
}
div#welcomebox div#welcome h5 {
	font-weight: normal;
	color: #25b2f8;
	margin: 0 0 5px 0;
	letter-spacing: 1px;
}
div#welcomebox ul#social li {
	float: left;
	padding: 7px 0 0 0;
}
div#welcomebox ul#social li a.link {
	padding: 0 8px 0 4px;
	position: relative;
	top: 5px;
	letter-spacing: 1px;
	font-size: 1.3em;
	color: #800080;
}
div#welcomebox ul#social li a:hover {
	color: #f8b225;
}
div#blog, div#podcasts, div#recentnovs {
	min-height: 580px;
}
div#blog img.mark, div#podcasts img.mark, div#recentnovs img.mark {
	float: right;
	margin: 10px 10px 0 0;
}

div#blog h4, div#podcasts h4, div#recentnovs h4 {
	font-weight: normal;
	color: #25b2f8;
	letter-spacing: 1px;
	margin: 12px 0 0 10px;
	padding: 0 0 3px 0;
	width: 220px;
	float: left;
	border-bottom: 1px solid #ababab;
}
cite.time {
	font-size: 0.9em;
	font-style: normal;
	padding: 0 0 0 40px;
	position: relative;
	top: -2px;
}
span.small {
	font-size: .5em;
	letter-spacing: 0px;
	color: #000000;
}
/* Blog Entries */
ul#bloggin {
	clear: both;
	padding: 8px 0 0 0;
}
ul#bloggin li{background: url('../images/notebook.png') no-repeat 0px 5px; margin: 0 0 20px 10px; width: 278px;}
ul#bloggin li h6 a {color: #01005f; font-weight: normal; padding: 4px 0 0 40px; text-decoration: none; display: block;}
ul#bloggin li blockquote a {font-size: 1.1em; margin: 3px 10px 0 5px; text-decoration: none; display: block;}

/* Blog Entries */
ul#bloggn {
	clear: both;
	padding: 8px 0 0 0;
}
ul#bloggn li{ margin: 0 0 20px 10px; }
ul#bloggn li h6 a {color: #01005f; font-weight: normal;}
ul#bloggn li blockquote a {font-size: 1.1em; margin: 3px 10px 0 5px; text-decoration: none; display: block;}

/* Recent Podcasts */
ul#podcastin {
	clear: both;
	padding: 8px 0 0 0;
}
ul#podcastin li {background: url('../images/play.png') no-repeat 0px 3px; margin: 0 0 20px 10px; width: 278px;}
ul#podcastin li h6 a {color: #01005f; font-weight: normal; padding: 4px 0 0 40px; text-decoration: none; display: block;}
ul#podcastin li blockquote a {font-size: 1.1em; margin: 3px 10px 0 5px; text-decoration: none; display: block;}
/* Recent Novels */
ul#writing {clear: both; position: relative; top: 13px;}
ul#writing li a {margin: 15px auto; text-indent: -9000px; display: block;}
ul#writing li a#bk0 {
	height: 158px;
	width: 100px;
	background-image: url(../bookthumbs/TheLastHunterThumb.jpg);
	background-repeat: no-repeat;
}
ul#writing li a#bk1 {
	height: 158px;
	width: 100px;
	background-image: url(../bookthumbs/cfcThumb.jpg);
	background-repeat: no-repeat;
}
ul#writing li a#bk2 {
	height: 158px;
	width: 100px;
	background-image: url(../bookthumbs/SSRcoverThumb.jpg);
	background-repeat: no-repeat;
}
ul#writing li a#bk3 {
	height: 158px;
	width: 100px;
	background-image: url(../bookthumbs/sndThumb.jpg);
	background-repeat: no-repeat;
}
ul#writing li a#bk4 {
	height: 158px;
	width: 100px;
	background-image: url(../bookthumbs/survivorsThumb.jpg);
	background-repeat: no-repeat;
}

div#footerbg {
	margin: 20px 0 0 0;
	height: 100px;
	width: 100%;
	background: #FBFBFB url('../images/footer.png') repeat-x bottom;
}
p.ftext {
	
	color: #000000;
	font-size: .9em;
	line-height: 1.2em;
	margin: 25px 0 0 0;
}
ul#naviOne, ul#naviTwo, ul#naviThree {float: left; margin: 3px 20px 0 0;}
ul#naviFour {margin: 3px 0 0 0;}
ul#naviOne li, ul#naviTwo li, ul#naviThree li, ul#naviFour li {height: 16px;}
div#footer div#sitelinks h6, div#footer div#gallery h6 {color: #000000; margin: 18px 0 0 0; font-weight: normal;}
div#gallery img {margin: 10px 2px 0 0; border: 1px solid #000000;}
div#gallery img:hover {border: 1px solid #f8b225;}


div#banner div#novels {background: url('../images/novelback.png') no-repeat; margin: 0 auto; height: 180px; width: 450px;}


div#preparation h2 {margin: 15px 0 15px 15px;}
div#preparation p {margin: 0 15px 15px;}
div#preparation img{margin:25px;}

div.bio h2 {margin: 20px 0 15px 15px;}
div.bio p {margin: 0 15px 15px 15px;}
div.bio h4 {margin: 15px 0 15px 15px; font-weight: normal; font-style: italic; letter-spacing: 1px; color: #01005F; }

p.signature {text-indent: -9000px; display: block; height: 96px; width: 300px; background: url('../images/wwsig.png') no-repeat;}

div#clndr1, div#clndr2, div#clndr3, div#clndr4, div#clndr5, div#clndr6, div#clndr7, div#clndr8, div#clndr9, div#clndr10, div#clndr11, div#clndr12 {background: #ababab; height: auto;}
div.calendar h3.metahd {text-align: center; margin: 20px 0 0 0; color: #01005F; font-weight: normal; width: 100%;}
div.calendar table.month {margin: 10px auto 150px auto; overflow: hidden; }
div.calendar table.month th.dayH {padding: 0 0 5px 0;}
div.calendar table.month th.dayH span {font-size: .9em; color: #01005F; font-weight: normal;}
.day {height: 45px; width: 50px; border: 1px solid #000000; padding: 1px; 
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	background: #FBFBFB;}
div.calendar table.month td.day span.date {float: left; font-size: 1.2em; color: #800080;}

.gray {
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	background: #25b2f8; 
}
.booked {
	background: #FBFBFB url('../images/required.png') no-repeat 14px 10px;
}
div#old a {font-size: 1.8em; letter-spacing: 1px; margin: 5px 0; text-align: center; text-decoration: none; display: block;}
div.calendar h3 {margin: 20px 0 0 0; font-weight: normal; color: #25b2f8; letter-spacing: 1px; border-bottom: 1px solid #ababab; width: 340px; padding: 0 0 3px 0;}
div.calendar table.datesTable {margin: 15px 0 0 0;}
#container #googlecalendar {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}

tr.space {height: 8px;}
div.calendar table.datesTable td.dt {width: 124px; padding: 3px; font-weight: bold;}
div.calendar table.datesTable td {width: 294px; padding: 3px; height: 34px; border-top: 1px solid #800080; border-bottom: 1px solid #800080; line-height: 1.6em; letter-spacing: .5px; font-size: 1.1em;}
div.calendar span.nodates {display: block; position: relative; top: 100px; right: 420px;}


div#oldapps h2 {margin: 15px 0 0 15px;}
div#oldapps p {margin: 5px 0 10px 15px;}
table.oldtb {margin: 15px 0 15px 15px;}
table.oldtb td.sm {width: 260px; font-weight: bold;}
table.oldtb td {border-top: 1px solid #800080; border-bottom: 1px solid #800080; width: 540px; padding: 3px; font-size: 1.4em;} 

div#contactbox h2 {margin: 15px 0 15px 15px;}
div#contactbox p {margin: 0 0 10px 15px;}
div#contactbox img {
	margin: 25px;
}
div#contactbox img#t2 {
	margin: 0px 25px 25px 25px;
}
div#contactbox {
	min-height: 800px;
}

.italic {font-style: italic}

