body { margin: 0; padding: 0; background: #efefef url('/static/images/noise-64.png'); }
a { outline: 0; color: #3E638F; }
em, strong { font-style: bold; }
img { border: 0; }


#homebar {
  position:absolute;
  top:0;
  left:0;
  height: 50px;
  width:100%;
  overflow: hidden;
}
#innerbar {
  height: 40px;
  line-height:45px;
  background: rgb(74,119,165);
  background: -moz-linear-gradient(top, #5181B1, #416A96);
  background: -webkit-gradient(linear, left top, left bottom, from(#5181B1), to(#416A96));
  border-bottom: 1px solid #305075;
  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.75);
  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.75);
}
#innerbar a {
  color: #1B3250;
  padding-left: 25px;
  font: normal 22px "Hoefler Text", Georgia;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
  text-decoration: none;
  letter-spacing:3px;
}
#innerbar a:hover {
  color:#000022;
}
#innerbar a.section { 
  font: normal 18px "Hoefler Text", Georgia;
}

#frame {
  background: #ffffff;
  margin: 80px auto 20px auto;
  padding: 20px;
  width: 700px;
  xmin-height: 460px;
  border: 1px solid #999;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}

#title {text-align:center;}
#title a {font: 2em Helvetica; color: #444; }
#title a:hover {font: 2em Helvetica; color: #222; text-shadow: 1px 1px 2px #888;}

#frame #logo img { float:left; }
#frame #logo h1 { display:block; padding: 0; margin: 0 0 0 68px; font: normal 24px Helvetica; }
#frame #logo h2 { display:block; padding: 0; margin: 0 0 0 69px; font: normal 18px Helvetica; }
#frame #logo h1 a { color: #444; text-decoration: none; }
#frame #logo h2 a { color: #555; text-decoration: none; }
#frame #logo h1 a:hover, h2 a:hover { text-decoration: none; }



/* HOME */

#footerbox {
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  height:100px;
  overflow:hidden;
  font: italic 2.5em "Hoefler Text", Georgia;
}
#footer {
  position:absolute;
  bottom:0;
  left:-5%;
  width:110%;
  height:75px;
  line-height:80px;
  letter-spacing:0.25em;
  text-align:center;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.25);
  color:#1B3250;
  background: rgb(74,119,165);
  background: -moz-linear-gradient(top, #5181B1, #416A96);
  background: -webkit-gradient(linear, left top, left bottom, from(#5181B1), to(#416A96));
  border-top: 1px solid #335D93;
  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.75);
  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.75);
}

#items { margin-top:40px; }
.item { 
  display:block; 
  width:400px;
  margin:30px auto;
  background-color: #efefef;
  border: 1px solid #aaa;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-box-shadow: 0px 1px 4px #aaa;
  -webkit-box-shadow: 0px 1px 4px #aaa;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  text-decoration:none;
  color:#666;
}
.item:hover {
  background-color:#fafafa;
  border-color:#bbb; 
  color:#333;
}

.item table { width:100%; }
.item table td { padding:10px; }
.item table td.logo { width:20%; text-align:right; }
.item table td.logo img { border:none; }
.item table td.text { width:80%; text-align:left; }
.item table td.text h1 { margin:0; padding:0; font: 1.5em Helvetica; text-shadow: 1px 1px 0px #fff; }
.item table td.text h2 { margin:0 0 0 2px; padding:0; color:#666; font: 1em Helvetica; text-shadow: 1px 1px 0px #eee; }

#blurb { margin:30px auto 20px auto; width:400px; text-align:center; font:0.8em Helvetica; color:#666; }
#blurb a { color:#4575AB; }