body{
    background: url(https://res.cloudinary.com/gemrose/image/upload/v1673380064/ld/wdtopdeco.png), 

url(https://res.cloudinary.com/gemrose/image/upload/v1673380007/ld/wdbg.png);
background-color: #9dc4d3;

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: arial;
font-size: 10px;

color: #fff;
}

 		

/******** stylesheet made by melinda @ mascaraa.net *********/




::-webkit-scrollbar {
	width: 4px;

background: #9dc4d3;

border-radius: 15px;
 }

 
::-webkit-scrollbar-thumb {

background: #9dc4d3;

border-radius: 15px;
 }

 
::-webkit-scrollbar-corner
 {background: #9dc4d3;}


 

/******** B A S I C S *********/




p{
  text-align: left;
}


b {color: #7ca0c0;}

i {color: #47766e;}
u 
{color: #dbb9ca;
 
text-decoration: none;

border-bottom: 1px dashed #fff;
}
s {color: #fff;}


big {
	color: #fff;
font-size: 16px;
text-transform: uppercase;

textarea{
color: #fff;
}


}
 

a:link, a:active, a:visited{
color: #fff;
font-size: 10px;
text-decoration:none;

-webkit-transition: all 0.4s ease-out;
}

a:hover{

color: #fff;
}




 /******** S E C T I O N S *********/





#container 
{ width: 900px;
margin: 60 auto ;
background-color:#9dc4d3;
border:1px solid #fff;
padding: 4px;
overflow: hidden;
}




#header {
margin-left: 2px;
margin-right: 2px;
margin-top: 0px;
background: url('https://res.cloudinary.com/gemrose/image/upload/v1673380118/ld/wdhead.png');
 
width: 895px;
height: 240px;
background-color:#9dc4d3;
border:1px solid #fff;
}




#sidebar {

float: left;
width: 240px;
padding: 4px;
margin-top: 5px;

margin-left: 1px;
margin-right: 2px;
background-color:#9dc4d3;
border:1px solid #fff;
margin-bottom: 4px;
}




#content {
position:relative;

float:right;

margin-right: 1px;

 margin-top: 5px;

width:632px;

padding:4px;
overflow: yes;

background-color:#9dc4d3;

border: 1px solid #fff;

text-align: justify;
}



#footer {
background: #9dc4d3;

text-align: center;

padding: 4px;

clear:both;
width: 892px;
}




#navigation{

width: auto;

padding:4px;

margin:1px 2px 4px 2px;

background-color: #9dc4d3;

border: 1px solid #fff;

clear:both;
}

#elites{

position: fixed;
 
left: 0px;
 top: 50px;

width:100px;}



 /******** H E A D E R  S T Y L E S *********/



h1, h2, h3, h4{
    
display:block;
   
 font-family: georgia;

font-size:12px;

text-align: right;
text-transform:uppercase;
line-height:18px;

margin:1px;

padding-right:4px;


}

h1 {
color:#fff;

background-color:#7ca0c0;


}
h2 {

color:#fff;

background-color:#47766e;


}
h3 {

color:#fff;

background-color:#dbb9ca;


}
h4 {

color:#fff;

background-color:#a58e98;
}



 

/******** N A V I G A T I O N  L I N K S *********/




a.nav1:link,
 a.nav1:active,
 a.nav1:visited, 

a.nav2:link,
 a.nav2:active,
 a.nav2:visited,
 
a.nav3:link,
 a.nav3:active,
 a.nav3:visited,
 
a.nav4:link, 
a.nav4:active, 
a.nav4:visited{

display:inline-block;

width:94px;
font-family: georgia;
font-size: 8px;
height: 12px;
line-height: 14px;
text-align:center;

text-transform: uppercase;

padding: 5px;
 margin:2px 1px;

letter-spacing:1.5px;

border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;

border-bottom-right-radius: 20px;
}



a.nav1:hover,

a.nav2:hover,

a.nav3:hover,

a.nav4:hover{
border-top-left-radius: 20px;

border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;

 !important; 
color: #fff;
!important; 
letter-spacing:3px;

-webkit-transition:0.5s;

-moz-transition:0.5s;

-ms-transition:0.5s;

 -o-transition:0.5s;

transition:0.5s;
}



a.nav1:link,
 a.nav1:active, 
a.nav1:visited{

color: #fff;
background-color:#7ca0c0;

border:1px solid #3c6491;
}


a.nav1:hover{

color: #fff;
background-color:#7ca0c0;

border:1px solid #3c6491;
}



a.nav2:link, 
a.nav2:active,
 a.nav2:visited{

color: #fff;

background-color:#47766e;

border:1px solid #14372f;
}


a.nav2:hover{

color: #fff;

background-color:#47766e;
border:1px solid #14372f;
}



a.nav3:link, 
a.nav3:active,
 a.nav3:visited{
color: #fff;

background-color:#dbb9ca;
border:1px solid #bc86a0;
}


a.nav3:hover{

color: #fff;
background-color:#dbb9ca;

border:1px solid #bc86a0;
}



a.nav4:link,
 a.nav4:active,
 a.nav4:visited{
color: #fff;

background-color:#a58e98;
border:1px solid #6b4f5b;
}


a.nav4:hover{

color: #fff;

background-color:#a58e98;

border:1px solid #6b4f5b;
}




 /******** A F F I E  L I N K S *********/




a.affie, 
a.affie:link,
 a.affie:visited, 
a.affie:active {

display:block; 
width:auto; 
height: 8px;

text-transform:uppercase;
font: 9px Calibri;
 font-weight:bold;

text-align: left;
line-height: 8px;
margin-top:2px; 
padding-left: 3px; 
padding: 4px;
letter-spacing: 1px;
 color:#fff;

border-top-left-radius: 20px;

border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;

-webkit-transition:0.5s;
-moz-transition:0.5s;

 -ms-transition:0.5s;

-o-transition:0.5s;
transition:0.5s;
}



