body{
text-align: left;
background-color: #cecece;
background-repeat: repeat;
background-attachment:fixed;
font-family: arial;
font-size:9px;
font-weight: normal;
text-transform: normal;
color: #2C2C2C;
margin:0 auto;
overflow-x: hidden;
}




/*******MAIN*******/

#container{
position:relative;
margin: 20px auto 10px; 
width: 916px; 
margin-top: 10px;
padding: 3px; 
background-color:#D7D7D7;
border: 1px solid #b7b6b6;	
border-radius:4px;
}

#footer {	
clear:both;
text-align:center;
width:904px;
padding:5px;
background-color: #CECECE;
border: 1px solid #b7b6b6;	
border-radius:4px;
}

#header{
margin-left:240px;
background-color: #CECECE;
border: 1px solid #b7b6b6;	
width:674px; 
height:200px;
border-radius:4px;
}

#updates {
padding:2px;
margin-top:-225px;
margin-left:0px;
background-color: #CECECE;
width:230px;
height:auto;
border: 1px solid #b7b6b6;	
border-radius:4px;
}

#sidebar {
float:left;
padding:2px;
margin-top:3px;
margin-left:0px;
background-color: #CECECE;
width:230px;
border: 1px solid #b7b6b6;	
border-radius:4px;
}

#content {
float:right;
margin-left:237px;
margin-top:-24px;
margin-bottom: 3px;
background-color: #CECECE;
width:670px; 
padding: 2px;
border: 1px solid #b7b6b6;
border-radius:4px;
}

#tops {
padding-top:3px;
margin-left:237px;
margin-right:1px;
width:690px; 
height:20px;
clear:both;
}

#elites {
position:absolute;
margin-left:1020px;
margin-top:50px;
clear:both;
}

#content img, #content a img {
background: url() bottom center;
background: #aaa;
padding: 4px;
opacity: 0.8;
margin: 2px;
border-radius:4px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
 }
 
#content img:hover, #content a:hover img {
background: url(hover.png) top center;
opacity: 1;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
 }



a {	
color: #2c2c2c; 
text-decoration: none;
-moz-transition: 0.7s ease-out;  
margin: 0px; 
padding: 2px;
-webkit-transition: 0.7s ease-out;
text-shadow: 0px 0px 0px #333;
}					
a:hover {
color: #595959; 
-moz-transition: 0.7s ease-out;
-webkit-transition: 0.7s ease-out;}




@font-face {font-family: 'ernest'; src: url('http://d0llhouse.com/site/fonts/ernest.ttf'); font-weight: none;}


/*******BASIC STYLINGS*******/



