/*your custom style goes in this file*/

@import url(https://fonts.googleapis.com/css?family=Playball);

body
{
  color: #000000;
  background-color: #F7E2B4;
  background-image: url('../../../images/background.gif');
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: top left;
  margin-top: 10px;
  margin-bottom: 14px;
}

.cleared
{
  display:block;
  clear: both;
  float: none;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 0;
  height:0;
  overflow:hidden;
}

.centered {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/*this below changes the color of the topmenu bar and the bottom bar*/
.art-nav-inner {

background-color: #E5CA9E;
background-image: none;

background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFE8BC), to(#C7AC80));
background-image: -webkit-linear-gradient(top, #FFE8BC, #C7AC80);
background-image: -moz-linear-gradient(top, #FFE8BC, #C7AC80);
background-image: -ms-linear-gradient(top, #FFE8BC, #C7AC80);
background-image: -o-linear-gradient(top, #FFE8BC, #C7AC80);
background-image: linear-gradient(top, #FFE8BC, #C7AC80);

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;

-moz-box-shadow: 1px 1px 2px 1px #333333;
-webkit-box-shadow: 1px 1px 2px 1px #333333;
box-shadow: 1px 1px 2px 1px #333333;
}


/*this is the contents box*/
.contents {

background-color: #FFFFFF;
background-image: none;

 padding: 10px 20px 10px 20px;
 margin: 7px 0 8px 0;

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;

-moz-box-shadow: 1px 1px 2px 1px #333333;
-webkit-box-shadow: 1px 1px 2px 1px #333333;
box-shadow: 1px 1px 2px 1px #333333;
}

/* color: was #aa0000 */
.vano-footer {
	color: #900000;
	font-family: 'Playball', Georgia, "Times New Roman", Times, Serif;
	font-size: 14pt;
	margin:0px;
	font-weight: normal;
	/*   text-shadow: 1px 1px 2px rgba(140, 140, 140, 4);  text is crisper and a bit redder than with shadow */
	text-align: center;
}

a.disclaimer:LINK {font-size: 11px; font-weight: normal; text-decoration: none; color:#900000; !important}  
a.disclaimer:VISITED {font-size: 11px;  font-weight: normal; text-decoration: none; color:#900000; !important}  
a.disclaimer:HOVER {color:#ff9933;}

/*this below is to center the RevolverMap globe vertically and to make it non-clickable with a transparent overlay*/
#container {
    width: 30px;
    height: 24px;
    position: relative;
}

#globe {
    width: 100%;
    height: 100%;
    position: absolute;
    margin-top: 2px;

}

#overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 24px;
    z-index: 100;
}


/*  
The template 14's beige background color was #FDE6B8. I made it lighter to #F4ECD9. In TNG coloring book (https://xerxx.se/tcb/index.php) it gave me the new codes below to put in mytngstyle.css
*/

.lightback {
background-color: #F4ECD9;
}

.mainbox {
background-color: #F4ECD9;
}

.mainback {
background-color: #F4ECD9;
}

.publicbody {
background-color: #F4ECD9;
}

.art-sheet-cc {
background-color: rgba(244, 236, 217, 0.8);
}

ul.tngdd {
background-color: rgba(244, 236, 217, 1.0);
}

.mmaintitle {
background-color: #F4ECD9;
color: #AA0000;
padding: 8px;
margin: -8px;
margin-top: -9px;
opacity: 1;
}

/*  end change in BG color  */