/* CSS Document for Ravenchase Adventures
Updated: November 2006 */

/* GENERAL
================================== */
/* Zero down margin and padding on all elements */
* {margin: 0; padding: 0;}

/* set body properties */
body {
font: 75% "Trebuchet MS", sans-serif;
text-align: left;
color: #444;
line-height:1.7;
background:#8E001C url(../images/layout/body-bkg.jpg) top left no-repeat;
}

/* sIFR
================================== */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
/*.sIFR-hasFlash h2 span {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 18px;
}*/

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 16px;
}

.sIFR-hasFlash blockquote p{
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 18px;
}

.sIFR-hasFlash blockquote span.name{
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 12px;
}

.sIFR-hasFlash #events-list dt  {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 12px;
}

/* LINK
================================== */
a, a:link {
color:#B73806;
text-decoration:none;
}

a:visited {
color:#114663;
text-decoration:none;
}

a:active {
color:#B73806;
text-decoration:none;
}

a:hover {
color:#5B794D;
text-decoration:underline;
}

/* TYPE
================================== */
h1 {
font-weight: normal;
}

h2 {
font-size: 1.5em;
font-weight: normal;
}

h3 {
font-size: 1.5em;
padding-bottom:0; 
border-bottom:1px solid #BEAF8D;
}

h4 {
font-size: 1.2em;
font-weight: bold;
}

p, li {
font-size: 1.1em;
}

h1, h2, h3, h4, p {
margin: 1.4em 0 0 0;
}

.red {color:#770000;}

.first {margin-top:0; padding-top:0;}

/* LISTS
================================= */

#primaryContent ul {margin:0 0 0 30px; padding-top:10px; list-style-image: url(../images/extras/starBullet.gif);}
#primaryContent li {padding-bottom:5px;}


/* LAYOUT
================================= */
#container {
width: 760px; 
margin: 0; 
text-align: left; 
}

#logo {
height: 143px;
margin: 0 0 0 9px;
background: url(../images/layout/logo.gif) bottom left no-repeat;
}
#logo h1 {
margin:0;
padding:0;
text-indent: -10000px;
}

#logo h1 a, 
#logo h1 a:hover {
display: block;
border: 0;
height: 160px;
text-decoration: none;
}

#sidebar {
position: absolute;
top: 180px;
left: -128px;
width: 289px;
height: 222px;
background: url(../images/extras/featured-valentines.jpg) top left no-repeat;
z-index:4;
} 

#sidebar h1 {
margin:0;
padding:0;
text-indent: -10000px;
}

#sidebar h1 a, 
#sidebar h1 a:hover {
display: block;
border: 0;
height: 200px;
text-decoration: none;
}

#content-wrapper { 
width: 897px;
/* book img repeating middle */
background: url(../images/layout/book-middle.jpg) top left repeat-y;
}

#content-wrapper h2 {
display: block;
text-indent: -10000px;
height: 16px;
margin:0;
padding: 0 0 10px 256px;
/* book img top */
background: url(../images/layout/book-top.jpg) top left no-repeat;
}
#content-wrapper h2 span {width:850px; height: 57px;}

#primaryContent {
position:relative;
width: 560px;
float: right;
margin: 0 80px 20px 40px;
padding-bottom:100px;
}

#mainNav { 
width: 160px; 
float: left; 
margin: 20px;
list-style: none;
} 

#footer { 
/* book img bottom */
background: url(../images/layout/book-bottom.jpg) bottom left no-repeat;
padding:100px 0 35px 260px;
margin-bottom: 30px;
clear: both; 
} 
#footer p {font-size: 10px;}

/* clear floats and divs */
.clear {clear:both;}

/* NAVIGATION
================================= */
#mainNav ul {margin:0; padding: 0; list-style: none;}
#mainNav li {margin:0; padding: 0 0 5px 0;}
#mainNav li a, #mainNav li a:link {
display: block;
width: 137px;
text-decoration: none;
padding:0;
}

/* hide text */
#mainNav a#t-1,
#mainNav a#t-2,
#mainNav a#t-3,
#mainNav a#t-4,
#mainNav a#t-5,
#mainNav a#t-6,
#mainNav a#t-7 
	{text-indent: -10000px;}

/* bkg images for nav */
#mainNav a#t-1 {background: url(../images/nav/t-how.gif) no-repeat; height:18px;}
#mainNav a#t-2 {background: url(../images/nav/t-public.gif) no-repeat; height:18px;}
#mainNav a#t-3 {background: url(../images/nav/t-private.gif) no-repeat; height:18px;}
#mainNav a#t-4 {background: url(../images/nav/t-story.gif) no-repeat; height:18px;}
#mainNav a#t-5 {background: url(../images/nav/t-clues.gif) no-repeat; height:18px;}
#mainNav a#t-6 {background: url(../images/nav/t-fans.gif) no-repeat; height:18px;}
#mainNav a#t-7 {background: url(../images/nav/t-contact.gif) no-repeat; height:18px;}

