body {         
background: url(top.png), 
url(http://i.imgur.com/doYquCg.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;
line-height: 11px;
font-size: 10px;
color: #747373;
}

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


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

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

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

b{ color:#b4b3b3;}
i{ color:#b0afaf;}
u{ color:#858585; border-bottom:1px dotted #858585;}


h1{
font-family:calibri;
text-transform:uppercase;
font-size:10px;
font-weight:normal;
color:#aaaa;
background-color:#eee;
border-bottom:1px solid #ccc;
letter-spacing:2px;
text-align:center;
padding:0;
margin:0;
margin-bottom:5px;
}

h2{
font-family:calibri;
text-transform:uppercase;
font-size:10px;
font-weight:normal;
color:#aaaa;
background-color:#eee;
border-bottom:1px solid #ccc;
letter-spacing:2px;
text-align:center;
padding:0;
margin:0;
margin-bottom:5px;
}

#container{
overflow: hidden;
width:900px;
height:auto;
border:1px solid #eee;
background-color:#f7f7f7;
margin:22px auto;
padding:5px;
}

#header{
background-image: url('headere.png');
width:900px;
height:200px;
border:1px solid #eee;
}

#content{
border:1px solid #eee;
background-color:#f7f7f7;
width:655px;
height:auto;
margin-top:5px;
padding:3px;
float:right;
}

#sidebar{
position:relative;
width:230px;
height:auto;
padding:2px;
float:left;
}

#box{
border:1px solid #eee;
background-color:#f7f7f7;
text-align:justify;
font-size:9px;
width:226px;
padding:2px;
height:auto;
margin-top:3px;
}

#footer{
width:663px;
height:auto;
margin-top:3px;
float:right;
}

#credit{
border:1px solid #eee;
background-color:#f7f7f7;
width:655px;
height:auto;
margin-top:3px;
padding:3px;
float:right;
}

#box2{
position:relative;
border:1px solid #eee;
background-color:#f7f7f7;
width:212px;
height:120px;
margin-top:3px;
margin-right:3px;
padding:2px;
float:left;
}

a:active, a:visited, a:link {
display: inline-block;
font-family:arial;
font-size:10px;
color:#aaa;
text-decoration: none;
font-weight: normal;
transition-duration: 0.9s;
    -webkit-transition-duration: 0.9s;
    -o-transition-duration: 0.9s;
    -moz-transition-duration: 0.9s;
}

a:hover {
color:#aaa;
text-align:left;
letter-spacing: 0px;
transition-duration: 0.9s;
    -webkit-transition-duration: 0.9s;
    -o-transition-duration: 0.9s;
    -moz-transition-duration: 0.9s;
}

a.link1{   
font-family:  "calibri";
text-transform: uppercase;
font-size: 8px;
text-align:center;
padding:3px 5px; margin:1px;
border:1px solid #eee;
background-color:#f7f7f7;
line-height:8px; 
display:block;
transition-duration: 0.9s;
    -webkit-transition-duration: 0.9s;
    -o-transition-duration: 0.9s;
    -moz-transition-duration: 0.9s;

}

a.link1:hover {
text-align:center; 
margin:1px;
color: #fff;
background:#ddd; 
display:block;
transition-duration: 0.9s;
    -webkit-transition-duration: 0.9s;
    -o-transition-duration: 0.9s;
    -moz-transition-duration: 0.9s;
}


