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




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

::-webkit-scrollbar {
background-image: url("scroll.png");
background-repeat: repeat-y;
width:4px; height: 2px; 
border-radius:5px;
background: #E3E3E3;}

#container{
position: relative; 	
margin:35px auto 5px auto; 
width: 714px; 
padding: 3px; 
background-color:#f7f7f7;
border: 1px solid #e7e7e7;		
overflow: hidden;
}

#navi{
position: absolute; 
left: 257px; top: 90px;
width:100px; padding:5px;
}

#header {
margin: 3px;
background-image: url(header2.png) ;
border:1px solid #eee;
width: 500px;
height: 150px;
}

#sidebar{
position: absolute;
float: right;
width: 190px;
left: 514px; top: 3px;
padding:5px;
margin:0px 0px;
background-color:#f7f7f7;
}

#content{
float: left;
width: 492px;
padding:5px;
margin:4px;
background-color:#f7f7f7;
}

#footer{
clear:both;
background-color:#f7f7f7;
border-top:1px solid #eee;
text-align:center;
padding:5px;
}

b {color:#444;}
i {color:#888;}
u {color:#999;}
	


a:link, a:active, a:visited {
text-decoration: none; 
color: #aaa;
 -webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}
a:hover {
color: #ffffff;
text-decoration: none; 
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}





a.nav1, a.nav1:link, a.nav1:active, a.nav1:visited { 
	width:90px;
	height:90px;
	display: inline-block;
	border-radius:45px;
	-moz-border-radius:45px;
	-webkit-border-radius:45px;
	-khtml-border-radius:45px;
	font-size:18px;
	margin: 2px;
	line-height:90px;
	text-align:center;
	background: #eee;
	font-family:georgia; 
	text-transform:lowercase; 
	font-style: italic;
	text-decoration:none;
	font-weight:none;
	letter-spacing:-1px;
	-webkit-transition: 0.8s ease-out;-moz-transition: 0.8s ease-out;transition: 0.8s ease-out;
	color: #aaa;
	border: 1px dashed #ccc;
} 

a.nav1:hover { 
	transform: rotate(-360deg); -moz-transform: rotate(-360deg); -webkit-transform:      rotate(-360deg); -o-transform: rotate(-360deg);
	color: #fff;
	background: #e4e2e2;	background: url("http://adammcquaid.ca/images/ADAM1.png");

}


a.nav2, a.nav2:link, a.nav2:active, a.nav2:visited { 
	width:90px;
	height:90px;
	display: inline-block;
	border-radius:45px;
	-moz-border-radius:45px;
	-webkit-border-radius:45px;
	-khtml-border-radius:45px;
	font-size:18px;
	margin: 2px;
	line-height:90px;
	text-align:center;
	background: #eee;
	font-family:georgia; 
	text-transform:lowercase; 
	font-style: italic;
	text-decoration:none;
	font-weight:none;
	letter-spacing:-1px;
	-webkit-transition: 0.8s ease-out;-moz-transition: 0.8s ease-out;transition: 0.8s ease-out;
	color: #aaa;
	border: 1px dashed #ccc;
} 

a.nav2:hover { 
	transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform:      rotate(360deg); -o-transform: rotate(360deg);
	color: #fff;
	background: #e4e2e2;	background: url("http://adammcquaid.ca/images/ADAM1.png");

}


a.nav3, a.nav3:link, a.nav3:active, a.nav3:visited { 
	width:90px;
	height:90px;
	display: inline-block;
	border-radius:45px;
	-moz-border-radius:45px;
	-webkit-border-radius:45px;
	-khtml-border-radius:45px;
	font-size:18px;
	margin: 2px;
	line-height:90px;
	text-align:center;
	background: #eee;
	font-family:georgia; 
	text-transform:lowercase; 
	font-style: italic;
	text-decoration:none;
	font-weight:none;
	letter-spacing:-1px;
	-webkit-transition: 0.8s ease-out;-moz-transition: 0.8s ease-out;transition: 0.8s ease-out;
	color: #aaa;
	border: 1px dashed #ccc;
} 

a.nav3:hover { 
	transform: rotate(-360deg); -moz-transform: rotate(-360deg); -webkit-transform:      rotate(-360deg); -o-transform: rotate(-360deg);
	color: #fff;
	background: #e4e2e2;	background: url("http://adammcquaid.ca/images/ADAM1.png");

}

a.nav4, a.nav4:link, a.nav4:active, a.nav4:visited { 
	width:90px;
	height:90px;
	display: inline-block;
	border-radius:45px;
	-moz-border-radius:45px;
	-webkit-border-radius:45px;
	-khtml-border-radius:45px;
	font-size:18px;
	margin: 2px;
	line-height:90px;
	text-align:center;
	background: #eee;
	font-family:georgia; 
	text-transform:lowercase; 
	font-style: italic;
	text-decoration:none;
	font-weight:none;
	letter-spacing:-1px;
	-webkit-transition: 0.8s ease-out;-moz-transition: 0.8s ease-out;transition: 0.8s ease-out;
	color: #aaa;
	border: 1px dashed #ccc;
} 

a.nav4:hover { 
	transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform:      rotate(360deg); -o-transform: rotate(360deg);
	color: #fff;
	background: #e4e2e2;	background: url("http://adammcquaid.ca/images/ADAM1.png");

}









a.aff1:active, a.aff1:visited, a.aff1:link{
background:#eee;
display:block;
font:10px/8px ernest; 
color:#aaa !important;
margin-bottom:1px; 
padding-left:4px;
text-align: center;
line-height: 12px;
border-left: 6px solid #ccc;
}						
a.aff1:hover {	
color:#fff !important;
text-align: center;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
background:#e4e2e2;
border-left: 15px solid #ccc;
}

a.aff2:active, a.aff2:visited, a.aff2:link{
background:#eee;
display:block;
font:10px/8px ernest; 
color:#aaa !important;
margin-bottom:1px; 
padding-left:4px;
text-align: center;
line-height: 12px;
border-left: 6px solid #ccc;
}						
a.aff2:hover {	
background-color:#e4e2e2;    
color:#fff !important;
text-align: center;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
background:#333;
border-left: 15px solid #ccc;
}

a.aff3:active, a.aff3:visited, a.aff3:link{
background:#eee;
display:block;
font:10px/8px ernest; 
color:#aaa !important;
margin-bottom:1px; 
padding-left:4px;
text-align: center;
line-height: 12px;
border-left: 6px solid #ccc;
}						
a.aff3:hover {	
color:#fff !important;
text-align: center;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
background:#e4e2e2;
border-left: 15px solid #ccc;
}

a.aff4:active, a.aff4:visited, a.aff4:link{
background:#eee;
display:block;
font:10px/8px ernest; 
color:#aaa !important;
margin-bottom:1px; 
padding-left:4px;
text-align: center;
line-height: 12px;
border-left: 6px solid #ccc;
}						
a.aff4:hover {	
color:#fff !important;
text-align: center;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
background:#e4e2e2;
border-left: 15px solid #ccc;
}

a.update:active, a.update:visited, a.update:link{
display:block;
font:10px/8px ernest; 
color:#aaa !important;
margin-bottom:1px; 
padding-left:4px;
text-align: left;
letter-spacing: 2px;
line-height: 12px;
-moz-transition:  0.3s ease-out;																
-webkit-transition:  0.3s ease-out;
}						
a.update:hover {
padding-left: 14px;
color:#fff !important;
background-color: #e4e2e2;
-moz-transition:  0.8s ease-out;																
-webkit-transition:  0.8s ease-out;
}




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

::-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;}
 
 
 
 textarea{
color: #aaa;
background: #f7f7f7;
border: 1px solid #bbb; 
border-bottom: 3px solid 

#bbb;
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-left: 5px solid #ccc;  
border-right: 25px solid #ccc;
  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 {
  content: "\201C";
  font-family: Georgia, serif;
  font-size: 60px;
  

font-weight: bold;
  color: #ccc;
  text-align: center;
  position: absolute;
  left: 

5px;
  top: 3px;
  

background: #eee;
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
blockquote a {
text-decoration: none;
  background: #eee;
  padding: 0 3px;
  color: #aaa;
  

border-radius: 5px;
}

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;

}

h1 {
color: #222; 
font-size: 13px;
line-height:16px; 
font-family: Calibri;
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: #222; 
font-size: 13px;
line-height:16px; 
font-family: Calibri;
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: #222; 
font-size: 13px;
line-height:16px; 
font-family: Calibri;
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: #222; 
font-size: 13px;
line-height:16px; 
font-family: Calibri;
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;}

h5 {
color: #222; 
font-size: 13px;
line-height:16px; 
font-family: Calibri;
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;}



h6 {
text-align: center;
font-family: calibri;
font-size:10px; 
color: #aaa;
margin:1px; 
font-weight: normal;
letter-spacing: 2px;
text-transform: uppercase;
border-bottom: 2px dotted 
#ccc;}


a {
text-decoration: none;
}







