html, body {
     background-image: url('starz.gif'), linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(117, 19, 93, 0.73));
     font-family:Verdana, sans-serif;
     font-size:15px;
     line-height:1.3em;
     color:#602f49;
     width:100%;
     height:100%;
     min-height:100%;
     background: url('starz.gif'), rgb(100, 68, 118, 1);
    /* Old browsers */
     background: url('starz.gif'), -moz-linear-gradient(top, rgba( 91, 72, 121, 1) 0%, rgba(100, 68, 118, 1) 37%, rgba( 113, 66, 116, 1) 100%);
    /* FF3.6+ */
     background: url('starz.gif'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba( 91, 72, 121, 1)), color-stop(37%,rgba(100, 68, 118, 1)), color-stop(100%,rgba( 113, 66, 116, 1)));
    /* Chrome,Safari4+ */
     background: url('starz.gif'), -webkit-linear-gradient(top, rgba( 91, 72, 121, 1) 0%,rgba(100, 68, 118, 1) 37%,rgba( 113, 66, 116, 1) 100%);
    /* Chrome10+,Safari5.1+ */
     background: url('starz.gif'), -o-linear-gradient(top, rgba( 91, 72, 121, 1) 0%,rgba(100, 68, 118, 1) 37%,rgba( 113, 66, 116, 1) 100%);
    /* Opera 11.10+ */
     background: url('starz.gif'), -ms-linear-gradient(top, rgba( 91, 72, 121, 1) 0%,rgba(100, 68, 118, 1) 37%,rgba( 113, 66, 116, 1) 100%);
    /* IE10+ */
     background: url('starz.gif'), linear-gradient(to bottom, rgba( 91, 72, 121, 1) 0%,rgba(100, 68, 118, 1) 37%,rgba( 113, 66, 116, 1) 100%);
    /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b4879', endColorstr='#714274',GradientType=0 );
    /* IE6-9 */
     position: relative;
     background-attachment: fixed;
}
body{
  padding-bottom: 50px;
  padding:0;
 margin:0;
 }

 img, h1, h2, h3, p, li, ul {
     margin: 0;
     padding : 0;
}

a:link {
     color:#a44ba3;
}     

a:hover {
  color: #c058cf;
}



 #main-container {
     max-width:900px;
     margin:0 auto;
    /*background-color:#;
    b*/
}
 .flex {
     display:flex;
     margin-bottom:0px;
}
 .content-wrap {
     margin-top:0px;
}
 #content-container {
     width:60%;
     margin-bottom:0px;
     background-color:#e3cced;
     padding:1em 2em 3em;
}
 #header-contained {
     height:150px;
     margin-bottom:0px;
     background-image:url("secretgarden.png");
     background-position:center center;
     background-repeat: no-repeat;
    /*background-color: #895575;
    */
}
 #footer {
     text-align:center;
     color:#602f49;
     background-color:#e3cced;
     border-radius: 0px 0px 15px 15px;
     padding-top:1em;
     padding-bottom:1em;
   margin-bottom: 1em;
}

 #navbar-contained {
     margin-bottom:0px;
}
 #navbar-full {
     display:none;
}
 .nav {
     height:30px;
     margin-left:0;
     text-align:center;
     margin-top:0;
     margin-bottom:0px;
     padding-top:2em;
     padding-bottom:2em;
     background-color:#e3cced;
     border-radius: 15px 15px 0px 0px;
}

.nav a {
    color: black;
    color:#714274;
    font-weight:bold;
    text-decoration:none;
    font-size: 16px;
}
.nav a:hover {
  color: #c058cf;
}

 .nav li {
     display:inline-block;
     padding-right:20px;
}
 .footer-wrapper {
     padding:5px;
}

/*stars background with round corners*/
   #rcorners3 {
     border-radius: 10px;
     background: url(WallpaperpinkStar.gif);
     background-position: left top;
     background-repeat: repeat;
     padding: 10px;
     width: 314px;
     height: 321px;
}

 @media only screen and (max-width: 900px) {
     .flex {
         flex-wrap:wrap;
    }

     #content-container {
         width:100%;
         display:block;
         order:1;
    }
}

