/* 
Old School Adventures
css for screen resolution +1600px
--------------------*/

/* html rules
--------------------*/
body {
	max-width: 100%;
	background-color: #292d2a;
	background-attachment: fixed;
	font-size: 1.2em;
	font-family: arial,verdana, helvetica,sans-serif;
	margin: 0;
	padding: 0 0 0 0;
}

header {
	position: relative;
	height: 137px;
	margin: 0;
	background-color: #292d2a;
	
	background-image: url(../images/header/header_title7.png);
	background-repeat: no-repeat;
	background-position: top;
    
	box-shadow: 0px 10px 5px #000000;
	
}

section {
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	width: auto;
   /* width: 93%;*/
	margin-left: auto;
	margin-right: auto;
    /*border-radius: 25px;*/
	background-color: #292d2a;
	/*padding:50px;*/
	opacity:1;
   /* box-shadow: 0px 20px 35px #000000;*/
}

aside {
	position: relative;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 75px;
}

article {
	position: relative;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 60px;
}

footer {
	position: relative;
	height: 0px;
	margin: 0;
	background-color: #292d2a;
	background-image: url(../images/footer/footer_large.png);
	background-repeat: no-repeat;
	background-position: center;
    box-shadow: 0px 10px 5px #000000;
	
}


h2{
	color: gold;
	font-size: 1.4em;
}


h3{
	color: gold;
	font-size: 1.2em;
}


h4{
	color: gold;
	font-size: 1.1em;
}

h5{
	color: white;
	font-size: 0.8em;
    text-align: center;
}

p{
	color: #ffffff;
}


table.stats3 {
	width:400px;
	table-layout:fixed;
	color: #FFFFFF;
	font-size: 0.9em;
	text-align:center;
}


table.stats4 {
	width:700px;
	table-layout:fixed;
	color: #FFFFFF;
	font-size: 0.9em;
}


	
table.stats {
	width:1000px;
	table-layout:fixed;
	color: #FFFFFF;
	font-size: 0.9em;
}


/*

td.characterclass {
	text-align:center;
}

*/




/* id rules
--------------------*/

@keyframes fadey {

0% { opacity: 0; }

15% { opacity: 1; }

85% { opacity: 1; }

100% { opacity: 0; }

}

figure#slideshow { 
	width: 1000px;
	height:150px;
	margin: 0 auto; 
	position: relative;
	}

figure#slideshow img {
	position: absolute; 
	left: 0; 
	top: 0;
	width: 1000px;
	height: 150px;
	opacity: 0;
	border-radius: 30px;

}

.slideTitle { 
	width: 1000px;
	height:150px;
	margin: 0 auto; 
	position: relative;
	}


input[type="submit"]{
	
	background-image:url(../images/buttons/button1.png);
	width:160px;
	height:60px;
	display:inline-block;
	padding: 0px;
	border: 0px;
	border-radius: 10px;
}

input[type="submit"]:hover{
	
	background-image:url(../images/buttons/button2.png);
	width:160px;
	height:60px;
	display:inline-block;
	padding: 0px;
	border: 0px;
	border-radius: 10px;
}


input[type="reset"]{
	
	background-image:url(../images/buttons/button1.png);
	width:160px;
	height:60px;
	display:inline-block;
	padding: 0px;
	border: 0px;
	border-radius: 10px;
}

input[type="reset"]:hover{
	
	background-image:url(../images/buttons/button2.png);
	width:160px;
	height:60px;
	display:inline-block;
	padding: 0px;
	border: 0px;
	border-radius: 10px;
}
/*
Id begins
*/


#mcc_launch {
    width:800px;
    height:100px;
	display: block;
	background-image: url(../images/portal/titles/mcc_1.png);
	background-repeat: no-repeat;
	margin-left: auto;
    margin-right: auto;
}


#mcc_launch:hover {
	display: block;
	background-image: url(../images/portal/titles/mcc_2.png);
	background-repeat: no-repeat;
}

#mcc2_launch {
    width:800px;
    height:133px;
	display: block;
	background-image: url(../images/portal/titles/mcc2_1.png);
	background-repeat: no-repeat;
	margin-left: auto;
    margin-right: auto;
}


#mcc2_launch:hover {
	display: block;
	background-image: url(../images/portal/titles/mcc2_2.png);
	background-repeat: no-repeat;
}


