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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, 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;
}
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: "" "";
}
/*============================ general layout===============*/
html 
{
    height: 100%; 
	overflow-y: scroll;
}

body
{
    line-height: 1;
    height: 100%;
    background: url(../images/graphics/faded_backdrop_gradient.jpg) repeat-x top left;
    font-family: "Lucida Grande", sans-serif;
}

.hidden { display: none; }

/*=============================================================================== WELCOME SCREEN ==============*/

body#welcome_screen
{
  background: #000;
}

#preload_wrapper
{
  display: none;
  text-align: center;
}

#preload_inner {
  position: relative;
  background: url(../images/graphics/welcome.jpg) no-repeat 50% 0;
  width: 862px;
  height: 900px;
  margin: 0 auto;
  overflow: hidden;
}

#progress_wrapper
{
  width: 250px;
  margin: 150px auto;
  color: #fff;
  font-size: 0.8em;
  text-align: center;
}

#progress_wrapper img 
{
  display:block;
  margin: 10px auto;
}

#progress_wrapper a, #progress_wrapper a:visited
{
    text-decoration: none;
    color: #aaf;
}

#progress {
	margin: 10px auto;
	width: 250px;
	height: 15px;
	padding: 2px;
	border: 1px solid #dfdfdf;
}

#progress .bar {
	width: 0px;
	text-align: center;
	font-size: 10px;
	height: 15px;
	background: #2a2a2f;
	color: #fff;
	font-weight: bold;
}

#welcome_menu_block
{
    width: 325px;
    height: 49px;
    position:absolute;
    top: 275px;
    left: 240px;
}

.wm_about { background: url(../images/graphics/welcome_menu.gif) no-repeat 0px -98px; }
.wm_enter { background: url(../images/graphics/welcome_menu.gif) no-repeat 0px -98px; }
.wm_raves { background: url(../images/graphics/welcome_menu.gif) no-repeat 0px -147px; }
.wm_excerpts { background: url(../images/graphics/welcome_menu.gif) no-repeat 0px -49px; }
.wm_tour { background: url(../images/graphics/welcome_menu.gif) no-repeat 0px -196px; }
.wm_promos { background: url(../images/graphics/welcome_menu.gif) no-repeat 0px 0px; }


#welcome_menu li
{
  position: absolute;
  display: block;
}
#welcome_menu li a
{
  display: block;
  height: 100%;
  width: 100%;
  text-indent: -2000em;
}

#wm_about
{
  height: 105px;
  width: 105px;
  top: 140px;
  left: 365px;
}

#wm_excerpts
{
  height: 170px;
  width: 130px;
  top: 90px;
  left: 180px; 
}

#wm_raves
{
  height: 170px;
  width: 160px;
  top: 20px;
  right: 50px;
}

#wm_promos
{
  height: 90px;
  width: 110px;
  top: 270px;
  left: 90px;
}

#wm_tour
{
  height: 230px;
  width: 150px;
  top: 255px;
  right:50px;
}

#wm_enter
{
  height: 80px;
  width: 400px;
  bottom: 190px;
  left: 230px;
}

/*============================================================== SITE LAYOUT AND PRIMARY STYLES===*/

#emergency_stripe
{
    background: url(../images/graphics/emergency_stripe.jpg) repeat-x top left;
    height: 23px;
    width: 100%;
}

#wrapper
{
    width: 1000px;
    margin: 0 auto;
    background: url(../images/graphics/scroll_body.jpg) repeat-y right top;
}



#content_wrapper
{
    background: url(../images/graphics/header.jpg) no-repeat top right;
    margin-right: 316px;
}

#content_wrapper_nc
{
    background: url(../images/graphics/header_nc.jpg) no-repeat top right;
    margin-right: 316px;
}

#menu
{
    float: left;
    width: 140px;
    padding: 370px 25px 100px 0px;
    font-size: 0.8em;
    line-height: 1.5em;
}

