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

::-webkit-scrollbar {
background-image: url("http://adammcquaid.ca/adamlayouts2/89/scroll.png");
background-repeat: repeat-y;
width: 9px; height: 2px; 
border-radius:5px;
background: #E3E3E3;}
@font-face { font-family: "04b24"; text-transform:uppercase; src: url('http://static.tumblr.com/zei83do/8jlmi91fu/04b_24__.ttf');}

body {
background: url(http://www.adammcquaid.ca/adamlayouts2/22/backgroundheader.png), url(
http://www.adammcquaid.ca/adamlayouts1/38/background.png);
background-color: #e6e6e6;
background-repeat: repeat-x, repeat !important;
background-position: top center, top center;
background-attachment: fixed, fixed;
text-align: justified;
margin: 0px; 
padding: 0px;
font-family: calibri;
font-size: 10px;
color: #777;
}




a:link, a:active, a:visited {text-decoration: none; color: #777; }
a:hover {color: #FFF;
text-decoration: none; 
transition: all 0.5s ease-out;
-o-transition-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out; 
-moz-transition: all 0.5s ease-out;}

@font-face { font-family: "04b24"; text-transform:uppercase; src: url('../04B03.TTF');}

#navi{
float:left;
width:120px; 
height: 204px;
font-family: "04b24";
font-size: 8px;
background-color:#E3E3E3;
border:1px solid #CECCCC;
;
font-decoration:none;
font-style:none;
display:block;
}

#container{
margin:15px auto;
width:710px;
padding:5px 5px 5px 5px;
background-color:#E3E3E3;
border:1px solid #CECCCC;
z-index:999999;
}

#header{
float: right;
width:580px; 
height: 200px;
padding:2px;
background-color:#E3E3E3;
border:1px solid #CECCCC;
}

#sidebar1{
float: left;
width: 240px;
margin:2px 0px 2px 0px;}

.box{
padding:2px;
background-color:#E3E3E3;
border:1px solid #CECCCC;
;
margin-bottom:3px
}



#navbar{
position: fixed;
margin-left:707px; margin-top: 150px;
width:50px; padding:3px;}



#content{
float: right;
width: 460px;
padding:2px;
margin:2px 2px 2px 2px;
background-color:#E3E3E3;
border:1px solid #CECCCC;
}



#content img, #content a img {
background: url(http://adammcquaid.ca/adamlayouts4/56/scroll.png) bottom center;
padding: 4px;
opacity: 0.9;
margin: 2px;
border-radius: 5px;
border: 1px solid #CECCCC;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-border-radius: 5px;
 }
 
#content img:hover, #content a:hover img {
background: url(http://adammcquaid.ca/adamlayouts4/56/scroll.png) top center;
opacity: 1;
border-radius: 5px;
border: 1px solid #CECCCC;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-border-radius: 5px;
 }


#footer{
clear:both;
color: #222;
background-color:#E3E3E3;
border:1px solid #CECCCC;
text-transform:uppercase;
text-align:center;
padding:2px;}