/*stars background*/
#stars {
  background: url(/gif/starrysky.gif); 
  background-repeat: repeat;
    padding: 10px;


}

#towersky {
  background: url(art/secretgarden_city.gif); 
  background-repeat: repeat;
  background-color: #664476;
  padding: 100px 60px 0px;

}
  

#towerbg {
  background-color: #692e6d;
    padding: 4px;
        white-space: nowrap;


}

/*Windows box
.windowbox{
  width:340px;
  background:#ba88b9;
  border-width:1px;
  border-style:solid;
}
div.wtitle{
  height:18px;
  width:100%;
  background:#714274;
  color:#FFF;
}
p.wtitle{
  margin:2px;
  float:left;
  font-family:Tahoma;
  font-weight:bold;
  font-size:11px;
}
.wtitle button{
  margin:2px 2px 2px 0;
  float:right;
  width:14px;
  height:13.5px;
  background:#ba88b9;
  border-width:1px;
  padding:0;
  font-size:9px;
  font-weight:bold;
  font-family:Tahoma;
  text-align:center;
  focus:none;
}
div.wbody{
  padding:5px;
  height:100%;
  width:calc(100% - 26px);
  display:inline-block;
}
div.wbody p{
  font-family:"MS Sans Serif";
  font-size:11px;
}
div.wbody button{
  font-family:"MS Sans Serif";
  font-size:11px;
  outline:1px solid #000000;
  background:#ba88b9;
  border-width:1px;
  border-style:solid;
  border-color:#FFFFFF #714274 #714274 #FFFFFF;
  padding:4px 10px;
  margin:20px auto 3px;
  display:block;
  position:relative;
  bottom:0px;
}
*/


/*Windows box for images*/
.windowbox{
  background:#ba88b9;
  border-width:1px;
  border-style:solid;
  display: inline-block;
  margin: 5px auto;
}
div.wtitle{
  height:18px;
  width:100%;
  background:#714274;
  color:#FFF;
}
p.wtitle{
  margin:2px;
  float:left;
  font-family:Tahoma;
  font-weight:bold;
  font-size:11px;
}
/*Windows box button*/
.wtitle button{
  margin:2px 2px 2px 0;
  float:right;
  width:14px;
  height:13.5px;
  background:#ba88b9;
  border-width:1px;
  padding:0;
  font-size:9px;
  font-weight:bold;
  font-family:Tahoma;
  text-align:center;
  focus:none;
}
div.wbody{
  padding:5px;
  height:100%;
  display:inline-block;
  margin: 0 auto;
}
div.wbody p{
  font-family:"MS Sans Serif";
  font-size:11px;
}
div.wbody button{
  font-family:"MS Sans Serif";
  font-size:11px;
  outline:1px solid #000000;
  background:#ba88b9;
  border-width:1px;
  border-style:solid;
  border-color:#FFFFFF #714274 #714274 #FFFFFF;
  padding:4px 10px;
  margin:20px auto 3px;
  display:block;
  position:relative;
  bottom:0px;
}

/*Firefox overflow scrollbar*/
.scroller {
  width: 300px;
  height: 100px;
  overflow-y: scroll;
  scrollbar-color: #714274 #ba88b9;
  scrollbar-width: thin;
   background:#ba88b9;
}

/* Scrollbar width */
::-webkit-scrollbar {
  width: 10px;
}

/*Scrollbar Track */
::-webkit-scrollbar-track {
  background: #ba88b9; 
}
 
/*Scrollbar Handle */
::-webkit-scrollbar-thumb {
  background: #714274; 
}

/*Scrollbar Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #714274; 
}

.yw-raw
{
color:#a44ba3;
}

.yw-raw a
{
color:#a44ba3;
text-decoration:none;
}