@font-face {
	font-family:"RedstarBold";
	src: url(file/RedstarBold.ttf);}

body {
	background:black url(image/black-linen.jpg);
	color:#a5f1fd;
	font-family:"DejaVuSansCondensed", "Tahoma", "Arial", "Helvetica", "Garuda", sans-serif;
	font-size:100%;
	line-height:1.4em;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	max-width:860px;}
 
h1, h2, h3, h4, h5 {
	color:#02AFAF;
	font-size:160%;
	line-height:1.4em;
	margin:0 8px;}

h1 {background: url(image/title-trans.png) repeat-x;
	color:aqua;
	padding-left:1em;
	margin-top:12px;
	margin-bottom:12px;
	border-top-left-radius:6px;
	-webkit-top-left-radius:6px;
	-moz-top-left-radius:6px;
	border-top-right-radius:6px;
	-webkit-top-right-radius:6px;
	-moz-top-right-radius:6px;
	-webkit-box-shadow: 0 0 10px aqua;
	-moz-box-shadow: 0 0 10px aqua;
	-o-box-shadow: 0 0 10px aqua;
	box-shadow: 0 0 10px aqua;
	text-shadow:0 -1px 0 rgba(0,0,0,0.3), 
				0 1px 0 rgba(255,255,255,0.4);}

h1.dk {background: url(image/title.png) repeat-x;}

h2 {font-size:120%;}

h3 {font-size:110%;}

p.bar {
	border-bottom:2px solid #2f4f4f;
	border-left:3px solid aqua;
	border-right:3px solid #2f4f4f;
	border-top:1px solid aqua;
	-webkit-box-shadow: 0 0 10px aqua;
	-moz-box-shadow: 0 0 10px aqua;
	-o-box-shadow: 0 0 10px aqua;
	box-shadow: 0 0 10px aqua;
	margin: 8px;}

div.banner {
	margin:32px;}

.neon, .neons {
	font-family:"RedstarBold";
	font-size:220%;
	color:navy;
	display:inline;
	margin:16px;
	line-height:1.4em;
	text-shadow:0 0 8px aqua, 0 0 16px aqua, 0 0 32px aqua,
                  0 0 64px aqua, 0 0 128px aqua;}

.neons {font-size:140%;}

.dark {color:navy;}

.lite {
	color:aqua;
	font-weight:bold;}

.in {display:inline;}

div.intro {
	background:navy url(image/dragon_peace.jpg) repeat;
	border:4px ridge #02AFAF;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	color:navy;
	font-size:115%;
	font-style:italic;
	font-weight:bold;
	line-height:1.4em;
	margin:8px;
	padding:8px 10px;
	text-align:justify;}

div.boxed {
	background:navy url(image/cloud_scan.jpg) repeat;
	border:4px ridge #02AFAF;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	color:navy;
	margin:8px;
	padding:8px 10px;
	text-align:justify;}

div.pad {margin:8px;}

div.mar {margin:6px 0 2px 8px;}

img.icon {
	border:none;
	margin:0;
	padding:0;}

img.ai {
	border:none;
	padding:3px;}

img.geo {
	border:1px solid #3a3a3a;
	float:left;
	margin:4px 12px;}

img.ailf {
	border:none;
	float:left;
	margin:4px 8px;}

img.airt {
	border:none;
	float:right;
	padding:8px;}

a { text-shadow:0 -1px 0 rgba(0,0,0,0.3), 
				0 1px 0 rgba(255,255,255,0.4);
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;}

a:link, a:visited, .button {
	background:url(image/tab.gif);
	border:2px solid;
	border-color:#d6d6d6 #616161 #3a3a3a #aaa;
	color:navy;
	font-size:110%;
	font-weight:bold;
	padding:0 8px;
	text-decoration:none;
	text-shadow:0 -1px 0 rgba(0,0,0,0.3), 
				0 1px 0 rgba(255,255,255,0.4);
	-webkit-border-radius:6px;
	-moz-border-radius:6px;}

a:hover, .button:hover {
	background:url(image/tab-in.gif);
	background-position:right;
	border:2px solid;
	border-color:#3a3a3a #aaa #d6d6d6 #616161;
	color:aqua;
	font-weight:bold;
	padding:0 8px;
	text-decoration:none;}

a:active {
	background:aqua;
	border:2px solid;
	border-color:#3a3a3a #aaa #d6d6d6 #616161;
	color:navy;
	font-weight:bold;
	padding:0 8px;
	text-decoration:none;}

a.current:link, a.current:visited, a.current:hover, a.current:active {
	background:url(image/black-linen.jpg);
	border:none;
	color:aqua;
	font-style:italic;
	font-weight:bold;
	padding:0 8px;
	text-decoration:none;}

a.hilite:link, a.hilite:visited {
	background:yellow;
	border:2px solid;
	border-color:#d6d6d6 #616161 #3a3a3a #aaa;
	color:red;
	font-weight:bold;
	padding:0 8px;
	text-decoration:none;}

a.hilite:hover {
	background:url(image/tab-in.gif);
	background-position:right;
	border:2px solid;
	border-color:#3a3a3a #aaa #d6d6d6 #616161;
	color:aqua;
	font-weight:bold;
	padding:0 8px;
	text-decoration:none;}

a.hilite:active {
	background:aqua;
	border:2px solid;
	border-color:#3a3a3a #aaa #d6d6d6 #616161;
	color:navy;
	font-weight:bold;
	padding:0 8px;
	text-decoration:none;}

b {	color:aqua;}

p {	margin:8px;
	padding:0 5px;
	text-align:justify;}

p.cd {
	background:#e6e6e6;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	border:4px ridge #02AFAF;
	color:#3e3e3e;
	font-family:"cour", "Courier_New", monospace;
	margin:0 20px;
	text-align:left;}

img.nob {
	float:left;
	margin:4px 8px;}

img.lf {
	border:3px solid;
	border-color:#3a3a3a #aaa #d6d6d6 #616161;
	float:left;
	margin:8px;}

img.rt {
	border:3px solid;
	border-color:#3a3a3a #aaa #d6d6d6 #616161;
	float:right;
	margin:8px;}

li {
	line-height:1.6em;
	list-style-image:url(image/chk.png);
	margin:8px;}

table {margin:0 0 0 8px;}

td {
	border:1px solid aqua;
	padding:0 5px;}

/* Form */

label {
	font-weight:bold;
	width:100px;
	float:left;}

input, textarea, img.capcha {
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	border:2px inset #9b9999;}

img.capcha {
	margin-left:100px;}

.err {
	color:#F00;
	line-height:1em;}

legend {
	text-shadow:0 -2px 0 rgba(255,255,255,0.8), 
				0 1px 0 rgba(0,0,0,0.6);
	font-weight:bold;
	color:#2f4f4f;}

fieldset {
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	border:ridge #2f4f4f;
	-webkit-box-shadow: 0 0 10px aqua;
	-moz-box-shadow: 0 0 10px aqua;
	-o-box-shadow: 0 0 10px aqua;
	box-shadow: 0 0 10px aqua;
	margin:8px;}

/* 2 col grid */

#nav {
	left:1%;
	padding:5px;
	position:absolute;
	width:17%;}

#nav a {
	display:block;
	margin:4px 0;
	text-align:center;}

#para {
	left:19%;
	margin-right:10px;
	position:absolute;}

#foot {
	clear:both;}

/* <abbr title="definition">text</abbr> */

abbr, acronym {
	border-bottom:2px dotted red;
	cursor:help}