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: 776px; 
margin-top: 5px;
padding:2px;
background-color:#D7D7D7;
border: 1px solid #b7b6b6;	
border-top-left-radius:4px;
border-bottom-right-radius:4px;
}

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

#header{
float:right;
margin-right:0px;
margin-top:3px;
background-color: #CECECE;
border: 1px solid #b7b6b6;	
width:674px; 
height:191px;
border-top-left-radius:4px;
border-bottom-right-radius:4px;
}

#updates {
padding:2px;
margin-top:3px;
float:left;
margin-right:3px;
background-color: #CECECE;
width:250px;
height:76px;
border: 1px solid #b7b6b6;	
border-top-left-radius:4px;
border-bottom-right-radius:4px;
}

#stats {
padding:2px;
margin-top:3px;
float:left;
margin-left:3px;
background-color: #CECECE;
width:195px;
height:76px;
border: 1px solid #b7b6b6;	
border-top-left-radius:4px;
border-bottom-right-radius:4px;
}

#affies {
float:left;
padding:2px;
margin-top:3px;
margin-left:0px;
background-color: #CECECE;
width:307px;
height:76px;
overflow:auto;
border: 1px solid #b7b6b6;	
border-top-left-radius:4px;
border-bottom-right-radius:4px;
}

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

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

#tops {
margin-top:0px;
margin-left:-2px;
float:left;
width:782px;
clear:both;
}

#elites {
float:left;
width:120px;
margin-top:-192px;
clear:both;
}

#content img, #content a img {
background: url() bottom center;
background: #aaa;
padding: 4px;
opacity: 0.8;
margin: 2px;
border-top-left-radius:4px;
border-bottom-right-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: 370px;
background: #c0bebe;
padding: 10px 15px 10px 35px;
margin: 20 2 20 0px;
position: relative;
line-height: 1.2;
color: #595959;
text-align: relative;
border: 3px solid #595959; 
text-shadow: 0px 0px 0px #333;
border-top-left-radius:4px;
border-bottom-right-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 {
display:block;
color: #595959;
font: 18px/12px courier;
letter-spacing: 0px;
margin: 0 auto 2px;
text-align: center;
padding: 4px;
text-transform: lowercase;
background-color:#908f8f;
text-shadow: 0px 0px 0px #333;
border-top-left-radius:4px;
border-bottom-right-radius:4px;
}

h2 {	
display:block;
color: #595959;
font: 18px/12px courier;
letter-spacing: 0px;
margin: 0 auto 2px;
text-align: center;
padding: 4px;
text-transform: lowercase;
background-color:#9b9b9b;
text-shadow: 0px 0px 0px #333;
border-top-left-radius:4px;
border-bottom-right-radius:4px;
}

h3 {	
display:block;
color: #595959;
font: 18px/12px courier;
letter-spacing: 0px;
margin: 0 auto 2px;
text-align: center;
padding: 4px;
text-transform: lowercase;
background-color:#a8a8a8;
text-shadow: 0px 0px 0px #333;
border-top-left-radius:4px;
border-bottom-right-radius:4px;
}

h4 {	
display:block;
color: #595959;
font: 18px/12px courier;
letter-spacing: 0px;
margin: 0 auto 2px;
text-align: center;
padding: 4px;
text-transform: lowercase;
background-color:#b3b3b3;
text-shadow: 0px 0px 0px #333;
border-top-left-radius:4px;
border-bottom-right-radius:4px;
}

h5  {
display:block;
color: #595959;
font: 18px/12px courier;
letter-spacing: 0px;
margin: 0 auto 2px;
text-align: center;
padding: 4px;
text-transform: lowercase;
background-color:#c0bebe;
text-shadow: 0px 0px 0px #333;
border-top-left-radius:4px;
border-bottom-right-radius:4px;
}


