body {
font-family: 'Roboto', sans-serif;
background-color:#ccc;
background-image:url('/images/bg.png');
background-position: fixed;
background-repeat:repeat;
overflow-y: scroll;
}



::-webkit-scrollbar {width: 4px; height:4px; background: #;}
::-webkit-scrollbar-thumb {background-color:#fbb9d8 ; border: 0px solid black;}
 
::selection {color: #1c1c1c; background: #fcd2e3;}
::-moz-selection {color: #1c1c1c; background: #fcd2e3;}
::-webkit-selection {color: #1c1c1c; background: #fcd2e3;}

#frame {
       
        top:-8px;
        position:relative;
        left: 0px;
        width: 600px;
		height: 100%;
		border: 0px dashed #fff;
		background-image:url('');
		background-position: fixed;
		background-repeat:repeat;
		background-color: #;

}

#header {
       
        top:0px;
        position:fixed;
		background-color: #;
}

#topbar {
		background-image:url('/images/tpbg.png');
		background-position: fixed;
		background-repeat:repeat;
		background-color: #ffddea;
        width: 600px;
		border: 0px dashed #000;
		padding:20px 0px 0px 0px;
		box-shadow: 
		3px 0px 10px #ccc,
		-3px 0px 10px #ccc,
		-3px 12px 10px #ccc,
		3px 12px 10px #ccc;

}



#text {
        font-size: 13px;
		font-family: 'Roboto', sans-serif;
		background-color: #fffefb;
        color:#767676;
        width:535px;
		max-height: 100%;
		border: 0px dashed #000;
		text-align:justify;
		padding: 10px 35px 10px 30px;
		border: 0px dashed #000;
		line-height: 200%;
		box-shadow: 
		0px -2px 0px #fff,
		3px 3px 10px #ccc,
		-3px 3px 10px #ccc;
		margin-bottom:10px;
}


#footer {
		background-image:url('/images/tpbg.png');
		background-position: fixed;
		background-repeat:repeat;
        bottom:0px;
        font-size: 10px;
		font-family: 'Roboto', sans-serif;
        color:#292929;
		letter-spacing:0px;
        width: 600px;
		background-color: #ffddea;
		border: 0px dashed #000;
		padding:10px 0px 10px;
		margin-top:-5px;
		text-shadow: 
		-1px -1px 0 #fff,
		1px -1px 0 #fff,
		-1px 1px 0 #fff,
		1px 1px 0 #fff;
		box-shadow: 
	0px -10px 0px #fff,
		0px -5px 0px #fff,
		3px 3px 10px #ccc,
		-3px 3px 10px #ccc;
}

h1 {
background-position: fixed;
background-repeat: no-repeat;
height: 45px;
text-indent: 15px;
font-size: 35px;
font-family: 'Cookie', cursive;
letter-spacing:2px;
color:#fc92bc;
margin-bottom:-10px;
margin-top: 10px;

}

h1::first-letter 
{ 
font-size: 40px;
color: #fc92bc;
text-shadow: 0px 0px #;
padding-left:5px;
padding-right:3px;
margin-right:-3px;
}

#navigation {
        top:165px;
		left: -180px;
        position: relative;
		z-index: 1;
}

#navli {
background-position: fixed;
background-repeat: no-repeat;
font-size: 13px;
font-family: 'Raleway', sans-serif;
letter-spacing:1px;
color:#99d12a;
text-shadow: 
		-1px -1px 0 #fff,
		1px -1px 0 #fff,
		-1px 1px 0 #fff,
		1px 1px 0 #fff;

}


#navli a 
{ 
font-size: 13px;
color: #99d12a;
text-shadow: 0px 0px #;
padding-left:5px;
padding-right:3px;
margin-right:-3px;
}

#navli a:hover
{ 
color:#99d12a;
text-decoration:none;
border-bottom: 2px solid #fc92bc;
transition: 0.3s;
cursor: help;

}

a
{
color:#f762b7;
text-decoration:none;
}

a:hover
{
color:#99d12a;
text-decoration:none;
cursor: help;
}

b { color:#b55586;
font-weight: 600;
}

i {color:#85b625;
font-weight: 400;
}

.img {
  border: 1px solid #ffb2cf;
  padding: 5px;
  width: ;
  margin: 0px 8px 0px 8px;

}

.img:hover {
opacity: 0.9;

}