*{ margin:0; padding:0; }

body{
  background:#f3f3f3;
  color:#1a1a1a;
  font-family:sans-serif;
  font-size:medium;
}

#container{
  width:800px;
  background:#fff;
  border:2px solid #5e66a9;
  position:relative;
  left:50%;
  margin-left:-400px;
}

#header_full, #header_short{
  height:270px;
  background:#5e66a9 url('template_imgs/header_full.jpg') no-repeat;
  border-top:4px solid #5e66a9;
}
#header_short{
  height:75px;
  background-image:url('template_imgs/header_short.jpg');
}
#header_full h1, #header_full h2,
#header_short h1, #header_short h2{
  display:none;
}

#nav{
  width:100%;
  background:#5e66a9;
  padding:8px 0;
}
#nav a{
  color:#f3f3f3;
  text-decoration:none;
  text-transform:uppercase;
  font-size:90%;
  font-weight:bold;
  margin-left:8px;
}
#nav a:hover{
  color:#939ad3;
}

#content{
  position:relative;
  padding:0 10px;
  margin-bottom:20px;
}

#login, #coming_soon{
  clear:left;
  width:245px;
  background:#939ad3;
  float:left;
  margin-top:10px;
  padding-bottom:8px;
}
#login h3,
#coming_soon h3{
  color:#fff;
  background:#5e66a9;
  font-family:serif;
  padding:4px;
  text-align:center;
  font-size:125%;
}
#login a,
#coming_soon a{
  color:#fff;
  font-weight:bold;
}
#login a:hover,
#coming_soon a:hover{
  text-decoration:underline;
}
#coming_soon p{
  text-align:center;
}
#login form{
  margin:10px;
  text-align:right;
}
#login form p{
  margin-bottom:3px;
}
#login form label{
  font-size:100%;
  font-weight:bold;
  color:#f3f3f3;
  margin-right:2px;
}
#login form input{
  border-width:1px;
  padding:0 2px;
}

#right{
  position:relative;
  margin-left:260px;
  padding-top:1px;
  padding-right:20px;
}
#ftr{
  background:#5e66a9;
  clear:both;
  color:#f3f3f3;
  font-size:80%;
  text-align:center;
  padding:4px 0;
}
#ftr p{
  margin:0;
}

/*--------- GENERAL MARKUP ------ */
h1, h2{
  font-size:120%;
  margin-top:10px;
  color:#212ea2;
  font-weight:normal;
}

p{
  margin-bottom:10px;
  font-size:85%;
}

ul, ol{
  margin-left:40px;
  font-size:85%;
}
li{
  margin-bottom:8px;
}
li p{
  margin:2px 0 0 15px;
  font-size:100%;
}

a{
  color:#939ad3;
}
a:hover{
  color:#5e66a9;
}
a img{
  border:0;
}

img.avatar{
  float:left;
  margin:5px 5px 5px 10px;
  border:1px solid #5e66a9;
}

div.clearer{
  clear:both;
}

hr{
  margin:5px 10px;
  border:none;
  background:#8991d3;
  height:1px;
  overflow:clip;
  clear:both;
}


/*------------- REGISTER FORM ----------------- */
p#total_amount{
  margin-top:3px;
  margin-left:20px;
  margin-right:5px;
  float:left;
}
div.calculation{
  float:left;
  font-size:95%;
  margin-top:2px;
}
p.clear_me{ clear:both;}

label{
  margin-bottom:5px;
  clear:both;
}
input{
  margin-bottom:5px;
  clear:both;
}
input#goal{
  margin:0;
}
label { font-size:90%; }

a.note{
  font-weight:light;
  font-size:80%;
}