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

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

#container {
width: 750px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
background-color: #f7f7f7;
border: 1px solid #eee;
padding: 6px 6px 0px 6px;
overflow: hidden;
border-radius: 15px;
-webkit-box-shadow: 0 0 20px 1px #ccc;
box-shadow: 0 0 20px 1px #ccc;}

#header {
background: url("a.png");
width: 748px;
height: 220px;
border: 1px solid #0;
border-top-left-radius: 11px;
border-top-right-radius: 11px;}

#navigation {
float:right;
padding: 2px 4px;
width: 534px;
border: 1px solid #ccc;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
margin: 6px 0px;}

a.nav1{
width: 125px; 
font-family: arial; 
font-size: 20px;
color: #aaa;
font-weight: bold;
background: #eee; 
padding: 5px 0px; 
margin: 3px 3px 3px 3px;
text-align: center; 
border: 1px solid #ccc;
text-shadow: # 1px 1px 2px;
display: block; float: left;}

a.nav1:hover{
background-color: #ddd;
color: #fff;}

a.nav2{
width: 125px; 
color: #aaa;
font-weight: bold;
background: #eee; 
padding: 5px 0px; 
margin: 3px 3px 3px 3px;
text-align: center; 
border: 1px solid #ccc;
text-shadow: # 1px 1px 2px;
display: block; float: left;}

a.nav2:hover{
background-color: #DDD;
color: #fff;}

a.nav3{
width: 125px; 
color: #aaa;
font-weight: bold;
background: #eee; 
padding: 5px 0px; 
margin: 3px 3px 3px 3px;
text-align: center; 
border: 1px solid #ccc;
text-shadow: # 1px 1px 2px;
display: block; float: left;}

a.nav3:hover{
background:-color: #ddd;
color: #fff;}

a.nav4{
width: 125px; 
color: #aaa;
font-weight: bold;
background: #eee; 
padding: 5px 0px; 
margin: 3px 3px 3px 3px;
text-align: center; 
border: 1px solid #ccc;
text-shadow: # 1px 1px 2px;
display: block; float: left;}

a.nav4:hover{
background-color: #ddd;
color: #fff;}

#sidebar {
float: left;
width: 190px;
background-color:#f7f7f7;
padding: px;
margin-top:6px;
margin-bottom:6px;}

#box{
border: 1px solid #eee;
margin-bottom:6px;
padding:5px;
width:100%;}

#content {
float: right;
width: 530px;
background-color:#f7f7f7;
padding: 6px;
overflow: yes;
margin-left: 0px;
margin-top:;
border: 1px solid #eee;
text-align: justify;
margin-bottom:6px;}



b {color:#222; font-weight:normal;}
i {color:#333; font-style:normal;}
u {color:#444; text-decoration:none;}
s {color:#111; text-decoration:none;}

a:link, a:active, a:visited {
text-decoration: none; color: #222;}

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





a, a:link, a:visited, a:active {
font-size: 10px;
line-height: 12px;
text-decoration: none;
text-transform: lowercase;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
a:hover {color:#222;}

a.link1:active, a.link1:visited, a.link1:link {
display: block; 
font-size: 10px; 
color: #aaa;
text-align: center;   
line-height: 12px; 
margin: 1px 1px 1px 1px;
padding: 1px 1px 2px 1px;
background: #eee; 
border: 1px solid #ccc;
-webkit-transition: all 0.4s ease-out; 
-moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out;
text-shadow: #aaa 1px 1px 2px;}

a.link1:hover{
background-color: #ddd;
color: #fff;
-webkit-transition: all 0.4s ease-out; 
-moz-transition: all 0.4s ease-out; 
transition: all 0.4s ease-out;}

a.link2:active, a.link2:visited, a.link2:link {
display: block; 
font-size: 10px; 
color: #aaa;
text-align: center;   
line-height: 12px; 
margin: 1px 1px 1px 1px;
padding: 1px 1px 2px 1px;
background: #eee; 
border: 1px solid #ccc;
-webkit-transition: all 0.4s ease-out; 
-moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out;
text-shadow: #0 1px 1px 2px;}

a.link2:hover{
background-color: #ddd;
color: #fff;
-webkit-transition: all 0.4s ease-out; 
-moz-transition: all 0.4s ease-out; 
transition: all 0.4s ease-out;}

a.link3:active, a.link3:visited, a.link3:link {
display: block; 
font-size: 10px; 
color: #aaa;
text-align: center;   
line-height: 12px; 
margin: 1px 1px 1px 1px;
padding: 1px 1px 2px 1px;
background: #eee; 
border: 1px solid #ccc;
-webkit-transition: all 0.4s ease-out; 
-moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out;
text-shadow: # 1px 1px 2px;}

a.link3:hover{
background-color: #ddd;
color: #fff;
-webkit-transition: all 0.4s ease-out; 
-moz-transition: all 0.4s ease-out; 
transition: all 0.4s ease-out;}

a.link4:active, a.link4:visited, a.link4:link {
display: block; 
font-size: 10px; 
color: #aaa;
text-align: center;   
line-height: 12px; 
margin: 1px 1px 1px 1px;
padding: 1px 1px 2px 1px;
background: #eee; 
border: 1px solid #ccc;
-webkit-transition: all 0.4s ease-out; 
-moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out;
text-shadow: #0 1px 1px 2px;}

a.link4:hover{
background-color: #ddd;
color: #fff;
-webkit-transition: all 0.4s ease-out; 
-moz-transition: all 0.4s ease-out; 
transition: all 0.4s ease-out;}

img.hovi, a.hovi:active img, a.hovi:link img, a.hovi:visited img {
margin: 1px 1px 1px 1px;
padding: 5px 5px 5px 5px; 
background-color: #eee; 
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;}

img.hovi img:hover, a.hovi:hover img {background-color: #ddd;
color: #fff;}

a.newlink:link, a.newlink:active, a.newlink:visited {
width: 83px;
font-family: "Ernest";
font-size: 10px;
line-height: 8px;
color: #aaa;
background: #eee;
font-style: none;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0px;
padding: 2px 1px 0px 0px;
margin: 2px 0px 2px 0px;
text-align: center;
border: 1px solid #ccc;
display: inline-block;}
a.newlink:hover {background: #ddd;color: #fff;}



#content 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 #eee;
-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 #DAD7D7;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-border-radius: 5px;
 }
textarea{
color: #aaa;
background: #f7f7f7;
border: 1px solid #ccc; 
#ccc;
margin: 2px;-webkit-box-shadow: 0 2px 8px #777;
-moz-box-shadow: 0 2px 8px #777;
  box-shadow: 0 2px 8px #777;
}

blockquote {
  display: block;
  background: #f7f7f7;
  padding: 10px 
15px 10px 50px;
margin: 0 auto 3px;
  width: 296px;
  position: relative;
  line-height: 1;
  color: 

#aaa;
  font-size: 12px;
  text-align: justify;  
border-right: 25px solid #bbb;
border-radius: 250px;-webkit-box-shadow: 0 2px 8px #777;
  -moz-box-shadow: 0 2px 8px #777;
  box-shadow: 0 2px 8px
  #777;
}

blockquote::before {
left:-3px;
top: -25px;
color: #ccc;
content: "\2605";
  font-family: Georgia, serif;
  font-size: 60px;
font-weight: bold;
  color: #ccc;
  text-align: center;
  position: absolute;
  left: 5px;
  top: 3px;
background: #;
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
blockquote a {
text-decoration: none;
  background: #f7f7f7;
  padding: 0 3px;
color: #aaa;
  border-radius: 5px;
}

blockquote2{
  display: block;
  text-align: left;
  width: 296px;
  background: #f7f7f7 ;
  padding: 

10px 10px 10px 5px;
margin: 20 2 20 0px;
  position: relative;
  line-height: 1.2;
  color: #aaa;

}
blockquote2{
  display: block;
  text-align: left;
  width: 296px;
  background: #eee ;
  padding: 10px 10px 10px 5px;
  margin: 20 2 20 0px;
  position: relative;
  line-height: 1.2;
  color: #aaa;

}

a {
text-decoration: none;
}



h1 {
font-family: georgia;
color: #aaa;
background-color:#eee;
text-transform: uppercase;
border: 1px solid #ccc;
border-bottom: 3px solid #ccc;
border-radius: 5px;
font-size: 10px;
font-style: none;
font-weight: normal;
letter-spacing: 0px;
line-height: 12px;
text-align:center;
padding:2px; margin:0px;}

h2 {
font-family: georgia;
color: #aaa;
background-color:#eee;
text-transform: uppercase;
border: 1px solid #ccc;
border-bottom: 3px solid #ccc;
border-radius: 5px;
font-size: 10px;
font-style: none;
font-weight: normal;
letter-spacing: 0px;
line-height: 12px;
text-align:center;
padding:2px; margin:0px;}

h3 {
font-family: georgia;
color: #aaa;
background-color:#eee;
text-transform: uppercase;
border: 1px solid #ccc;
border-bottom: 3px solid #ccc;
border-radius: 5px;
font-size: 10px;
font-style: none;
font-weight: normal;
letter-spacing: 0px;
line-height: 12px;
text-align:center;
padding:2px; margin:0px;}

h4 {
font-family: georgia;
color: #aaa;
background-color:#eee;
text-transform: uppercase;
border: 1px solid #ccc;
border-bottom: 3px solid #ccc;
border-radius: 5px;
font-size: 10px;
font-style: none;
font-weight: normal;
letter-spacing: 0px;
line-height: 12px;
text-align:center;
padding:2px; margin:0px;}