@charset "UTF-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #CCC7C2;
	background: #262421 url(../images/skintexture.png) repeat-x center top;
	margin: 0 0 20px;
}
h1, h2, h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-shadow: 2px 3px 4px rgba(0,0,0,0.4);
	color: #96CC29;
}
h1 {
	font-size: 24px;
	line-height: 24px;
	margin: 0 0 23px;
}
h2 {
	font-size: 17px;
	margin: 0 0 10px;
}
h3 {
	font-size: 14px;
	margin: 0 0 3px;
}
h3+h3 { /* h3 margin after h3 */
	margin: 15px 0 3px;
}
ul+h3 { /* h3 margin after ul */
	margin: -14px 0 3px;
}
ul+p { /* p margin after ul */
	margin: -14px 0 15px;
}
p+h2 { /* h2 margin after p */
	margin: 20px 0 10px;
}
p, select {
	margin: 0 0 15px;
}
a:link, a:visited {
	text-decoration: none;
	color: #AC6;
}
.indexroot a:link, .indexroot a:visited {
	color: #CCC7C2;
}
a:hover, .indexroot a:hover {
	text-decoration: underline;
	color: #96CC29;
}
a:active, .indexroot a:active, #newscontainer:active em {
	color: #FF9500;
}
a, input, textarea, select {
	outline: none;
}
a img {
	border: none;
}
form {
	margin: 0;
}
select {
	font-size: 11px;
	border: none;
}
img {
	font-size: 10px;
	font-weight: normal;
	color: #CCC7C2;
}
.imgshad, .imgleft, .imgright, .imgright3, .subcontainer2 img, .video {
	border: solid 1px #FFF;
	-moz-box-shadow: 3px 4px 6px rgba(0,0,0,0.4);
	-webkit-box-shadow: 3px 4px 6px rgba(0,0,0,0.4);
	box-shadow: 3px 4px 6px rgba(0,0,0,0.4);
}
.imgleft, .subcontainer2 img {
	float: left;
	margin: 2px 24px 14px 0;
}
.imgright, .imgright2, #viewcart { /* .imgright2 for div container with art credit */
	float: right;
	margin: 2px 0 14px 24px;
}
.imgright2 p { /* For art credit */
	font-size: 10px;
	color: #99918A;
	text-align: right;
}
.credit1 {
	margin: 5px 0 0;
}
.credit2 {
	margin: -5px 10px 0 0;
}
.imgright3 { /* For G-TOUR itinerary img */
	float: right;
	clear: right;
	margin: 2px 0 44px 24px;
}
.video {
	width: 425px;
	margin: 0 0 40px;
}
.video p {
	padding: 15px 15px 0;
}
#promo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #262421;
	text-align: center;
	background: url(../images/promobkgd.png);
	width: 114px;
	height: 170px;
	float: right;
	padding: 78px 27px 0;
	margin: -4px -10px 14px 24px;
}
#promo a:link, #promo a:visited {
	color: #262421;
}
#promo a:active {
	color: #446700;
}
#maincontainer {
	width: 940px;
	margin: auto;
	position: relative;
}
#newscontainer {
	background: url(../images/newssprite.png);
	width: 411px;
	height: 31px;
	float: right;
	margin: 60px auto 0;
}
#newscontainer a {
	text-decoration: none;
	color: #CCC7C2;
	display: block;
	width: 371px;
	padding: 0 0 0 40px;
	margin: 0 0 0 -40px;
}
#newscontainer:hover {
	background-position: 0 -31px;
}
#newscontainer:active {
	background-position: 0 -62px;
}
#news {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	line-height: 31px;
	font-style: italic;
	height: 30px;
	padding: 0 0 0 40px;
	overflow: hidden;
}
#news li {
	list-style: none;
}
span.nowrap {
	white-space: nowrap;
}
#ie6 {
	font-size: 11px;
	color: #FFF;
	background: #900;
	width: 100%;
	padding: 4px 0;
	position: absolute;
	top: 0;
	left: 0;
}
#ie6 p {
	background: url(../images/warning.png) no-repeat;
	padding: 0 0 0 24px;
	margin: 0 0 0 10px;
}
#ie6 span {
	float: right;
}
#ie6 a {
	text-decoration: none;
	color: #FFF;
	background: url(../images/browsers.png) no-repeat 0 -2px;
	padding: 2px 0 5px 22px;
	margin: 0 12px 0 8px;
}
#ie6 a#safari {
	background-position: 0 -28px;
}
#ie6 a#firefox {
	background-position: 0 -54px;
}




