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

body {background-color:#C5C3C8;
}
#navi {display:block;position: relative;width: 18%;margin-right:5%;margin-left:6%;margin-top:-150px;float:right;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; background-image: linear-gradient(#707579, #B1B9BB);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset, 0 0 33px #DAA9C4;}a.navi {color: #000000;	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: #000000;	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: #000000;	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: #000000;	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: #ffffff;	background: no-repeat top center #000000;font-size: 18px;	text-decoration: none;	text-shadow: none;margin-right:5%;margin-left:6%;}


::-webkit-scrollbar {width: 12px; height: 3px; background: #797D80;}
::-webkit-scrollbar-thumb {background-color: #8D8D8D; border: 5px;}


.menuBar{
    width:100%;
    height:75px;
    display:block;
    position:fixed;
    top:0;
    left:0;
    background: #797D80;  
    }
.nav{
    float:center;
    margin-top: 36px;
    margin-right:30px;}

.nav A:link { 
        text-decoration: none; 
        color:#9A9BA0; 
	font-size: 22px;
        letter-spacing:1px;
font-family: 'Libre Baskerville', serif;
        font-weight: 40;
        text-transform: uppercase; 
        padding-top:40px;
        padding-bottom:30px;
        padding-left:7px;
        padding-right:7px;
}

.nav A:visited { 
        text-decoration: none;
        color:#9A9BA0; 
	font-size: 22px;
        letter-spacing:1px;
font-family: 'Libre Baskerville', serif;
        font-weight: 40;
        text-transform: uppercase; 
        padding-top:40px;
        padding-bottom:30px;
        padding-left:7px;
        padding-right:7px;
}

.nav A:active { 
        text-decoration: none; 
        color:#9A9BA0; 
	font-size: 22px;
        letter-spacing:1px;
font-family: 'Libre Baskerville', serif;
        font-weight: 40;
        text-transform: uppercase; 
        padding-top:40px;
        padding-bottom:30px;
        padding-left:7px;
        padding-right:7px;
}

.nav A:hover { 
        text-decoration: none; 
        color:#ffffff; 
	font-size: 22px;
        letter-spacing:1px;
font-family: 'Libre Baskerville', serif;
        font-weight: 40;
        padding-top:40px;
        padding-bottom:30px;
        padding-left:7px;
        padding-right:7px;
}


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




#footer{
        position: relative;background-position: center;
        font-family: 'Playfair Display', sans-serif!important;
        font-weight: 400!important;
        text-transform:none;
        text-align:center;
        font-size:14px;
        padding:10px;
        line-height:10px;
        color: #4C4C4C;
}

#footer a:link {
        font-family: 'Roboto', sans-serif!important;
        font-weight: 400!important;
        text-transform:none;
        text-align:center;
        font-size:16px;
        line-height:13px;
        color: #4C4C4C;
}

#footer a:hover {
        font-family: 'Roboto', sans-serif!important;
        font-weight: 400!important;
        text-transform:none;
        text-align:center;
        font-size:16px;
        line-height:13px;
        color: #4C4C4C;
}

#footer a:visited {
        font-family: 'Roboto', sans-serif!important;
        font-weight: 400!important;
        text-transform:none;
        text-align:center;
        font-size:13px;
        line-height:13px;
        color: #4C4C4C;
}

a:link {
        text-decoration: none; 
        text-decoration: none; 
        color:#787C7F;
	font-size: 13px;
font-family: 'Libre Baskerville', serif;
        font-weight: 100!important;
        letter-spacing:4px;
        padding:3px;
        line-height:5px;
        font-style:none;
        -webkit-transition: all 0.9s ease-out; 
        -moz-transition: all 0.9s ease-out;
        transition: all 0.9s ease-out;
border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;}

a:visited {
        text-decoration: none; 
        text-decoration: none; 
        color:#787C7F; 
	font-size: 13x;
font-family: 'Libre Baskerville', serif;
        font-weight: 100!important;
        letter-spacing:4px;
        padding:3px;
        line-height:5px;
        font-style:none;
        -webkit-transition: all 0.9s ease-out; 
        -moz-transition: all 0.9s ease-out;
        transition: all 0.9s ease-out;
border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;}

a:active {
        text-decoration: none; 
color: #787C7F; 
	font-size: 13px;
font-family: 'Libre Baskerville', serif;
        font-weight: 100!important;
        letter-spacing:4px;
        padding:3px;
        line-height:5px;
        font-style:none;
        -webkit-transition: all 0.9s ease-out; 
        -moz-transition: all 0.9s ease-out;
        transition: all 0.9s ease-out;
border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;}

a:hover {
        text-decoration: none;
        color:#ffffff; 
	font-size: 13px;
font-family: 'Libre Baskerville', serif;
        font-weight: 100!important;
        letter-spacing:4px;
        padding:3px;
        line-height:5px;
        font-style:none;
        -webkit-transition: all 0.9s ease-out; 
        -moz-transition: all 0.9s ease-out;
        transition: all 0.9s ease-out;
border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;}




b { 
        color: #A56756; 
}

i { 
        color: #A56756; 
}





#content {           width:46%;margin-top:-160px;margin-right:4%;margin-left:8%;        margin-bottom: 230px;padding-right:25px;padding-left:25px;padding-top:25px;padding-bottom:155px;	font-size: 13px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset, 0 0 23px #fffffffont-family: 'Libre Baskerville', serif;        font-weight: 500!important;        text-align:justify; color:#000000;        line-height:25px;letter-spacing:2px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;float: left;}


blockquote {
 	background-color:#B9B9D0; 
 	padding: 8px;
	text-align:justify;
	color:#000000;
	font-style:italic;
        border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;}

h1 { 
	color:#5A5F65;
        letter-spacing:1px;
font-family: 'Sofia', cursive;
        font-size:22px;
        padding:10px;}


.contentx input, textarea, select {
  background-color: #0C0506;
  border: 2px solid #AFB0B2;
  padding:4px;
  color:#959596;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.codesort li {
	display: inline;
	padding-right: 0.5em;
	}