#dcc_launch {
    width:800px;
    height:133px;
	display: block;
	background-image: url(../images/portal/titles/dcc_1.png);
	background-repeat: no-repeat;
	margin-left: auto;
    margin-right: auto;
}


#dcc_launch:hover {
	display: block;
	background-image: url(../images/portal/titles/dcc_2.png);
	background-repeat: no-repeat;
}


#dcc2_launch {
    width:800px;
    height:133px;
	display: block;
	background-image: url(../images/portal/titles/dcc2_1.png);
	background-repeat: no-repeat;
	margin-left: auto;
    margin-right: auto;
}


#dcc2_launch:hover {
	display: block;
	background-image: url(../images/portal/titles/dcc2_2.png);
	background-repeat: no-repeat;
}


#guard_launch {
    width:800px;
    height:133px;
	display: block;
	background-image: url(../images/portal/titles/guard_1.png);
	background-repeat: no-repeat;
	margin-left: auto;
    margin-right: auto;
}


#guard_launch:hover {
	display: block;
	background-image: url(../images/portal/titles/guard_2.png);
	background-repeat: no-repeat;
}



#lab_launch {
    width:800px;
    height:133px;
	display: block;
	background-image: url(../images/portal/titles/lab_1.png);
	background-repeat: no-repeat;
	margin-left: auto;
    margin-right: auto;
}


#lab_launch:hover {
	display: block;
	background-image: url(../images/portal/titles/lab_2.png);
	background-repeat: no-repeat;
}



#dccEA_launch {
    width:800px;
    height:100px;
	display: block;
	background-image: url(../images/portal/titles/dccEa_1.png);
	background-repeat: no-repeat;
	margin-left: auto;
    margin-right: auto;
}


#dccEA_launch:hover {
	display: block;
	background-image: url(../images/portal/titles/dccEa_2.png);
	background-repeat: no-repeat;
}


#dccEA2_launch {
    width:800px;
    height:153px;
	display: block;
	background-image: url(../images/portal/titles/dccEa2_1.png);
	background-repeat: no-repeat;
	margin-left: auto;
    margin-right: auto;
}


#dccEA2_launch:hover {
	display: block;
	background-image: url(../images/portal/titles/dccEa2_2.png);
	background-repeat: no-repeat;
}

#whiteboxAdv_launch{
    width:800px;
    height:153px;
	display: block;
	background-image: url(../images/portal/titles/whiteBoxAdv_1.png);
	background-repeat: no-repeat;
	margin-left: auto;
    margin-right: auto;
}

#whiteboxAdv_launch:hover {
	display: block;
	background-image: url(../images/portal/titles/whiteBoxAdv_2.png);
	background-repeat: no-repeat;
}


#basic_launch {
    width:800px;
    height:120px;
	display: block;
	background-image: url(../images/portal/titles/basic_1.png);
	background-repeat: no-repeat;
	margin-left: auto;
    margin-right: auto;
}


#basic_launch:hover {
	display: block;
	background-image: url(../images/portal/titles/basic_2.png);
	background-repeat: no-repeat;
}



#gong_launch {
    width:800px;
    height:133px;
	display: block;
	background-image: url(../images/portal/titles/gong_1.png);
	background-repeat: no-repeat;
	margin-left: auto;
    margin-right: auto;
}


#gong_launch:hover {
	display: block;
	background-image: url(../images/portal/titles/gong_2.png);
	background-repeat: no-repeat;
}



#east_launch {
    width:800px;
    height:133px;
	display: block;
	background-image: url(../images/portal/titles/east_1.png);
	background-repeat: no-repeat;
	margin-left: auto;
    margin-right: auto;
}


#east_launch:hover {
	display: block;
	background-image: url(../images/portal/titles/east_2.png);
	background-repeat: no-repeat;
}



#greenleaf_launch {
    width:800px;
    height:133px;
	display: block;
	background-image: url(../images/portal/titles/greenleaf_1.png);
	background-repeat: no-repeat;
	margin-left: auto;
    margin-right: auto;
}


#greenleaf_launch:hover {
	display: block;
	background-image: url(../images/portal/titles/greenleaf_2.png);
	background-repeat: no-repeat;
}