/* NAVIGATION STYLES - START */

#navcontainer {
	font-size: 11px;
	line-height: 24px;
	background: url(../images/navbkgd.png);
	width: 940px;
	height: 27px;
	clear: both;
	position: relative;
	z-index: 2000;
}
#nav { /* This is the main navigation ul */
	padding: 0;
	margin: 0 0 0 246px;
	list-style: none;
}
#nav li {
	float: left; /* Makes main navigation horizontal */
	position: relative;
}
#nav a {
	background: url(../images/navsprite.png);
	display: block;
	height: 0;
	padding: 27px 0 0;
	overflow: hidden;
}
#nav li li { /* Needed because of "float: left" on #nav li above (as opposed to #nav>li for modern browsers). This un-floats the dropdown links.
The dropdown still displays vertically due to #nav li ul's width contraint. "float: none;" allows the dropdown hover to span its full width.
This is all due to poor IE6 CSS support. */
	float: none;
}
#nav li ul { /* This is the hidden dropdown ul */
	background: url(../images/ddbkgd.png) no-repeat left bottom;
	width: 132px;
	padding: 0 0 14px;
	margin: 0;
	position: absolute;
	display: none; /* Hides dropdown before mouseover */
	list-style: none;
}
#nav li:hover ul { /* Reveals the hidden dropdown ul */
	display: block;
}
#nav li li a:link, #nav li li a:visited { /* Dropdown li styling */
	background: url(../images/ddmobkgd.png) no-repeat 0 24px;
	text-decoration: none;
	color: #FFF;
	white-space: nowrap;
	display: block;
	width: auto;
	height: 24px;
	padding: 0 0 0 16px;
	text-shadow: 1px 2px 2px rgba(0,0,0,0.35);
}
#nav li li a:hover { /* Dropdown li mouseover styling */
	font-weight: bold;
	background-position: 0 0;
	/*padding: 0 0 0 20px; Animated via jQuery */
}
#nav li li a:active { /* Dropdown li mousedown styling */
	color: #FF9500;
	background-position: 0 -24px;
}


/* MAIN NAVIGATION BACKGROUND SPRITE POSITIONING >>> */

/* HOME */
#home a:link, #home a:visited {
	width: 63px;
}
#home a:hover, #home a.current:hover {
	background-position: 0 -27px;
}
#home a:active, #home a.current:active {
	background-position: 0 -54px;
}
#home a.current {
	background-position: 0 -81px;
}

/* G-FAN */
#gfan a:link, #gfan a:visited {
	background-position: -63px 0;
	width: 126px;
}
#gfan a:hover, #gfan a.current:hover,
#gfan:hover>a, #gfan:hover>a.current { /* show path followed with dropdown */
	background-position: -63px -27px;
}
#gfan a:active, #gfan a.current:active {
	background-position: -63px -54px;
}
#gfan a.current {
	background-position: -63px -81px;
}

/* G-FEST */
#gfest a:link, #gfest a:visited {
	background-position: -189px 0;
	width: 71px;
}
#gfest a:hover, #gfest a.current:hover,
#gfest:hover>a, #gfest:hover>a.current { /* show path followed with dropdown */
	background-position: -189px -27px;
}
#gfest a:active, #gfest a.current:active {
	background-position: -189px -54px;
}
#gfest a.current {
	background-position: -189px -81px;
}

/* G-TOUR */
#gtour a:link, #gtour a:visited {
	background-position: -260px 0;
	width: 74px;
}
#gtour a:hover, #gtour a.current:hover,
#gtour:hover>a, #gtour:hover>a.current { /* show path followed with dropdown */
	background-position: -260px -27px;
}
#gtour a:active, #gtour a.current:active {
	background-position: -260px -54px;
}
#gtour a.current {
	background-position: -260px -81px;
}