a.affie:hover{
border-top-left-radius: 20px;
border-top-right-radius: 20px;

border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;

letter-spacing: 2.5px;
 -webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;

-o-transition:0.5s;
transition:0.5s;
}




a.affie:nth-child(4n+1)
 { background: #7ca0c0; 
border: 1px solid #3c6491;}

a.affie:nth-child(4n+2) 
{ background: #47766e; 
border: 1px solid #14372f;}


a.affie:nth-child(4n+3)
 { background: #dbb9ca; 
border: 1px solid #bc86a0;}


a.affie:nth-child(4n+4)
 { background: #a58e98;
 border: 1px solid #6b4f5b;}



a.affie:nth-child(3n+1):hover
 {color: #fff;
 background: #7ca0c0;}


a.affie:nth-child(3n+2):hover 
{color: #fff; 
background: #47766e;}


a.affie:nth-child(3n+3):hover 
{color: #fff; 
background: #dbb9ca;}


a.affie:nth-child(3n+4):hover
 {color: #fff; 
background: #a58e98;}


 

/******** E L I T E  L I N K S *********/



a.elite1:link, 
a.elite1:active, 
a.elite1:visited,
 
a.elite2:link,
 a.elite2:active, 
a.elite2:visited,
 
a.elite3:link, 
a.elite3:active,
 a.elite3:visited, 

a.elite4:link,
 a.elite4:active, 
a.elite4:visited
{
display: inline-block;
 
margin: 1.5px; 

margin-left: 0px;

padding: 4px 2px; 

color: #fff; 

font-family: calibri;
 
font-size: 8px;

letter-spacing: 1px; 

width: 75px;
 
height: 20px;

line-height: 20px;

text-transform: uppercase;

text-align: center;
border-top-right-radius: 20px;

border-bottom-right-radius: 20px;
}



a.elite1:hover,

a.elite2:hover,

a.elite3:hover,

a.elite4:hover
{
width: 95px;
 border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
 
 -webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}



a.elite1:link, 
a.elite1:active, 
a.elite1:visited{

 background-color:#7ca0c0;
border: 1px solid #3c6491;
 color: #fff;
}


a.elite1:hover{
background-color:#7ca0c0;
border: 1px solid #3c6491;
color: #fff;
}


a.elite2:link,
 a.elite2:active, 
a.elite2:visited{

 background-color:#47766e;
border: 1px solid #14372f;
 color: #fff;
}


a.elite2:hover{
background-color:#47766e;
border: 1px solid #14372f;

color: #fff;
}



a.elite3:link,
 a.elite3:active,
 a.elite3:visited{
 
 background-color:#dbb9ca;
border: 1px solid #bc86a0; 
color: #fff;
}


a.elite3:hover{
background-color:#dbb9ca;
border: 1px solid #bc86a0;
 color: #fff;
}


a.elite4:link,
 a.elite4:active,
 a.elite4:visited{

background-color:#a58e98;
 border: 1px solid #6b4f5b;
color: #fff;
}


a.elite4:hover{
background-color:#a58e98;
border: 1px solid #6b4f5b;
color: #fff;
}


 

/******** U P D A T E S  B O X *********/




a.update:link,
 a.update:link,
 a.update:visited{
  
  display: block;
 
   color: #fff;

    font: 8px calibri;
  
  padding: 1px 2px 1px 6px;
  
  margin:0.5px;
  
  letter-spacing: .5px;
 
   text-transform: uppercase;
}




a.update:hover {
   
 padding: 1px 3px 1px 12px;
  
  -moz-transition: 0.8s ease-out; 

    -webkit-transition: 0.8s ease-out; 
}


u1 {
    display: block; 
  
  color: #fff; 
 
   font: 9px georgia; 
  
  padding-left: 2px; 
    
padding-top: 2px; 
   
 text-align: left; 
  
  letter-spacing: 1px;  

    text-transform: uppercase;
 
	-moz-transition: 0.8s ease-out; 

 	-webkit-transition: 0.8s ease-out; 
}




/******** E X T R A S *********/




blockquote {
   
 display: block;
 
   background: #9dc4d3;
  
  padding: 10px 10px 10px 40px;
 
   margin: 5 0 15px;
  
  width: 500px;
 
   position: relative;
 
   line-height: 1.2;
    
color: #fff;
  
  text-align: justify;  

    border-top: 2px solid #fff;
}




#content img, #content a img {
  
  padding: 4px;
   
 background-color:#9dc4d3;
 
   border:1px solid #fff;

    -moz-transition: 0.5s ease-out;
   
 -webkit-transition: 0.5s ease-out;
 
   margin: 2px;

    max-width: 540px;
}
 


#content img:hover,
 #content a:hover img {
    
background-color:#9dc4d3;
   
 border:1px solid #fff;
 
   -moz-transition: 0.5s ease-out;
   
 -webkit-transition: 0.5s ease-out;
}


 	

	/******** stylesheet made by melinda @ mascaraa.net *********/

ul.tab {list-style-type: none; margin: 0; overflow: hidden;}
ul.tab li {float: left;}
ul.tab li a {display: inline-block; color: #fff; background: #9dc4d3; text-align: center; letter-spacing: 1px; padding: 7px 18px; text-decoration: none; transition: 0.3s; font-size: 10px; border: 1px solid #777; margin: 2px;}
ul.tab li a:hover {background-color: #9dc4d3;}
ul.tab li a:focus, .active {background-color: #fff; color: #fff;}
.tabcontent {display: none; padding: 6px 12px; border-top: none;}
/***TABS CODING BY LOVEBLUSH - DO NOT REMOVE THIS***/

