html, body {
        height: 100%;
        margin:0;
}

body {
        background-color:#F8F1E1;
        background-repeat:repeat;
        font-family: 'Playfair Display', sans-serif!important;
        font-weight: 400!important;
        text-align:center;
}

::-webkit-scrollbar {height:20px; width: 21px;}
::-webkit-scrollbar-corner {background-color:#F8F1E1;}


::-webkit-scrollbar-track-piece {
    background-color: #F8F1E1;
}

::-webkit-scrollbar-thumb {
    width:14px; height:10px;
background-image: linear-gradient(#E0BD6B, #746351);
background-color:#746351;}


#navi{
   opacity: 0.9;
	width: 24%;
margin-right:5%;
margin-left:62%;
margin-top:-336px;
float:left;-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; background-image: linear-gradient(#E1B163, #B69EC0);opacity:0.7;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset, 0 0 33px #E1B163;}

a.navi {
color: #ffffff;
	letter-spacing: 3px;
font-family: 'Libre Baskerville', serif;
	line-height: 10px;margin-right:5%;
margin-left:6%;
	padding: 10px;
	display: block;
        border: 0px;
        text-align: left;
        text-transform: uppercase;
        text-decoration: none;
	text-shadow: none;font-size: 18px;
	}

a.navi:link {
color: #ffffff;
	letter-spacing: 3px;
font-family: 'Libre Baskerville', serif;
	line-height: 10px;margin-right:5%;
margin-left:6%;
	padding: 10px;
	display: block;
        border: 0px;
        text-align: left;
        text-transform: uppercase;
        text-decoration: none;
	text-shadow: none;	font-size: 18px;}


a.navi:active {
color: #ffffff;
	letter-spacing: 3px;
font-family: 'Libre Baskerville', serif;
	line-height: 10px;margin-right:5%;font-size: 18px;
margin-left:6%;
	padding: 10px;
	display: block;
        border: 0px;
        text-align: left;
        text-transform: uppercase;
        text-decoration: none;
	text-shadow: none;
}

a.navi:visited {
color: #ffffff;
	letter-spacing: 3px;
font-family: 'Libre Baskerville', serif;font-size: 18px;
	line-height: 10px;margin-right:5%;
margin-left:6%;
	padding: 10px;
	display: block;
        border: 0px;
        text-align: left;
        text-transform: uppercase;
        text-decoration: none;
	text-shadow: none;
}


a.navi:hover{
color: #000000;
	background: no-repeat top center #ffffff;font-size: 18px;
	text-decoration: none;
	text-shadow: none;margin-right:5%;
margin-left:6%;
opacity: 0.8;
}




  
   
#content {
           width:50%;margin-top:-70px;
margin-left:5%;
        margin-right:0px;
        margin-bottom: 130px;padding:25px;
	font-size: 13px;
font-family: 'Libre Baskerville', serif;
        font-weight: 500!important;
        text-align:justify; color:#2D2322;
        line-height:25px;letter-spacing:2px;-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; opacity:0.7;float: left;
   }

#header {
        background-image: url('premade/head.jpg');
        background-repeat: no-repeat;
        background-position: left; 
        height:394px;
        width:100%;
        margin-top:-15px;
}


a:link {
        text-decoration: none; 
        text-decoration: none; 
        color:#7D6D60; 
	font-size: 13px;
font-family: 'Libre Baskerville', serif;
        font-weight: 600!important;
}

a:visited {
         text-decoration: none; 
        text-decoration: none; 
        color:#7D6D60; 
	font-size: 13px;
font-family: 'Libre Baskerville', serif;
        font-weight: 600!important;}

a:active {
        text-decoration: none; 
        text-decoration: none; 
        color:#7D6D60; 
	font-size: 13px;
font-family: 'Libre Baskerville', serif;
        font-weight: 600!important;}

a:hover {
        text-decoration: none; 
        color:#000000;
	font-size: 13px;
font-family: 'Libre Baskerville', serif;
        font-weight: 600!important;-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}




b { 
        color: #80559A;         font-weight: 400!important;
}

i { 
        color: #80559A;         font-weight: 400!important;
}

#footer { height: 100px;

}

blockquote {
 	background-color:#E6DCC6; 
 	padding: 8px;
	text-align:justify;
	color:#766A55;}
h1 { 
	color:#825D4F;
        letter-spacing:1px;
font-family: 'Alumni Sans Pinstripe', sans-serif;
        font-size:40px;
        padding:10px;}

.content input, textarea, select {
  background-color: #E6DCC6;
  border: 2px dashed #825D4F;
  padding:4px;
  color:#825D4F;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}