#ww2_launch {
    width:800px;
    height:120px;
	display: block;
	background-image: url(../images/portal/titles/ww2_1.png);
	background-repeat: no-repeat;
	margin-left: auto;
    margin-right: auto;
}


#ww2_launch:hover {
	display: block;
	background-image: url(../images/portal/titles/ww2_2.png);
	background-repeat: no-repeat;
}



#lank_launch {
    width:800px;
    height:133px;
	display: block;
	background-image: url(../images/portal/titles/lank_1.png);
	background-repeat: no-repeat;
	margin-left: auto;
    margin-right: auto;
}


#lank_launch:hover {
	display: block;
	background-image: url(../images/portal/titles/lank_2.png);
	background-repeat: no-repeat;
}



#white_launch {
    width:800px;
    height:120px;
	display: block;
	background-image: url(../images/portal/titles/white_1.png);
	background-repeat: no-repeat;
	margin-left: auto;
    margin-right: auto;
}


#white_launch:hover {
	display: block;
	background-image: url(../images/portal/titles/white_2.png);
	background-repeat: no-repeat;
}




#hero_launch {
    width:800px;
    height:100px;
	display: block;
	background-image: url(../images/portal/titles/hero_1.png);
	background-repeat: no-repeat;
	margin-left: auto;
    margin-right: auto;
}


#hero_launch:hover {
	display: block;
	background-image: url(../images/portal/titles/hero_2.png);
	background-repeat: no-repeat;
}



#tasaka_launch {
    width:800px;
    height:120px;
	display: block;
	background-image: url(../images/portal/titles/tasaka_1.png);
	background-repeat: no-repeat;
	margin-left: auto;
    margin-right: auto;
}


#tasaka_launch:hover {
	display: block;
	background-image: url(../images/portal/titles/tasaka_2.png);
	background-repeat: no-repeat;
}



#whiteEa_launch {
    width:800px;
    height:120px;
	display: block;
	background-image: url(../images/portal/titles/whiteEa_1.png);
	background-repeat: no-repeat;
	margin-left: auto;
    margin-right: auto;
}


#whiteEa_launch:hover {
	display: block;
	background-image: url(../images/portal/titles/whiteEa_2.png);
	background-repeat: no-repeat;
}



#red_launch {
    width:800px;
    height:160px;
	display: block;
	background-image: url(../images/portal/titles/red_1.png);
	background-repeat: no-repeat;
	margin-left: auto;
    margin-right: auto;
}


#red_launch:hover {
	display: block;
	background-image: url(../images/portal/titles/red_2.png);
	background-repeat: no-repeat;
}




#kobold_launch {
    width:800px;
    height:67px;
	display: block;
	background-image: url(../images/portal/titles/kobold_1.png);
	background-repeat: no-repeat;
	margin-left: auto;
    margin-right: auto;
}


#kobold_launch:hover {
	display: block;
	background-image: url(../images/portal/titles/kobold_2.png);
	background-repeat: no-repeat;
}



#osa_launch {
    width:800px;
    height:67px;
	display: block;
	background-image: url(../images/portal/titles/osa_1.png);
	background-repeat: no-repeat;
	margin-left: auto;
    margin-right: auto;
}


#osa_launch:hover {
	display: block;
	background-image: url(../images/portal/titles/osa_2.png);
	background-repeat: no-repeat;
}



#blog_launch {
    width:800px;
    height:120px;
	display: block;
	background-image: url(../images/portal/titles/blog_1.png);
	background-repeat: no-repeat;
	margin-left: auto;
    margin-right: auto;
}


#blog_launch:hover {
	display: block;
	background-image: url(../images/portal/titles/blog_2.png);
	background-repeat: no-repeat;
}

#gitHub_launch{
    width:800px;
    height:120px;
	display: block;
	background-image: url(../images/portal/titles/github_1.png);
	background-repeat: no-repeat;
	margin-left: auto;
    margin-right: auto;
}

#gitHub_launch:hover{
	display: block;
	background-image: url(../images/portal/titles/github_2.png);
	background-repeat: no-repeat;
}

#primary_nav_wrap
{
    position: absolute;
    top: 100px;
	margin-bottom: 0px;
	background-color:#292d2a;
	margin-left: 50px;

}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	background:#292d2a;

}

#primary_nav_wrap ul a
{
	display:block;
	color:#ffffff;
	text-decoration:none;
	font-size:0.75em;
	font-family:arial,verdana, helvetica,sans-serif;
}

