body{
background: url(topper.png), 
url(stripe.png);
background-color: #eee;
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: arial;
font-size: 9px;
color: #747373;
}

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

#content img, #content a img {
padding: 4px;
background: url(http://adammcquaid.ca/adamlayouts2/89/scroll.png) bottom center;
opacity: 0.75;
-moz-transition: 0.5s ease-out;
-webkit-transition: 0.5s ease-out;
margin: 2px;
max-width: 540px;}
 
#content img:hover, #content a:hover img {
background: url(http://adammcquaid.ca/adamlayouts2/89/scroll.png) top left;
opacity: 1;
-moz-transition: 0.5s ease-out;
-webkit-transition: 0.5s ease-out;}


a:link, a:active, a:visited {text-decoration: none; color: #aaaaaa; }
a:hover {color: #f482bb;
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('../../../../static.tumblr.com/zei83do/8jlmi91fu/04b_24__.ttf');}


#container{
margin: 40px auto;
width:925px;
padding:5px 5px 5px 5px;
background-color:#f7f7f7;
border:1px solid #eeeeee;
z-index:999999;}

#header{
float: left;
width:715px; 
height: 200px;
padding:2px;
margin:2px 0px;
background-color:#f7f7f7;
border:1px solid #eeeeee;}


#navi {
margin:5px 0px;
padding:3px;
background-color:#f7f7f7;
border:1px solid #eeeeee;
width: 710px;
float: clear;}

#sidebar-right{
float: right;
width: 200px;
margin:-45px 0px 0px 0px;}

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


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

#content{
float: left;
width: 511px;
padding:2px;
margin:2px 4px;
background-color:#f7f7f7;
border:1px solid #eeeeee;}

.updates {
overflow: auto;
color: #261e42;
height: 125px;
padding:2px;
margin-bottom:2px;
background-color:#f7f7f7;
border:1px solid #eeeeee;
text-transform:uppercase;
width:194px;}
    
.updates a {
font: 8px "04b24";
text-transform:uppercase;
color: #aaa;
margin:3px;
border-bottom:1px solid #ccc;
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: #222;}

    
.updates h6 {
font: 8px "04b24";
text-align: center;
margin:5px auto;
color: #222;
letter-spacing: 4px;
font-weight: normal;
text-transform:uppercase;
border-bottom:1px solid #ccc;}

#footer{
clear:both;
background-color:#f7f7f7;
border:1px solid #eeeeee;
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: #aaa; 
font-size: 10px;
line-height:16px; 
font-family: arial;
font-style: none;
font-weight: normal; 
padding-left:2px; 
text-align:center;
background:#eee;
border-bottom:2px solid #ccc; 
display:block;
text-transform: uppercase; 
margin:0px; padding:2px;}

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

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

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



a.navi,a.navi:link,a.navi:active,a.navi:visited {
color:#aaa;
background-color:#eee;
font-family: Calibri;
font-weight:bold;
font-size: 9px;
line-height: 30px;
letter-spacing: 2px;
width:97.2px;
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: 2px;  color:#fff;}

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

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




a.link,a.link:link,a.link:active,a.link:visited{
display:block;
width:auto;
text-transform:uppercase;
font-family: "04b24"; 
text-align: center;
font-size: 8px; 
line-height:8px;
padding:2px 5px;
margin-top:2px;
color: #aaa;
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: #eee; border:1px solid #ccc;}
a.link:nth-child(4n+2) { background: #eee; border:1px solid #ccc;}
a.link:nth-child(4n+3) { background: #eee; border:1px solid #ccc;}
a.link:nth-child(4n+4) { background: #eee; 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: #aaa;
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: #eee; border: 1px solid #ccc;}
a.elite:nth-child(5n+2) { background-color: #eee; border: 1px solid #ccc;}
a.elite:nth-child(5n+3) { background-color: #eee; border: 1px solid #ccc;}
a.elite:nth-child(5n+4) { background-color: #eee; border: 1px solid #ccc;}
a.elite:nth-child(5n+5) { background-color: #eee; border: 1px solid #ccc;}

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

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