/*
colors
red #e10202
dark pink #f76e74
pink #fb96b1
light pink #fcadc1
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;1,400&display=swap');

body {
background: url(../imgs/favicon.png), url(../imgs/bg.png);
background-color: #d8d8d8;
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: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 11px;
color: #333;
}

/**********************************************MADE BY LOVEBLUSH.NET****************************************/



/**********************************************MAIN****************************************/



#container{
position: relative; 	
margin: 20px auto 10px; 
width: 851px; 
height: auto;
margin-top: 30px;
padding: 3px; 
background-color:#f1f1f1;
border: 1px solid #ddd;
overflow: hidden;
margin-bottom: 92px;
margin-bottom: 92px;
}


#header {
float: left;
margin-left:3px;
margin-right: 1px;
margin-top: 3px;
background-image: url(../imgs/header-v1.png);
background-color:#bbb ;
width: 604px;
height: 230px;
}


#rightbar{
float: right;
left: 600px;
margin-top: -3px;
padding:4px;
width: 235px;
}



#topper3{
width:auto;
padding:0px;
padding-bottom:3px;
padding-left: 3px;
padding-top: 2px;
margin:0px;
background-color:#fbfbfb;
clear:both;
}


#content{
float: left;
margin-top: 1px;
margin-left: 2px;
margin-bottom: 2px;
background-color:#fbfbfb;
width: 601px;
padding: 2px;
}


#box{
padding: 3px;
background-color:#fbfbfb;
}

#cube{
padding: 3px;
background-color:#fbfbfb;
margin-bottom: 2px;
font-size: 10px;
}



#footer{
clear:both;
background-color:#fbfbfb;
text-align:center;
padding:5px;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
}


#content img, #content a img {
background: #eee;
padding: 4px;
opacity: 0.9;
margin: 2px;
border: 1px solid #ddd;
-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(../imgs/square-pttrn.png) top center;
opacity: 1;
border: 1px solid #f0f0f0;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
 }
 
 



a {	
color: #e10202; 
text-decoration: underline;
letter-spacing: 2px;
-moz-transition: 0.7s ease-out;  
margin: 0px; 
padding: 2px;
-webkit-transition: 0.7s ease-out;
}				

a:hover {
color: #fb96b1; 
-moz-transition: 0.7s ease-out;
-webkit-transition: 0.7s ease-out;
}



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