#primary_nav_wrap ul a:hover{
	color: yellow;
}

#primary_nav_wrap ul li 
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}



#primary_nav_wrap ul li:hover
{
	background:#000000;
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#000000;
	padding:0
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:180px
}

#primary_nav_wrap ul ul a
{
	line-height:100%;
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}


#header_home {
	width:230px;
	height:30px;
	background-image: url(../images/buttons/home.png);
	background-repeat: no-repeat;
	
}


#header_home:hover {
	width:230px;
	height:30px;
	/*background-color: #0B0B61;
	*/
	background-image: url(../images/buttons/home2.png);
	background-repeat: no-repeat;
	
}


#header_character {
	width:250px;
	height:30px;
	background-image: url(../images/buttons/homebrew.png);
	background-repeat: no-repeat;
	
}

#header_character:hover {
	width:250px;
	height:30px;
	background-image: url(../images/buttons/homebrew2.png);
	background-repeat: no-repeat;
	
}

#header_homebrew {
	width:230px;
	height:30px;
	background-image: url(../images/buttons/creatures.png);
	background-repeat: no-repeat;
	
}

#header_homebrew:hover {
	width:230px;
	height:30px;
	background-image: url(../images/buttons/creatures2.png);
	background-repeat: no-repeat;
	
}


#header_miniatures {
	width:230px;
	height:30px;
	background-image: url(../images/buttons/gaming.png);
	background-repeat: no-repeat;
	
}

#header_miniatures:hover {
	width:230px;
	height:30px;
	background-image: url(../images/buttons/gaming2.png);
	background-repeat: no-repeat;
}

#header_more {
	width:230px;
	height:30px;
	background-image: url(../images/buttons/more.png);
	background-repeat: no-repeat;
	
}

#header_more:hover {
	width:230px;
	height:30px;
	background-image: url(../images/buttons/more2.png);
	background-repeat: no-repeat;
}


#main_text {
	background-image:url(../images/text/characterfunnel.png);
	width:900px;
	height:60px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
	outline: 0;
	background-repeat: no-repeat;
	background-position: center;
	
}

#updates {
	background-image:url(../images/text/updates.png);
	width:250px;
	height:60px;
	display:block;
	margin-bottom: 10px;
	outline: 0;
	background-repeat: no-repeat;
	background-position: center;
	
}

#updates_text {
    margin-left: 100px;
    margin-right: 100px;
    
}

#updates_button {
    width:300px;
    height:60px;
	display: block;
	background-image: url(../images/buttons/updates_button1.png);
	background-repeat: no-repeat;
    float: right;
    margin-right: 50px;
}


#updates_button:hover {
	display: block;
	background-image: url(../images/buttons/updates_button2.png);
	background-repeat: no-repeat;
}

#return_home {
	width:400px;
	height:60px;
	display: block;
	background-image: url(../images/buttons/home_button1.png);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}

#return_home:hover {
	background-image: url(../images/buttons/home_button2.png);
	background-repeat: no-repeat;
}


#homelinks{
	list-style-type: none;
    position: relative;
    margin-left: 30px;
    margin-top: 150px;
}




#nav_menu_classes{
	width:180px;
	height:20px;
	background-image: url(../images/buttons/classes.png);
	background-repeat: no-repeat;
	
}

#nav_menu_classes:hover {
	width:180px;
	height:20px;
	background-image: url(../images/buttons/classes2.png);
	background-repeat: no-repeat;
	
}

#nav_menu_cards{
	width:180px;
	height:20px;
	background-image: url(../images/buttons/cards.png);
	background-repeat: no-repeat;
	
}

#nav_menu_cards:hover {
	width:180px;
	height:20px;
	background-image: url(../images/buttons/cards2.png);
	background-repeat: no-repeat;
	
}


#nav_menu_tokens{
	width:180px;
	height:20px;
	background-image: url(../images/buttons/gamingtokens.png);
	background-repeat: no-repeat;
	
}

#nav_menu_tokens:hover {
	width:180px;
	height:20px;
	background-image: url(../images/buttons/gamingtokens2.png);
	background-repeat: no-repeat;
	
}


#nav_menu_campaign{
	width:180px;
	height:40px;
	background-image: url(../images/buttons/campaign.png);
	background-repeat: no-repeat;
	
}

