/***************************************************
            CUSTOM FONT RULES
***************************************************/

@font-face {
  font-family: "Poo2Regular";
  src: url("poo2.eot");
  src:  local("poo2"), 
        local("poo2"),
        url("/fonts/poo2.ttf") format("truetype"),
        url("/fonts/poo2.woff") format("woff"),
        url("/fonts/poo2.otf") format("opentype");
}

@font-face {
  font-family: "VDub";
  src: url("VDUB.eot");
  src:  local("VDUB"), 
        local("VDUB"),
        url("/fonts/VDUB.ttf") format("truetype"),
        url("/fonts/VDUB.woff") format("woff"),
        url("/fonts/VDUB.otf") format("opentype");
}

@font-face {
  font-family: "Danzig";
  src: url("danzig-webfont.eot");
  src:  local("dazig"), 
        local("danzig"),
        url("/fonts/danzig-webfont.ttf") format("truetype"),
        url("/fonts/danzig-webfont.woff") format("woff"),
        url("/fonts/danzig-webfont.otf") format("opentype");
}

@font-face {
  font-family: "Misfits";
  src: url("misfits-webfont.eot");
  src:  local("misfits"), 
        local("misfits"),
        url("/fonts/misfits-webfont.ttf") format("truetype"),
        url("/fonts/misfits-webfont.woff") format("woff"),
        url("/fonts/misfits-webfont.otf") format("opentype");
}

/*clear all default styles */
div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}

html body {
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
background: #00487d url( '/img/page-bg.jpg' ) no-repeat top left;
text-align: center;
}

#site {
width: 960px;
margin: 10px auto 0px auto;
text-align: left;
}

#header {
height: 280px;
width: 100%;
clear: both;
text-align: center;
}

#nav {
margin: 3px 0px 15px 0px;
display: block;
}

#nav a img {
display inline-block;
margin-right: 30px;
opacity: 0.5;
-moz-opacity: 0.5;
alpha( opacity=50 );
border: 0px;
}

#nav a img:hover {
opacity: 1;
-moz-opacity: 1;
alpha( opacity=100 );
border: 0px;
}

#content {
width: 100%;
background-image: url( '/img/content-repeat-y.png' );
background-repeat: repeat-y;
}

#logo {
border: 0px;
}

#content {
margin-top: -5px;
padding: 0px 30px 40px 30px;
color: #0429ad;
}

#contentTop {
margin:0px;
}

.poo2 {
    font-family: 'Poo2Regular';
    font-size: 28px;
    color: #0429ad;
    clear: both;
    display: block;
}

.danzig {
    font-family: 'Danzig';
}

.misfits {
    font-family: 'Misfits';
}

p {
    color: #000;
}

p.misfits {
    padding: 10px;
    font-size: 19px;
}

h1.danzig {
    font-size: 38px;
}

h2.danzig {
    font-size: 32px;
}

h3.danzig {
    font-size: 28px;
}

h4.danzig {
    font-size: 22px;
}

h5.danzig {
    font-size: 18px;
}

h6.danzig {
    font-size: 12px;
}

a {
    font-family: 'Danzig';
    color: #555;
}

a:hover {
    color: #0429ad;
}

.spacedCenter {
    text-align: center;
    padding: 15px 0px 15px 0px;
}