

/* body background */ 

body {
  background-color: #afd2f0 ; 
  background-image: url(/6ax/clouds.jpg); 
  background-attachment: fixed ;
  background-repeat: no-repeat ;
  font-size: 12px ; 
  font-family: sans-serif ;
  }

/* background to indicate the development site */
body.devel { 
  background-color: #bef0a6 ; 
  background-image: url(/6ax/clouds.dev.jpg) !important ; 
  }


/* generic floating translucent pane */
.sixaxpalette, h1, .htdbmsgs {
	padding: 2px 8px ; 
	margin: 10px auto ; 
	font-family: sans-serif ;
  border-radius: 4px ; 
	}

.sixaxshadow, .sixaxpalette, .htdbtabs a, h1 {
	background-color: rgba(253, 245, 230, 0.6 ) ; 
  box-shadow: black 2px 2px 6px ; 
}



h1 {
  font-size: 18px ;
  color: #333333 ;
  margin-top: 20px ; 
  clear: both ; 
}


/* Top Navigation */
.sixaxtopnav {
	position: fixed ; top: -1px ; left: -1px ; 
	width: 100% ;
	border: black 1px solid ;
	background-color: darkred ;
	box-shadow: black 2px 2px 6px ; 
	margin: 0px ; padding: 0px ;  
	
	font-family: sans-serif ;
	text-shadow: black 2px 2px 2px ; 
	font-size: 12px ;
	font-weight: bold ; 
	
	}
.sixaxtopnav a {
	padding: 2px 8px 3px 8px ;
	display: inline-block ;
	width: 140px ; 

	color: yellow ;
	text-decoration: none ;	
	}




/* Six Across logo */
.sixaxlogo {
	display: table ; text-align: center ; margin: auto ; font-family: "Rokkitt", serif ; font-weight: normal ; 
	}
.sixaxlogotext {
	color: gold ; font-size: 40px ; text-decoration: none ; white-space: nowrap ;
	font-family: "Rokkitt-Bold", serif ; 
	line-height: 0.6 ;
	text-shadow: 
		black 1px 1px 1px, darkred -1px 1px 1px , 
		darkred -1px -1px 1px, darkred 1px -1px 1px , 
		darkred 0px 0px 8px ;
	}
.sixaxlogo a {
	color: gold ; 
	text-decoration: none ; 
	}	
@font-face {
	font-family: "Rokkitt-Bold" ;
	src: url("/6ax/Rokkitt-Bold.ttf") ;	
	}

	
