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

#container {
width: 750px;
margin: 0 auto;
margin-top: 44px;
margin-bottom: 10px;
background-color:#f7f7f7;
border:3px solid#e9e9e9;
padding: 8px 8px 0px 8px;
overflow: hidden;
border-radius: 15px;
-webkit-box-shadow: 0 0 20px 1px #333;
box-shadow: 0 0 20px 1px #333;}

#header {
background: url("8.png");
width: 540px;
height: 200px;
background-color:#f7f7f7;
border:3px solid#eee;
border-top-left-radius: 11px;
border-bottom-left-radius: 0px;}


#sidebar {
float: right;
width: 190px;
background-color: #f7f7f7;
padding: 0px 0px 0px 0px;
margin: -242px 11px 6px 0px;
margin-top:-211px;    
}

#box1{
width: 100%;
border: 1px solid #eee;
margin: 0px 0px 6px 0px;
padding: 5px 5px 5px 5px;
border-top-right-radius: 11px;
border-bottom-right-radius: 0px;}

#box2{
width: 100%;
border: 1px solid #eee;
margin: 0px 0px 6px 0px;
padding: 5px 5px 5px 5px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;}

#box3{
width: 100%;
border: 1px solid #eee;
margin: 0px 0px 6px 0px;
padding: 5px 5px 5px 5px;
border-top-right-radius: 0px;
border-bottom-right-radius: 11px;}

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


