body {

background-image: url(premade/sinners.jpg), url(premade/back.jpg), url(premade/bg.jpg);
background-repeat: no-repeat, repeat-y, repeat;
background-color: #000000;
background-position: top right;
background-attachment: absolute;
cursor:crosshair;
}

::-webkit-scrollbar {width: 15px; height: 3px; background: #000000;}
::-webkit-scrollbar-thumb {background-color: #9A5F48; 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:840px; margin-left: auto;
margin-top: 520px;
margin-right:130px; }


p {
font-size: 18px;color:#C9C2B8;font-weight: normal;
font-family: 'Noto Serif', serif; letter-spacing:1px; text-align:justify;
text-shadow: #000000 0px 0px 1px;}

p2 {
font-size: 15px;color:#C9C2B8;font-weight: normal;
font-family: 'Noto Serif', serif; letter-spacing:1px; text-align:center;
text-shadow: #000000 0px 0px 1px;}


h1 {
color: #FDBB7E;
         font-family: 'Noto Serif', serif;
	text-align: left;
        font-size:39px;
text-shadow: #000000 0px 0px 1px;
	
}


h2 {
color: #D8B364;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: 'Playfair Display', cursive;
	text-align: left;
        font-size:26px;
}



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

.contentx  {
margin-bottom:14px;
width:840px;
padding: 10px 20px;
background-image: url(premade/bg2.jpg);
opacity: 0.6;
}


#navigation {
	position:relative;
        width:104%;
	left:0px;
	top:0px;
        font-family: 'IM Fell English', serif;
        font-weight: 300;
        line-height:20px;
        padding-top:40px;
        padding-bottom:30px;
        padding-left:7px;
        padding-right:7px;
        overflow:hidden;
        text-align:center;
}

#navigation A:link { 

	margin: 0 5px;
        text-decoration: none; 
        color:#FDBB7E; 
	font-size: 13px;
        letter-spacing:1px;
        font-family: 'Noto Serif', serif;
        font-weight: bold;
        text-transform: uppercase; 
        padding-top:7px;
        padding-bottom:7px;
        padding-left:17px;
        padding-right:17px;
        -webkit-transition: opacity 0.9s linear;
        -webkit-transition: all 0.9s ease-out; 
        -moz-transition: all 0.9s ease-out;
        transition: all 0.9s ease-out;
        opacity:0.5;
}

#navigation A:visited { 
	margin: 0 5px;
        text-decoration: none; 
        color:#FDBB7E; 
	font-size: 13px;
        letter-spacing:1px;
        font-family: 'Noto Serif', serif;
        font-weight: bold;
        text-transform: uppercase; 
        padding-top:7px;
        padding-bottom:7px;
        padding-left:17px;
        padding-right:17px;
        -webkit-transition: opacity 0.9s linear;
        -webkit-transition: all 0.9s ease-out; 
        -moz-transition: all 0.9s ease-out;
        transition: all 0.9s ease-out;
        opacity:0.5;
}

#navigation A:active { 
	margin: 0 5px;
        text-decoration: none; 
        color:#FDBB7E; 
	font-size: 13px;
        letter-spacing:1px;
        font-family: 'Noto Serif', serif;
        font-weight: bold;
        text-transform: uppercase;  
        padding-top:7px;
        padding-bottom:7px;
        padding-left:17px;
        padding-right:17px;
        -webkit-transition: opacity 0.9s linear;
        -webkit-transition: all 0.9s ease-out; 
        -moz-transition: all 0.9s ease-out;
        transition: all 0.9s ease-out;
        opacity:0.5;
}

#navigation A:hover { 
	margin: 0 5px;
        text-decoration: none; 
        color:#8AB6B4; 
        border-bottom: 2px dashed #FDBB7E;
	font-size: 13px;
        letter-spacing:1px;
         font-family: 'Noto Serif', serif;
        font-weight: bold;
        text-transform: uppercase; 
        padding-top:7px;
        padding-bottom:7px;
        padding-left:17px;
        padding-right:17px;
        -webkit-transition: opacity 0.9s linear;
        -webkit-transition: all 0.9s ease-out; 
        -moz-transition: all 0.9s ease-out;
        transition: all 0.9s ease-out;
        opacity:0.5;
}

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











a:link {color:#FDBB7E;

text-decoration:none;
font-size: 15px;
        letter-spacing:1px;
         font-family: 'Noto Serif', serif;
        font-weight: bold;

        text-transform: uppercase; 

}






     
a:visited {color:#FDBB7E;

text-decoration:none;
font-size: 15px;
        letter-spacing:1px;
         font-family: 'Noto Serif', serif;
        font-weight: bold;

        text-transform: uppercase; 

}


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

font-size: 15px;
        letter-spacing:1px;
         font-family: 'Noto Serif', serif;
        font-weight: bold;

        text-transform: uppercase; 

}  



a:active {color:#FDBB7E;


text-decoration:none;
font-size: 15px;
        letter-spacing:1px;
         font-family: 'Noto Serif', serif;
        font-weight: bold;

        text-transform: uppercase; 
}


strong { 
        color: #8AB6B4; 
        border-bottom: 2px solid #8AB6B4;
}

b { 
        color: #8AB6B4;
        border-bottom: 2px solid #8AB6B4; 
}

i { 
        color: #8AB6B4;
        border-bottom: 2px solid #8AB6B4;
}

u { 
        color: #8AB6B4;
        border-bottom: 2px solid #8AB6B4;
}

s { 
        color: #8AB6B4; 
        border-bottom: 2px solid #8AB6B4;
}

em { 
        color:#8AB6B4; 
        border-bottom: 2px solid #8AB6B4;
}

blockquote {
 	background-color:#000000;
background-image: url(premade/bg.jpg);
background-repeat: repeat; 
        border-right: 6px solid #C9C2B8;
border-bottom: 6px solid #C9C2B8;
 	padding: 15px;
	text-align:justify;
	color:#C9C2B8;
	font-style:italic;
border-radius: 40px;
	 -moz-border-radius: 40px;
	 -webkit-border-radius: 40px;
   opacity: 0.9;
}



.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-image: url(premade/bg.jpg);
background-repeat: repeat;
  background-color: #303631;
  border: 5px dashed #C9C2B8;
  padding:5px;
  color:#C9C2B8;
-webkit-border-radius: 8px;
border-radius: 40px;
	 -moz-border-radius: 40px;
	 -webkit-border-radius: 40px;
}