#menu_nc
{
    float: left;
    width: 140px;
    padding: 330px 25px 100px 0px;
    font-size: 0.8em;
    line-height: 1.5em;
}

#content
{
    margin-left: 175px;
    padding: 310px 50px 0px 0px;
    line-height: 2;
    color: #222;
    font-size: 0.8em;
}






#header, h1, hr, #content h2
{
    display:none;
}

/*==================================================================================== MENU STYLING ==========*/

#menu_list
{
    margin-bottom: 20px;
}

#menu_list li
{
    height: 35px;
    width: 140px;
    display: block;
}

#menu_list li a
{
    width: 140px;
    height: 35px;
    display: block;
    text-indent: -2000px;
    background-image: url(../images/graphics/menu.gif);
}

#menu_about { background-position: 0px 0px; }
#menu_author { background-position: 0px -35px; }
#menu_raves { background-position: 0px -70px; }
#menu_excerpts { background-position: 0px -140px; }
#menu_promos { background-position: 0px -105px; }
#menu_tour { background-position: 0px -175px; }
#menu_press_inquiries { background-position: 0px -210px; }

#menu_about:hover { background-position: 140px 0px; }
#menu_author:hover { background-position: 140px -35px; }
#menu_raves:hover { background-position: 140px -70px; }
#menu_excerpts:hover { background-position: 140px -140px; }
#menu_promos:hover { background-position: 140px -105px; }
#menu_tour:hover { background-position: 140px -175px; }
#menu_press_inquiries:hover { background-position: 140px -210px; }

#menu_about:active { background-position: 280px 0px; }
#menu_author:active { background-position: 280px -35px; }
#menu_raves:active { background-position: 280px -70px; }
#menu_excerpts:active { background-position: 280px -140px; }
#menu_promos:active { background-position: 280px -105px; }
#menu_tour:active { background-position: 280px -175px; }
#menu_press_inquiries:active { background-position: 280px -210px; }


#menu_pre_order 
{
    background: url(../images/graphics/pre_order_button.gif) no-repeat center top;
    display: block;
    width: 121px;
    height: 119px;
    padding-left: 10px;
    text-indent: -2000em;
}


/*========================================================= SIGNS OF THE APOCALYPSE STYLING ===============*/
#signs
{
    float: right;
    width: 316px;
    position: relative;
    background: url(../images/graphics/scroll_body.jpg) no-repeat right 170px;
    min-height:1024px;
    height: auto !important;
    height: 1024px;
}

#latest_sign
{
    text-align: center;
    width: 220px;
    margin-top: 170px;
    padding: 0 50px 50px 50px;
    color: #433922;
    font-style: italic;
    font-family: "Georgia","Times", serif;
    font-size: 16px;
}

#latest_sign p {
    margin: 0 -10px;
}


#signs_of h2, #signs_view h2
{
    display: block;
    font-size: 1.5em;
    font-family: "Georgia", "Times", serif;
}

a#head_link
{
    display:block;
    text-indent: -2000em;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    height: 170px;
    background: url(../images/graphics/scroll_header_link.jpg) no-repeat right top;
}

a#head_link:hover
{
    background-position: right -170px;
}

a#bottom_link
{
  text-align: center;
  position: relative;
  bottom: 0;
  display: block;
  text-indent: -2000em;
  width: 188px;
  height: 22px;
  margin: 3em auto;
  background: url(../images/graphics/more_signs.gif) no-repeat;
}
#sign_list
{
    padding-top: 1em;
}
#sign_list a
{
  text-decoration: none;
  color: #633;
  display: block;
  text-align: center;
  margin-bottom: 1em;
  font-size: 0.9em;
}
#latest_sign h3
{
    font-size: 0.9em;
    margin-bottom: 2em;
}

#latest_sign h4
{
    font-size: 0.85em;
    margin-bottom: 2em;
}

