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

body {
        background-color:#000000;
        background-image: url(images/halloween-bg.jpg);
        font-family: 'Roboto', sans-serif!important;
        font-weight: 400!important;
        text-align:center;
        font-size: 13px;
        color: #9E9177;
}



.menuBar{
    width:100%;
    height:60px;
    display:block;
    border-top: 10px solid #CF5E31;
    position:fixed;
    bottom:0;
    left:0;
    background: #E0B7A6;
    }
.nav{
    float:center;
    margin-top: 20px;
    margin-right:30px;}

.nav A:link { 
        text-decoration: none; 
        color:#DF5500; 
	font-size: 19px;
        letter-spacing:1px;
        font-family: 'Playfair Display';
        font-weight: 40;
        text-transform: lowercase; 
        padding-top:40px;
        padding-bottom:30px;
        padding-left:7px;
        padding-right:7px;
}

.nav A:visited { 
        text-decoration: none;
        color:#DF5500; 
	font-size: 19px;
        letter-spacing:1px;
        font-family: 'Playfair Display';
        font-weight: 40;
        text-transform: lowercase; 
        padding-top:40px;
        padding-bottom:30px;
        padding-left:7px;
        padding-right:7px;
}

.nav A:active { 
        text-decoration: none; 
        color:#DF5500; 
	font-size: 19px;
        letter-spacing:1px;
font-family: 'Playfair Display';
        font-weight: 40;
        text-transform: lowercase; 
        padding-top:40px;
        padding-bottom:30px;
        padding-left:7px;
        padding-right:7px;
}

.nav A:hover { 
        text-decoration: none; 
        color:#F57C00; 
        background-color: #ffffff;
	font-size: 19px;
        letter-spacing:1px;
        font-family: 'Playfair Display';
        font-weight: 40;
        text-transform: lowercase; 
        padding-top:40px;
        padding-bottom:70px;
        padding-left:7px;
        padding-right:7px;
        opacity:0.6;
}


#header {
        background-color:#ffffff;
        background-image: url('images/halloween.jpg'), url('images/halloween-bg.jpg');
        background-repeat: no-repeat, repeat;
        background-position: center; 
        height:555px;
        width:100%;
        margin-top:30px;
}


#space {
        height:15px;
}

#wrapper{
        float:center;
        width: 1100px;
}

#container{
        overflow:hidden;
        float:center;
        width:1100px;
}

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

#footer a:link {
        font-family: 'Playfair Display', sans-serif!important;
        font-weight: 400!important;
        text-transform:none;
        text-align:center;
        font-size:12px;
        line-height:13px;
        color: #FE3464;
}

#footer a:hover {
        font-family: 'Playfair Display', sans-serif!important;
        font-weight: 400!important;
        text-transform:none;
        text-align:center;
        font-size:12px;
        line-height:13px;
        color: #FEB034;
}

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



/*------------------------------------------
5     link classes
------------------------------------------*/

a:link {
        text-decoration:none; 
        color: #F57C00;
	font-size: 25px;
        font-family: 'Pacifico', cursive;
        font-weight: 400!important;
        letter-spacing:0px;
        padding:0px;
        line-height:11px;
        font-style:none;
        -webkit-transition: opacity 0.3s linear;
        -webkit-transition: all 0.3s ease-out; 
        -moz-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }

a:visited {
        text-decoration:none; 
        color: #F57C00;
	font-size: 25px;
        font-family: 'Pacifico', cursive;
        font-weight: 400!important;
        letter-spacing:0px;
        padding:0px;
        line-height:11px;
        font-style:none;
        -webkit-transition: opacity 0.3s linear;
        -webkit-transition: all 0.3s ease-out; 
        -moz-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }

a:active {
        text-decoration:none; 
        color: #F57C00;
	font-size: 25px;
        font-family: 'Pacifico', cursive;
        font-weight: 400!important;
        letter-spacing:0px;
        padding:0px;
        line-height:11px;
        font-style:none;
        -webkit-transition: opacity 0.3s linear;
        -webkit-transition: all 0.3s ease-out; 
        -moz-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }

a:hover {
        text-decoration:none; 
        color: #BF2702;
	font-size: 25px;
        font-family: 'Pacifico', cursive;
        font-weight: 400!important;
        letter-spacing:0px;
        padding:0px;
        line-height:11px;
        font-style:none;
        -webkit-transition: opacity 0.3s linear;
        -webkit-transition: all 0.3s ease-out; 
        -moz-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }



/*------------------------------------------
6     font weight presets
------------------------------------------*/
strong { 
        color: #BF2702; 
        font-family: 'Cookie', cursive;
font-size: 25px;
}

b { 
        color: #BF2702; 
font-family: 'Cookie', cursive;
font-size: 25px;
}

i { 
        color: #E06445; 
font-family: 'Cookie', cursive;
font-size: 25px;
}

u { 
        color: #E06445;
font-family: 'Cookie', cursive;
font-size: 25px;
}

s { 
        color: #E06445; 
font-family: 'Cookie', cursive;
font-size: 25px;
}

em { 
        color:#E06445; 
font-family: 'Cookie', cursive;
font-size: 25px;
}




#content {
        float:center;
        margin-right:0px;
        margin-top:0px;
        margin-bottom:50px;
        width:1100px;

}

.contentcontainer{
        background-color: #ECE8D6;
        border-bottom: 12px solid #4C4C4C;

        border-right: 12px solid #4C4C4C;

        border-left: 12px solid #4C4C4C;
        padding:8px;
        margin-left:0px;
        margin-right:0px;
        line-height:30px;
        font-size:16px;
        font-family: 'Playfair Display', sans-serif!important;
        font-weight: 400!important;
        text-align:justify;
        color:#574844;
        margin-bottom:-18px;
}

/*------------------------------------------
9     Other
------------------------------------------*/

hr {
        border: 0;
        width: 100%;
        color: #665E5E;
        background-color: #ffffff;
        height: 1px;
}

/*---------UL/LI---------*/

ul { 
        margin:0 auto;
        padding:0px; 
}

li { 
        margin:0 auto; 
        padding:5px; 
        color:#665E5E;
        list-style:none;
        border-bottom:1px solid #665E5E; 
}

li:hover { 
        margin:0 auto; 
        padding:5px; 
        color:#665E5E;
        list-style:none;
        border-bottom:1px solid #665E5E; 
}


blockquote {
 	background-color:#D4C4C4; 
 	border: 30px solid #EA5B21;
 	padding: 9px;
	text-align:justify;
	color:#3E3832;
	font-style:italic;
}

h1 { 
	color:#3E3832;
        border-bottom: 4px solid #ED5A6B;
        letter-spacing:1px;
        text-transform:none;
        font-family: 'Cookie', cursive;
        font-weight:none;
        font-style:none;
        font-size:46px;
        padding:10px;
}

h2 {
        font-family: 'Roboto', sans-serif!important;
        font-weight: 400!important;
        text-transform:none;
        letter-spacing:0px;
        text-decoration:none;
        padding:8px;
	font-size: 14px;
        line-height:14px;
        font-style:italic;
        text-align:left;
	color: #3E3832;
        margin-bottom:-10px;
}

.contentcontainer img {
background-color:#000000;
padding:5px;
border:3px solid #000000;
}


.contentcontainer img {
max-width:100%;
}

a img {
padding:5px;
background-color:#000000;
border:3px solid #000000;
max-width:100%;
}

a img:hover{
padding:5px;
background-color:#000000;
border:3px solid #000000;
max-width:100%;
}

.contentcontainer input, textarea, select {
  background-color: #ffffff;
  border: 4px solid #EA5B21;
  padding:5px;
  color:#EA5B21;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

/*------------------------------------------
      DO NOT REMOVE OR EDIT
------------------------------------------*/

.clearfooter {
        height:100px;
        clear:both;
}

.clear{
        clear:both;
}