#nav_menu_campaign:hover {
	width:180px;
	height:40px;
	background-image: url(../images/buttons/campaign2.png);
	background-repeat: no-repeat;
	
}


#nav_menu_osa{
	width:180px;
	height:20px;
	background-image: url(../images/buttons/oldschool1.png);
	background-repeat: no-repeat;
	
}

#nav_menu_osa:hover {
	width:180px;
	height:20px;
	background-image: url(../images/buttons/oldschool2.png);
	background-repeat: no-repeat;
	
}

#nav_menu_dcc{
	width:180px;
	height:40px;
	background-image: url(../images/buttons/dcc1.png);
	background-repeat: no-repeat;
	
}

#nav_menu_dcc:hover {
	width:180px;
	height:40px;
	background-image: url(../images/buttons/dcc2.png);
	background-repeat: no-repeat;
	
}



#nav_menu_dccea{
	width:180px;
	height:40px;
	background-image: url(../images/buttons/dccea1.png);
	background-repeat: no-repeat;
	
}

#nav_menu_dccea:hover {
	width:180px;
	height:40px;
	background-image: url(../images/buttons/dccea2.png);
	background-repeat: no-repeat;
	
}


#nav_menu_ll{
	width:180px;
	height:40px;
	background-image: url(../images/buttons/labyrinth1.png);
	background-repeat: no-repeat;
	
}

#nav_menu_ll:hover {
	width:180px;
	height:40px;
	background-image: url(../images/buttons/labyrinth2.png);
	background-repeat: no-repeat;
	
}

#nav_menu_mcc{
	width:180px;
	height:40px;
	background-image: url(../images/buttons/mcc1.png);
	background-repeat: no-repeat;
	
}

#nav_menu_mcc:hover {
	width:180px;
	height:40px;
	background-image: url(../images/buttons/mcc2.png);
	background-repeat: no-repeat;
	
}

#nav_menu_kobold{
	width:180px;
	height:40px;
	background-image: url(../images/buttons/kobold1.png);
	background-repeat: no-repeat;
	
}

#nav_menu_kobold:hover {
	width:180px;
	height:40px;
	background-image: url(../images/buttons/kobold2.png);
	background-repeat: no-repeat;
	
}


#nav_menu_github{
	width:180px;
	height:20px;
	background-image: url(../images/buttons/github1.png);
	background-repeat: no-repeat;
	
}

#nav_menu_github:hover {
	width:180px;
	height:20px;
	background-image: url(../images/buttons/github2.png);
	background-repeat: no-repeat;
	
}


#nav_menu_kol{
	width:180px;
	height:20px;
	background-image: url(../images/buttons/knight.png);
	background-repeat: no-repeat;
	
}

#nav_menu_kol:hover {
	width:180px;
	height:20px;
	background-image: url(../images/buttons/knight2.png);
	background-repeat: no-repeat;
	
}


#nav_menu_hire{
	width:180px;
	height:20px;
	background-image: url(../images/buttons/hirelings1.png);
	background-repeat: no-repeat;
	
}

#nav_menu_hire:hover {
	width:180px;
	height:20px;
	background-image: url(../images/buttons/hirelings2.png);
	background-repeat: no-repeat;
	
}


#nav_menu_overview{
	width:180px;
	height:20px;
	background-image: url(../images/buttons/overview1.png);
	background-repeat: no-repeat;
	
}

#nav_menu_overview:hover {
	width:180px;
	height:20px;
	background-image: url(../images/buttons/overview2.png);
	background-repeat: no-repeat;
	
}


#nav_menu_tavern{
	width:180px;
	height:20px;
	background-image: url(../images/buttons/tavern.png);
	background-repeat: no-repeat;
	
}

#nav_menu_tavern:hover {
	width:180px;
	height:20px;
	background-image: url(../images/buttons/tavern2.png);
	background-repeat: no-repeat;
	
}


#nav_menu_sewer{
	width:180px;
	height:20px;
	background-image: url(../images/buttons/sewer1.png);
	background-repeat: no-repeat;
	
}

#nav_menu_sewer:hover {
	width:180px;
	height:20px;
	background-image: url(../images/buttons/sewer2.png);
	background-repeat: no-repeat;
	
}


