::-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: 5px; height: 2px; 
border-radius:5px;
background: #E3E3E3;}

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



#content img, #content a img {
background: url(http://adammcquaid.ca/adamlayouts2/89/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/adamlayouts2/89/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;
 }


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('http://static.tumblr.com/zei83do/8jlmi91fu/04b_24__.ttf');}

::-webkit-scrollbar { width: 6px; background-color:#eee;}
::-webkit-scrollbar-thumb { background-color: #aaa;}



#container{
margin:17px auto;
width:963px;
padding:5px 5px 5px 5px;
background-color:#e3e3e3;
border:1px solid #cecccc;
z-index:999999;}

#header{
float: right;
width:732px; 
height: 200px;
padding:2px;
margin:0px 0px 2px 0px;
background-color:#e3e3e3;
border:1px solid #cecccc;}


#navi {
margin:4px 0px;
padding:2px;
background-color:#e3e3e3;
border:1px solid #cecccc;
width: 955px;
clear:both;}

#sidebar{
float: left;
width: 220px;
margin:2px 0px;}


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

#content{
float: left;
width: 721px;
padding:2px;
margin:2px 3px;
background-color:#e3e3e3;
border:1px solid #cecccc;}





.updates {
overflow: auto;
color: #261e42;
height: 100px;
padding:2px;
margin-bottom:2px;
background-color:#e3e3e3;
border:1px solid #cecccc;
text-transform:uppercase;
width:215px;}
    
.updates a {
font: 8px Calibri;
text-transform:uppercase;
color: #777;
margin:3px;
border-bottom:1px solid #bbb;
display: block;
-moz-transition: 0.6s ease-out;
-webkit-transition: 0.6s ease-out;}

.updates a:hover {
-moz-transition: 0.6s ease-out;
-webkit-transition: 0.6s ease-out;
padding-left:10px;
color: #fff;}

    
.updates h6 {
font: 8px Calibri;
text-align: left;
margin:5px auto;
padding-left:10px;
color: #777;
letter-spacing: 4px;
font-weight: normal;
text-transform:uppercase;
border-bottom: 1px solid #bbb;}




#footer{
clear:both;
border:1px solid #cecccc;
text-transform:uppercase;
font-family: "04b24"; 
text-align: center;
font-size: 8px; 
padding:2px;}

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

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;}

h2 {
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;}
h3 {
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;}

h4 {
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;}



a.navi,a.navi:link,a.navi:active,a.navi:visited {
color:#777;
background-color:#cecccc;
font-family: Calibri;
font-weight:bold;
font-size: 13px;
line-height: 35px;
letter-spacing: 2px;
width:155px;
text-transform: uppercase;
text-align: center; 
font-style:none;
display:inline-block;
-moz-transition: 0.3s ease-out;
-webkit-transition: 0.3s ease-out;}

a.navi:hover {letter-spacing: 5px;  color:#fff;}

a.navi:nth-child(8n+1) { background: #cecccc; border: 1px solid #bbb;}
a.navi:nth-child(8n+2) { background: #cecccc; border: 1px solid #bbb;}
a.navi:nth-child(8n+3) { background: #cecccc; border: 1px solid #bbb;}
a.navi:nth-child(8n+4) { background: #cecccc; border: 1px solid #bbb;}
a.navi:nth-child(8n+5) { background: #cecccc; border: 1px solid #bbb;}
a.navi:nth-child(8n+6) { background: #cecccc; border: 1px solid #bbb;}


a.navi:nth-child(8n+1):hover {
background: #ddd;  border: 1px solid #bbb;}
a.navi:nth-child(8n+2):hover {
background: #ddd;  border: 1px solid #bbb;}
a.navi:nth-child(8n+3):hover {
background: #ddd;  border: 1px solid #bbb;}
a.navi:nth-child(8n+4):hover {
background: #ddd;  border: 1px solid #bbb;}
a.navi:nth-child(8n+5):hover {
background: #ddd;  border: 1px solid #bbb;}
a.navi:nth-child(8n+6):hover {
background: #ddd;  border: 1px solid #bbb;}





a.link,a.link:link,a.link:active,a.link:visited{
display:block;
width:auto;
text-transform:uppercase;
font-family: Calibri;
text-align: center;
font-size: 10px; 
line-height:8px;
padding:2px 5px;
margin-top:2px;
color: #777;
-webkit-transition: 0.4s ease-out;
-moz-transition: 0.4s ease-out;}

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

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

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


a.elite,
a.elite:link,
a.elite:active,
a.elite:visited {
display: block;
letter-spacing: 1px;
display: block;
font-size: 10px;
text-transform:uppercase;
font-family: Calibri;
text-align: center;
line-height: 4px;
margin: 1px;
color: #777;
padding: 5.5px 6px;
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;}

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

a.elite:nth-child(4n+1) { background: #cecccc; border:1px solid #bbb;}
a.elite:nth-child(4n+2) { background: #cecccc; border:1px solid #bbb;}
a.elite:nth-child(4n+3) { background: #cecccc; border:1px solid #bbb;}
a.elite:nth-child(4n+4) { background: #cecccc; border:1px solid #bbb;}

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


blockquote { position: relative; 

background: #cecccc; 

padding: 15 30 10;

border: 5px solid #bbb;

border-width: 5 0 5;

color: #777;

text-align: justify;

}

blockquote:before { position: absolute;

left: 5px;

top: -32px;

color: #BBB;

content: "\201C";

font: 100px Arial !important;

padding: 0px;

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

}

blockquote:after { 

position: absolute;

right: 5px;

margin-top: -15px;

color: #BBB;

content: "\201D";

font: 100px Arial !important;

padding: 0px;

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



textarea {
border-radius:6px;     
background-color:#cecccc;
font-family: ernest;
color: #777; 
font-size:10px;
font-style: none;
}