/* ©2011 Kyle Davis kyle.alan.davis@gmail.com */

body
{
  background-color: #17101E;
  margin: 0;
  padding: 0;
}

a img
{
  border: 0;
}

a
{
  color: #507;
}

#body_background_banner
{
  background: tranparent; /*fallback for non-CSS3 browsers*/
  background: -webkit-linear-gradient(#17101E 0%, #305 35%, #406 50%, #305 65%, #17101E 100%);
  background: -moz-linear-gradient(#17101E 0%, #305 35%, #406 50%, #305 65%, #17101E 100%);
  background: -ms-linear-gradient(#17101E 0%, #305 35%, #406 50%, #305 65%, #17101E 100%);
  background: -o-linear-gradient(#17101E 0%, #305 35%, #406 50%, #305 65%, #17101E 100%);
  background: linear-gradient(#17101E 0%, #305 35%, #406 50%, #305 65%, #17101E 100%);
  height: 300px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -10;
}

#all
{
  background: #90D; /*fallback for non-CSS3 browsers*/
  background: -webkit-linear-gradient(10deg, #507, #90D, #507);
  background: -moz-linear-gradient(10deg, #507, #90D, #507);
  background: -ms-linear-gradient(10deg, #507, #90D, #507);
  background: -o-linear-gradient(10deg, #507, #90D, #507);
  background: linear-gradient(10deg, #507, #90D, #507);
  -pie-background: linear-gradient(10deg, #507, #90D, #507);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 0 20px 2px #000;
  -webkit-box-shadow: 0 0 20px 2px #000;
  box-shadow: 0 0 20px 2px #000;
  margin: 20px auto;
  overflow: hidden;
  width: 950px;
  behavior: url(PIE.htc);
}

#header
{
  height: 150px;
  font-family: 'Tangerine', serif;
  position: relative;
}

#header_logo
{
  font-size: 100px;
  left: 50px;
  position: absolute;
  top: 20px;
  text-shadow: -5px 0 5px #FFFFFF, 5px 0 5px #FFFFFF, 0 -5px 5px #FFFFFF, 0 5px 5px #FFFFFF;
}
#header_logo a
{
  color: #000;
  text-decoration: none;
}

#middle
{
  padding: 20px;
}

#content
{
  background-color: #FFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: inset 0 0 10px 2px #666;
  -webkit-box-shadow: inset 0 0 10px 2px #666;
  box-shadow: inset 0 0 10px 2px #666;
  font-family: Mate;
  padding: 10px 20px;
  behavior: url(PIE.htc);
}

.content_image
{
  border: 2px solid #17101E;
  margin: 10px;
}

#footer
{
  height: 40px;
  font-family: 'Tangerine', serif;
  font-size: 20px;
  position: relative;
}

#footer_copyright
{
  left: 30px;
  position: absolute;
}