body {

background-image: url(images/jok.jpg), url(images/bg.jpg);
background-repeat: no-repeat, repeat;
background-color: #8F7B6E;
background-position: top left;
background-attachment: absolute;
}

::-webkit-scrollbar {width: 11px; height: 3px; background: #C5A28C;}
::-webkit-scrollbar-thumb {background-color: #6B5648; 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:820px; margin-right: auto;
margin-top: 540px;
margin-left:26px; }


p {
font-size: 17px; text-align:justify;
background: -webkit-linear-gradient(#E9AD9D, #E9DA9D);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: 'Righteous', cursive;}

p2 {
text-align:center;
font-size: 17px;color:#ffffff;font-weight: normal;
	font-family: 'Righteous', cursive;
text-shadow: #000000 0px 0px 3px;}

h1 {
background: -webkit-linear-gradient(#D6D5BC, #ABBE90, #697756);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: 'Righteous', cursive;
letter-spacing:4px;font-size: 33px;
color:#71C4CC;text-align:center;
margin:0px;
font-weight: normal;
text-align:justify;
font-size:56px;
	
}

h1:hover {
background: -webkit-linear-gradient(#697756, #ABBE90, #D6D5BC);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: 'Righteous', cursive;
letter-spacing:4px;font-size: 33px;
color:#CC717C;text-align:center;
margin:0px;
font-weight: normal;
text-align:justify;
font-size:56px;
	
}

h2 {
letter-spacing:4px;
font-size: 13px;
margin:0px;
padding-left:100px;
text-align:center;
text-transform: uppercase;
color:#D6D5BC;

font-weight: normal;
font-family:"Calibri";
}


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

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


#navi{
	position: absolute;
	width: 305px;
	left: 860px;
	top: 70px;
  z-index:2;
}

a.navi {
    display: block;
background: -webkit-linear-gradient(#EBD5C6, #CFB19E, #9BDC5B);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
font-family: 'Righteous', cursive;
border-left: 20px solid #E1CCA3;
    font-size: 35px;
    font-weight: normal;
    text-align: center;
    text-decoration: underline 2px #ffffff;
    text-transform: normal;
    letter-spacing: 2px;
    padding: 10px;
    margin: 2px;
border-radius: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
opacity:0.9;
}


a.navi:link {
display: block;
background: -webkit-linear-gradient(#EBD5C6, #CFB19E, #9BDC5B);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
font-family: 'Righteous', cursive;
border-left: 20px solid #E1CCA3;
    font-size: 35px;
    font-weight: normal;
    text-align: center;
    text-decoration: underline 2px #ffffff;
    text-transform: normal;
    letter-spacing: 2px;
    padding: 10px;
    margin: 2px;
border-radius: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
opacity:0.9;}


a.navi:active {
display: block;
background: -webkit-linear-gradient(#EBD5C6, #CFB19E, #9BDC5B);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
font-family: 'Righteous', cursive;
border-left: 20px solid #E1CCA3;
    font-size: 35px;
    font-weight: normal;
    text-align: center;
    text-decoration: underline 2px #ffffff;
    text-transform: normal;
    letter-spacing: 2px;
    padding: 10px;
    margin: 2px;
border-radius: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
opacity:0.9;}

a.navi:visited {
display: block;
background: -webkit-linear-gradient(#EBD5C6, #CFB19E, #9BDC5B);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
font-family: 'Righteous', cursive;
border-left: 20px solid #E1CCA3;
    font-size: 35px;
    font-weight: normal;
    text-align: center;
    text-decoration: underline 2px #ffffff;
    text-transform: normal;
    letter-spacing: 2px;
    padding: 10px;
    margin: 2px;
border-radius: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
opacity:0.9;}

a.navi:hover{
    display: block;
background: -webkit-linear-gradient(#EBD5C6, #CFB19E, #DC6E5B);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
font-family: 'Righteous', cursive;
border-left: 29px solid #C8E1A3;
    font-size: 35px;
    font-weight: normal;
    text-align: center;
    text-decoration: underline 2px #ffffff;
    text-transform: normal;
    letter-spacing: 2px;
    padding: 10px;
    margin: 2px;
border-radius: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
opacity:0.9;
margin-left: 30px;
margin-right: -30px;
}

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











a:link {color:#7FB88B;

text-decoration:none;
font-size: 17px;
        letter-spacing:1px;
font-family: 'IM Fell English', serif;
        font-weight: 500;

}






     
a:visited {color:#7FB88B;

text-decoration:none;
font-size: 17px;
        letter-spacing:1px;
font-family: 'IM Fell English', 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:#A2B87F;
cursor:pointer;

font-size: 17px;
        letter-spacing:1px;
font-family: 'IM Fell English', serif;
        font-weight: 500;

}  



a:active {color:#7FB88B;


text-decoration:none;
font-size: 17px;
        letter-spacing:1px;
font-family: 'IM Fell English', serif;
        font-weight: 500;


}


strong { 
        color: #A2B87F; 
}

b { 
        color: #A2B87F; 
}

b:hover { 
        color: #A2B87F;
}

i { 
        color: #A2B87F;
}

i:hover { 
        color: #A2B87F;
}


u { 
        color: #A2B87F;
}

s { 
        color: #A2B87F; 
}

em { 
        color:#A2B87F; 
}

blockquote {
 	background-color:#948073; 
        background-image: url(images/block.jpg);
        border: 3px solid #3D413C;
 	padding: 15px;
	text-align:justify;
	color:#A2B87F;
	font-style:italic;
border-radius: 40px;
	 -moz-border-radius: 40px;
	 -webkit-border-radius: 40px;
   opacity: 0.9;
}