/*    Avengers: Age of Ultron fanlisting version 1.0   */

@import url("reset.css");

html {
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
	font: 14px/16px  'Monda', sans-serif;
	background:url(images/bg.png) #070a11;
	color: #989ca0;
	letter-spacing: 0px;
	cursor: default;
}
p {
	line-height: 200%;
	text-align: justify;
	padding:4px 0px 10px;
}
a {
	color:#982023;
	text-decoration: none;
}
a:hover {
	color: #43617a; 
	cursor: crosshair;
}
i {
	font-style: italic;
	color: #434f5c;
}
b {
	font-weight:700;
}
.wrapper {
	width: 600px;
	margin: 0 auto;
	margin-top:20px;
	margin-bottom: 20px;
	background: #0c131f;
}
.header {
background:url(images/ultron1.png);
padding-top: 420px;
}
nav#navigation{
	width:100%;
	margin:0 auto;
	margin-bottom:10px;
	background:rgba(27, 45, 78, 0.5);

}
table.navi {
	width:600px;
	margin-left: auto;
	margin-right: auto;
    border-collapse: separate;
    border-spacing: 3px;
	}
td.nav {	width:20%;
	text-align: center;
	padding:2px;
	background:rgba(0, 0, 0, 0.7);
}
td.nav a{

	text-align: center;
	font-size:11px;
	letter-spacing: 6px;
	text-transform: uppercase;
	text-align: center;
	color:#395368;
	text-decoration: none;
}
td.nav a:hover {
	color:#43617a;
	}
td.nav a:active {
	color:#43617a;
}
.someclass {background:#333;
}
h2 {
	padding-left:0px;
	padding-top:10px;
	font-size:18px;
	letter-spacing:4px;
	text-transform: uppercase;
	color: #395368;
	font-family: times new roman; 
}
h3 {
	padding-left:10px;
	font-size:14px;
	letter-spacing:4px;
	text-transform: uppercase;
}

/* Middle
-----------------------------------------------------------------------------*/
.content {
	width:600px;
	margin:0px auto;
}
.text {
	padding:0px 10px 10px 10px;
}
/* Page specific stuff
-----------------------------------------------------------------------------*/
blockquote {
	width:520px;
	margin: auto;
}
p.stats {

 text-align: center;
}
	.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 {
	text-align: center;
	margin:4px;
}
.images img:hover {
	margin:4px;
	background: transparent;
}
table.list  {
	width:99%;
    border-spacing: 10px;
	border-collapse: collapse;
}
td.list  {
	padding:2px;
	text-align: left;
}

h2, h3 {
	margin-bottom:10px;
}
/* Forms
-----------------------------------------------------------------------*/ 

form {line-height:105%;}

button, input, select, textarea{
	padding: 5px; 
    border: solid 1px rgba(233, 233, 233, 0.15); 
    outline: 0; 
	color: #989ca0;
	font: 14px 'Monda', sans-serif; 
	letter-spacing:2px;
	background: #202938 !important;
	margin-bottom:2px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;	
  transition: all 0.3s 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; 
	color: #989ca0;
	font: 11px 'Monda', sans-serif;
	letter-spacing:2px;
	background: #202938;
}