/*  pizza.css  */

html { height:100%; margin:0; padding:0; }
body { margin:0; padding:0; background-color:#000; }

#pagebkgd {
  width:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
}

#imgbkgd {
  width:100%;
}

div.wrapper {
  width:950px;
  margin:20px auto;
}

div.navbar {
  position:absolute;
  bottom:30px;
  left:0px;
  width:100%;
  z-index:5000;
  background-color:#000;
  background:url('images/bg-navbar.png') repeat-x;
  
}

div.logo {
  float:right;
  position:relative;
  top:25px;
}

div.nav {
  width:600px;
  height:130px;
  margin:0;
}

a.navlink {
  font: 16px 'MyndraineRegular', Arial, sans-serif; letter-spacing: 0;
  font-weight:bold;
  color:#fff;
  text-decoration:none;
}

div.navitem {
  margin:0;
  float:right;
  text-align:center;
}

div.title {
  background-color:#246;
  color:#fff;
  font-family: 'ChunkFiveRegular', sans-serif;
  font-size:30px;
  font-weight:normal;
  height:30px;
  padding:10px 20px;
  width:910px;
}
  
h1 {
  font-family: 'ChunkFiveRegular', sans-serif;
  font-size:30px;
  font-weight:normal;
  color:#f40;
}

h2 {
  font-family: 'ChunkFiveRegular', sans-serif;
  font-size:24px;
  font-weight:normal;
  color:#480;
}

div.main {
  position:relative;
  top:10px;
  background:url('images/bg-content.jpg') repeat;
}

div.content {
  font: 13px/19px 'MyndraineRegular', Arial, sans-serif; letter-spacing: 0;
  padding:20px;
  height:280px;
  width:660px;
  float:left;
  overflow-y:scroll;
  overflow-x:hidden;
}
  
div.sidebar {
  font-family: 'LoveYaLikeASisterRegular', cursive;
  font-size:23px;
  font-weight:normal;
  width:210px;
  padding:20px;
  height:280px;
  float:right;
  overflow:hidden;
  color:#ccc;
}

div.clear {
  clear:both;
  height:0;
}

div.footer {
  position:absolute;
  bottom:20px;
  color:#ccc;
  font:9pt Arial;
  font-style:italic;
  font-weight:bold;
  text-align:left;
  padding:0 0 0 30px;
}

@font-face {
  font-family: 'ChunkFiveRegular';
  src: url('fonts/Chunkfive-webfont.eot');
  src: url('fonts/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/Chunkfive-webfont.woff') format('woff'),
       url('fonts/Chunkfive-webfont.ttf') format('truetype'),
       url('fonts/Chunkfive-webfont.svg#UmbrageRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MyndraineRegular';
  src: url('fonts/Myndraine-webfont.eot');
  src: url('fonts/Myndraine-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/Myndraine-webfont.woff') format('woff'),
       url('fonts/Myndraine-webfont.ttf') format('truetype'),
       url('fonts/Myndraine-webfont.svg#MyndraineRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'LoveYaLikeASisterRegular';
  src: url('fonts/loveyalikeasister-webfont.eot');
  src: url('fonts/loveyalikeasister-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/loveyalikeasister-webfont.woff') format('woff'),
       url('fonts/loveyalikeasister-webfont.ttf') format('truetype'),
       url('fonts/loveyalikeasister-webfont.svg#LoveYaLikeASisterRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

