@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.4;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding-right: 20px;
	padding-left: 20px;
	margin: 0;
	list-style-type:none;
}
p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
	text-align: center;
}
.text p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
	text-indent: 2em;
	text-align: left;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ Styling for your site's links must remain in this order. ~~ */
a:link {
	color: #3F0105;
	text-decoration: none;
}
a:visited {
	color: #3F0105;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
	color: #3F0105;
}


.container {
	width: 1004px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.header {
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 445px;
}

.logo {
	height: 445px;
	width: 1004px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.headerbase {
	margin-top: 0;
	margin-right: 14px;
	margin-bottom: 0;
	margin-left: 18px;
	float: none;
	height: 372px;
	width: 972px;
	background-image: url(images/headerbase.jpg);
}

.topicarea {
	margin-right: 162px;
	margin-left: 165px;
	background-image: url(images/topicarea2_3.png);
	background-repeat: no-repeat;
	height: 316px;
	z-index: 4;
}

.content {
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	background-repeat: repeat-y;
	background-position: center;
	color: #FFF;
	background-image: url(images/content.png);
}

.contentmain {
	background-image: url(images/contentmain_3.png);
	background-repeat: repeat-y;
	background-position: center;
	width: 655px;
	margin-right: 181px;
	margin-left: 178px;
	margin-top: -58px;
	position: relative;
	z-index: 5;
}

.heading {
	color: #F4F4FF;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: center;
	font-size: 34px;
	height: 45px;
	width: 532px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 213px;
	text-shadow: 0px 0px 4px #6699ff, 0px 0px 8px #6699cc;
}

.heading2 {
	margin-right: 56px;
	margin-bottom: 0px;
	margin-left: 56px;
	width: 532px;
	font-size: 32px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #F4F4FF;
	text-align: center;
	margin-top: 0px;
	height: 45px;
	text-shadow: 0px 0px 4px #6699ff, 0px 0px 8px #6699cc;
}

.submenu {
	text-align: center;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #3F0105;
	font-size: 18px;
	height: 40px;
	z-index: 6;
	position: relative;
	font-weight: bold;
}
.submenu a:link, .submenu a:visited {
	font-size: 18px;
	font-weight: normal;
}
.submenu a:hover, .submenu a:active, .submenu a:focus {
	font-size: 18px;
	text-shadow: 1px 1px 1px #666;
	color: #91020D;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: normal;
}

.breaker {
	text-align: center;
	padding-bottom: 20px;
	background-image: url(images/breaker.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 33px;
}

.text {
	padding-top: 14px;
	padding-right: 40px;
	padding-bottom: 8px;
	padding-left: 40px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	background-image: url(images/decor.png);
	background-repeat: no-repeat;
	background-position: center;
	color: #000000;
}

.fa_gallery {
	width: 542px;
	padding-bottom: 8px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 16px;
}

.fa_gallery a:link, .ff_gallery a:visited{
	font-size: 18px;
}
.fa_gallery a:hover, .fa_gallery a:active, .fa_gallery a:focus {
	text-shadow: 1px 1px 1px #666;
	color: #91020D;
}

.fa_gallery img {
	padding: 3px;
	background-color: #666;
	margin: 3px;
	border: 1px solid #333;
}

.fa_gallery img:hover {
	background-color: #999;
}

.ff_listings a:link, .ff_listings a:visited{
	font-size: 18px;
}

.ff_listings a:hover, .ff_listings a:active, .ff_listings a:focus {
	text-shadow: 1px 1px 1px #666;
	color: #91020D;
}

.contentfooter {
	margin-right: 176px;
	margin-left: 183px;
	background-image: url(images/content-footer_3.png);
	height: 53px;
	width: 645px;
	margin-top: -16px;
	position: relative;
	z-index: 7;
}

.topicarea2 {
	margin-right: 173px;
	margin-left: 183px;
	padding-top: 11px;
	padding-bottom: 62px;
	background-image: url(images/topicarea_3.png);
	background-repeat: no-repeat;
	height: 98px;
	margin-top: 20px;
}

.footer {
	height: 408px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	background-attachment: scroll;
	background-color: #000000;
	background-image: url(images/footer3.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: -150px;
}

.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}

#apDiv1 {
	position:absolute;
	width:670px;
	height:80px;
	z-index:3;
	padding-top: 62px;
	padding-left: 168px;
	margin: 0px;
}
#apDiv2 {
	position:absolute;
	width:162px;
	z-index:2;
	padding-top: 188px;
	font-size: 5px;
}
#apDiv3 {
	position:absolute;
	width:162px;
	z-index:1;
	padding-top: 188px;
	padding-left: 842px;
	font-size: 5px;
	color: #CCC;
}
#apDiv4 {
	position:absolute;
	width:1004px;
	height:408px;
	z-index:4;
	margin-top: -150px;
}
.fanfics {
	height: 267px;
	width: 162px;
	background-image: url(images/FanFics-a.png);
	background-repeat: no-repeat;
}
.fanart {
	height: 128px;
	width: 162px;
	margin: 0px;
	padding: 0px;
	background-image: url(images/FanArt-a.png);
	background-repeat: no-repeat;
}
.maps {
}

.maps img {
	padding: 4px;
	background-color: #666;
	border: 2px solid #333;
	margin-bottom: 15px;
	margin-right: 13px;
	margin-left: 13px;
}
.maps img:hover {
	background-color: #999;
}
.mapstext {
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 10px;
}
.font {
	margin-right: 15px;
	margin-left: 15px;
	text-align: center;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.font a:link, .font a:visited {
	font-size: 18px;
	font-weight: normal;
}
.font a:hover, .font a:active, .font a:focus {
	font-size: 18px;
	text-shadow: 1px 1px 1px #666;
	color: #91020D;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: normal;
}
.audio a:link, .audio a:visited {
	font-size: 18px;
	font-weight: normal;
}
.audio a:hover, .audio a:active, .audio a:focus {
	font-size: 18px;
	text-shadow: 1px 1px 1px #666;
	color: #91020D;
	font-weight: normal;
}
.audio table {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.audio table td {
	text-align: center;
	width: 33%;
}
.audio p {
	text-align: center;
	text-indent: 0em;
	margin-bottom: 1px;
	color: #3f0105;
	margin-top: 15px;
	font-weight: bold;
}
h4 {
	margin-left: 15px;
	font-size: 20px;
}
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.story img{
	padding-right: 15px;

}
.storylft img {
	margin-right: 15px;
}
.storyrt img {
	margin-left: 20px;
}
.nosgoth_story {
	background-image: url(nosgoth/images/Story.png);
	background-repeat: no-repeat;
	height: 361px;
	width: 162px;
}
.nosgoth_images {
	background-image: url(nosgoth/images/Images-a.png);
	background-repeat: no-repeat;
	height: 179px;
	width: 162px;
}
.img_gallery {
	width: 550px;
	padding-bottom: 8px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 16px;
}
.img_gallery img {
	padding: 3px;
	background-color: #666;
	margin: 3px;
	border: 1px solid #333;
}
.img_gallery img:hover {
	background-color: #999;
}
.script p {
	text-indent: 0;
	margin-top: -5px;
	width: 550px;
	clip: rect(0px,auto,0px,auto);
	text-align: center;
}
.script a:link, .script a:visited {
	text-align: center;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #3F0105;
	font-size: 18px;
	height: 40px;
}
.script a:hover, .script a:active, .script a:focus {
	text-shadow: 1px 1px 1px #666;
	color: #91020D;
}