/* Imports */
@import url("reset.css");

/* HTML5 tags */
header, section, footer, aside, nav, article, figure { display: block }
html { overflow-y: scroll }
/***** Global *****/
/* Body */

p { margin-bottom: 20px; color:#fff; font-size:14px }
a { color: #d2c467; text-decoration: none; cursor: pointer; border: 0px; outline: 0px; }
.fakea  { color: #d2c467; text-decoration: none; border: 0px; outline: 0px; }

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

h1 { color: #7e763e ; font-weight:normal ; font-size:18px}
hr {  border-color: #7e763e }
body { background: #000000 url('/images/background.jpg'); background-repeat:no-repeat ; color: #FFF; font: 13px Segoe UI, Tahoma, Verdana, Arial; height: 100%; line-height: 17px; margin: 0; padding: 0; width: 100% }
.column_top { background-image:url('/images/column_top.png'); position:absolute; height:51px; width:136px ;z-index:70 }
.column_mid { background-image:url('/images/column_mid.jpg'); position:absolute; height:100%; width:93px ;z-index:60}
.column_bottom {  background-image:url('/images/column_bottom.png'); position:absolute; height:129px; width:168px ;z-index:70 }
.body { background: #0e0c0b; background-position: 0px 33px; background-repeat: no-repeat; margin: 0 auto; position: relative; width: 1000px ; height: 100%}
.bodyhead { background: transparent url('/images/header-trans.png') no-repeat scroll 0 0; height: 198px; left: 92px; position: absolute; top: 0px; width: 833px; z-index: 3 }
.bodyfoot { background: transparent; bottom: 0px; height: 193px; left: 0; position: absolute; width: 1002px; z-index: 3 }
.background1 { background-image: url('/images/background1.jpg') }
.background2 { background-image: url('/images/background2.jpg') }
.background3 { background-image: url('/images/background3.jpg') }
.background4 { background-image: url('/images/background4.jpg') }
.background5 { background-image: url('/images/background5.jpg') }
.background6 { background-image: url('/images/background6.jpg') }
.background7 { background-image: url('/images/background7.jpg') }
.background8 { background-image: url('/images/background8.jpg') }

header { float: left; height: 64px; position: absolute; width: 810px; z-index: 65; left:90px ; top:0}
header a { color: #FFFFFF; text-decoration: none; cursor: pointer; border: 0px; outline: 0px; font-size: 13px; }
header a.Selected { }
header a:hover { color: #FFFFFF; text-decoration: underline; font-size: 13px; }

.home_link { background-image:url('/images/spacer.gif'); width:140px; height:29px; background-position:2px 0 ; position:absolute; top:0px } 
.lore_link { background-image:url('/images/spacer.gif'); width:100px; height:29px; background-position:-138px 0 ; position:absolute; top:0px ; left:140px} 
.journals_link { background-image:url('/images/spacer.gif'); width:144px; height:29px; background-position:-243px 0 ; position:absolute; top:0px ; left:245px } 
.media_link { background-image:url('/images/spacer.gif'); width:112px; height:29px; background-position:-388px 0 ; position:absolute; top:0px; left:390px } 
.gameplay_link { background-image:url('/images/spacer.gif'); width:147px; height:29px; background-position:-503px 0 ; position:absolute; top:0px; left:505px } 
.forums_link { background-image:url('/images/spacer.gif'); width:160px; height:29px; background-position:-648px 0 ; position:absolute; top:0px;left:650px } 
.army_link { background-image:url('/images/spacer.gif'); width:160px; height:29px; background-position:0px 33px ; position:absolute; top:32px ; left:2px } 
.purchase_link { background-image:url('/images/spacer.gif'); width:168px; height:29px; background-position:185px 33px ; position:absolute; top:32px ; right:-8px; } 
.menu_link { width:100% ; height:100%; display:inline-block;}
.login_section { position:absolute; top:65px ; left:12px ; }

section { background: transparent url('/images/sides-trans.png') repeat-y scroll 0 0; padding: 199px 100px 150px 100px; position: relative; width: 802px; z-index: 2 }

.poll {
	width:808px ;
	height:262px ;
	background-image:url('/images/poll_overlay.png')
}

#fancybox-outer
{
	background-color:#8a7d4d;

}
#signupform
{
	padding-top:10px;
	width:320px
}

#signupform td
{
	text-align:left;
	padding-left:20px;
	padding-bottom:3px;
}

#signupform span
{
	font-size:10px;
	position:relative;
	top:-7px;
}

#loginform
{
	width:auto;
	height:auto
}

.modalbox
{
	background-color:#8a7d4d;
	width:500px;
	color:#000;
}

.hover_icon { width:192px ; height:84px; position:relative ; background-repeat:no-repeat }
.hover_icon .overlay { background-image:url('/images/gameplay/overlay.png'); font-size:12px; background-repeat:repeat-y ; height:21px ; position:absolute ; left:0px; bottom:0px; width:100%; padding-top:1px ; overflow:hidden  }
.hover_icon a { height:100%; width:100% ;display:block; color:#FFF }
.hover_icon img { float:right ; padding-right:5px; }
.hover_icon b { font-weight:bold; }
.hover_icon .gameplay_desc { padding:3px 0 6px 6px; display:inline-block ; line-height:16px} 
.content { position: relative; z-index: 10 }
.lore_spacer_small { height:258px; width:100%;}
.lore_spacer_big { height:458px; width:100%;}

#hover_table td { padding: 5px 10px 5px 0px; }
.top_content td {width:50%; padding: 5px 10px 5px 0px; }
.static { position:absolute ; top:0px; left:0px}
.top_spacer_small { height:258px; width:100%; }

.page a { font-size:15px ; text-align:center; width:240px ; top:46px ;position:absolute ;}
.page .fakea { font-size:15px ; text-align:center; width:240px ; top:46px ;position:absolute ;}
.fakea { font-size:15px }
.layout3 a {font-size:15px}
.page p { width:200px; position:absolute ; top:70px ; left:20px}
.layout1 .medallion { float: left; margin: 2px 14px 2px 0px; }
.pagescript { position:relative; left:-15px ; top:4px}
.pageicon { width:80px ; height:80px ; position:absolute ; top: 218px ; left:80px;}
.page span { position:relative; top:306px ; left:-1px }
.layout2 { margin: auto; color:#000;}
.layout2 .top { display: block; height: 12px; margin: auto; overflow: hidden; width: 778px }
.layout2 .bottom { display: block; height: 12px; margin: auto; overflow: hidden; width: 778px }
.layout2 .middle { display: block; margin: auto; overflow: hidden; width: 778px }
.layout2 p { display: block; color:#000;}

.table3 { display: table; width: auto; clear: both; margin: auto; }
.tablecell3 { display: table-cell; width: auto; text-align: center; margin: 0px 5px 0px 5px;}
.layout3 .bottom { display: block; width: 189px; height: 190px;  position:relative}
.layout3 .top { display: block; width: 189px; height: 10px; }
.layout3 .middle { position: relative; display: block; width: 189px; }
.layout3 .medallion { margin: 5px 5px 5px 5px; }
.layout3 .text { width: 170px; height: 460px; margin: auto; }

.layout4 { margin: auto; }
.layout4 .top { display: block; height: 12px; margin: auto; overflow: hidden; width: 600px }
.layout4 .bottom { display: block; height: 12px; margin: auto; overflow: hidden; width: 600px }
.layout4 .middle { display: block; margin: auto; overflow: hidden; width: 600px ; height:330px}
.layout4 p { display: block; }

.layout5 .bottom { display: block; width: 400px; height: 190px;  position:relative}
.layout5 .top { display: block; width: 400px; height: 10px; }
.layout5 .middle { position: relative; display: block; width: 400px; }

.layout6 .bottom { display: block; width: 475px; height: 190px;  position:relative}
.layout6 .top { display: block; width: 475px; height: 10px; }
.layout6 .middle { position: relative; display: block; width: 475px; }

.layout7 .bottom { display: block; width: 189px; height: 10px;}
.layout7 .top { display: block; width: 189px; height: 10px; }
.layout7 .middle {  display: block; width: 189px; }

.layout8 { margin: auto; }
.layout8 .top { display: block; height: 12px; margin: auto; overflow: hidden; width: 558px }
.layout8 .bottom { display: block; height: 12px; margin: auto; overflow: hidden; width: 558px }
.layout8 .middle { display: block; margin: auto; overflow: hidden; width: 558px }
.layout8 p { display: block; }

.leftpage { display:none ; position:absolute ; top:42px ;left:-160px ;z-index:50}
.rightpage {display:none ; position:absolute ; top:42px ;right:-160px ;z-index:50}
.News { display: inline; width: 359px; height: auto; float: left; margin: 0px 10px 0px 20px; overflow: hidden; white-space: nowrap; }
.RecentPosts { display: inline; width: 359px; height: auto; float: left; margin: 0px 20px 0px 10px; overflow: hidden; white-space: nowrap; }
.Journals { position: relative; display: block; width: 730px; margin: 0px auto 0px auto; top: 0px; }
.space { margin: 5px 0px 5px 0px; width:280px; position:relative; left:25px; top:18px}

.underline { border-bottom: 1px dotted #92836a; }
.tourtxt { display:none}
.title { font-size: 14pt; line-height: 25px }
.subtitle { font-size: 10pt; line-height: 18px }
.tourtxt .title{ width:600px ; position:relative ; top:15px }
.tourtxt p { width:480px; position:relative ; left:50px ; top:5px}
.purchasetitle { font-size: 15px; font-weight:bold}

.titleback_line { height: 19px; }
.titleback_left, .titleback_right { width: 27px; height: 19px; }
.titleback { width: 1%; height: 19px; white-space: nowrap; }

.fontwhite { color: #FFFFFF; }
.fontred { color: #7c0000; }
.fontgreen { color: #006029; }
.fontgrey { color: #bfbfbf; }
.fontbrown { color: #4f423a; }
.center { text-align: center; }
.clearbr { clear: both; height: 0 }

.transparent_class {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.leftpages .chaptertitle
{
	background-image:url('/images/chapter_header_left.png') ; 
}

.rightpages .chaptertitle
{
	background-image:url('/images/chapter_header_right.png') ; 
}

.chaptertitle
{
	width:189px; 
	height:37px ; 
	float:left ; 
	display:block; 
	text-align:center; 
	margin:7px 0 0 10px

}
.chapterheader
{
	width:100%; 
	height:50px
}
ul.bulleted { list-style-image: url('/images/bullet.png'); margin-left: 20px }


td { vertical-align: top }

.layout2 .top { background-image: url('/images/layout2_top-trans.png'); background-repeat: no-repeat; }
.layout2 .bottom { background-image: url('/images/layout2_bottom-trans.png'); background-repeat: no-repeat; }
.layout2 .middle { background-image: url('/images/layout2_middle-trans.png'); background-repeat: repeat-y; }

.layout3 .top { background-image: url('/images/layout3_top-trans.png'); background-repeat: no-repeat; }
.layout3 .bottom { background-image: url('/images/layout3_bottom-trans.png'); background-repeat: no-repeat; }
.layout3 .middle { background-image: url('/images/layout3_middle-trans.png'); background-repeat: repeat-y; }

.layout4 .top { background-image: url('/images/layout4_top-trans.png'); background-repeat: no-repeat; }
.layout4 .bottom { background-image: url('/images/layout4_bottom-trans.png'); background-repeat: no-repeat; }
.layout4 .middle { background-image: url('/images/layout4_middle-trans.png'); background-repeat: repeat-y; }

.layout5 .top { background-image: url('/images/layout5_top-trans.png'); background-repeat: no-repeat; }
.layout5 .bottom { background-image: url('/images/layout5_bottom-trans.png'); background-repeat: no-repeat; }
.layout5 .middle { background-image: url('/images/layout5_middle-trans.png'); background-repeat: repeat-y; }

.layout6 .top { background-image: url('/images/layout6_top-trans.png'); background-repeat: no-repeat; }
.layout6 .bottom { background-image: url('/images/layout6_bottom-trans.png'); background-repeat: no-repeat; }
.layout6 .middle { background-image: url('/images/layout6_middle-trans.png'); background-repeat: repeat-y; }

.layout7 .top { background-image: url('/images/layout7_top-trans.png'); background-repeat: no-repeat; }
.layout7 .bottom { background-image: url('/images/layout7_bottom-trans.png'); background-repeat: no-repeat; }
.layout7 .middle { background-image: url('/images/layout7_middle-trans.png'); background-repeat: repeat-y; }

.layout8 .top { background-image: url('/images/layout2_top-trans.png'); background-repeat: no-repeat; }
.layout8 .bottom { background-image: url('/images/layout2_bottom-trans.png'); background-repeat: no-repeat; }
.layout8 .middle { background-image: url('/images/layout2_middle-trans.png'); background-repeat: repeat-y; }

.titleback_line { background-image: url('/images/titleback_line-trans.png'); background-repeat: repeat-x; }
.titleback_left { background-image: url('/images/titleback_left-trans.png'); background-repeat: no-repeat; }
.titleback_right { background-image: url('/images/titleback_right-trans.png'); background-repeat: no-repeat; }

.social { clear: both; text-align: left; width: 100%; padding-left:30px; position:relative; top:20px}
.social a { color: #898989; display: inline-block; height: 14px; padding-left: 10px; text-decoration: none }
.ltwitter img, .lyoutube img, .lfacebook img { background-image: url('/images/social_icons-trans.png'); background-repeat: no-repeat; border: 0; display: inline-block; vertical-align: middle }
.lyoutube img { background-position: 0 0; height: 13px; width: 13px }
.ltwitter img { background-position: -13px 0; height: 14px; width: 26px }
.lfacebook img { background-position: -39px 0; height: 12px; width: 12px }

.cataclysmpage { position:relative; background-image: url('/images/cataclysm/page.png'); background-repeat:no-repeat ; width: 600px ; height:550px; left:100px ; top:30px}
.talespage { position:relative; background-image: url('/images/tales/page.png'); background-repeat:no-repeat ; width: 600px ; height:550px; left:100px ; top:30px}

.chapter { position:absolute ; top:95px; left:74px }
.chapterbutton { position:relative ; top:412px; left:142px}
.chapterbutton_td { position:relative ; top:412px; left:142px}
.chapterbutton_tb { position:relative ; top:412px; left:142px}
.thumb { width:450px}
.fourx1 { position:absolute ; top:49px; left:380px ; z-index:40}
.fourx2 { position:absolute ; top:122px; left:380px ; z-index:40 }
.fourx3 { position:absolute ; top:195px; left:380px; z-index:40  }
.fourx4 { position:absolute ; top:268px; left:380px; z-index:40  }
.mainscroll { position:absolute; background-image:url('/images/main_scroll.png'); background-repeat:no-repeat ; height:377px; width:326px }

.jlink { color: #27211D }
.jlink:hover { color:#4f423a}
.pollansweroptions { margin-top: 10px; }
.pollresults { margin-top: 5px; }
.progressbar {
    width: 300px;
    background: url(/images/poll.progressbar.png) no-repeat 0 -40px;
}
.progressbar-completed {
    height: 20px;
    margin-left: -1px;
    background: url(/images/poll.progressbar.png) no-repeat 1px 0;
}
.progressbar-completed div {
    float: right;
    width: 50%;
    height: 20px;
    margin-right: -1px;
    background: url(/images/poll.progressbar.png) no-repeat 100% 0;
    display: inline; /* IE 6 double float bug */
}

.chapter_text {
	color:#000;
	padding:20px;
}
/*-- jShowOff module styles --*/
#appendixd .chapter_text {
	line-height:17px;
}

#appendixb .chapter_text {
	line-height:16px;
}

#features, #slidingFeatures, #labelFeatures, #basicFeatures, #thumbFeatures {
	background: #efefef;
	position: relative;
	overflow: hidden;
	width: 500px;
	height: 250px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	}
.jshowoff {
	width: 500px;
	margin: 0 auto;
	}
.jshowoff div {	
	width: 500px;
	height: 220px;
	background-color:#dcd0b2;
	}
.jshowoff div, .jshowoff img, .jshowoff {
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	}
#basicFeatures, .jshowoff.basicFeatures, .jshowoff.basicFeatures img, .jshowoff.basicFeatures div {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	}
.jshowoff div p, .jshowoff div h2 {
	_background-color: #efefef;
	}
.jshowoff h2, .jshowoff p {
	font-size: 18px;
	padding: 15px 20px 0px;
	margin: 0;
	}
.jshowoff p {
	font-size: 13px;
	line-height: 15px;
	}
.eddie {
	float: right;
	padding: 15px 20px 15px 20px;
	}
.jshowoff p.jshowoff-slidelinks {
	position: absolute;
	bottom: 5px;
	right: 5px;
	margin: 0;
	padding: 0;
	}
.jshowoff-slidelinks a, .jshowoff-controls a {
	display: block;
	background-color: #000;
	color: #fff;
	padding: 5px 7px 5px;
	margin: 5px 0 0 5px;
	float: left;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	outline: none;
	font-size: 11px;
	line-height: 14px;
	}
.jshowoff-slidelinks a:hover, .jshowoff-controls a:hover {
	color: #fff;
	}
.jshowoff-slidelinks a.jshowoff-active, .jshowoff-slidelinks a.jshowoff-active:hover {
	background-color: #fff;
	color: #000;
	}
p.jshowoff-controls {
	background: #b4a67c;
	overflow: auto;
	height: 1%;
	padding: 0 0 5px 5px;
	margin: 0;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	}
.jshowoff-controls a {
	margin: 5px 5px 0 0;
	font-size: 12px;
	line-height: 15px;
	padding: 4px 8px 5px;
	}

.jshowoff-pausetext {
	color: #fff;
	}


/*-- Re-styled Thumbnail Demo --*/

.thumbFeatures p.jshowoff-slidelinks {
	background: #000;
	bottom: 0;
	padding: 5px 0 5px 5px;
	right: 113px;
	height: 32px;
	}
.thumbFeatures .jshowoff-slidelinks a {
	display: block;
	width: 60px;
	height: 30px;
	background-color: none;
	background-repeat: no-repeat;
	margin: 0 5px 0 0;
	padding: 0;
	border: 1px solid #4f4f4f;
	text-indent: -10000em;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	}
.thumbFeatures .jshowoff-slidelinks a.jshowoff-active {
	border: 1px solid #fff;
	}
.thumbFeatures .jshowoff-slidelink-0 {
	background-image: url(http://farm5.static.flickr.com/4065/4439060414_c11002d183_o_d.jpg);
	}
.thumbFeatures .jshowoff-slidelink-1 {
	background-image: url(http://farm5.static.flickr.com/4049/4438283469_5ddf465356_o_d.jpg);
	}
.thumbFeatures .jshowoff-slidelink-2 {
	background-image: url(http://farm5.static.flickr.com/4033/4439060472_02efbb3955_o_d.jpg);
	}
.thumbFeatures .jshowoff-slidelink-3 {
	background-image: url(http://farm5.static.flickr.com/4041/4438283519_4f08cb4a57_o_d.jpg);
	}
.thumbFeatures p.jshowoff-controls {
	background: none;
	height: 38px;
	overflow: visible;
	padding: 0;
	position: absolute;
	top: 100px;
	width: 100%;
	z-index: 150;
	}
.thumbFeatures .jshowoff-controls a {
	display: block;
	width: 22px;
	height: 38px;
	background: none;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	text-indent: -10000em;
	position: absolute;
	}

.thumbFeatures .jshowoff-controls a.jshowoff-prev {
	left: 15px;
	background-image: url(http://farm5.static.flickr.com/4035/4438728886_fd55756fc5_o_d.gif);
	}
.thumbFeatures .jshowoff-controls a.jshowoff-next {
	right: 15px;
	background-image: url(http://farm3.static.flickr.com/2743/4438728872_07e935da40_o_d.gif);
	}
.thumbFeatures .jshowoff-controls a.jshowoff-play {
	display: none;
	}
.jshowoff.thumbFeatures {
	height: 250px;
	}
.jshowoff.thumbFeatures div, .jshowoff.thumbFeatures img, .jshowoff.thumbFeatures {
	-webkit-border-radius: 6px;
	}