#nav_menu_tunnels{
	width:180px;
	height:20px;
	background-image: url(../images/buttons/tunnels.png);
	background-repeat: no-repeat;
	
}

#nav_menu_tunnels:hover {
	width:180px;
	height:20px;
	background-image: url(../images/buttons/tunnels2.png);
	background-repeat: no-repeat;
	
}


#nav_menu_prov{
	width:180px;
	height:20px;
	background-image: url(../images/buttons/provisions1.png);
	background-repeat: no-repeat;
	
}

#nav_menu_prov:hover {
	width:180px;
	height:20px;
	background-image: url(../images/buttons/provisions2.png);
	background-repeat: no-repeat;
	
}


#nav_menu_guard{
	width:180px;
	height:20px;
	background-image: url(../images/buttons/guard1.png);
	background-repeat: no-repeat;
	
}

#nav_menu_guard:hover {
	width:180px;
	height:20px;
	background-image: url(../images/buttons/guard2.png);
	background-repeat: no-repeat;
	
}



#nav_menu_bulworg{
	width:180px;
	height:20px;
	background-image: url(../images/buttons/creatures/bulworg1.png);
	background-repeat: no-repeat;
	
}

#nav_menu_bulworg:hover {
	width:180px;
	height:20px;
	background-image: url(../images/buttons/creatures/bulworg2.png);
	background-repeat: no-repeat;
	
}


#nav_menu_dredge{
	width:180px;
	height:20px;
	background-image: url(../images/buttons/creatures/dredge1.png);
	background-repeat: no-repeat;
	
}

#nav_menu_dredge:hover {
	width:180px;
	height:20px;
	background-image: url(../images/buttons/creatures/dredge2.png);
	background-repeat: no-repeat;
	
}


#nav_menu_foodog{
	width:180px;
	height:20px;
	background-image: url(../images/buttons/creatures/foodog1.png);
	background-repeat: no-repeat;
	
}

#nav_menu_foodog:hover {
	width:180px;
	height:20px;
	background-image: url(../images/buttons/creatures/foodog2.png);
	background-repeat: no-repeat;
	
}


#nav_menu_kwaigoon{
	width:180px;
	height:20px;
	background-image: url(../images/buttons/creatures/kwaigoon1.png);
	background-repeat: no-repeat;
	
}

#nav_menu_kwaigoon:hover {
	width:180px;
	height:20px;
	background-image: url(../images/buttons/creatures/kwaigoon2.png);
	background-repeat: no-repeat;
	
}



#nav_menu_marauder{
	width:180px;
	height:20px;
	background-image: url(../images/buttons/creatures/marauder1.png);
	background-repeat: no-repeat;
	
}

#nav_menu_marauder:hover {
	width:180px;
	height:20px;
	background-image: url(../images/buttons/creatures/marauder2.png);
	background-repeat: no-repeat;
	
}


#nav_menu_martraya{
	width:180px;
	height:20px;
	background-image: url(../images/buttons/creatures/martraya1.png);
	background-repeat: no-repeat;
	
}

#nav_menu_martraya:hover {
	width:180px;
	height:20px;
	background-image: url(../images/buttons/creatures/martraya2.png);
	background-repeat: no-repeat;
	
}

#nav_menu_namahage{
	width:180px;
	height:20px;
	background-image: url(../images/buttons/creatures/namahage1.png);
	background-repeat: no-repeat;
	
}

#nav_menu_namahage:hover {
	width:180px;
	height:20px;
	background-image: url(../images/buttons/creatures/namahage2.png);
	background-repeat: no-repeat;
	
}


#nav_menu_pygmy{
	width:180px;
	height:20px;
	background-image: url(../images/buttons/creatures/pygmy.png);
	background-repeat: no-repeat;
	
}

#nav_menu_pygmy:hover {
	width:180px;
	height:20px;
	background-image: url(../images/buttons/creatures/pygmy2.png);
	background-repeat: no-repeat;
	
}


#nav_menu_ulfhednar{
	width:180px;
	height:20px;
	background-image: url(../images/buttons/creatures/ulfhednar.png);
	background-repeat: no-repeat;
	
}

#nav_menu_ulfhednar:hover {
	width:180px;
	height:20px;
	background-image: url(../images/buttons/creatures/ulfhednar2.png);
	background-repeat: no-repeat;
	
}