/*******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; 
border-top-left-radius:4px;
border-bottom-right-radius:4px;
text-shadow: 0px 0px 0px #333;
}

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; 
border-top-left-radius:4px;
border-bottom-right-radius:4px;
text-shadow: 0px 0px 0px #333;
}

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; 
border-top-left-radius:4px;
border-bottom-right-radius:4px;
text-shadow: 0px 0px 0px #333;
}

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; 
border-top-left-radius:4px;
border-bottom-right-radius:4px;
text-shadow: 0px 0px 0px #333;
}

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;
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}



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


a.elite1:link, a.elite1:active, a.elite1:visited{
padding:4px;
margin-bottom:1px;
color: #595959; 
background: #9B9B9B; 
font: 12px century gothic; 
width:90px; 
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: 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-top-left-radius:4px;
border-bottom-right-radius:4px;
}

a.elite2:link, a.elite2:active, a.elite2:visited{
padding:4px;
margin-bottom:1px;
color: #595959; 
background: #a8a8a8; 
font: 12px century gothic; 
width:90px; 
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: 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-top-left-radius:4px;
border-bottom-right-radius:4px;
}

a.elite3:link, a.elite3:active, a.elite3:visited{
padding:4px;
margin-bottom:1px;
color: #595959; 
background: #b3b3b3; 
font: 12px century gothic; 
width:90px;  
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: 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-top-left-radius:4px;
border-bottom-right-radius:4px;
}

a.elite4:link, a.elite4:active, a.elite4:visited{
padding:4px;
margin-bottom:1px;
color: #595959; 
background: #c0bebe; 
font: 12px century gothic; 
width:90px; 
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: 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-top-left-radius:4px;
border-bottom-right-radius:4px;
}

a.elite5:link, a.elite5:active, a.elite5:visited{
padding:4px;
margin-bottom:1px;
color: #595959; 
background: #c8c7c7; 
font: 12px century gothic; 
width:90px; 
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: 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-top-left-radius:4px;
border-bottom-right-radius:4px;
}

a.elite6:link, a.elite6:active, a.elite6:visited{
padding:4px;
margin-bottom:1px;
color: #595959; 
background: #d1d0d0; 
font: 12px century gothic; 
width:90px; 
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: 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-top-left-radius:4px;
border-bottom-right-radius:4px;
}

a.elite7:link, a.elite7:active, a.elite7:visited{
padding:4px;
margin-bottom:1px;
color: #595959; 
background: #d9d8d8; 
font: 12px century gothic; 
width:90px; 
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: 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-top-left-radius:4px;
border-bottom-right-radius:4px;
}

a.elite8:link, a.elite8:active, a.elite8:visited{
padding:4px;
margin-bottom:1px;
color: #595959; 
background: #dddcdc; 
font: 12px century gothic; 
width:90px; 
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: 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-top-left-radius:4px;
border-bottom-right-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, a.elite5:hover, a.elite5:focus,
a.elite6:hover, a.elite6:focus, a.elite7:hover, a.elite7:focus, a.elite8:hover, a.elite8:focus{
color: #2C2C2C; 
background: #CECECE; 
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

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


a.nav1:link, a.nav1:active, a.nav1:visited{
margin-left:2px;
margin-right:2px;
padding:2px;
width: 146px;        
color: #595959; 
background: #908f8f; 
font: 12px courier; 
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-top-left-radius:4px;
border-bottom-right-radius:4px;
}

a.nav2:link, a.nav2:active, a.nav2:visited{
margin-left:2px;
margin-right:2px;
padding:2px;
width: 146px;    
color: #595959; 
background: #9b9b9b; 
font: 12px courier; 
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-top-left-radius:4px;
border-bottom-right-radius:4px;
}

a.nav3:link, a.nav3:active, a.nav3:visited{
margin-left:2px;
margin-right:2px;
padding:2px;
width: 146px;           
color: #595959; 
background: #a8a8a8; 
font: 12px courier; 
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-top-left-radius:4px;
border-bottom-right-radius:4px;
}

a.nav4:link, a.nav4:active, a.nav4:visited{
margin-left:2px;
margin-right:2px;
padding:2px;
width: 146px;     
color: #595959; 
background: #b3b3b3; 
font: 12px courier; 
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-top-left-radius:4px;
border-bottom-right-radius:4px;
}

a.nav5:link, a.nav5:active, a.nav5:visited{
margin-left:2px;
margin-right:2px;
padding:2px;
width: 146px;       
color: #595959; 
background: #c0bebe; 
font: 12px courier; 
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-top-left-radius:4px;
border-bottom-right-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{
color: #2C2C2C; 
background:#cecece;
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}


a {
text-decoration: none;

}