b {color: #2C2C2C; font-weight:bold; text-shadow: 0px 0px 0px #333;}
i {color: #2C2C2C; text-shadow: 0px 0px 0px #333;}
u {color: #2C2C2C; text-shadow: 0px 0px 0px #333;}
s {color: #2C2C2C; text-shadow: 0px 0px 0px #333;}


textarea{
color: #333;
border-radius:4px;
}


blockquote {
display: block;
width: 400px;
background: #9B9B9B;
padding: 10px 15px 10px 35px;
margin: 20 2 20 0px;
position: relative;
line-height: 1.2;
color: #595959;
text-align: relative;
border-left: 10px double #595959; 
border-right: 10px double #595959;
text-shadow: 0px 0px 0px #333;
border-radius:4px;
}






/*******SCROLLBAR*******/



::-webkit-scrollbar-thumb 
{background-image: url(scroll.png); background-color: #9B9B9B; -webkit-border-radius: 4px; }
::-webkit-scrollbar 
{width: 8px; height: 5px; background: #CECECE; }


img.thumb,
a.thumb:active img,
a.thumb:link img,
a.thumb:visited img {padding: 6px;
                                background-image: url(scroll.png);
                                background-color: #2C2C2C;
                                background-position: top left; 
                                border: 1px solid#9B9B9B;
                                margin: 2px;
-webkit-border-radius: 4px;
border-radius: 4px;
                                               }





/*******HEADERS*******/

h1 {	
color: #595959;
font: 18px/12px century gothic;
letter-spacing: 0px;
margin: 0 auto 2px;
text-align: center;
padding: 4px;
text-transform: lowercase;
width: 660px;
background-color:#908f8f;
border-bottom: dashed 1px #595959;
text-shadow: 0px 0px 0px #333;
border-radius:4px;
}

h2 {	
color: #595959;
font: 18px/12px century gothic;
letter-spacing: 0px;
margin: 0 auto 2px;
text-align: center;
padding: 4px;
text-transform: lowercase;
width: 220px;
background-color:#9b9b9b;
border-bottom: dashed 1px #595959;
text-shadow: 0px 0px 0px #333;
border-radius:4px;
}

h3 {	
color: #595959;
font: 18px/12px century gothic;
letter-spacing: 0px;
margin: 0 auto 2px;
text-align: center;
padding: 4px;
text-transform: lowercase;
width: 220px;
background-color:#a8a8a8;
border-bottom: dashed 1px #595959;
text-shadow: 0px 0px 0px #333;
border-radius:4px;
}

h4 {	
color: #595959;
font: 18px/12px century gothic;
letter-spacing: 0px;
margin: 0 auto 2px;
text-align: center;
padding: 4px;
text-transform: lowercase;
width: 220px;
background-color:#b3b3b3;
border-bottom: dashed 1px #595959;
text-shadow: 0px 0px 0px #333;
border-radius:4px;
}

h5  {	
color: #595959;
font: 18px/12px century gothic;
letter-spacing: 0px;
margin: 0 auto 2px;
text-align: center;
padding: 4px;
text-transform: lowercase;
width: 220px;
background-color:#c0bebe;
border-bottom: dashed 1px #595959;
text-shadow: 0px 0px 0px #333;
border-radius:4px;
}

h1:first-letter, h2:first-letter, h3:first-letter, h4:first-letter, h5:first-letter {
display:inline-block;
color:#e1e0e0; 
}

/*******UPDATE LINKS*******/


a.update:link, a.update:link, a.update:visited{
color: #595959;
font: 10px/8px "ernest";
padding-left: 3px;
letter-spacing: 2px;
display:block;
text-shadow: 0px 0px 0px #333;
}


a.update:hover {
margin-left: 20px;
-moz-transition: 0.7s ease-out;
-webkit-transition: 0.7s ease-out;
}





/*******AFFIE LINKS*******/

a.affie1, a.affie1:active, a.affie1:visited {
display: block; 
width:74.4px;
margin:1;
font: 10px/10px "ernest"; 
letter-spacing: 1px; 
background: #9B9B9B; 
color: #595959; 
padding: 1px 0px; 
text-align: center; 
text-shadow: 0px 0px 0px #333;
border-radius:4px;
}

a.affie2, a.affie2:active, a.affie2:visited {
display: block; 
width:74.4px;
margin:1;
font: 10px/10px "ernest"; 
letter-spacing: 1px; 
background: #a8a8a8; 
color: #595959; 
padding: 1px 0px; 
text-align: center; 
text-shadow: 0px 0px 0px #333;
border-radius:4px;
}

a.affie3, a.affie3:active, a.affie3:visited {
display: block; 
width:74.4px;
margin:1;
font: 10px/10px "ernest"; 
letter-spacing: 1px; 
background: #b3b3b3; 
color: #595959; 
padding: 1px 0px; 
text-align: center; 
text-shadow: 0px 0px 0px #333;
border-radius:4px;
}

a.affie4, a.affie4:active, a.affie4:visited {
display: block; 
width:74.4px;
margin:1;
font: 10px/10px "ernest"; 
letter-spacing: 1px; 
background: #c0bebe; 
color: #595959; 
padding: 1px 0px; 
text-align: center; 
text-shadow: 0px 0px 0px #333;
border-radius:4px;
}

a.affie1:hover, a.affie2:hover, a.affie3:hover, a.affie4:hover{
background-color:#CECECE;
color:#2C2C2C;
letter-spacing: 2px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

/*******ELITE LINKS*******/


a.elite1:link, a.elite1:active, a.elite1:visited{
padding:4px;
margin:3px;
color: #595959; 
background: #9B9B9B; 
font: 12px century gothic; 
width: 70px; 
text-transform: lowercase;
text-align: center; 
 display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
text-shadow: 0px 0px 0px #333;
border-radius:4px;
}

a.elite2:link, a.elite2:active, a.elite2:visited{
padding:4px;
margin:3px;
color: #595959; 
background: #a8a8a8; 
font: 12px century gothic; 
width: 70px; 
text-transform: lowercase;
text-align: center; 
 display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
text-shadow: 0px 0px 0px #333;
border-radius:4px;
}

a.elite3:link, a.elite3:active, a.elite3:visited{
padding:4px;
margin:3px;
color: #595959; 
background: #b3b3b3; 
font: 12px century gothic; 
width: 70px; 
text-transform: lowercase;
text-align: center; 
 display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
text-shadow: 0px 0px 0px #333;
border-radius:4px;
}

a.elite4:link, a.elite4:active, a.elite4:visited{
padding:4px;
margin:3px;
color: #595959; 
background: #c0bebe; 
font: 12px century gothic; 
width: 70px; 
text-transform: lowercase;
text-align: center; 
 display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
text-shadow: 0px 0px 0px #333;
border-radius:4px;
}
a.elite1:hover, a.elite1:focus, a.elite2:hover, a.elite2:focus, a.elite3:hover, a.elite3:focus, a.elite4:hover, a.elite4:focus{
color: #2C2C2C; 
background: #CECECE; 
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}

/*******TOPPER LINKS*******/


a.nav1:link, a.nav1:active, a.nav1:visited{
margin-left:3px;
margin-right:3px;
padding:4px;
color: #595959; 
background: #908f8f; 
font: 12px century gothic; 
width: 97.5px; 
text-transform: lowercase;
text-align: center; 
display:inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
text-shadow: 0px 0px 0px #333;
border-radius:4px;
}

a.nav2:link, a.nav2:active, a.nav2:visited{
margin-left:3px;
margin-right:3px;
padding:4px;
color: #595959; 
background: #9b9b9b; 
font: 12px century gothic; 
width: 97.5px; 
text-transform: lowercase;
text-align: center; 
display:inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
text-shadow: 0px 0px 0px #333;
border-radius:4px;
}

a.nav3:link, a.nav3:active, a.nav3:visited{
margin-left:3px;
margin-right:3px;
padding:4px;
color: #595959; 
background: #a8a8a8; 
font: 12px century gothic; 
width: 97.5px; 
text-transform: lowercase;
text-align: center; 
display:inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
text-shadow: 0px 0px 0px #333;
border-radius:4px;
}

a.nav4:link, a.nav4:active, a.nav4:visited{
margin-left:3px;
margin-right:3px;
padding:4px;
color: #595959; 
background: #b3b3b3; 
font: 12px century gothic; 
width: 97.5px; 
text-transform: lowercase;
text-align: center; 
display:inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
text-shadow: 0px 0px 0px #333;
border-radius:4px;
}

a.nav5:link, a.nav5:active, a.nav5:visited{
margin-left:3px;
margin-right:3px;
padding:4px;
color: #595959; 
background: #c0bebe; 
font: 12px century gothic; 
width: 97.5px; 
text-transform: lowercase;
text-align: center; 
display:inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
text-shadow: 0px 0px 0px #333;
border-radius:4px;
}

a.nav6:link, a.nav6:active, a.nav6:visited{
margin-left:3px;
margin-right:3px;
padding:4px;
color: #595959; 
background: #cac8c8; 
font: 12px century gothic; 
width: 97.5px; 
text-transform: lowercase;
text-align: center; 
display:inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
text-shadow: 0px 0px 0px #333;
border-radius:4px;
}

a.nav1:hover, a.nav1:focus, a.nav2:hover, a.nav2:focus, a.nav3:hover, a.nav3:focus, a.nav4:hover, a.nav4:focus, a.nav5:hover, a.nav5:focus, a.nav6:hover, a.nav6:focus{
color: #2C2C2C; 
background: #CECECE; 
  -webkit-animation-name: nav1;
  animation-name: nav1;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


/* Wobble Horizontal */
@-webkit-keyframes nav1 {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes nav1 {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}