

@font-face { font-family: "04b24"; text-transform:uppercase; src: url('../../../../../static.tumblr.com/zei83do/8jlmi91fu/04b_24__.ttf');}


h1 {
font-family: 'Pacifico', cursive;
font-size:19px;
color: #aaa;
font-weight: normal;
text-align: center;
text-transform:lowercase;
letter-spacing: 2px;
background: #DAD7D7;
border-bottom:3px double #bbb;
line-height: 17px;
padding:1px;
margin-top:1px;
margin-bottom:3px;
margin-left:0px;
margin-right:0px;
border-radius: 3px;}



h2 {
font-family: 'Pacifico', cursive;
font-size:15px;
color: #aaa;
font-weight: normal;
text-align: center;
text-transform:lowercase;
letter-spacing: 2px;
background: #DAD7D7;
border-bottom:3px double #bbb;
line-height: 17px;
padding:1px;
margin-top:1px;
margin-bottom:3px;
margin-left:0px;
margin-right:0px;
border-radius: 3px;
}



h3{
font-family: 'Pacifico', cursive;
font-size:15px;
color: #aaa;
font-weight: normal;
text-align: center;
text-transform:lowercase;
letter-spacing: 2px;
background: #DAD7D7;
border-bottom:3px double #bbb;
line-height: 17px;
padding:1px;
margin-top:1px;
margin-bottom:3px;
margin-left:0px;
margin-right:0px;
border-radius: 3px;
}
 h4{
font-family: 'Pacifico', cursive;
font-size:15px;
color: #aaa;
font-weight: normal;
text-align: center;
text-transform:lowercase;
letter-spacing: 2px;
background: #DAD7D7;
border-bottom:3px double #bbb;
line-height: 17px;
padding:1px;
margin-top:1px;
margin-bottom:3px;
margin-left:0px;
margin-right:0px;
border-radius: 3px;
}
h5{
font-family: 'Pacifico', cursive;
font-size:15px;
color: #aaa;
font-weight: normal;
text-align: center;
text-transform:lowercase;
letter-spacing: 2px;
background: #DAD7D7;
border-bottom:3px double #bbb;
line-height: 17px;
padding:1px;
margin-top:1px;
margin-bottom:3px;
margin-left:0px;
margin-right:0px;
border-radius: 3px;
}

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

h1:first-letter { color: #717171 }
h2:first-letter { color: #717171 }
h3:first-letter { color: #717171 }
h4:first-letter { color: #717171 }
h5:first-letter { color: #717171 }
h6:first-letter { color: #717171 }

::-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("kkk.png") repeat-x, 
url("stripe.png") repeat;
background-color:#E3E3E3; 
overflow-x:hidden;
font-family: calibri; 
text-align:justify;
font-size: 10px; 
color: #777;
margin: 0px; 
padding: 0px;}



#content img, #content a img {
background: url(scroll.png) bottom center;
padding: 4px;
opacity: 0.9;
margin: 2px;
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;
 }
 
#content img:hover, #content a:hover img {
background: url(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;
 }




#navbar{
background-color:#e3e3e3;
position: absolute; 
left: 0px; top: 250px;
width:100px; padding:3px;}


#container {
background-color:#e3e3e3;
border:1px solid #DAD7D7;
overflow: auto; 
margin:20px auto; 
padding:5px; 
width: 804px;}


#header{
float:left;
background-color:#e3e3e3;
border:1px solid #DAD7D7;
padding:2px;
margin:2px 0px;
height:250px;
width:798px;}


#sidebar{
float:right;
background-color:#e3e3e3;
border:1px solid #DAD7D7;
padding:4px;
margin:2px 0px;
width:222px;}


#content{
float:left;
background-color:#e3e3e3;
border:1px solid #DAD7D7;
padding:3px;
margin:2px 0px;
width:560px;}


#footer {
background-color:#e3e3e3;
border:1px solid #DAD7D7;
text-align: center;
margin: 0px;
padding: 2px;
clear:both;
font-family:ernest; 
font-size:10px; }



b{color:#555;}
i{color:#555; font-family:times new roman; font-size:13px;}
u{color:#555;}
s{color:#555;}


a:active, a:visited, a:link {
font-family:"04b24";
font-size:8px;
text-transform:uppercase;
color:#747373;
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:#aaa9a9;
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;}

textarea{
color: #aaa;
background: #DAD7D7;
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: #DAD7D7;
  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: 25px;-
webkit-box-shadow: 0 2px 8px #777;
  -moz-box-shadow: 0 2px 8px #777;
  box-shadow: 0 2px 8px 
#777;
}

blockquote::before {
  content: "\2665";
  font-family: Georgia, serif;
  font-size: 60px;
  

font-weight: bold;
  color: #aaa;
  text-align: center;
  position: absolute;
  left: 5px;
  top: 3px;
background: #DAD7D7;
  width: 28px;
  height: 28px;
  border-radius: 50%;
}



blockquote a {
  text-
decoration: none;
  background: #DAD7D7;
  padding: 0 3px;
  color: #aaa;
  border-radius: 5px;
}

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

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

}
/* don't edit this coding VVVV */
.hvr-underline-from-center {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
overflow: hidden;}
  
.hvr-underline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
bottom: 0;
height: 4px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;}
  
.hvr-underline-from-center:hover:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:active:before {
left: 0;
right: 0;
}


/* don't edit this coding ^^^^ */



a.navi,a.navi:link,a.navi:active,a.navi:visited {
color:#333333;
background-color:#D9D9D9;
font-family: Calibri;
font-weight:bold;
font-size: 9px;
line-height: 30px;
letter-spacing: 2px;
width:97px;
margin: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:nth-child(6n+1) { background: #DAD7D7;}
a.navi:nth-child(6n+2) { background: #DAD7D7;}
a.navi:nth-child(6n+3) { background: #DAD7D7;}
a.navi:nth-child(6n+4) { background: #DAD7D7;}
a.navi:nth-child(6n+5) { background: #DAD7D7;}
a.navi:nth-child(6n+6) { background: #DAD7D7;}

/* this is the coding to change the color of the line */
a.navi:nth-child(6n+1):before { background: #aaa;}
a.navi:nth-child(6n+2):before { background: #aaa;}
a.navi:nth-child(6n+3):before { background: #aaa;}
a.navi:nth-child(6n+4):before { background: #aaa;}
a.navi:nth-child(6n+5):before { background: #aaa;}
a.navi:nth-child(6n+6):before { background: #aaa;}

a.navi:nth-child(6n+1):hover {background: #ddd;color:#fff;}
a.navi:nth-child(6n+2):hover {background: #ddd;color:#fff;}
a.navi:nth-child(6n+3):hover {background: #ddd;color:#fff;}
a.navi:nth-child(6n+4):hover {background: #ddd;color:#fff;}
a.navi:nth-child(6n+5):hover {background: #ddd;color:#fff;}
a.navi:nth-child(6n+6):hover {background: #ddd;color:#fff;}



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

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