#nav_menu_yamaoni{
	width:180px;
	height:20px;
	background-image: url(../images/buttons/creatures/yamaoni.png);
	background-repeat: no-repeat;
	
}

#nav_menu_yamaoni:hover {
	width:180px;
	height:20px;
	background-image: url(../images/buttons/creatures/yamaoni2.png);
	background-repeat: no-repeat;
	
}



#nav_menu_zogoran{
	width:180px;
	height:20px;
	background-image: url(../images/buttons/creatures/zogoran.png);
	background-repeat: no-repeat;
	
}

#nav_menu_zogoran:hover {
	width:180px;
	height:20px;
	background-image: url(../images/buttons/creatures/zogoran2.png);
	background-repeat: no-repeat;
	
}


#nav_menu_ashwaste{
	width:180px;
	height:20px;
	background-image: url(../images/buttons/ashwaste.png);
	background-repeat: no-repeat;
	
}

#nav_menu_ashwaste:hover {
	width:180px;
	height:20px;
	background-image: url(../images/buttons/ashwaste2.png);
	background-repeat: no-repeat;
	
}


#nav_menu_zombie{
	width:180px;
	height:20px;
	background-image: url(../images/buttons/zombies.png);
	background-repeat: no-repeat;
	
}

#nav_menu_zombie:hover {
	width:180px;
	height:20px;
	background-image: url(../images/buttons/zombies2.png);
	background-repeat: no-repeat;
	
}


#nav_menu_tenth{
	width:180px;
	height:40px;
	background-image: url(../images/buttons/tenth.png);
	background-repeat: no-repeat;
	
}

#nav_menu_tenth:hover {
	width:180px;
	height:40px;
	background-image: url(../images/buttons/tenth2.png);
	background-repeat: no-repeat;
	
}

#nav_menu_links{
	width:180px;
	height:20px;
	background-image: url(../images/buttons/links.png);
	background-repeat: no-repeat;
	
}

#nav_menu_links:hover {
	width:180px;
	height:20px;
	background-image: url(../images/buttons/links2.png);
	background-repeat: no-repeat;
	
}

.container{
	width:680px;
	height:580px;
	padding:20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background: #292d2a;	
	text-align: center;
	margin-left: auto;
    margin-right: auto; 
	
}
.slider_wrapper{
	overflow: hidden;
	position:relative;
	width:640px;
	height:480px;
	top:auto;
}
#image_slider{

	position: relative;
	height: auto;
	list-style: none;
	overflow: hidden;
	float: left;
	/*Chrom default padding for ul is 40px */
	padding:0px;
	margin:0px;
}
#image_slider li{
	position: relative;
	float: left;
}
.nvgt{
	position:absolute;
	top: 120px;
	height: 50px;
	width: 30px;
	opacity: 0.6;
}
.nvgt:hover{
	opacity: 0.9;
}



#pager{
	/* firefox has different center method. this doesn't work for fire fox */
	/* not in the center*/
	padding:0px;
	position:relative;
	height:50px;
	margin:auto;
	margin-top:10px;
}
#pager li{
	padding: 0px;
	margin:5px;
	width:20px;
	height:20px;
	border:1px solid white;
	color:white;
	list-style: none;
	opacity: 0.6;
	float:left;
	border-radius: 3px;
	cursor: pointer;
}
#pager li:hover{
	opacity:0.9;
}





/* class rules
--------------------*/

.gallery_image{
	max-width:1000px;
	height: auto;	
    border-radius: 30px;
    margin-left: auto;
    margin-right: auto;
} 



.links_page {
    
	list-style-type: none;
    position: relative;
    margin-bottom: 90px;
}


.links_page_column1 {
    display: inline-block; 
    width: 40%;
    text-align: right;
}

.links_page_column2 {
    display: inline-block; 
    width: 10%;
}

.links_page_column3 {
    display: inline-block; 
    width: 40%;
	vertical-align:top;
    color: #ffffff;
}

.links_images {
    text-decoration: none;
    height: 100%;
    width: auto;
}


.bodylinkstop{
    color: #ffffff;
    font-size: 0.8em;
	font-family: arial,verdana, helvetica,sans-serif;
	text-decoration: none;
    font-weight: bold;
}

.bodylinks{
    color: #ffffff;
    font-size: 0.75em;
	font-family: arial,verdana, helvetica,sans-serif;
	text-decoration: none;
}

