body { 
  background:#111; 
  font-family:Tahoma; 
  font-size:11px;
  text-align: justify;
  margin: 0px; 
  padding: 0px;
  color:#fff;
  text-shadow: 2px 0px 2px #000;
}

#container {
background-image: linear-gradient(#333,#555);
border:7px solid #038a29;
color:#fff;
overflow:auto; 
margin: auto; 
padding:2px; 
width:1027px;
}

#top{
width:auto;
padding:2px;
padding-left: 3px;
margin:3px;	
clear:both;
text-align: center;
}

#header {
background:#038a29; 
padding:1px;
margin:2px;
height:300px; 
width:1021px;
}

#side1 {
  float:left; 
  margin-top:2px; 
  width:200px;
  text-align:center;
}

#side2 {
  float:right;
  margin-top:2px; 
  width:200px;
  text-align:center;
}


.side {
  background:#333; 
  border-top:7px solid #038a29;
  border-left:3px solid #038a29;
  border-right:3px solid #038a29;
  border-bottom:7px solid #038a29;
  color:#fff;
  font-size:10px; 
  margin-bottom: 7px; 
  width:191px; 
  padding:1px;
  text-align:center;
}

.side2 {
 background:#333;
  border-top:7px solid #038a29;
  border-left:3px solid #038a29;
  border-right:3px solid #038a29;
  border-bottom:7px solid #038a29;
  color:#fff;
  font-size:10px; 
  margin-bottom: 7px; 
  width:191px; 
  padding:1px;
  text-align:center;}

.side3 {
 background:#333;
  border-top:7px solid #038a29;
  border-left:3px solid #038a29;
  border-right:3px solid #038a29;
  border-bottom:7px solid #038a29;
  color:#fff;
  font-size:10px; 
  margin-bottom: 7px; 
  width:191px; 
  padding:1px;
  text-align:center;}




#content {
  float:left; 
  background:#333; 
  color:#fff;
  text-shadow: 2px 0px 2px #000;
  width:616px; 
  margin:2px; 
  padding:2px;
  text-align:center;
}

#footer{
  clear:both;
  float:left; 
  width:1017px; 
  text-align:center;
  font-family:'handy00';
  font-size:8px;  
  color:#038a29;
  text-shadow:2px 0px 4px #000;
}
 