#latest_sign h5 {
    margin-top: 1.8em;
    text-align: left;
    font-size: 0.9em;
    margin-bottom: 0.7em;
}

#latest_sign img
{
    margin-bottom: 2em;
}

#latest_sign p
{
    font-size: 0.7em;
    line-height: 1.5em;
    text-align: center;
}

/* ======================================================================== COUNTDOWN TIMER ==================*/

#countdown
{
    position: relative;
    left: 115px;
    width: 240px;
    height: 21px;
    margin-bottom: 37px;
    overflow: hidden;
}

#countdown_title
{
  display: none;
}

#countdown .label
{
  display: none;
}

#count_days {}

#count_hours
{
  padding-left:40px;
}

#count_minutes
{
  padding-left: 35px;
}

#countdown .number
{
    float: left;
    width: 17px;
    height: 23px;
    display: block;
    text-indent: -2000em;
    background-image: url(../images/graphics/numbers.gif);
}

#countdown .cnt_2 { background-position: 0 -23px; }
#countdown .cnt_3 { background-position: 0 -46px; }
#countdown .cnt_4 { background-position: 0 -69px; }
#countdown .cnt_5 { background-position: 0 -92px; }
#countdown .cnt_6 { background-position: 0 -115px; }
#countdown .cnt_7 { background-position: 0 -138px; }
#countdown .cnt_8 { background-position: 0 -161px; }
#countdown .cnt_9 { background-position: 0 -184px; }
#countdown .cnt_0 { background-position: 0 -207px; }


#firegoby_credit {
    color: #222;
    font-size: 10pt;
    padding-bottom: 2em;
}

#firegoby_credit a {
    color: #223;
    text-decoration: none;
}

/* ============================================= SECTION SPECIFIC CONTENT STYLING ==========*/
#content p
{
    margin-bottom: 1.5em;
}

#pre_order_info a img 
{ 
    display: block;
    border: 0;
    margin: 0 auto;
}

#raves_and_reviews p
{
    margin-top: 1em;
    margin-bottom: 2em;
    font-size: 1.1em;
    font-style: italic;
    line-height: 1.25em;
    font-family: "Georgia","Times", serif;
}

#raves_and_reviews p span
{
    font-style: normal;
    display: block;
    margin-top: 0.75em;
    text-align: right;
    color: #644;
}


#book_excerpts 
{
    text-align: center;
}

.excerpt
{
    float: left;
    width: 220px;
    padding-bottom: 1em;
}

.excerpt img
{
    border: 1px solid #9F6A63;
    background: #fff;
    padding: 2px;
}

.excerpt .desc a
{
    text-decoration: none;
    color: #B43323;
    font-weight: bold;
}

#tour_appearances h3
{
  padding-top: 5px;
    font-size: 1.2em;
    font-family: "Georgia", serif;
    color: #2F0606;
}

#tour_appearances + h3 { border: 0;}

form#press textarea
{
    background: #EFD095;
    width: 80%;
    height: 12.8em;
    border: 1px solid #9F7627;
    padding: 1em 0 1em 1em;
    color: #3F2D0C;
    font-family: "Georgia", serif;
  	font-style: italic;
  	font-variant: normal;
  	font-weight: normal;
  	font-size: 1.1em;
  	line-height: 1.4em;
  	display: block;
  	margin: 0 auto;
}

#press input
{
    display: block;
    width: 80%;
    margin: 0 auto;
    border: 1px solid #9F7627;
    font-size: 1.2em;
    cursor: pointer;
}

#press_details p
{
    width: 80%;
    margin: 0 auto;
}


#admin h3
{
    font-size: 1.4em;
}

#admin li
{
    list-style: square;
    margin-left: 2em;
}

textarea
{
    height: 7em;
    font-size: 0.9em;
}

/* ================================================================== SLIMBOX STYLING ===========*/

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink {
	background: transparent url(../images/slimbox/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink {
	background: transparent url(../images/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}