body { 
background:url("4-1.png") repeat-x, 
url("http://adammcquaid.ca/adamlayouts4/56/zigzag.png") repeat;
background-color:#121212; 
overflow-x:hidden;
font-family: calibri; 
text-align:justify;
font-size: 10px; 
color: #777;
margin: 0px; 
padding: 0px;}

p { text-indent: 15px }
#container {
    position: relative;
    margin: 10 auto 0;
    padding: 6px;
    width: 742px;
    border-radius: 5px;
    overflow: hidden;
    background-color:#121212;
border: 3px solid #0C0C0C;
}
#header {
    position: relative;
    float: left;
    background: url("header.png") center center;
    width: 550px;
    height: 225px;
    background-color:#121212 ;

}
#content {
    position: relative;
    float: left;
    width: 545px;
background-color:#121212;
border:1px solid #0C0C0C;
    padding: 4px;
    margin-top: -337px;
}
#sidebar {
    top: 3px;
    margin: 0px auto;
    position: relative;
    left: 8px;
    float: left;
background-color:#121212 ;
border:1px solid #0C0C0C;
    padding: 4px;
    width: 180px;
}
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 }

h1 {
font-family: tahoma;
font-size:10px;
text-shadow: 1px 1px 3px #9c9c9c;
color: #777;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 2px;
background: #1c1c1c;
border:1px solid #0C0C0C;
line-height: 16px;
padding:0px;
margin-top:3px;
margin-bottom:3px;
margin-left:0px;
margin-right:0px;
border-radius: 5px;
}
h2 {
font-family: tahoma;
font-size:10px;
text-shadow: 1px 1px 3px #9c9c9c;
color: #777;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 2px;
background: #1c1c1c;
border:1px solid #0C0C0C;
line-height: 16px;
padding:0px;
margin-top:3px;
margin-bottom:3px;
margin-left:0px;
margin-right:0px;
border-radius: 5px;
}
h3 {
font-family: tahoma;
font-size:10px;
text-shadow: 1px 1px 3px #9c9c9c;
color: #777;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 2px;
background: #1c1c1c;
border:1px solid #0C0C0C;
line-height: 16px;
padding:0px;
margin-top:3px;
margin-bottom:3px;
margin-left:0px;
margin-right:0px;
border-radius: 5px;
}
h4 {
font-family: tahoma;
font-size:10px;
text-shadow: 1px 1px 3px #9c9c9c;
color: #777;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 2px;
background: #1c1c1c;
border:1px solid #0C0C0C;
line-height: 16px;
padding:0px;
margin-top:3px;
margin-bottom:3px;
margin-left:0px;
margin-right:0px;
border-radius: 5px
}
h5 {
font-family: tahoma;
font-size:10px;
text-shadow: 1px 1px 3px #9c9c9c;
color: #777;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 2px;
background: #1c1c1c;
border:1px solid #0C0C0C;
line-height: 16px;
padding:0px;
margin-top:3px;
margin-bottom:3px;
margin-left:0px;
margin-right:0px;
border-radius: 5px
}
h6 {
    border-radius: 0px;
    font: 10px/8px ernest;
    text-align: center;
    margin: 0 auto 1px;
    color: #777;
    letter-spacing: 1px;
    font-weight: normal;
    border-bottom: 1px dotted #0C0C0C;
}
a:visited,
a:link,
a:active 

a {	
color: #535252; 
text-decoration: none;
-moz-transition: 0.7s ease-out;  
margin: 0px; 
padding: 2px;
-webkit-transition: 0.7s ease-out;
}					
a:hover {
color: #999; 
-moz-transition: 0.7s ease-out;
-webkit-transition: 0.7s ease-out;}


#navi {
    position: relative;
    left: 8px;
    float: left;
        background-color:#121212;
