html , body {
    position: relative;
    width: 100%;
    font-family: "Helvetica", sans-serif;
    font-size: 15px;
	background-color:#0099ff;

}


.female
{
background-color: #ff99ff;
}

.male
{
	background-color:#0099ff;
}


.imenu {
height: 100%;
width:200px;
margin:5px;
        

}
 
.imenu h3 {
        color: #cbbfad;
        font-size: 14px;
        font-weight: bold;
        padding: 15px 20px;
        margin: 0;
        background: #333;   
        height: 16px;
}
 
.imenu a {
        display: block;
   display: block;
            padding: 10px;
            border-bottom: 1px solid #222;
            color: #fff;
            text-shadow: 0 1px 0 #000;
            font-weight: bold;
            text-decoration: none;
            box-shadow: 0 1px 0 rgba(255,255,255,.05) inset;
            background: -webkit-linear-gradient(rgba(255,255,255,.02) 
0%, rgba(0,0,0,.1) 100%);
            background: -moz-linear-gradient(rgba(255,255,255,.02) 0%, 
rgba(0,0,0,.1) 100%);
       


}
 
.imenu a:hover {
        background: #000033;

}
 
.imenu a:active {
        background:#258ecd;     

        color: #fff;   
}
/* minimal CSS */
 #pushmenu {
    position: fixed;                
    top: 50px;
    left: -210px;                    
    border: 1px dotted gray;
        width: 210px;
        height: 100%;
        top: 0;
        z-index: 1000;
        background-color: #333;

}

.menuicon{
cursor: pointer;
z-index:900000;
position:fixed;
left:0px;
top:0px;
width:150px;
height:40px;
}
#nav-bars {
        background: url(/images/nav-bars.png) no-repeat left top;
        height: 27px;
        width: 33px;
	top:5px;
        text-indent: -99999em; 
position:absolute;
left:0px;
top:6px;
}

#nav-logo{
position:absolute;
left: 40px;
top: 5px;
width: 100px;
height: 27px;        

}



#nav-bars.active {
        background-position: -33px top;
}

#nav{
z-index:15;
position:fixed;
left: 0px;
top: 0px;
width: 100%;
height:40px;
    -webkit-box-shadow: 0px 0px 8px 2px #000000;
       -moz-box-shadow: 0px 0px 8px 2px #000000;
            box-shadow: 0px 0px 8px 2px #000000;
}

#vote{
position:absolute;
height:100px;
z-index:100;
width:350px;
left:50%;
margin-left:-180px;
top:410px;
display:none;
        

}
#voteProfile{
position:absolute;
height:100px;
z-index:100;
width:350px;
left:50%;
margin-left:-180px;
top:200px;
display:none;
        

}

.invisible {
	visibility:hidden;
    position: absolute;
    left: -9999px;
        

}

#friends{
position:absolute;
left: -19px;
top: 301px;
width: 350px;
height:60px;
background-color:white;
z-index:100;
overflow:hidden;
text-align: center;
        

}




#name{
position: absolute;
left:10px;
top: 10px;
color:#fff;
z-index:20;
font-size:x-large;
font-weight: bold;
max-height:10px;
text-shadow: black 0.1em 0.1em 0.2em;
        

}

#meet {
position: absolute; 
right: 0px; 
width:150px;
z-index:100;
text-align:right;
top:0px
        

}    

#pass {
position: absolute; 
right: 0px; 
top: 60px;
text-align:right;
width:150px;
z-index:100;
        

}
#crap {
position: absolute; 
left: 4px; 
top: 10px;
text-align:left;
width: 150px;
z-index:100;
} 
#review {
position: absolute; 
left: 10px; 
top: 60px;
width: 150px;
text-align:left;
z-index:100;
}

#maincontainer {
position: relative; 
max-height: 350px; 
height:350px; 
width: 350px;  
text-align:center;
margin: 0px auto;
z-index:20;

}
#fountainG{
position:absolute;
z-index:15;
left:50%;
margin-left:-120px;
top:100px;
width:240px;
height:29px
        

}