.bodylinks:hover {
	color: #FFFF00;
}

.bodylinks2{
    color: #ffffff;
    font-size: 0.75em;
	font-family: arial,verdana, helvetica,sans-serif;
	text-decoration: none;
    font-weight: bold;
}

.bodylinks3{
    color: #ffffff;
    font-size: 0.75em;
	font-family: arial,verdana, helvetica,sans-serif;
	text-decoration: none;
}

.bodylinks4{
    color: #ffffff;
    font-size: 0.75em;
	font-family: arial,verdana, helvetica,sans-serif;
	text-decoration: none;
    font-style: italic;
}

.bodylinks4:hover {
	color: #FFFF00;
}

.side_by_side{
    display: inline-block; 
    width: 220px;
    
}

.quotes {
	font-style: italic;
	font-size: 0.9em;
	margin-top: 0px;
}

.image_text {
	max-width: 100%;
	height:auto;
	display: inline-block;
	
}


.text_link{
	color: #ffffff;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
}


.text_link:hover{
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}


.text_link2{
	color: #ffffff;
	text-decoration: none;
    margin-left: 50px;
}


.text_link2:hover{
	color: #FFBF00;
	text-decoration: none;
}


.text_link3{
	color: #ffffff;
	text-decoration: none;
}


.text_link3:hover{
	color: #FFBF00;
	text-decoration: none;
}

.link_title2{
	color: #FFBF00;
}



.bold{
	font-weight: bold;
}

.footnote{
	font-size: 0.8em;
	font-style: italic;
}

.dropdownmenu {
	font-size: 0.9em;
	font-family: arial,verdana, helvetica,sans-serif;
	font-weight: bold;
	color: #0000ff;
	margin-right: 20px;
}

.dropdownmenu2 {
	font-size: 0.9em;
	font-family: arial,verdana, helvetica,sans-serif;
	font-weight: bold;
	color: #0000ff;
	margin-right: 20px;
}

.dropdownmenu3 {
	font-size: 0.9em;
	font-family: arial,verdana, helvetica,sans-serif;
	font-weight: bold;
	color: #0000ff;
	margin-right: 20px;
}


.dropdownmenu_npc {
	font-size: 0.9em;
	font-family: arial,verdana, helvetica,sans-serif;
	font-weight: bold;
	color: #0000ff;
	margin-left: 140px;
}


.dropdownmenu_cleric {
	font-size: 0.9em;
	font-family: arial,verdana, helvetica,sans-serif;
	font-weight: bold;
	color: #0000ff;
	margin-right: 20px;
    margin-left: 100px;
}


.content {
	
width: 420px;
margin: 0px auto;
}





.generatorbuttons {
	margin: 10px;
}
	
.generatorb {
	margin-top: 30px;
}

.generatorb_npc {
	margin-top: 30px;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}

.image{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	max-width: 100%;
	height:auto;
}

.image2{
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	max-width: 100%;
	height:auto;
}


.list_no_bullets{
	list-style-type: none;
    color: #ffffff;
}

.top_button{
	width:155px;
	height:30px;
	padding-left:15px;
	}

.navigation_button{
	width:155px;
	height:15px;
	display:block;
	padding-left:10px;
	padding-top:6px;
	padding-bottom: 4px;
}

.navigation_button:hover{
	background-color: #000000;
}


.navigation_button2{
	width:140px;
	height:15px;
	display:block;
	padding-left:10px;
	padding-top:6px;
	padding-bottom: 4px;
}

.navigation_button2:hover{
	background-color: #000000;
}

.spangold{
	color: gold;
}


.normallist{
	color: #ffffff;
    padding-left: 50px;
    list-style: none;
}


.normallistpoint{
    padding-bottom: 20px;
}


.normalorderedlist{
	color: #ffffff;
    padding-left: 50px;
}


#titleAnim { 
	position: relative; 
	display: block;
	margin-left: auto;
	margin-right: auto;
	
  }
  
  
  #titleStart{
	position: relative; 
	display: block;
	margin-left: auto;
	margin-right: auto;

  }

  
.eachAnim{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	max-width: 100%;
	height:auto;
}


  
.titleOldSchoolAdventure{
	/*position: relative;*/
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	max-width: 100%;
	height:auto;
}