border: 1px solid #0C0C0C;
    padding: 4px;
    width: 172px;
}
a.nav,
a.nav:link,
a.nav:active,
a.nav:visited {
    display: block;
    font-size: 10px;
    font-family: "ernest";
    text-align: center;
    line-height: 22px;
    margin: 1px;
    width: 172px;
background: #1c1c1c; 
color: #777; 
border-left: 5px solid #262626;
border-right: 5px solid #262626;    
}
a.nav:hover {
 background: #292929; 
color: #999;    
border-left: 10px solid #383838;
border-right: 10px solid #383838;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.nav {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ();
    transform: translateZ();
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #1c1c1c;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.nav:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #292929;
    -webkit-transform: scaleX();
    transform: scaleX();
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.nav:hover,
.nav:focus,
.nav:active { color: white }
.nav:hover:before,
.nav:focus:before,
.nav:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
a.nav:nth-child(4n+1) { background: #1c1c1c }
a.nav:nth-child(4n+2) { background: #1c1c1c }
a.nav:nth-child(4n+3) { background: #1c1c1c }
a.nav:nth-child(4n+4) { background: #1c1c1c }
a.nav:nth-child(4n+1):hover {
    color: #999;
    background: #292929;border-left: 5px solid #383838;
border-right: 5px solid #383838;  
}
a.nav:nth-child(4n+2):hover {
    color: #999;
    background: #292929;border-left: 5px solid #383838;
border-right: 5px solid #383838;  
}
a.nav:nth-child(4n+3):hover {
    color: #999;
    background: #292929;border-left: 5px solid #383838;
border-right: 5px solid #383838;  
}
a.nav:nth-child(4n+4):hover {
    color: #999;
    background: #292929;border-left: 5px solid #383838;
border-right: 5px solid #383838;  
}
a.affies:active,
a.affies:visited,
a.affies:link {
    display: block;
    font-size: 10px;
    font-family: "ernest";
    text-align: center;
    line-height: 12px;
    margin: 1px;
    background-color: #1c1c1c;
    color: #777;
    padding: 0px;
    text-decoration: none;
    -webkit-transition: 0.4s ease-out;
    -moz-transition: 0.4s ease-out;
}
a.affies:hover { border-left: 15px solid #262626 }
a.affies:nth-child(4n+1) { border-left: 5px solid #262626 }
a.affies:nth-child(4n+2) { border-left: 5px solid #262626 }
a.affies:nth-child(4n+3) { border-left: 5px solid #262626 }
a.affies:nth-child(4n+4) { border-left: 5px solid #262626 }
a.affies:nth-child(4n+1):hover { border-left: 15px solid #383838;     color: #999;
    background: #292929;}
a.affies:nth-child(4n+2):hover { border-left: 15px solid #383838;    color: #999;
    background: #292929; }
a.affies:nth-child(4n+3):hover { border-left: 15px solid #383838;     color: #999;
    background: #292929;}
a.affies:nth-child(4n+4):hover { border-left: 15px solid #383838;     color: #999;
    background: #292929;}
#footer {
    top: 5px;
    position: relative;
    clear: both;    background-color:#121212 ;
border:1px solid #0C0C0C; color: #555;
    text-align: center;
}

b {color: #aaa;}

i {color: #555;}

u {color: #777;}

s {color: #bbb;}



#content img, #content a img {
background: url(Untitled-4.png) bottom center;
padding: 4px;
opacity: 0.9;
margin: 2px;
border-radius: 5px;
border: 1px solid #0C0C0C;
-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(Untitled-4.png) top center;
opacity: 1;
border-radius: 5px;
border: 1px solid #0C0C0C;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-border-radius: 5px;
 }
#box {
    position: relative;
    float: left;
    padding: 4px;
    width: 174px;
    background-color: #121212;
    margin-bottom: 3px;
}
a.update:link, a.update:link, a.update:visited{
display: block;
color: #777;
text-align: left;
background-color: #121212;
font: 10px/9px ernest; 
padding: 2px 0px 3px 13px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 1px;
margin-right: 1px;
 width: 172px;
}



a.update:hover {
background-color: #292929;
color: #555;
margin-left: 25px;
text-align: right;
-moz-transition: 0.8s ease-out; 
-webkit-transition: 0.8s ease-out; 
}

u1 {display: block; font: 10px/8px ernest; font-weight: normal; margin: 0 0 0; padding: 2px 8px; text-align: left; color: #777; background: #1c1c1c; letter-spacing: 1px;}





::-webkit-scrollbar-thumb 
{background-image: url(Untitled-4.png); background-color: #1c1c1c; -webkit-border-radius: 5px; }
::-webkit-scrollbar 
{width:4px; height: 5px; background: #1c1c1c; }


img.thumb,
a.thumb:active img,
a.thumb:link img,
a.thumb:visited img {padding: 6px;
                                background-image: url(Untitled-4.png);
                                background-color: #1c1c1c;
                                background-position: top left; 
                                border: 1px solid#292929;
                                margin: 2px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

h1 {
font-family: tahoma;
font-size:10px;
text-shadow: 1px 1px 3px #9c9c9c;
color: #777;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 2px;
background: #1c1c1c;
border:1px solid #0C0C0C;
line-height: 16px;
padding:0px;
margin-top:3px;
margin-bottom:3px;
margin-left:0px;
margin-right:0px;
border-radius: 5px;
}



a.elite1, a.elite1:link, a.elite1:visited, a.elite1:active {
display: block; 
margin: 1px;
font: 10px/10px Tahoma; 
background: #1c1c1c; 
color: #777; 
padding: 3px 0px; 
text-align: center; 
}

a.elite1:hover {
color: #999; 
background-color: #292929;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}



textarea{
color: #535252;
border: 1px solid #0C0C0C; 
border-bottom: 3px solid #0C0C0C;background: #292929;
}




blockquote {
  display: block;
  background: #292929;
  padding: 10px 15px 10px 40px;
  margin: 0 0 20px;
  width: 360px;
  position: relative;
  line-height: 1.2;
  color: #777;
  text-align: justify;  
  border-left: 10px solid #222;
  border-right: 10px solid #222;
}


blockquote::before {
  content: "\201C";
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #535252;
  position: absolute;
  left: 10px;
  top: -15px;
}


blockquote::after {  
  content: "";
}


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


blockquote em {
  font-style: italic;
}