/* 
  ###################Colors###################################
  these are the only colors that we should see
  ##############################################################
  seond ~= white color:#E6EA9C;
  white text-color:#F2F8CB;
  background-color:#191002;
  border-color:#39352B;
  content background-color:#231E13;
  green color:#A3ED44;
  bright blue color:#3A94DC;
  dark blue color:#616CA2; 
  orange color:#F3771D;
  yellow color: #F9DD31;
  warning color:#F32119;
  warning bg color:#EA3A34;
 ##############################################################
*/
html,body,p,div,span {
  margin:0;
  padding:0;
  border:0;
}

body {
  background-color:#191002;
  color:#F2F8CB;
}

body,p,ol,ul,td {
  font-family:tahoma, sans-serif;
  font-size:14px;
  font-weight:normal;
  line-height:18px;
  letter-spacing:1px;
}

h1,h2,h3,h4,h5 {
  color:#F2F8CB;
}

h1 {
  font-size:1.5em;
}

h2 {
  font-size:1.3em;
  margin:1em 0 .3em;
  letter-spacing:.15em;
}

h3 {
  font-size:1.3em;
}

h4 {
  font-size:1.2em;
  color:#E6EA9C;
}

h5 {
  font-size:1em;
  font-weight:inherit;
  letter-spacing:.2em;
}

p {
  margin:0 0 1em;
}

pre {
  background-color:#231E13;
  padding:.769em;
  font-size:.846em;
}

a {
  color:#3A94DC;
  text-decoration:none;
}

a:visited {
  color:#616CA2;
}

a:hover {
  color:#3A94DC;
}

a img {
  border:none;
}

.warning {
  background-color:#F32119;
  padding:.3em;
}

#wrapper {
  position:relative;
  width:960px;
  margin:0 auto;
}

.color1 {
  color:#A3ED44;
}


  
/* green */
.color2 {
  color:#616CA2;
}


  
/* dark blue */
.color3 {
  color:#F9DD31;
}


  
/* yellow */
.color4 {
  color:#F3771D;
}


  
/* warning red*/
.color5 {
  color:#616CA2;
}

.color6 {
  color:#3A94DC;
}


  
/* bright blue */
.color1 a,.color2 a,.color3 a {
  text-decoration:none;
}

.color1 a {
  color:#A3ED44;
}

.color2 a {
  color:#616CA2;
}

.color3 a {
  color:#F9DD31;
}

.color1 a:hover,.color2 a:hover,.color3 a:hover {
  color:#F2F8CB;
}

.textColor {
  color:#F2F8CB;
}

li {
  color:#3A94DC;
}


  
/************************************************
*************************************************
************ Table and Form Styles **************
*************************************************
************************************************/
table {
  border-collapse:collapse;
  padding:px;
  margin:10px 0;
  background-color:#191002;
}

tr.tfoot td {
  color:#F9DD31;
  font-weight:bold;
}

tr.thead {
  color:#3A94DC;
}

tr.odd,tr {
  background-color:rgb(81,73,57);
}

tr.even,tr.altrow {
  background-color:rgb(57,53,43);
}

td,th {
  padding:5px;
  text-align:center;
}

th {
  background-color:#191002;
}

form {
  width:50%;
}

fieldset {
  border:1px solid #39352B;
  letter-spacing:.2em;
}

legend {
  font-size:1.4em;
  font-weight:bold;
}

label {
  display:block;
  margin:10px 0 5px;
}

input[type=password],input[type=text],textarea {
  width:335px;
  font-size:1.2em;
  letter-spacing:1px;
  padding:7px;
  background-color:#39352B;
  color:#A3ED44;
  border:none;
}

input[type=submit] {
  font-size:1.3em;
  padding:10px;
  margin:10px 2px 2px 0;
  background-color:#39352B;
  color:#3A94DC;
  border:none;
}

select {
  font-size:1.3em;
  background-color:#39352B;
  color:#F9DD31;
  border:none;
}

textarea {
  height:150px;
}

label {
  font-size:1.2em;
}


  
/************************************************
*************************************************
***************** Header Styles *****************
*************************************************
************************************************/
#header {
  position:relative;
  height:86px;
  padding:0;
  margin:0;
}

