::-webkit-scrollbar-thumb {
border-radius:5px;    
background-image: url("http://adammcquaid.ca/adamlayouts2/89/scroll.png");
background-repeat: repeat-y;
background-color: #CECECE;  }

::-webkit-scrollbar {
background-image: url("http://adammcquaid.ca/adamlayouts2/89/scroll.png");
background-repeat: repeat-y;
width: 4px; height: 2px; 
border-radius:5px;
background: #CECECE;}

body { 
background:url("topper2.png") repeat-x, 
url("bg1.png") repeat;
background-color: #eee; 
overflow-x:hidden;
font-family: calibri; 
text-align:justify;
font-size: 10px; 
color: #aaa;
margin: 0px; 
padding: 0px;}




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



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

#container{
position:relative;
margin: 33px auto 10px; 
width: 776px; 
margin-top: 22px;
padding:2px;
background-color: #f7f7f7;
border: 1px solid #eee;	
border-top-left-radius:4px;
border-bottom-right-radius:4px;
}

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

#header{
float:right;
margin-right:0px;
margin-top:3px;
background-color: #f7f7f7;
border: 1px solid #eee;
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;
width:250px;
height:76px;
background-color: #f7f7f7;
border: 1px solid #eee;
border-top-left-radius:4px;
border-bottom-right-radius:4px;
}

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

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

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

#content {
float:left;
margin-left:2px;
margin-top:2px;
margin-bottom: 3px;
width:572px; 
padding: 2px;
background-color: #f7f7f7;
border: 1px solid #eee;	
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: #777; 
text-decoration: none;
-moz-transition: 0.7s ease-out;  
margin: 0px; 
padding: 2px;
-webkit-transition: 0.7s ease-out;
text-shadow: 0px 0px 0px #bbb;
}					
a:hover {
color: #fff; 
-moz-transition: 0.7s ease-out;
-webkit-transition: 0.7s ease-out;}




@font-face {font-family: 'ernest'; src: url('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;}


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

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

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

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

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


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


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


a.update:hover {
background-color:#ddd;   
color: #fff;
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: #eee; 
color: #aaa; 
padding: 1px 0px; 
text-align: center; 
border-top-left-radius:4px;
border-bottom-right-radius:4px;
text-shadow: 0px 0px 0px #bbb;
}

a.affie2, a.affie2:active, a.affie2:visited {
display: block; 
width:74.4px;
margin:1;
font: 10px/10px "ernest"; 
letter-spacing: 1px; 
background: #eee; 
color: #aaa; 
padding: 1px 0px; 
text-align: center; 
border-top-left-radius:4px;
border-bottom-right-radius:4px;
text-shadow: 0px 0px 0px #bbb;
}

a.affie3, a.affie3:active, a.affie3:visited {
display: block; 
width:74.4px;
margin:1;
font: 10px/10px "ernest"; 
letter-spacing: 1px; 
background: #eee; 
color: #aaa; 
padding: 1px 0px; 
text-align: center; 
border-top-left-radius:4px;
border-bottom-right-radius:4px;
text-shadow: 0px 0px 0px #bbb;
}

a.affie4, a.affie4:active, a.affie4:visited {
display: block; 
width:74.4px;
margin:1;
font: 10px/10px "ernest"; 
letter-spacing: 1px; 
background: #eee; 
color: #aaa; 
padding: 1px 0px; 
text-align: center; 
border-top-left-radius:4px;
border-bottom-right-radius:4px;
text-shadow: 0px 0px 0px #bbb;
}

a.affie1:hover, a.affie2:hover, a.affie3:hover, a.affie4:hover{
background-color:#ddd;
color:#fff;
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: #aaa; 
background: #eee; 
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 #bbb;
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: #aaa; 
background: #eee; 
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 #bbb;
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: #aaa; 
background: #eee; 
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 #bbb;
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: #aaa; 
background: #eee; 
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 #bbb;
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: #aaa; 
background: #eee; 
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 #bbb;
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: #aaa; 
background: #eee; 
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 #bbb;
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: #aaa; 
background: #eee; 
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 #bbb;
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: #aaa; 
background: #eee; 
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 #bbb;
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: #fff; 
background: #ddd; 
  -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: #aaa; 
background: #eee; 
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 #bbb;
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: #aaa; 
background: #eee; 
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 #bbb;
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: #aaa; 
background: #eee; 
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 #bbb;
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: #aaa; 
background: #eee; 
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 #bbb;
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: #aaa; 
background: #eee; 
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 #bbb;
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: #fff; 
background:#ddd;
  -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);
  }
}


 blockquote { position: relative; 

background: #eee; 

padding: 15 30 10;

border: 5px solid #ccc;

border-width: 5 0 5;

color: #aaa;

text-align: justify;

}

blockquote:before { position: absolute;

left:-3px;

top: -25px;

color: #aaa;
content: "\2605";

font: 59px Arial !important;

padding: 0px;

text-shadow: 2px 3px 0px #bbb;

}

blockquote:after { 

position: absolute;

right: 5px;

margin-top: -15px;

color: #aaa;

content: 

font: 100px Arial !important;

padding: 0px;
}

textarea{
color: #aaa;
color: #aaa;
background: #f7f7f7;
border: 1px solid #eee; 

}