/* G-STORE */
#gstore a:link, #gstore a:visited {
	background-position: -334px 0;
	width: 80px;
}
#gstore a:hover, #gstore a.current:hover {
	background-position: -334px -27px;
}
#gstore a:active, #gstore a.current:active {
	background-position: -334px -54px;
}
#gstore a.current {
	background-position: -334px -81px;
}

/* GFANTIS */
#gfantis a:link, #gfantis a:visited {
	background-position: -414px 0;
	width: 79px;
}
#gfantis a:hover, #gfantis a.current:hover {
	background-position: -414px -27px;
}
#gfantis a:active, #gfantis a.current:active {
	background-position: -414px -54px;
}
#gfantis a.current {
	background-position: -414px -81px;
}

/* FAN FICTION */
#fanfiction a:link, #fanfiction a:visited {
	background-position: -493px 0;
	width: 99px;
}
#fanfiction a:hover, #fanfiction a.current:hover {
	background-position: -493px -27px;
}
#fanfiction a:active, #fanfiction a.current:active {
	background-position: -493px -54px;
}
#fanfiction a.current {
	background-position: -493px -81px;
}

/* CONTACT */
#contact a:link, #contact a:visited {
	background-position: -592px 0;
	width: 84px;
}
#contact a:hover, #contact a.current:hover {
	background-position: -592px -27px;
}
#contact a:active, #contact a.current:active {
	background-position: -592px -54px;
}
#contact a.current {
	background-position: -592px -81px;
}

/* NAVIGATION STYLES - END */




#contentcontainer {
	background: #322F2C url(../images/contentbkgd.gif) repeat-x;
	width: 940px;
	overflow: hidden;
}




/* SIDEBAR STYLES - START */

#sidebarcontainer {
	float: left;
}
.sidebartop {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 50px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	text-shadow: 1px 2px 3px rgba(0,0,0,0.35);
	text-indent: 23px;
	background: url(../images/sidebartop.png) no-repeat bottom;
	width: 200px;
	height: 40px;
	padding: 0 20px;
}
.archive {
	background: url(../images/sidebartop_archive.png) no-repeat bottom;
}
.sidebar {
	font-size: 11px;
	color: #262421;
	background: url(../images/sidebarbkgd.png) no-repeat bottom;
	width: 200px;
	padding: 2px 20px 16px;
}
.loi {
	margin: 0 0 11px;
}
#latestissue {
	margin: 8px 0 7px 22px;
	border: solid 2px #FFF;
	-moz-box-shadow: 1px 2px 10px rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 2px 10px rgba(0,0,0,0.4);
	box-shadow: 1px 2px 10px rgba(0,0,0,0.4);
}
.sidebar p {
	margin: 0 0 0 23px;
}
.sidebar span {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
p.mis {
	line-height: 18px;
	width: 156px;
	margin: 1px 0 3px 23px;
}
p.mis2 {
	line-height: 16px;
	font-style: italic;
	width: 156px;
	padding: 0 0 15px;
	margin-bottom: 15px;
	border-bottom: solid 1px #688E1D;
}
.sidebar ul {
	line-height: 24px;
	padding: 0;
	margin: -2px 0 0;
	list-style: none;
}
.sidebar li a:link, .sidebar li a:visited {
	color: #262421;
	text-decoration: none;
	background: url(../images/sbmobkgd.png) no-repeat 0 0;
	display: block;
	height: 24px;
	padding: 0 0 0 40px;
}
.sidebar li a.current:link, .sidebar li a.current:visited {
	background-position: 0 -72px;
}
.sidebar li a:hover, .sidebar li a.current:hover {
	font-weight: bold;
	background-position: 0 -24px;
}
.sidebar li a:active, .sidebar li a.current:active {
	background-position: 0 -48px;
}

/* SIDEBAR STYLES - END */




/* FADE-IN SLIDESHOW STYLES - START */

#galhome, #galgfan, #galgfest, #galgtour, #galgstore,
#galgfantis, #galfanfiction, #galcontact, #galsitemap {
	width: 700px;
	height: 240px;
	float: left;
	position: relative;
}
.fadeslidedescdiv {
	font-size: 10px;
	line-height: 19px;
	color: #FFF;
	text-align: right;
	background: url(../images/creditbkgd.png) repeat-y right top;
}

