/*//------------------------------------------------------------------------
		ENAMOUR.NU - PART OF THE CELESTIAL ORACLE STUDIO
		DO NOT STEAL, USE, CLAIM, PLAGIARIZE,
		REDISTRIBUTE, OR MODIFY OUR CODES AND CONTENTS!
-------------------------------------------------------------------------//*/







/*// FONTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ //*/

@import url(https://fonts.googleapis.com/css?family=HeAvEnLy+DIvInE);
@import url(https://fonts.googleapis.com/css?family=Abel);
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(https://fonts.googleapis.com/css?family=BenchNine);
@import url(https://fonts.googleapis.com/css?family=Anton);
@import url(https://fonts.googleapis.com/css?family=Coustard);
@font-face {
	font-family: "Vapetla";
	src: url(Vapetla.ttf) format("truetype");
        }



/*// GENERAL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ //*/

body {
	font: normal 1em 'Abel', sans-serif;
        padding: 0px;
	margin: 0px;
	color: #909090;
        line-height: 30px;
        letter-spacing: 2px;
        background: url('bg_top.png') 0px 60px repeat-x,
        	    url('bg_foot.png') bottom repeat-x,
        	    url('bg_main.png') top left repeat #e0e0e0;
        text-shadow: 1px 1px #eee;
        }

td, div {
	font: normal 1em 'Abel', sans-serif;
        line-height: 30px;
        letter-spacing: 2px;
        }

li {
	list-style-type: circle;
        }

font {
	color: #a88782;
        }

blockquote {
        color: #d8d3cd;
	background: url('bg_content.png') repeat top left rgba(246, 240, 241, .50);
        border-radius: 50%;
        height: 200px;
        width: 260px;
        display: inline-block;
        text-transform: uppercase;
        margin: 10px;
        padding: 50px 0 0 0;
        text-shadow: 1px 1px #eee;
        }

b, strong {
        font: bold 100 1em;
	color: #303750;
        letter-spacing: .2em;
        }

i {
        font: italic 100 1em;
	color: #a88782;
        letter-spacing: .2em;
        }

u {
	font: normal 100 1em;
	color: #707793;
        text-decoration: none;
        letter-spacing: 2px;
        border-bottom: 1px dotted #62696d;
	}

h1:first-letter {
        color: #a88782;
        }

h1 {
	color: #5c6172;
	font: normal 3.5em 'Anton', sans-serif;
	text-align: right;
	text-transform: uppercase;
	padding: 0px 0px 0px 0px;
	margin: -50px 0px 0px 0px;
	text-indent: 50px;
        text-shadow: none;
	background: url('header.png') left no-repeat;
	}

em {
	font: bold 5em 'Coustard', serif;
        color: #a88782;
        float: left;
        padding: 10px;
        }

dfn {
        font: italic 1.4em 'Times New Roman';
	color: #909090;
        }





/*// FORMS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ //*/

Input, Select, Textarea, Option {
        font: normal 1em 'Abel', sans-serif;
        background: url('bg_main.png') top center repeat #edebeb;
        border: 0px;
        border-radius: 5px;
        border-left: 5px solid #303750;
        color: #404040;
        padding: 0.5em;
  	margin-right: 1em;
        width: 70%;
        line-height: 20px;
        letter-spacing: 2px;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-bottomleft: 5px;
   	-webkit-border-radius: 5px;
   	-khtml-border-radius: 5px;
        resize: none;
        float: right;
        }

input[type=submit] {
        width: 200px;
        float: none;
        background-color: initial;
	background-image: linear-gradient(-180deg, #00d775, #00bd68);
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
	color: #fff;
	white-space: nowrap;
	z-index: 9;
        border: 0px;
	}

input:hover[type=submit] {
        background: #00bd68;
        }

input[type=reset] {
        width: 200px;
        float: none;
        background-color: initial;
	background-image: linear-gradient(-180deg, #fe7b2f, #e73005);
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
	color: #fff;
	white-space: nowrap;
	z-index: 9;
        border: 0px;
	}

input:hover[type=reset] {
        background: #e73005;
        }

input[type=checkbox], input[type=radio] {
        width: 20px;
        float: none;
	}

fieldset {
	 margin: 0px auto;
         position: relative;
         text-transform: none;
         border: 0px;
	 }





/*// LINKS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ //*/

a {
	cursor: default;
        text-decoration: none;
        }

a:link, a:visited {
        font: bold 1.1em;
        color: #831417;
        letter-spacing: .1em;
        }

a:hover {
	cursor: help;
	text-decoration: none;
	color: #a88782;
        }



/*// CLASS & ID ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ //*/

showCredit {
        display:none;
	}

.content {
	background: url('bg_content.png') top center no-repeat rgba(246, 240, 241, .50);
	padding: 20px;
	display: block;
        color: #909090;
        width: 700px;
	width: intrinsic;
 	width: -moz-max-content;
  	width: -webkit-max-content;
        border-radius: 20px;
        border-top: 7px solid #a88782;
        border-bottom: 7px solid #a88782;
        }

.element{
	shape-outside: margin-box;
        shape-image-threshold: 0.5;
        border: 10px solid #346957;
        margin: 15px;
        padding: 1px;
        border-radius: 50%;
	width: 150px;
	height: 150px;
        background: #f2f2f2;
	float: left;
	}

.button {
        padding: 5px;
        border-bottom: 2px solid #909090;
        background: #f2f2f2;
        opacity: 1.0;
        filter: alpha(opacity=100);
	}

.button:hover {
        background: #f2f2f2;
        opacity: 0.5;
    	filter: alpha(opacity=50);
        border-bottom: 2px solid #a88782;
	}

.mod {
	width: 600px;
        text-align: center;
        background: #eff0f1;
        padding: 10px;
        text-shadow: none;
        box-shadow: 3px 3px #3c3e49;
        border-top-left-radius: 10px;
        border-bottom-right-radius: 10px;
	}

.fan {
        display: inline-block;
        width: 150px;
        text-align: center;
        text-shadow: none;
        background: #eff0f1;
        padding: 10px;
        line-height: 20px;
        margin: 10px;
        border-bottom: 3px dashed #3c3e49;
	}





/*// FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ //*/

.link a:link, .link  a:visited {
        color: #a88782;
	letter-spacing: 1px;
        font: bold .7em 'Roboto Condensed', sans-serif;
        background: rgba(246, 240, 241, .50);
	line-height: 15px;
	padding: 5px;
        margin: 5px;
        width: 70px;
	display: inline-block;
        border: 0px;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
	text-shadow: none;
        border-radius: 5px;
        border-left: 2px solid #213522;
	}

.copyright {
        font: normal .7em 'PT Sans Narrow', sans-serif;
        color: #404040;
        letter-spacing: 1px;
        background: rgba(246, 240, 241, .50);
        padding: 0px 5px;
        text-transform: uppercase;
        text-decoration: none;
	text-shadow: none;
        }

.copyright b {
        font: bold 1em 'PT Sans Narrow', sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #303750;
        }

.copyright a {
        font: bold 1em 'PT Sans Narrow', sans-serif;
        color: #303750;
        text-transform: uppercase;
        letter-spacing: 1px;
        }




/*// NAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ //*/

.showCredit {
        display:none;
	}

.topnav
        {
        height: 40px;
        width: 100%;
        background: #fff;
        letter-spacing: .3em;
        text-transform: uppercase;
        padding: 10px 0px 10px 0px;
        text-indent: 50px;
        position: relative;
        }

#nav a:link, #nav a:visited, #nav a:active {
        color: #831417;
        text-shadow: 0px 0px 3px #141356;
	letter-spacing: 3px;
        font: normal 1em 'Roboto Condensed', sans-serif;
	background: rgba(190, 197, 198, .25);
	line-height: 15px;
	padding: 10px;
	display: inline-block;
        border: 0px;
        margin-bottom: 10px;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
	text-shadow: none;
        border-left: 2px solid #3c3e49;
        border-radius: 5px;
	}

#nav a:hover {
	color: #3c3e49;
	text-decoration: none;
	text-shadow: none;
        background: rgba(246, 240, 241, .50);
        border-radius: 5px;
        border-left: 2px solid #a88782;
	}

#nav a span {
        color: #909090;
        text-transform: lowercase;
        font: italic 11px 'Raleway', sans-serif;
        letter-spacing: 3px;
        }