b {color:#333;}
i {color:#ccc;}
u {color:#ddd;}
s {color:#222;}

#content h1{
color: #777; 
font-size: 10px;
line-height:16px; 
font-family: arial;
font-style: none;
font-weight: normal; 
padding-left:2px; 
text-align:center;
background:#CECCCC;
border-bottom:2px solid #BBB; 
display:block;
text-transform: uppercase; 
margin:0px; padding:2px;
}

#sidebar1 h1, h2, h3, h4{
font-size: 8px;
line-height:11px; 
background:#CECCCC;
font-family: "04b24";
font-style: none;
font-weight: normal; 
padding-left:2px; 
text-align:center;
display:block;
text-transform: uppercase; 
margin:0px; padding:2px;}

#sidebar2 h1, h2, h3, h4{
font-size: 8px;
line-height:11px;
background:#CECCCC;
font-family: "04b24";
font-style: none;
font-weight: normal; 
padding-left:2px; 
text-align:center;
display:block;
text-transform: uppercase; 
margin:0px; padding:2px;
}

a.navi1, a.navi2, a.navi3, a.navi4{
display:inline-block;
width: 115px;
height: 20px;
color:#777;
text-transform:uppercase;
font-family: "04b24"; 
text-align: center;
font-size: 8px; 
line-height:20px;
padding:1px;
margin-top:1px;
transition: all 0.5s ease-out;
-o-transition-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out; 
-moz-transition: all 0.5s ease-out;}

a.navi1:nth-child(5n+1):hover { box-shadow:inset 120px 0px 0px #ddd;}
a.navi2:nth-child(5n+2):hover { box-shadow:inset 120px 0px 0px #ddd;}
a.navi3:nth-child(5n+3):hover { box-shadow:inset 120px 0px 0px #ddd;}
a.navi4:nth-child(5n+4):hover { box-shadow:inset 120px 0px 0px #ddd;}
a.navi1:nth-child(5n+5):hover { box-shadow:inset 120px 0px 0px #ddd;}
a.navi2:nth-child(5n+6):hover { box-shadow:inset 120px 0px 0px #ddd;}
a.navi3:nth-child(5n+7):hover { box-shadow:inset 120px 0px 0px #ddd;}
a.navi4:nth-child(5n+8):hover { box-shadow:inset 120px 0px 0px #ddd;}
a.navi1{background-color:#CECCCC; border:1px solid #BBB;}
a.navi2{background-color:#CECCCC; border:1px solid #BBB;}
a.navi3{background-color:#CECCCC; border:1px solid #BBB;}
a.navi4{background-color:#CECCCC; border:1px solid #BBB;}
a.navi1:hover{background-color:#BBB; border:1px solid #BBB;color:#FFF;}
a.navi2:hover{background-color:#BBB; border:1px solid #BBB;color:#FFF;}
a.navi3:hover{background-color:#BBB; border:1px solid #BBB;color:#FFF;}
a.navi4:hover{background-color:#BBB; border:1px solid #BBB;color:#FFF;}



a.link1, a.link2, a.link3, a.link4{
display:block;
width:auto;
color:#777;
text-transform:uppercase;
font-family: "04b24"; 
text-align: center;
font-size: 8px; 
line-height:8px;
padding:1px;
margin-top:1px;
transition: all 0.5s ease-out;
-o-transition-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out; 
-moz-transition: all 0.5s ease-out;}
a.link1{background-color:#CECCCC; border-left:5px solid #BBB;}
a.link2{background-color:#CECCCC; border-left:5px solid #BBB;}
a.link3{background-color:#CECCCC; border-left:5px solid #BBB;}
a.link4{background-color:#CECCCC; border-left:5px solid #BBB;}
a.link1:hover{background-color:#BBB; border-left:10px solid #BBB;box-shadow:inset 120px 0px 0px #dddddd;color:#FFF;}
a.link2:hover{background-color:#BBB; border-left:10px solid #BBB;box-shadow:inset 120px 0px 0px #dddddd;color:#FFF;}
a.link3:hover{background-color:#BBB; border-left:10px solid #BBB;box-shadow:inset 120px 0px 0px #dddddd;color:#FFF;}
a.link4:hover{background-color:#BBB; border-left:10px solid #BBB;box-shadow:inset 120px 0px 0px #dddddd;color:#FFF;}

blockquote{
display:block;
width: 300px;
float:center;
color:#777; 
background-color:#CECCCC; 
border:1px solid #BBB;
border-left:10px solid #BBB;
text-transform:uppercase;
font-family: "04b24"; 
text-align: center;
font-size: 8px; 
line-height:8px;
padding:2px;
margin-top:1px;
}



h1:first-letter {text-transform:uppercase;}
h2:first-letter {text-transform:uppercase;}
h3:first-letter {text-transform:uppercase;}
h4:first-letter {text-transform:uppercase;}

.hvr-sweep-to-bottom {
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;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;}
  
.hvr-sweep-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;}
  
.hvr-sweep-to-bottom:hover,
.hvr-sweep-to-bottom:focus,
.hvr-sweep-to-bottom:active {color: white;}
  
.hvr-sweep-to-bottom:hover:before, 
.hvr-sweep-to-bottom:focus:before,
.hvr-sweep-to-bottom:active:before {
-webkit-transform: scaleY(1);
 transform: scaleY(1);}


a.navi,a.navi:link,a.navi:active,a.navi:visited {
color:#777;
background-color:#CECCCC;
text-transform:uppercase;
font-family: "04b24"; 
text-align: center;
font-size: 8px; 
line-height: 24px;
letter-spacing: 2px;
margin:1px;
width:97px;
display:inline-block;
border-top-right-radius: 22px;
border-bottom-right-radius: 22px;
-moz-transition: 0.3s ease-out;
-webkit-transition: 0.3s ease-out;}

a.navi:nth-child(5n+1):before { background: #eee;}
a.navi:nth-child(5n+2):before { background: #eee;}
a.navi:nth-child(5n+3):before { background: #eee;}
a.navi:nth-child(5n+4):before { background: #eee;}
a.navi:nth-child(5n+5):before { background: #eee;}


a.link,a.link:link,a.link:active,a.link:visited{
-webkit-border-radius: 9px;
display:block;
width:auto;
text-transform:uppercase;
font-family: "arial"; 
text-align: center;
font-size: 8px; 
line-height:13px;
padding:2px 5px;
margin-top:2px;
color: #777;
transition: all 0.5s ease-out;
-o-transition-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out; 
-moz-transition: all 0.5s ease-out;}

a.link:hover {color: #fff;
}

a.link:nth-child(4n+1) { background: #CECCCC; border:1px solid #ccc;}
a.link:nth-child(4n+2) { background: #CECCCC; border:1px solid #ccc;}
a.link:nth-child(4n+3) { background: #CECCCC; border:1px solid #ccc;}
a.link:nth-child(4n+4) { background: #CECCCC; border:1px solid #ccc;}

a.link:nth-child(4n+1):hover {background: #ddd;}
a.link:nth-child(4n+2):hover {background: #ddd;}
a.link:nth-child(4n+3):hover {background: #ddd;}
a.link:nth-child(4n+4):hover {background: #ddd;}



a.elite, a.elite:link, a.elite:active, a.elite:visited {
display: block;
letter-spacing: 1px;
display: block;
font-size: 8px;
text-transform:uppercase;
font-family: "04b24";
text-align: center;
line-height: 4px;
margin: 1px;
color: #777;
padding: 5.5px 6px;
text-decoration: none;
-webkit-transition: 0.4s ease-out;
-moz-transition: 0.4s ease-out;}

a.elite:hover {color: #fff;}

a.elite:nth-child(5n+1) { background-color: #CECCCC; border: 1px solid #BBB;}
a.elite:nth-child(5n+2) { background-color: #CECCCC; border: 1px solid #BBB;}
a.elite:nth-child(5n+3) { background-color: #CECCCC; border: 1px solid #BBB;}
a.elite:nth-child(5n+4) { background-color: #CECCCC; border: 1px solid #BBB;}
a.elite:nth-child(5n+5) { background-color: #CECCCC; border: 1px solid #BBB;}

a.elite:nth-child(5n+1):hover { box-shadow:inset 120px 0px 0px #ddd;}
a.elite:nth-child(5n+2):hover { box-shadow:inset 120px 0px 0px #ddd;}
a.elite:nth-child(5n+3):hover { box-shadow:inset 120px 0px 0px #ddd;}
a.elite:nth-child(5n+4):hover { box-shadow:inset 120px 0px 0px #ddd;}
a.elite:nth-child(5n+5):hover { box-shadow:inset 120px 0px 0px #ddd;}