@charset "iso-8859-1";
*{margin:0;padding:0}
div,h1,h2,h3,p,ul,li,input,textarea,table,tr,th,td{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
a{text-decoration:none;outline:none}
a img{border-style:none}
ul,li{list-style-type:none}

html {
font-size:62.5%
}

body {
color:#8c8673;
font-family: Cinzel;
font-weight:bold;
font-size:1.3em;
line-height:150%;
margin:20px;
padding-right:100px;
text-align:left
}

/*--------------------------------------------------------
MENU PANEL STYLING
--------------------------------------------------------*/

#menupage {
background:url(decoration/border.png) right top repeat-y,url(decoration/menutexture.png) left top repeat, darkblue;
padding-right:230px;
text-align:center;
}
#menu {
display:block;
border-radius:10px;
font-size:1.4em;
font-weight:700;
line-height:1.4em;
margin:0 auto;
width:200px;
font-family: Cinzel;
}
#nav li a,#nav li span {
font-family: Cinzel;
background:black url(decoration/headertexture.png);
color:#F4EFAA;
display:block;
margin:5px 0;
padding:5px 10px;
position:relative;
text-decoration:none;
border:solid black 1px;
}
#nav li a:hover,#nav li span:hover {
font-family: Cinzel;
background:#ffb405;
color:black
}
.sub-menu {
display:none;
margin:0;
overflow:hidden
}
.sub-menu li {
text-indent:1em
}
.main-menu span:after {
border-top:solid 3px #F4EFAA;
border-right:solid 3px gray;
content: '';
display:block;
position:absolute;
height:5px;width:5px;
top:50%;right:10px;
margin-top:-5px;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-transition:.2s;
transition:.2s
}
.main-menu span.open:after {
-ms-transform:rotate(135deg);
-webkit-transform:rotate(135deg);
transform:rotate(135deg)
}
img {
margin:1em 0;
padding-left:15px
}