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

body {
        background-image:url(images/bg.jpg);
        background-repeat:repeat;
}

// <uniquifier>: Use a uniquifier for the class name
// <weight>: Use a value from 400 to 700

.dancing-script-<uniquifier> {
  font-family: "Dancing Script", cursive;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}



::-webkit-scrollbar {height:20px; width: 30px;}
::-webkit-scrollbar-corner {background-color:#000000;}


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


::-webkit-scrollbar-thumb {
    width:20px; height:3px;
    background-color:#B34A16;
    border: 14px solid #000000;
}



#navigation {
	position:relative;
        width:70%;
	right:0px;
	top:-80px;
        padding-left:20px;
        padding-right:20px;
        padding-top:20px;
        padding-bottom:20px;
        float: center;
font-family: 'Pacifico', cursive;
        font-weight: 700;
        overflow:hidden;
        text-align:center;         background: #61180D;
  transform: skew(20deg);border-top:3px solid #9C5E24;

}

#navigation A:link { 
        text-decoration: none; 
        color:#ffffff; 
        line-height:33px;
font-family: 'Pacifico', cursive;
        font-weight: 700;font-size:16px;
        padding-top:24px;
        padding-bottom:24px;
        padding-left:24px;
        padding-right:24px;
 
}

#navigation A:visited { 
         color:#ffffff; 
        line-height:33px;
font-family: 'Pacifico', cursive;
        font-weight: 700;font-size:16px;
        padding-top:24px;
        padding-bottom:24px;
        padding-left:24px;
        padding-right:24px;
  
}

#navigation A:hover { 
         text-decoration: none; 
        color:#4A2521; 
        line-height:33px;
font-family: 'Pacifico', cursive;
        font-weight: 700;font-size:16px;
        padding-top:24px;
        padding-bottom:24px;
        padding-left:24px;
        padding-right:24px;
}


#header {
        background-image: url('images/head.jpg'),url('images/bg1.jpg');
        background-repeat: no-repeat,repeat-x;
        background-position: center; 
        height:600px;
        width:100%;
        margin-top:-5px;
}


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

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

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

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




b { 
        color: #B75320;  font-size: 21px;       font-weight: 400!important;  font-family: "Dancing Script", cursive;
}

i { 
        color: #B75320;   font-size: 21px;      font-weight: 400!important;  font-family: "Dancing Script", cursive;
}


#container {
	margin: -100px;
	position: relative;
	float: center;
	width:55%;
}

.contentx{
        margin-left:0px;
        margin-right:0px;
        margin-bottom: 70px;padding:25px;
	font-size: 13px;
font-family: 'Libre Baskerville', serif;
        font-weight: 500!important;
        text-align:justify; color:#ffffff;
        line-height:25px;letter-spacing:2px;-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;opacity:0.8;}


blockquote {
 	background-color:#0B0B0B; 
 	padding: 8px;
	text-align:justify;
	color:#ffffff;border-left:3px dashed #A66C2A;}
h1 { 
	color:#B75320;
        letter-spacing:1px;
  font-family: "Dancing Script", cursive;
        font-size:39px;
        padding:10px;}

.contentx input, textarea, select {
  background-color: #0B0B0B;
  border: 2px dashed #B75320;
  padding:4px;
  color:#B75320;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}