/* FADE-IN SLIDESHOW STYLES - END */




#content {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	display: inline; /* For IE 6 Margin Doubling Bug */
	width: 640px;
	float: right;
	margin: 27px 40px 30px 0;
	position: relative;
}
#content ul {
	padding: 0 0 14px;
	margin: 0 0 16px;
}
#content li {
	background: url(../images/ulbullet.png) no-repeat 0 6px;
	list-style: none;
	line-height: 24px;
	padding: 0 0 0 17px;
}
#jdsig {
	margin: 16px 0 0;
}
#latestgnews {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	text-shadow: 1px 2px 3px rgba(0,0,0,0.8);
	text-indent: 38px;
	background: url(../images/latestgnews.png);
	width: 640px;
	height: 26px;
	margin: 60px 0 22px;
}
.subcontainer {
	background: url(../images/divider.gif) repeat-x bottom;
	padding: 0 0 4px;
	margin: 0 0 16px;
	overflow: hidden;
}
.subcontainer2 div { /* Two columns - G-FAN Back Issues */
	background: url(../images/divider.gif) repeat-x bottom;
	width: 320px;
	height: 95px;
	float: left;
	padding: 0 0 4px;
	margin: 0 0 16px;
}
.subcontainer2 div.bkgdnone, .bkgdnone, .contentindex ul.bkgdnone { /* Remove divider after last item */
	background: none;
}
input {
	background: url(../images/addtocart.png);
	width: 126px;
	height: 0;
	padding: 29px 0 0;
	overflow: hidden;
}
input:hover {
	background-position: 0 -31px;
}
input:active {
	background-position: 0 -62px;
}
#viewcart input {
	background: url(../images/viewcart.png);
	width: 127px;
	padding: 33px 0 0;
}
#subscribe4 input, #subscribe5 input, #subscribe6 input, #subscribe7 input, #subscribe8 input, #subscribe4i input {
	background: url(../images/subscribe4.png);
	width: 125px;
	padding: 33px 0 0;
}
#subscribe5 input {
	background: url(../images/subscribe5.png);
}
#subscribe6 input {
	background: url(../images/subscribe6.png);
}
#subscribe7 input {
	background: url(../images/subscribe7.png);
}
#subscribe8 input {
	background: url(../images/subscribe8.png);
}
#subscribe4i input {
	background: url(../images/subscribe4i.png);
}
#viewcart input:hover, #subscribe4 input:hover, #subscribe5 input:hover, #subscribe6 input:hover, #subscribe7 input:hover, #subscribe8 input:hover, #subscribe4i input:hover {
	background-position: 0 -35px;
}
#viewcart input:active, #subscribe4 input:active, #subscribe5 input:active, #subscribe6 input:active, #subscribe7 input:active, #subscribe8 input:active, #subscribe4i input:active {
	background-position: 0 -70px;
}
#subscribe4, #subscribe5, #subscribe6, #subscribe7, #subscribe8, #subscribe4i {
	float: right;
	margin: 11px 0 0;
}
.indexroot { /* Three columns of ul - G-FAN Index root */
	width: 228px;
	float: left;
}
#indexrootcol3 { /* Third column ul width - G-FAN Index root */
	width: 180px;
}
.contentindex em { /* For author credits */
	color: #AC6;
}
.contentindex ul { /* Divider between ul */
	background: url(../images/divider.gif) repeat-x bottom;
}
#goback {
	background: url(../images/goback.png);
	width: 27px;
	height: 28px;
	float: left;
	margin: -1px 10px 0 0;
	overflow: hidden;
}
#goback:hover {
	background-position: 0 -30px;
}
#goback:active {
	background-position: 0 -60px;
}
#prev, #next {
	background: url(../images/prevnext.png);
	display: block;
	width: 17px;
	height: 32px;
	overflow: hidden;
	position: absolute;
	top: 116px;
	left: 431px;
}
#prev:hover {
	background-position: 0 -35px;
}
#prev:active {
	background-position: 0 -70px;
}
#next {
	background-position: -17px 0;
	width: 23px;
	left: 640px;
}
#next:hover {
	background-position: -17px -35px;
}
#next:active {
	background-position: -17px -70px;
}
#printform {
	background: url(../images/printform.png);
	width: 167px;
	height: 33px;
	overflow: hidden;
}
#printform:hover {
	background-position: 0 -35px;
}
#printform:active {
	background-position: 0 -70px;
}
#gfestxvii {
	background: url(../images/gfestxviishad.png);
	margin: -10px 0 0;
}
.green, #news em {
	color: #96CC29;
}
.h1archive {
	color: #A68D74;
}
.margin0 {
	margin: 0 !important;
}
#gvsbiorose {
	width: 521px;
	height: 318px;
	margin: 0 0 20px;
	position: relative;
}
#gfestxv {
	position: absolute;
	top: 0;
	right: 0;
}
#rosetext {
	font-size: 10px;
	line-height: 10px;
	color: #FFF;
	position: absolute;
	right: 10px;
	bottom: 3px;
}