#flash {
  position:relative;
  left:0;
  top:0;
  width:621px;
  height:20px;
  padding:5px 8px 8px 5px;
}

.notice {
  color:#F9DD31;
}

.error {
  color:#F32119;
  font-weight:normal;
}

#header img {
  margin-top:-10px;
  border:0;
}

#header #nav {
  width:400px;
  position:relative;
  top:-16px;
  left:313px;
  margin:0;
  padding:0;
}

#header ul li {
  display:inline;
  font-size:18px;
  font-weight:100;
  margin:0 18px 0 0;
  letter-spacing:3px;
}


  
/************************************************
*************************************************
***************** Main Styles *******************
*************************************************
************************************************/
#main {
  border:10px solid #39352B;
  background-color:#231E13;
  padding:20px;
  overflow:hidden;
  width:900px;
  min-height:300px;
}


  
/************************************************
*************************************************
***************** allApps Styles ****************
*************************************************
************************************************/
.anApp {
  float:left;
  margin:20px;
}

#allApps h2 {
  margin:0 0 10px;
}

#allApps h3 {
  margin-top:10px;
  text-align:center;
  font-weight:100;
}


  
/************************************************
*************************************************
*************** appCalled Styles ****************
*************************************************
************************************************/
#appCalled {
  width:940px;
  margin-top:10px;
  position:relative;
}

.versionNumber {
  color:#A3ED44;
}

#description {
  float:left;
  margin:-20px 0 0 20px;
  width:486px;
}

#appCalled h2,#appCalled h3 {
  font-weight:100;
  font-size:1.8em;
  margin-top:20px;
}

#appCalled h3 {
  margin-top:20px;
  margin-bottom:0;
  padding-bottom:0;
  letter-spacing:.15em;
}

#screenShots {
  float:left;
  width:160px;
  margin-bottom:20px;
}

#screenShots a img {
  float:left;
  border:5px solid #191002;
  margin:5px 10px 5px 0;
}

#screenShots a:hover img {
  border:5px solid #3A94DC;
}

#screenShots h3 {
  margin-bottom:.5em;
  font-weight:100;
  font-size:1.5em;
  letter-spacing:.14em;
}

#sideBarRight {
  width:200px;
  float:left;
  margin:-20px 0 0 20px;
}

#status ul,#review ul {
  background-color:#191002;
  border:7px solid #39352B;
  padding:0;
  margin-top:0;
}

#status li,#review li {
  border-bottom:1px solid #39352B;
  list-style:none;
  padding:10px;
  font-size:.8em;
  color:#E6EA9C;
}

#status li:hover,#review li:hover {
  background-color:#231E13;
}

.reviewName {
  color:#A3ED44;
}
/************************************************
*************************************************
***************** login Styles ******************
*************************************************
************************************************/
#login form {
  width:50%;
}


  
/************************************************
*************************************************
***************** Footer Styles *****************
*************************************************
************************************************/
#footer {
  display:none;
  position:relative;
  bottom:0;
  border:10px solid #39352B;
  border-bottom:none;
  padding:0;
  margin:20px 0 0;
  height:220px;
}

#footer .color1 a,#footer .color1 a:visited {
  color:#A3ED44;
}

#footer .color2 a,#footer .color2 a:visited {
  color:#616CA2;
}

#footer .color3 a,#footer .color3 a:visited {
  color:#F9DD31;
}

#footer ul {
  float:right;
  width:104px;
  margin-top:26px;
}

#footer li {
  list-style:none;
  margin:0 0 10px;
}

#footer ul#contact {
  margin-right:52px;
}

#footer li:first-child {
  font-size:18px;
  letter-spacing:3px;
}

#footer a {
  color:#F2F8CB;
  text-decoration:none;
}

#footer a:visited {
  color:#E6EA9C;
}

#footer a:hover {
  color:#616CA2;
  background-color:#191002;
}

#footer .color4 a,#footer .color4 a:visited,#footer .title {
  color:#F3771D;
}

#footer #disclaimer {
  float:left;
  width:169px;
  padding-left:26px;
}

#footer #disclaimer .color5 {
  color:#F32119;
}