b {color: #e10202;}
i {color: #f76e74;}
u {color: #fb96b1;}
s {color: #000;}


textarea{
background-color: #232323;
color: #fff;
border: solid #e10202; 
text-transform: uppercase;
font-size: 10px;
width: 90%;
}



blockquote {
  display: block;
  background: url(../imgs/bg.png) #e8e8e8;
  padding: 10px 10px 10px 40px;
  margin: 0 0 10px;
  width: 420px;
  position: relative;
  line-height: 1.2;
  color: #000;
  text-align: justify;  
  border-left: solid #e10202;
}



/**********************************************SCROLLBAR****************************************/


::-webkit-scrollbar-thumb 
{background-image: url(../imgs/vertical-scrollbar.png); background-color: #ddd;}
::-webkit-scrollbar 
{width: 6px; height: 5px; background: #efefef; }




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

h1, h2 {
  font-family: 'Lora', serif;
  font-size: 20px;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
  color: #000;
  margin: 3px 1px;
  line-height:20px;
  font-weight: normal;
  border-bottom: 1px solid black; 
}

h1:before, h1:after, h2:before, h2:after {
  content: '\1F5A4';
  background: -webkit-linear-gradient(90deg, #e10202, #f76e74, #fb96b1, #fcadc1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 1em;
  font-size:8px;
}

h2 { 
  font-size: 16px; 
  line-height:16px;
}

h3 {
  font-family: 'Lora', serif;
  font-size: 14px;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
  color: #000;
  margin: 3px 1px;
  line-height:14px;
  font-weight: normal;
  border: 1px solid #aaa;
  padding: 3px;
  background: -webkit-linear-gradient(90deg, #e10202, #f76e74, #fb96b1, #fcadc1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/*
h3:before, h3:after {
  content: '\1F5A4';
  background: -webkit-linear-gradient(90deg, #e10202, #f76e74, #fb96b1, #fcadc1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 1em;
  font-size:8px;
}*/



/**********************************************ELITE LINKS****************************************/

a.elite { text-decoration: none; }


a.elite:link, a.elite:active, a.elite:visited{
line-height: 15px; 
width:66px; 
color: #000; 
border: 1px solid #999; 
font-size: 8px; 
letter-spacing: 1px; 
font-weight: bold; 
text-align: center; 
text-transform: uppercase; 
display:inline-block;
}

a.elite:hover{
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}


/***+1 is the first color of your color scheme, +2 is the second, and so on***/

a.elite:nth-child(4n+1) { background-color: #fff; border: 1px solid #e10202; color: #e10202;}
a.elite:nth-child(4n+2) { background-color: #fff; border: 1px solid #f76e74; color: #f76e74;}
a.elite:nth-child(4n+3) { background-color: #fff; border: 1px solid #fb96b1; color: #fb96b1;}
a.elite:nth-child(4n+4) { background-color: #fff; border: 1px solid #fcadc1; color: #fcadc1;}

a.elite:nth-child(4n+1):hover {color: #fff; background: #e10202;}
a.elite:nth-child(4n+2):hover {color: #fff; background: #f76e74;}
a.elite:nth-child(4n+3):hover {color: #fff; background: #fb96b1;}
a.elite:nth-child(4n+4):hover {color: #fff; background: #fcadc1;}

/**********************************************AFFIE LINKS****************************************/

a.affie, a.affie:active, a.affie:visited {
display: block; 
margin: 2px;
font-weight: 600;
font-size:8px;
/*font-family: 'Lora', serif;
line-height:12px;*/
letter-spacing: 1px; 
background: #f1f1f1; 
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
color: #aaa; 
padding: 2px 0px; 
text-align: center; 
}


a.affie:hover{
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

a.affie:nth-child(4n+1) { color: #fff; border: 1px solid #e10202; background: #e10202;}
a.affie:nth-child(4n+2) { color: #fff; border: 1px solid #f76e74; background: #f76e74;}
a.affie:nth-child(4n+3) { color: #fff; border: 1px solid #fb96b1; background: #fb96b1;}
a.affie:nth-child(4n+4) { color: #fff; border: 1px solid #fcadc1; background: #fcadc1;}


a.affie:nth-child(4n+1):hover { color: #e10202; background: #fff;}
a.affie:nth-child(4n+2):hover { color: #f76e74; background: #fff;}
a.affie:nth-child(4n+3):hover { color: #fb96b1; background: #fff;}
a.affie:nth-child(4n+4):hover { color: #fcadc1; background: #fff;}


/**********************************************UPDATE LINKS****************************************/

a.update {text-decoration: none;}

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


a.update:hover {
background-color: #eee;
-moz-transition: 0.8s ease-out; 
-webkit-transition: 0.8s ease-out; 
}

u1 {display: block; padding-left: 2px; text-align: left; letter-spacing: 2px; text-transform: uppercase;}

u1:nth-child(4n+1) {color: #e10202;}
u1:nth-child(4n+2) {color: #f76e74;}
u1:nth-child(4n+3) {color: #fb96b1;}
u1:nth-child(4n+4) {color: #fcadc1;}

/**********************************************TOP LINKS****************************************/


#topper {
position:fixed; 
margin: 0px;
top:65px; 
left:-2px; 
width:60px;
height:30px;
z-index:1;
}


a.nav2 { text-decoration: none; }

a.nav2,a.nav2:link,a.nav2:active,a.nav2:visited {
display:inline-block;
line-height: 20px;
padding-right: 30px;
margin:2px;
text-transform: uppercase;
text-align: right; 
font-style: none;
font-weight: 600;
font-size: 9px;
letter-spacing: 2px;
padding-left: 30px;
}

/***+1 is the first color of your color scheme, +2 is the second, and so on***/


/*a.nav2 {background-color:#fff; color: #e10202;}*/

a.nav2:nth-child(4n+1) {background-color:#e10202; color: #fff;}
a.nav2:nth-child(4n+2) {background-color:#f76e74; color: #fff;}
a.nav2:nth-child(4n+3) {background-color:#fb96b1; color: #fff;}
a.nav2:nth-child(4n+4) {background-color:#fcadc1; color: #fff;}


a.nav2:nth-child(4n+1):hover {color: #e10202; background: #fff; border-right: 4px solid #e10202;}
a.nav2:nth-child(4n+2):hover {color: #f76e74; background: #fff; border-right: 4px solid #f76e74;}
a.nav2:nth-child(4n+3):hover {color: #fb96b1; background: #fff; border-right: 4px solid #fb96b1;}
a.nav2:nth-child(4n+4):hover {color: #fcadc1; background: #fff; border-right: 4px solid #fcadc1;}



a.nav2:hover{padding-left:50px; -moz-transition: 0.9s ease-out; -webkit-transition: 0.9s ease-out;}




/**********************************************UPDS****************************************/

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-family: 'Lora', serif;
  font-size: 13px;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
  color: #000;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/*
.tab button:nth-child(4n+1) {color: #e10202; }
.tab button:nth-child(4n+2) {color: #f76e74; }
.tab button:nth-child(4n+3) {color: #fb96b1; }
.tab button:nth-child(4n+4) {color: #fcadc1; }
*/

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}