/* nav hover position */
#mainNav a#t-1:hover,
#mainNav a#t-2:hover,
#mainNav a#t-3:hover,
#mainNav a#t-4:hover,
#mainNav a#t-5:hover,
#mainNav a#t-6:hover,
#mainNav a#t-7:hover 
	{background-position: 0 -18px; border: none;}

/* nav active page */
body.how #mainNav a#t-1,
body.events #mainNav a#t-2,
body.adventures #mainNav a#t-3,
body.story #mainNav a#t-4,
body.clues #mainNav a#t-5,
body.fans #mainNav a#t-6,
body.contact #mainNav a#t-7
	{background-position: 0 -36px; border: none;}

/* hide subnav when section not active */
#mainNav li ul.sub {display: none;}

/* show subnav for active section */
body.adventures #mainNav li.adv ul.sub,
body.events #mainNav li.eve ul.sub,
body.contact #mainNav li.con ul.sub,
body.story #mainNav li.sto ul.sub,
body.fans #mainNav li.fans ul.sub {font-style: normal; display:block;}

/* subnav active pages link color*/
body.a-1 a#a-1, 
body.a-2 a#a-2, 
body.a-3 a#a-3,
body.a-4 a#a-4,
body.a-5 a#a-5, 
body.a-6 a#a-6,
body.a-7 a#a-7,
body.a-8 a#a-8,
body.a-9 a#a-9,
body.e-1 a#e-1,
body.e-2 a#e-2,
body.e-3 a#e-3,
body.e-4 a#e-4,
body.e-5 a#e-5,
body.e-6 a#e-6,
body.e-7 a#e-7,
body.e-8 a#e-8,
body.e-9 a#e-9,
body.e-10 a#e-10,
body.e-11 a#e-11,
body.e-12 a#e-12,
body.e-13 a#e-13,
body.e-14 a#e-14,
body.e-15 a#e-15,
body.e-16 a#e-16,
body.e-17 a#e-17,
body.e-18 a#e-18,
body.e-19 a#e-19,
body.e-20 a#e-20,
body.e-21 a#e-21,
body.e-22 a#e-22,
body.e-23 a#e-23,
body.e-24 a#e-24,
body.e-25 a#e-25,
body.e-26 a#e-26,
body.e-27 a#e-27,
body.e-28 a#e-28,
body.e-29 a#e-29,
body.e-30 a#e-30,
body.e-31 a#e-31,
body.e-32 a#e-32,
body.e-33 a#e-33,
body.e-34 a#e-34,
body.e-35 a#e-35,
body.s-1 a#s-1,
body.s-2 a#s-2,
body.s-3 a#s-3,
body.c-1 a#c-1,
body.c-2 a#c-2,
body.c-3 a#c-3,
body.f-1 a#f-1,
body.f-2 a#f-2,
body.f-3 a#f-3
	{color: #700;}


/*subnav */
#mainNav li ul {margin:0; padding: 0 0 0 16px;}
#mainNav li li {margin:0; padding: 0;}
#mainNav li li a {
color: #444; 
border: 0; 
width:137px; 
font-size: 80%;
background:none;
}
#mainNav li li a:visited {}
#mainNav li li a:active {}
#mainNav li li a:hover {color: #999;}

/*events pages*/
#events-list {
float: left;
width: 100%;
padding: 20px 0;
}
#events-list dl {
float: left;
width: 100%;
margin:0;
padding:10px 0 10px 0;
border-top:1px solid #BEAF8D;
border-bottom:1px solid #BEAF8D;
display: inline; /* fixes IE/Win double margin bug */
}
#events-list dt {
float: left;
width: 100%;
font-weight: bold;
margin: 0;
padding: 0 0 10px 0;
font-family: Verdana, serif;
color: #663;
}

#events-list dd {
margin: 0;
padding: 0;
line-height: 1.5em;
color: #444;
}

#events-list p {
display:block;
font-size: 1.1em;
color: #444;
}

#events-list p.subhead {
display:block;
font-weight: bold;
font-size: 1.2em;
padding: 0 0 0 26px;
color: #114663;
background: url(../images/extras/fleur.gif) bottom left no-repeat;
}

#events-list dl dd.img {
margin: 0;
padding-right: 10px;
}
#events-list dd.img img {
float: left;
margin: 0 8px 5px 0;
padding: 4px;
border: 1px solid #D9E0E6;
border-bottom-color: #C8CDD2;
border-right-color: #C8CDD2;
background: #fff;
height:156px;
width: 156px;
 }
body.s-1 #events-list dd.img img {
border: 0; 
background: transparent;
height:166px;
width: 166px; }

#events-list dl dd p.red {
	color:#8E001C;
	font-weight:bold;
}