.fountainG{
position:absolute;
top:0;
background-color:#FF0000;
width:29px;
height:29px;
-moz-animation-name:bounce_fountainG;
-moz-animation-duration:0.8s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-moz-transform:scale(.3);
-moz-border-radius:19px;
-webkit-animation-name:bounce_fountainG;
-webkit-animation-duration:0.8s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-webkit-transform:scale(.3);
-webkit-border-radius:19px;
-ms-animation-name:bounce_fountainG;
-ms-animation-duration:0.8s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-ms-transform:scale(.3);
-ms-border-radius:19px;
-o-animation-name:bounce_fountainG;
-o-animation-duration:0.8s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-o-transform:scale(.3);
-o-border-radius:19px;
animation-name:bounce_fountainG;
animation-duration:0.8s;
animation-iteration-count:infinite;
animation-direction:linear;
transform:scale(.3);
border-radius:19px;
        

}

#fountainG_1{
left:0;
-moz-animation-delay:0.32s;
-webkit-animation-delay:0.32s;
-ms-animation-delay:0.32s;
-o-animation-delay:0.32s;
animation-delay:0.32s;
}

#fountainG_2{
left:30px;
-moz-animation-delay:0.4s;
-webkit-animation-delay:0.4s;
-ms-animation-delay:0.4s;
-o-animation-delay:0.4s;
animation-delay:0.4s;
}

#fountainG_3{
left:60px;
-moz-animation-delay:0.48s;
-webkit-animation-delay:0.48s;
-ms-animation-delay:0.48s;
-o-animation-delay:0.48s;
animation-delay:0.48s;
}

#fountainG_4{
left:90px;
-moz-animation-delay:0.56s;
-webkit-animation-delay:0.56s;
-ms-animation-delay:0.56s;
-o-animation-delay:0.56s;
animation-delay:0.56s;
}

#fountainG_5{
left:120px;
-moz-animation-delay:0.64s;
-webkit-animation-delay:0.64s;
-ms-animation-delay:0.64s;
-o-animation-delay:0.64s;
animation-delay:0.64s;
}

#fountainG_6{
left:150px;
-moz-animation-delay:0.72s;
-webkit-animation-delay:0.72s;
-ms-animation-delay:0.72s;
-o-animation-delay:0.72s;
animation-delay:0.72s;
}

#fountainG_7{
left:180px;
-moz-animation-delay:0.8s;
-webkit-animation-delay:0.8s;
-ms-animation-delay:0.8s;
-o-animation-delay:0.8s;
animation-delay:0.8s;
}

#fountainG_8{
left:210px;
-moz-animation-delay:0.88s;
-webkit-animation-delay:0.88s;
-ms-animation-delay:0.88s;
-o-animation-delay:0.88s;
animation-delay:0.88s;
}

@-moz-keyframes bounce_fountainG{
0%{
-moz-transform:scale(1);
background-color:#FF0000;
}

100%{
-moz-transform:scale(.3);
background-color:#FFFFFF;
}

}

@-webkit-keyframes bounce_fountainG{
0%{
-webkit-transform:scale(1);
background-color:#FF0000;
}

100%{
-webkit-transform:scale(.3);
background-color:#FFFFFF;
}

}

@-ms-keyframes bounce_fountainG{
0%{
-ms-transform:scale(1);
background-color:#FF0000;
}

100%{
-ms-transform:scale(.3);
background-color:#FFFFFF;
}

}

@-o-keyframes bounce_fountainG{
0%{
-o-transform:scale(1);
background-color:#FF0000;
}

100%{
-o-transform:scale(.3);
background-color:#FFFFFF;
}

}

@keyframes bounce_fountainG{
0%{
transform:scale(1);
background-color:#FF0000;
}

100%{
transform:scale(.3);
background-color:#FFFFFF;
}

}

#topcontainer {
position: relative; 
width: 100%; 
top:40px;
min-width: 100%;
min-height:400px;
background-color:#fff;
text-align:center;
margin: 0px auto;
z-index:10;
            -webkit-box-shadow: 0px 0px 8px 2px #000000;
       -moz-box-shadow: 0px 0px 8px 2px #000000;
            box-shadow: 0px 0px 8px 2px #000000;
/*
    -webkit-box-shadow: 0px -1px 4px  #000000 inset;
       -moz-box-shadow: 0px -1px 4px  #000000 inset;
            box-shadow: 0px -1px 4px  #000000 inset;
*/	
}



#topcontainer a:link {
text-decoration:none;
color:#0099ff;

font-weight:bold;
}
#topcontainer a:visited {
text-decoration:none;
color:#0099ff;

font-weight:bold;

}
#topcontainer a:hover {
text-decoration:underline;
font-weight:bold;
color:#000000;

}
#topcontainer a:active {
text-decoration:underline;
font-weight:bold;
color:#000000;


}