body {

background-image: url(images/halloween_images/halloween.jpg), url(images/halloween_images/bg3.jpg), url(images/halloween_images/bg2.jpg), url(images/halloween_images/bg.jpg);
background-repeat: no-repeat, repeat-y, repeat-x, repeat;
background-color: #292929;
background-position: top left;
background-attachment: absolute;
cursor:crosshair;
}

::-webkit-scrollbar {width: 9px; height: 3px; background: #292929;}
::-webkit-scrollbar-thumb {background-color: #FB7736; border: 0px;}

.p2 {
font-size: 16px;color:#c0bfbf;font-weight: normal;
font-family:'Josefin Sans'; letter-spacing:2px; text-align:justify;
margin-bottom:10px;
}

.picture {
float:left;
margin:2px;
}

#container {
width:700px; margin-right: auto;
margin-top: 580px;
margin-left:180px; }


p {
font-size: 17px;color:#E5DBD5;font-weight: normal;
font-family: 'Playfair Display', serif; letter-spacing:1px; text-align:justify;}

p2 {
font-size: 17px;color:#E5DBD5;font-weight: normal;
font-family: 'Playfair Display', serif; letter-spacing:1px; text-align:center;}


h1 {
background: -webkit-linear-gradient(#FB9615, #D67322);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: 'Playfair Display', cursive;
	text-align: left;
        font-size:29px;
        border-bottom: 4px solid #D67322;
	
}

h1:hover {
background: -webkit-linear-gradient(#D67322, #FB9615);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: 'Playfair Display', cursive;
	text-align: left;
        font-size:29px;
	border-bottom: 4px solid #D67322;
}

h2 {
background: -webkit-linear-gradient(#FB9615, #D67322);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: 'Playfair Display', cursive;
	text-align: left;
        font-size:26px;
border-bottom: 4px solid #D67322;
}

h2:hover {
background: -webkit-linear-gradient(#D67322, #FB9615);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: 'Playfair Display', cursive;
	text-align: left;
        font-size:26px;
border-bottom: 4px solid #D67322;
}


#content {
width:700px;
height:100px;
}

.contentx  {
margin-bottom:14px;
width:700px;
padding: 10px 20px;
}


#navigation {
    padding-top: 0px;
    padding-left: 10px;
    border-spacing: 5px;
    border-collapse: separate;
    width: 720px;
    float: left;
}

.navigation {
    font-family: 'Oswald', sans-serif;
    font-size: 21px;
    text-transform: uppercase;
    text-align: center;
}

.navigation a:link {
background-image: url(images/halloween_images/nav.jpg)
    background-color: #CCEACC;
    display: block;
    color: #AEBD8A;
    border: 3px solid #AEBD8A;
    font-weight: normal;
    text-decoration: none;
    letter-spacing: 0px;
    padding: 2px 0px 3px 0px;
 opacity:0.7;
}

.navigation a:active {
background-image: url(images/halloween_images/nav.jpg)
    background-color: #CCEACC;
    display: block;
    color: #AEBD8A;
    border: 3px solid #AEBD8A;
    font-weight: normal;
    text-decoration: none;
    letter-spacing: 0px;
    padding: 2px 0px 3px 0px;
 opacity:0.7;
}

.navigation a:visited {
background-image: url(images/halloween_images/nav.jpg)
    background-color: #CCEACC;
    display: block;
    color: #AEBD8A;
    border: 3px solid #AEBD8A;
    font-weight: normal;
    text-decoration: none;
    letter-spacing: 0px;
    padding: 2px 0px 3px 0px;
 opacity:0.7;
}

.navigation a:hover {
background-image: url(images/halloween_images/nav2.jpg)
    background-color: #CCEACC;
    display: block;
    color: #A56D5C;
    border: 3px solid #A56D5C;
    font-weight: normal;
    text-decoration: none;
    letter-spacing: 0px;
    padding: 2px 0px 3px 0px;
 opacity:0.7;
}

#footer {
clear:both;
text-align:center;
}











a:link {color:#F1D638;

text-decoration:none;
font-size: 17px;
        letter-spacing:1px;
font-family: 'Playfair Display', serif;
        font-weight: 500;

}






     
a:visited {color:#F1D638;

text-decoration:none;
font-size: 17px;
        letter-spacing:1px;
font-family: 'Playfair Display', serif;
        font-weight: 500;


}


a:hover {
transition:  .9s ease-out;
-moz-transition:  .9s ease-out;
-webkit-transition: .9s ease-out;
-o-transition: .9s ease-out;
color:#E3DC7B;
cursor:crosshair;

font-size: 17px;
        letter-spacing:1px;
font-family: 'Playfair Display', serif;
        font-weight: 500;

}  



a:active {color:#F1D638;


text-decoration:none;
font-size: 17px;
        letter-spacing:1px;
font-family: 'Playfair Display', serif;
        font-weight: 500;
}


strong { 
        color: #E3DC7B; 
}

b { 
        color: #E3DC7B; 
}

i { 
        color: #E3907D;
}

u { 
        color: #E3907D;
}

s { 
        color: #E3907D; 
}

em { 
        color:#E3907D; 
}

blockquote {
 	background-color:#513237; 
        border: 6px solid #D9A766;
 	padding: 15px;
	text-align:justify;
	color:#E8DDCF;
	font-style:italic;
border-radius: 40px;
	 -moz-border-radius: 40px;
	 -webkit-border-radius: 40px;
   opacity: 0.7;
}



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


.contentx 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%;
}

.contentx input, textarea, select {
  background-color: #513237;
  border: 4px solid #E8DDCF;
  padding:5px;
  color:#E8DDCF;
-webkit-border-radius: 8px;
border-radius: 40px;
	 -moz-border-radius: 40px;
	 -webkit-border-radius: 40px;
}