/* BLOCKQUOTE
================================= */
blockquote {
float:right;
color:#000;
}

blockquote p {
color:#5B794D;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 36px;
width: 200px;
margin: 15px 0 15px 15px;
}
blockquote p.name {
color:#000;
font-size: 12px;
text-align:right;
width:100px;
}

/* FEATURED PHOTOS
================================= */
body.home #photo-top,
body.e-0 #photo-top {
position: absolute;
top: 0;
left: 605px;
width: 327px;
height: 298px;
background:transparent url(../images/layout/photo1-bkg.jpg) top left no-repeat;
z-index:7;
}

body.e-0 #sidebar {
position: absolute;
top: 600px;
left:0;
width: 183px;
height: 178px;
background: url(../images/extras/coins.jpg) bottom left no-repeat;
}

body.home #photo-bottom {
position: absolute;
top: 615px;
left:0;
width: 185px;
height: 246px;
background: url(../images/layout/photo3-bkg.jpg) bottom left no-repeat;
}

body.news #photo-bottom {
position: absolute;
top: 460px;
left: 240px;
width: 617px;
height: 369px;
background: url(../images/extras/ephemera.jpg) bottom left no-repeat;
}

body.news #primaryContent {padding-bottom:350px;}

body.how #photo-top {
position: absolute;
top: 274px;
left: 567px;
width: 319px;
height: 270px;
background: url(../images/extras/enigma.jpg) bottom left no-repeat;
}

body.how #photo-bottom {
position: absolute;
top: 583px;
left: 3px;
width: 236px;
height: 407px;
background: url(../images/extras/hands.jpg) bottom left no-repeat;
}

/* Tours page photo */
body.a-4 #photo-top {
position: absolute;
top: 310px;
left: 651px;
width: 298px;
height: 331px;
background: url(../images/extras/tours.jpg) top left no-repeat;
}

body.f-0 #photo-top {
position: absolute;
top: 215px;
left: 563px;
width: 290px;
height: 289px;
background: url(../images/photos/fans.jpg) top left no-repeat;
}

body.f-0 #photo-bottom {
position: absolute;
top: 504px;
left: 563px;
width: 290px;
height: 235px;
background: url(../images/extras/fans_quote.jpg) bottom left no-repeat;
}

body.fans #footer {padding-top:400px;}

body.a-2 #primaryContent {padding-bottom:350px;}
body.a-7 #primaryContent {padding-bottom:350px;}

body.a-0 #footer {padding-top:480px;}
body.a-0 #photo-top {
position: absolute;
top: 332px;
left: 705px;
width: 251px;
height: 214px;
background: url(../images/extras/poe.jpg) top left no-repeat;
}

body.a-0 #photo-bottom {
position: absolute;
top: 546px;
left: 678px;
width: 331px;
height: 235px;
background: url(../images/extras/poe2.jpg) bottom left no-repeat;
}

body.e-8 #photo-bottom {
position: absolute;
top: 580px;
left:0;
width: 183px;
height: 178px;
background: url(../images/extras/coins.jpg) bottom left no-repeat;
}

#flashcontent {
margin:25px 0 0 28px;
}

img.mini {
float:left;
width:68px;
height:68px;
margin:0 1em 0.5em 0;
padding:3px;
background:#fff;
border-right:1px solid #C4B088;
border-bottom:1px solid #C4B088;
border-top:1px solid #D9C59B;
border-left:1px solid #D9C59B;
}

.left {float:left;}
.right {float:right;}

/* CLUES PAGE 
================================= */
#clues-container {
margin:0;
padding:0;
}

/* HOME -- INTRO
================================= */
body.home #home-intro {
	position:absolute;
	display:block;
	top:10px;
	left:0;
	z-index:20;
	width:500px;
	}
body.home #home-intro h3 {
	width:335px;
	}

/* HOME -- FEATURED
================================= */
#featured {

padding:170px 0 40px 185px;
}

/* HOME -- IN THE NEWS 
================================= */

.news-entry {
float: left;
width: 100%;
padding:0;
margin: 1em 0 .5em 0;
clear:left;
}

.news-entry p {
display:block;
font-size: 1.1em;
line-height: .25;
color: #444;
}

.news-entry p.articleheading {
display:block;
font-weight: bold;
font-size: 1.3em;
line-height: .25em;
color: #666;
}

.news-entry p.date {
display:block;
font-size: 1.1em;
color: #666;
}

.news-entry img {
float: left;
margin: 0 10px 0 0;
padding: 4px;
border: 1px solid #C4B088;
background: #fff;
height:75px;
width: 75px;
}
 
/* HOME -- FORUMBOX
================================= */
#forumbox {
	background:#DDCBA0;
	padding:15px;
	border:1px solid #C4B088;
	margin:3.5em 0 1.5em 0;
	display:block;
	}

.redbold {
	color:#8E001C;
	font-weight:bold;
}