b{color:#038a29;}
i{color:#12a23b;}
u{color:#42d96d;}
s{color:#65e78a;}



@font-face{font-family: "handy00";
src: url('handy00.ttf'),
     url('handy00.eot'); 
}

@font-face{font-family: "pxl";
  src: url('pxl.ttf'),
       url('pxl.eot')
}


h1{
display:block; 
background:#65e78a; 
border-bottom:4px solid #22bc4d; 
color:#fff;
font-family: 'Lora', serif; 
font-size:22px; 
font-weight:normal;
text-shadow: 2px 0px 2px #000;
line-height:20px;
padding-left:5px; 
text-align:center;
text-transform:lowercase; 
margin:0px;
}
h1:first-letter {text-transform:uppercase;}



h2{
display:block;   
color:#fff;
text-shadow: 2px 0px 2px #000;
background:#22bc4d;
border-left:15px solid #038a29;
border-right:15px solid #038a29;
font-family:times new roman; 
font-size:14px; 
font-weight:normal; 
padding-left:5px; 
text-align:center;
text-transform:uppercase; 
margin:0px;
}


h3{
text-align: left;
font-family: 'ariel';
font-size: 11px;
color: #038a29;
text-shadow: 2px 0px 2px #000;
padding: 0px;
margin: 1px;
font-weight: normal;
text-transform: uppercase;
border-bottom: 4px solid #038a29;
}

a {	
color: #038a29; 
text-decoration: none;
letter-spacing: 1px;
margin: 0px; 
padding: 2px;
text-shadow: 2px 0px 4px #000;
}					
a:hover {
color: #22bc4d; 
text-shadow: 2px 0px 4px #000;
}


a.main {
  color:#fff;
  display:block; 
  font-family:'arial'; 
  font-size: 10px; 
  padding-left:5px;
  text-transform:uppercase;
  margin:2px;
  text-align: center;
  text-shadow: 2px 0px 3px #000;
}
  
a.main:nth-child(3n+1){background: #038a29;}
a.main:nth-child(3n+2){background: #12a23b; color:#fff;}
a.main:nth-child(3n+3){background: #22bc4d;}

a.main:nth-child(3n+1):hover { background: #42d96d;}
a.main:nth-child(3n+2):hover { background: #42d96d; color:#fff;}
a.main:nth-child(3n+3):hover { background: #42d96d;}

a.nav { 
  color:#fff;
  display:block; 
  font-family:'pxl';
  border-left:5px solid #12a23b;
  background:#038a29;
  font-size: 10px; 
  padding-left:5px; 
  text-transform:lowercase;
  margin:2px;
  text-align: left;
  text-shadow: 2px 0px 2px #000;
}

a.nav:hover {
  background:#12a23b;
  border-left:8px solid #12a23b;
}


blockquote{
background-color:#000;
border-left: 10px solid #12a23b;
border-right: 10px solid #12a23b;
color:#fff;
font-family: arial;
font-size:11px;
padding:3px;
margin:0 auto;
margin-top:3px;
width:90%;
text-shadow: 2px 2px 3px #000;
}

textarea{
border:2px solid #fff;
background-image: url();
color:#12a23b;
font-family:"pxl";
font-size:10px;
padding:2px;
margin:3px;
height:20px;
width:30%;
text-align: center;
text-shadow: 2px 2px 2px #000; 
}

a.elite, a.elite:active, a.elite:visited {
display: block; 
margin: 0px;
color: #fff;
background:#12a23b;
border-bottom:2px solid #038a29;
text-transform: uppercase;
padding: 5px 0px; 
text-align: center; 
font-family: 'arial';
font-size: 9px; 
font-weight: bold;
letter-spacing: 1px; 
text-shadow: 2px 0px 3px #000;
}

a.elite:hover{
 background:#038a29;
  border-bottom:2px solid #038a29;
}




a.affie, a.affie:active, a.affie:visited {
display: block; 
margin: 2px;
font-weight: bold;
font-size:8px;
text-transform: uppercase;
font-family:'pxl';
line-height:12px;
background: #22bc4d; 
letter-spacing: 1px;
color: #fff; 
padding: 5px 0px; 
text-align: center; 
border-bottom: 2px solid #038a29;
text-shadow: 2px 2px 2px #000;
}

a.affie:hover{
  background:#22bc4d;
}

a.she:link, a.she:active, a.she:visited{
display:block;
color: #fff;
background-color:#42d96d;
border-bottom:2px solid #22bc4d;
font-family: arial; 
font-size: 13px;
text-align:center;
text-transform: uppercase;
padding-left: 20px; 
margin:2px;
padding-left: 8px; 
line-height:15px;
text-shadow: 2px 0px 3px #000;
}

a.she:hover{
color:#000;
}

a.love:link, a.love:active, a.love:visited {
display: block; 
margin: 2px;
font-weight: bold;
font-size:11px;
text-transform: uppercase;
font-family:'pxl';
line-height:12px;
letter-spacing: 0px;
color: #fff;
background:#45c068;
padding: 2px 0px; 
text-align: center; 
border-bottom: 2px solid #42d96d;  }

a.love:hover{
  color:#000;
}


a.link:link, a.link:active, a.link:visited{
display: block; 
margin: 1px;
font-size: 11px; 
font-family:'pxl';
background: #48d16f;
border-bottom:2px solid #45c068;
color: #fff; 
padding: 4px 0px; 
text-align: center;
line-height:8px;
}
a.link:hover{
background:#038a29;
}
    
    
a.affies:link, a.affies:active, a.affies:visited{
display: block; 
margin: 2px;
font-weight: bold;
font-size:13px;
text-transform: uppercase;
font-family:'pxl';
line-height:12px;
letter-spacing: 0.9px;
color: #fff;
background:#12a23b;
padding: 2px 0px; 
text-align: center; 
border-bottom: 2px solid #038a29; 
text-shadow: 2px 2px 2px #000;
}

a.affies:hover{
  color:#12a23b;
}
  
 
 a.nav0:link, a.nav0:active, a.nav0:visited {
    display:inline-block;
    letter-spacing: 4px;
    width:113px;
    color: #fff; 
    background-image: linear-gradient(to right, #038a29,#12a23b, #22bc4d, #12a23b);
    border: 1px solid #fff; 
    font-family: arial;
    font-size: 10px;
    text-transform: uppercase;
    margin:2px;
    padding:2px;
    line-height: 20px;
    text-shadow: 2px 0px 2px #000;
  }

a.nav0:hover {
  background-image: linear-gradient(to right,#12a23b, #22bc4d, #12a23b, #038a29);
}




a.fav1, a.fav2, a.fav3{
display: block; 
margin: 2px;
font-weight: bold;
font-size:13px;
text-transform: uppercase;
font-family:'arial';
line-height:12px;
letter-spacing: 0.9px;
color: #fff;
padding: 2px 0px; 
text-align: center; 
text-shadow: 2px 2px 2px #000;
}
a.fav1{background:#038a29;}
a.fav2{background:#12a23b;}
a.fav3{background:#22bc4d;}

a.fav1:hover{background:#22bc4d;}
a.fav2:hover{background:#12a23b;}
a.fav3:hover{background:#038a29;}


    
::-webkit-scrollbar-thumb 
{background-image: url(https://i.ibb.co/7kPJjS2/stpattysbg.png); 
  background-color: #111;
border-radius: 25px;}
::-webkit-scrollbar 
{width: 6px;background-color: #111;}