b {color:#aaa;}
i {color:#bbb; font-family: georgia;}
u {color:#222; text-decoration:none;}
s {color:#777; text-decoration:none;}



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

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: #272525; 
	background-image: url("http://adammcquaid.ca/adamlayouts3/50/ht13.gif")!important;
	background-position: center left!important;
	background-repeat: no-repeat!important;
border: 1px solid #bbb;
-webkit-transition: all 0.4s ease-out; 
-moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out;
text-shadow: #bbb 1px 1px 2px;}

a.link1:hover{
box-shadow:inset 120px 0px 0px #474747;color:#ccc;
-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;
	background-image: url("http://adammcquaid.ca/adamlayouts3/50/ht13.gif")!important;
	background-position: center left!important;
	background-repeat: no-repeat!important;
text-align: center;   
line-height: 12px; 
margin: 1px 1px 1px 1px;
padding: 1px 1px 2px 1px;
background: #272525; 
border: 1px solid #bbb;
-webkit-transition: all 0.4s ease-out; 
-moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out;
text-shadow: #bbb 1px 1px 2px;}

a.link2:hover{
box-shadow:inset 120px 0px 0px #474747;color:#ccc;
-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;
	background-image: url("http://adammcquaid.ca/adamlayouts3/50/ht13.gif")!important;
	background-position: center left!important;
	background-repeat: no-repeat!important;
text-align: center;   
line-height: 12px; 
margin: 1px 1px 1px 1px;
padding: 1px 1px 2px 1px;
background: #272525; 
border: 1px solid #bbb;
-webkit-transition: all 0.4s ease-out; 
-moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out;
text-shadow: #bbb 1px 1px 2px;}

a.link3:hover{
box-shadow:inset 120px 0px 0px #474747;color:#ccc;
-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;
	background-image: url("http://adammcquaid.ca/adamlayouts3/50/ht13.gif")!important;
	background-position: center left!important;
	background-repeat: no-repeat!important;
text-align: center;   
line-height: 12px; 
margin: 1px 1px 1px 1px;
padding: 1px 1px 2px 1px;
background: #272525; 
border: 1px solid #bbb;
-webkit-transition: all 0.4s ease-out; 
-moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out;
text-shadow: #bbb 1px 1px 2px;}

a.link4:hover{
box-shadow:inset 120px 0px 0px #474747;color:#ccc;
-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: #272525; 
-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: #272525;}

a.pag, a.pag:link, a.pag:visited, a.pag:active {
width: 100px;
display: block; 
background-color: #272525; 
font-size: 13px; 
line-height: 15px; 
color: #aaa; 
letter-spacing: -1px; 
border: 1px solid #bbb;
text-align: center;
text-transform: uppercase;
margin: 3px 0px 3px 0px;
padding: 2px 0px 2px 0px;
text-shadow: #bbb 1px 1px 2px;}
a.pag:hover {color: #fff;background-color: #444; }



#content img, #content a img {
background: url(http://www.adammcquaid.ca/adamlayouts11/60/imageback.png) bottom center;
padding: 4px;
opacity: 0.9;
margin: 2px;
border-radius: 5px;
border: 1px solid #272525;
-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://www.adammcquaid.ca/adamlayouts11/60/imageback.png) top center;
opacity: 1;
border-radius: 5px;
border: 1px solid #272525;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-border-radius: 5px;
 }


blockquote {
 display: block;
  background: #272525;
  padding: 10px 15px 10px 50px;
  margin: 0 auto 3px;
  width: 340px;
  position: relative;
  line-height: 1;
  color: #aaa;
  font-size: 12px;
  text-align: justify;  
  border-left: 4px solid #444;
  border-right: 4px solid #444;
}

blockquote::before {
  content: "\201C";
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #aaa;
  text-align: center;
  position: absolute;
  left: 5px;
  top: 3px;
  background: #272525;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}



blockquote a {
  text-decoration: none;
  background: #272525;
  padding: 0 3px;
  color: #aaa;
}



b {color: #474747;}
i {color: #222;}
u {color: #333;}
s {color: #555;}

a {	
color: #474747; 
text-decoration: none;
-moz-transition: 0.8s ease-out;  
margin: 0px; 
padding: 2px;
-webkit-transition: 0.8s ease-out;
cursor:url(""), default!important;
}					
a:hover {
color: #aaa; 
-moz-transition: 0.8s ease-out;
-webkit-transition: 0.8s ease-out;}


a.adam:link, a.adam:active, a.adam:visited{
display:block;
color: #aaa;
background-color:#272525;
font-family: arial; 
font-size: 9px;
text-align:left;
text-transform: uppercase;
padding: 13px; margin:1px;
padding-left: 8px;  
border-top-left-radius: 30px;
border-bottom-left-radius: 30px; 
}
a.adam:hover{
margin-left:-25px;
background-color:#505050;
color: #ccc;
-moz-transition: 0.8s ease-out;
-webkit-transition: 0.8s ease-out;

}



#adam {
position:fixed;
margin-top:-33px;
margin-left:-110px;
height:90px;
width:100px;
color:#aaa;
font-family:ernest;
font-size:10px/8px;
text-align:right;
 
}




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

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

#content img, #content a img {
background: url(hover.png) bottom center;
padding: 4px;
opacity: 0.9;
margin: 2px;
border-radius: 5px;
border: 1px solid 333
-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(hover.png) top center;
opacity: 1;
border-radius: 5px;
border: 1px solid #494949;
-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: #494949;
border: 1px solid #494949; 
margin: 2px;-webkit-box-shadow: 0 2px 8px #777;
-moz-box-shadow: 0 2px 8px #777;
  box-shadow: 0 2px 8px #777;
}

blockquote {
  font-family: calibri;
  display: block;
  background: #333;
  color: #777;
  padding: 5px 10px 15px 50px;
  margin: 0 auto 3px;
  margin-bottom: 20px;
  width: 350px;
  position: relative;
  line-height: 1;
  font-size: 11px;
  letter-spacing: 1px;
  text-align: justify;  
text-align: justify;  
border-right: 25px solid #494949;
border-left: 10px solid #494949;
border-radius: 250px;-webkit-box-shadow: 0 2px 8px #494949;
-moz-box-shadow: 0 2px 8px #494949;
box-shadow: 0 2px 8px
#2C2C2C;
}

blockquote::before {
  content: "\2605";
  font-family: Georgia, serif;
  font-size: 36px;
  font-weight: bold;
  background: #494949;
  color: #aaa;
  text-align: center;
  position: absolute;
  left:9px;
  top: 9px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
blockquote a {
  text-decoration: none;
  background: #232229;
  padding: 0 3px;
  color: #bbb;
}
blockquote2{
  display: block;
  text-align: left;
  width: 400px;
  background: #f6a3d4;
  padding: 10px 10px 10px 5px;
  margin: 20 2 20 0px;
  position: relative;
  line-height: 1.2;
  color: #2b2b2b;
}
h1{	
    margin: 0px;
    font: 10px ernest !important;
    text-align: center;
    padding: 0px;
    background-color:#494949; 
    border-left: 10px solid #494949;
    border-right: 10px solid #494949;
    color: #aaa;
    padding: 2px;
    letter-spacing: 1px;
}

h2{	
    margin: 0px;
    font: 10px ernest !important;
    text-align: center;
    padding: 0px;
    background-color:#494949; 
    border-left: 10px solid #494949;
    border-right: 10px solid #494949;
    color: #aaa;
    padding: 2px;
    letter-spacing: 1px;
}

h3{	
    margin: 0px;
    font: 10px ernest !important;
    text-align: center;
    padding: 0px;
    background-color:#494949; 
    border-left: 10px solid #494949;
    border-right: 10px solid #494949;
    color: #aaa;
    padding: 2px;
    letter-spacing: 1px;
}

h4{	
    margin: 0px;
    font: 10px ernest !important;
    text-align: center;
    padding: 0px;
    background-color:#494949; 
    border-left: 10px solid #494949;
    border-right: 10px solid #494949;
    color: #fff;
    padding: 2px;
    letter-spacing: 1px;
}


h5{
    margin: 0px;
    font: 10px ernest !important;
    text-align: center;
    padding: 0px;
    background-color:#494949; 
    border-left: 10px solid #494949;
    border-right: 10px solid #494949;
    color: #fff;
    padding: 2px;
    letter-spacing: 1px;
}

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



#footer{
clear:both;
width: 530px;
border-top:2px solid #494949;
text-transform:uppercase;
font-family: Calibri;
text-align: center;
font-size: 8px; 
padding:2px;}


#navigation {
float:left;
padding: 2px 4px;
width: 532px;
background-color: #f7f7f7;
border: 1px solid #eee;
margin: 5px 0px;}

a.nav1:active, a.nav1:visited, a.nav1:link {
width: 127px; 
line-height:15px; 
font-family: arial; 
font-size: 17px;
color: #eee;
font-weight: bold;
background: #494949; 
padding: 5px 0px; 
margin: 3px 3px 3px 3px;
text-align: center; 
border-bottom: 2px solid #222;
text-shadow: #1px 1px 2px;
display: block; float: left;}

a.nav1:hover{
border-bottom: 2px solid #aaa;box-shadow:inset 180px 0px 0px #e9e9e9;color:#494949; }

a.nav2:active, a.nav2:visited, a.nav2:link {
width: 127px; 
line-height:15px; 
font-family: arial; 
font-size: 17px;
color: #eee;
font-weight: bold;
background: #494949; 
padding: 5px 0px; 
margin: 3px 3px 3px 3px;
text-align: center; 
border-bottom: 2px solid #222;
text-shadow: #1px 1px 2px;
display: block; float: left;}

a.nav2:hover{
border-bottom: 2px solid #aaa;box-shadow:inset 180px 0px 0px #e9e9e9;color:#494949; }

a.nav3:active, a.nav3:visited, a.nav3:link {
width: 127px; 
line-height:15px; 
font-family: arial; 
font-size: 17px;
color: #eee;
font-weight: bold;
background: #494949; 
padding: 5px 0px; 
margin: 3px 3px 3px 3px;
text-align: center; 
border-bottom: 2px solid #222;
text-shadow: # 1px 1px 2px;
display: block; float: left;}

a.nav3:hover{
border-bottom: 2px solid #222;box-shadow:inset 180px 0px 0px #474747;color:#fff; }

a.nav4:active, a.nav4:visited, a.nav4:link {
width: 127px; 
line-height:15px; 
font-family: arial; 
font-size: 17px;
color: #eee;
font-weight: bold;
background: #494949; 
padding: 5px 0px; 
margin: 3px 3px 3px 3px;
text-align: center; 
border-bottom: 2px solid #222;
text-shadow: # 1px 1px 2px;
display: block; float: left;}

a.nav4:hover{
border-bottom: 2px solid #222;box-shadow:inset 180px 0px 0px #474747;color:#fff; }