/* G-FAN MAGAZINE STACK STYLES - START */

#gfanfan { /* G-FAN magazine stack img */
	position: absolute;
	left: -14px;
}
.wrap p, .wrap2 p { /* For p text wrap around img */
	position: relative;
}
.wrap div { /* Spacers for text wrap (+.i1-.i11) */
	height: 20px;
	float: left;
	clear: left;
}
.i1 {
	width: 238px;
	padding: 0 0 26px;
}
.i2 {
	width: 238px;
}
.i3 {
	width: 234px;
}
.i4 {
	width: 230px;
}
.i5 {
	width: 227px;
}
.i6 {
	width: 224px;
}
.i7 {
	width: 220px;
}
.i8 {
	width: 217px;
}
.i9 {
	width: 213px;
}
.i10 {
	width: 207px;
	padding: 0 0 13px;
}
.i11 {
	width: 203px;
}

/* G-FAN MAGAZINE STACK STYLES - END */




/* G-FAN INDEX STACK STYLES - START */

#gfanindexfan { /* G-FAN magazine stack img */
	position: absolute;
	right: 0;
}
.wrap2 div { /* Spacers for text wrap (+.ib1-.ib10) */
	height: 20px;
	float: right;
	clear: right;
}
.ib1 {
	width: 238px;
	padding: 0 0 26px;
}
.ib2 {
	width: 302px;
}
.ib3 {
	width: 295px;
}
.ib4 {
	width: 315px;
}
.ib5 {
	width: 324px;
}
.ib6 {
	width: 314px;
}
.ib7 {
	width: 302px;
}
.ib8 {
	width: 291px;
}
.ib9 {
	width: 280px;
}
.ib10 {
	width: 269px;
}

/* G-FAN INDEX STACK STYLES - END */




.fanfiction p {
	text-align: justify;
	text-indent: 25px;
	margin: 0;
}
.ffdivider {
	background: url(../images/ffdivider.png);
	height: 34px;
	margin: 20px auto;
}




#footer, .disclaimer {
	font-size: 10px;
	line-height: 16px;
	color: #4D4945;
}
#footer {
	background: #131210 url(../images/footerbottom.gif) no-repeat bottom;
	width: 900px;
	clear: both;
	padding: 18px 20px;
	position: relative;
}
#footer a:link, #footer a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #CCC7C2;
	margin: 0 32px 0 0;
}
#footer a.current, #footer a:hover {
	color: #96CC29;
}
#footer a:active {
	color: #FF9500;
}
#gv30 {
	position: absolute;
	top: 15px;
	right: 19px;
}
#spstudio {
	position: absolute;
	right: 20px;
	bottom: 19px;
}