body {
background: url(topper7.png), url(bg1.png);
background-color: #2c2c2c;
background-repeat: repeat-x, repeat !important;
background-position: top center, top center;
background-attachment: fixed, fixed;
text-align: justified;
margin: 0px; 
padding: 0px;
font-family: calibri;
font-size: 10px;
color: #747373;
}

#container{
position: relative; 	
margin: 3px auto 3px; 
width: 900px; 
margin-top: 40px;
padding-top: 3px;
padding-left: 3px; 
padding-bottom: 9px;
padding-right: 3px;
background-color:#2c2c2c;
border: 1px solid #202020;		
overflow: hidden;
}



#header {
float: left;
margin: 3px;
margin-bottom: 1px;
background-image: url(610.png) ;
background-repeat: no-repeat;
background-color:#202020 ;
border:1px solid #202020;
width: 681px;
height: 200px;
}


#leftbar{
margin-top:-2px;
margin-left:-3px;
padding:5px;
float: right;
width: 203px;
}

#cube{
background: #2b2b2b; 
color:#747373;  
width: 197px; 
font-size: 10px;
padding: 2px;
margin-bottom: 2px;
border: 1px solid #202020;
}


#content{ 
float: left;
width: 681px;
padding:2px;
margin-left:0px;
margin-top:5px;
margin-right: 3px;
margin-bottom: 5px;
background-color:#2b2b2b;
border: 1px solid #202020;
}



#footer{
clear:both;
color: #747373;
background-color:#2b2b2b;
border-top:1px solid #202020;
font-family: calibri;
font-size: 9px;
text-align:center;
padding:5px;
text-transform: uppercase;
letter-spacing: 2px;
}



#content img, #content a img {
background: #444;
padding: 4px;
opacity: 0.9;
margin: 2px;
border: 1px solid #404040;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
 }
 
#content img:hover, #content a:hover img {
background: url(hover.png) top center;
opacity: 1;
border: 1px solid #404040;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
 }


a {	
color: #4f4e4e; 
text-decoration: none;
letter-spacing: 1px;
-moz-transition: 0.7s ease-out;  
margin: 0px; 
padding: 2px;
-webkit-transition: 0.7s ease-out;
}					
a:hover {
color: #e2e2e2; 
-moz-transition: 0.7s ease-out;
-webkit-transition: 0.7s ease-out;}




/**********************************************BASIC STYLINGS****************************************/



b {color: #777777;}
i {color: #bbb;}
u {color: #777;}
s {color: #bbb;}

textarea{
color: #747373;
background: #444;
border: 1px solid #444; 
border-bottom: 3px solid #404040;
margin: 2px;
}


c1 {color: #d789f2;}
c2 {color: #fb87d4;}
c3 {color: #feab93;}
c4 {color: #fcc273;}




/**********************************************HEADERS****************************************/

h1{
color: #747373;
background: #444;
font-family: 'Satisfy', cursive;
font-size: 16px;
font-weight: normal;
text-align: center;
text-transform: lowercase;
line-height: 21px;
margin-top: 1px;
margin-right: 1px;
margin-left: 1px;
margin-bottom: 3px;
letter-spacing: 2px;
border-bottom-right-radius: 0px;
}




a.elite, a.elite:active, a.elite:visited {
display: block; 
margin: 2px;
color: #747373; 
text-transform: uppercase;
padding: 7px 0px; 
text-align: center; 
font-family: calibri;
font-size: 8px; 
font-weight: bold;
letter-spacing: 1px; 
}

a.elite:hover{
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
a.elite:nth-child(4n+1) { background-color: #444;}
a.elite:nth-child(4n+2) { background-color: #444;}
a.elite:nth-child(4n+3) { background-color: #444;}
a.elite:nth-child(4n+4) { background-color: #444;}


a.elite:nth-child(4n+1):hover { background: #222;color: #999; }
a.elite:nth-child(4n+2):hover { background: #222;color: #999; }
a.elite:nth-child(4n+3):hover { background: #222;color: #999; }
a.elite:nth-child(4n+4):hover { background: #222;color: #999; }


a.affie, a.affie:active, a.affie:visited {
display: block; 
margin: 2px;
font-weight: bold;
font-size:8px;
text-transform: uppercase;
font-family:calibri;
line-height:14px;
background: #444; 
letter-spacing: 0.9px;
color: #747373; 
padding: 3px 0px; 
text-align: center; 
}




a.affie:nth-child(4n+1):hover { border: 0px solid #333;color: #999; background: #222; }
a.affie:nth-child(4n+2):hover { border: 0px solid #333;color: #999; background: #222; }
a.affie:nth-child(4n+3):hover { border: 0px solid #333;color: #999; background: #222; }
a.affie:nth-child(4n+4):hover { border: 0px solid #333;color: #999; background: #222; }





a.update:link, a.update:link, a.update:visited{
display: block;
color: #747373;
font: 8px calibri;
padding: 1px 0px 1px 3px;
margin:0px;
letter-spacing: 1px;
text-transform: uppercase;
}


a.update:hover {
background-color: #444;
text-align: right;
-moz-transition: 0.8s ease-out; 
-webkit-transition: 0.8s ease-out; 
}

u1 {display: block; color: #747373; font: 9px georgia; padding-left: 2px; text-align: center; letter-spacing: 1px; border-bottom: 1px dotted #747373; text-transform: uppercase;}


#topper{
width:auto;
padding:3px;
margin:3px;
background-color:#2b2b2b;
border: 1px solid #202020;	
clear:both;
}


a.nav2:link, a.nav2:active, a.nav2:visited{margin:0px; letter-spacing: 1px; line-height: 24px; width:102.5px; color: #747373; background: #444; border: 1px solid #202020; font-family: calibri; font-size: 8px; letter-spacing: 1px; font-weight: bold; text-align: center; text-transform: uppercase; display:inline-block;}

a.nav2:hover{letter-spacing: 2px; box-shadow:inset 0px 0px 0px 20px #555;}


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



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