@import url("reset.css");



html {

        min-height: 100%;

        border: solid 0em #ffffff;

        box-sizing: border-box;

        -moz-box-sizing: border-box;

        -webkit-box-sizing: border-box;

        border-left:none;

        border-right:none;

    }

    .border-white {

        position:fixed;

        width:100%;

        height:3.5em;

        background:#ffffff;

        left:0;

        bottom:0;

        z-index:1;

    }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {

	display: block;

}

body {

	font: 16px/18px  arial;

background: #131313 url(images/stars.png);

	color: #a6a6a6;

	letter-spacing: 1px;

	cursor: default;

}

p {

	line-height: 200%;

	text-align: justify;

	padding:10px 0px 10px;

}

a {

	color:#bdaa2c;

	text-decoration: none;

}

a:hover {

	color: #bd370c; 

	cursor: crosshair;

}

a:active {

	color: #bd370c; 

	cursor: crosshair;

}

table {

    width: 860px;

	border-collapse: separate;

	margin: 0 auto;

	margin-top: 30px;

    border-spacing: 40px 0px;

}

td { vertical-align: top; text-align: center;}





i {

	font-style: italic;

}

b {

	font-weight:700;

}



nav#navigation{

	width:600px;



}

table.navi {

	width:600px;

    border-collapse: separate;

	margin-right: 0px;

}

td.nav {

	width: 600px;

	text-align: center;

	display: block-inline;

	letter-spacing: 3px;

	text-transform: uppercase;

}

.someclass {background:#333;

}

h1 {

	font-family: times new roman, serif;

	font-weight: 700;

	font-size:46px;

	letter-spacing: -4px;

	text-transform: uppercase;

	color: rgba(0, 0, 0, 0.8);

	padding:20px 0px 0px 10px;

	text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff;



}

h2 {

font-family: 'Contrail One', cursive;

	padding-left:0px;

	padding-top:10px;

	font-size:22px;

	letter-spacing:4px;

	text-transform: uppercase;

	color: #bd370c;
	text-align: left;

}

h3 {

font-family: 'Contrail One', cursive;

	padding-left:0px;

	font-size:22px;

	letter-spacing:4px;

	text-transform: uppercase;

	color: #bd370c;

	text-align: left;

}



/* Middle

-----------------------------------------------------------------------------*/



.text {

	padding:30px 0px 0px 0px;

}



/* Page specific stuff

-----------------------------------------------------------------------------*/

blockquote {



	margin-left:10px;

	margin-top:20px;

	margin-bottom:10px;

}

p.stats {

 text-align: center;

 padding-top: 0px;

 padding-bottom:0px;

 font-size: 16px;

}

.stat {

 text-align: center;

 font-family: georgia;

 font-weight: bold;

 letter-spacing: 6px;

 font-style: italic;

 font-size: 10px;

 }

	.codesort ul {

	text-align: center;

}

.codesort li {

	display: inline;

	padding-right: 0.5em;

	}

.codesort img {text-align: center;

}

#codes p {padding:6px;

} 

.images {

	text-align: center;

}

.images img {

	-webkit-opacity: 0.6;

	-moz-opacity: 0.6;

	filter:alpha(opacity=60);

	text-align: center;

	margin:4px;

	padding:6px;

	border: 1px solid #1c1c1c;

	

}

.images img:hover {

	-webkit-opacity: 0.9;

	-moz-opacity: 0.9;

	filter:alpha(opacity=90);

	opacity: 0.9;

	margin:4px;

	padding:6px;

	background: transparent;

}

table.list  {

	width:99%;

    border-spacing: 10px;

	border-collapse: collapse;

}

td.list  {

	padding:2px;

	text-align: left;

}

table.joinform {

width: 80%;

}

.joinform td {

width:25%;

text-align: left;

}



/* Forms

-----------------------------------------------------------------------*/ 

form {line-height:105%;}

input[type=text],input[type=password], textarea , select{

	padding: 5px; 

    border: solid 1px rgba(233, 233, 233, 0.15); 

    outline: 0; 

	font-family:  arial, sans-serif;

    font-size: 12px;

    color:#bdaa2c;

    background: #0D0D0D;

	margin-bottom:2px;

  -webkit-transition: all 0.30s ease-in-out;

  -moz-transition: all 0.30s ease-in-out;

  -ms-transition: all 0.30s ease-in-out;

  -o-transition: all 0.30s ease-in-out;	

    } 

input[type=text], textarea , select{

	width:50%;}

input[type=password] {

	width:23%;

}

input:focus, textarea:focus, select:focus, input[type=submit]:hover { 

      box-shadow: 0 0 5px rgba(233, 233, 233, 1);

	border: 1px solid rgba(233, 233, 233, 1);}

select {width:52%;}

input[type=submit],input[type=reset]{ 

    width: 25%; 

	padding: 4px 12px; 

    border: solid 1px rgba(233, 233, 233, 0.15); 

    outline: 0; 

	font-family:  arial, sans-serif;

    font-size: 12px;

    color:#bdaa2c;

    background: #0D0D0D;

}