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







/*//------------------------------------------------------------------------
        GENERAL
-------------------------------------------------------------------------//*/

@import url(https://fonts.googleapis.com/css?family=Lora);
@import url(https://fonts.googleapis.com/css?family=Abel);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(https://fonts.googleapis.com/css?family=Coustard);
@import url(https://fonts.googleapis.com/css?family=BenchNine);
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow);



/*//------------------------------------------------------------------------
        GENERAL
-------------------------------------------------------------------------//*/

body {
	font: normal 100 1em 'Abel', sans-serif;
        padding: 0px;
	margin: 0px;
	color: #6e7476;
        line-height: 1.7em;
        letter-spacing: .1em;
        background: url(foot2.png) top center repeat-x,
        	    url(bg2.png) top center repeat #e7e8e4;
        }

td {
	font: normal 100 1em 'Abel', sans-serif;
        padding: 0px;
	margin: 0px;
	color: #6e7476;
        line-height: 1.7em;
        }


b, form {
        font: bold 1em 'Abel', sans-serif;
	color: #a8484b;
        }

i {
        font: italic 1em 'Abel', sans-serif;
	color: #6499a5;

        }

u {
	font: normal  1em 'Abel', sans-serif;
	color: #7d6a7f;
        text-decoration: none;
        border-bottom: 1px dashed #777777;
	}

h1 {
	font: normal 3em 'Roboto Condensed', serif;
	letter-spacing: 2px;
	color: #7d6a7f;
        margin: 30px 50px -5px 0px;
        padding-right: 40px;
        text-align: right;
        text-shadow: 0px 0px 3px #fff;
        background: url(head.png) right no-repeat;
	}

h2 {
	font: normal 1.5em 'Roboto Condensed', serif;
	text-align: center;
        text-transform: uppercase;
        color: #fff;
        padding-top: 10px;
        text-shadow: 0px 0px 2px #9e9fa2;
        }

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

dfn {
        font: italic 10pt 'Lora', serif;
	color: #9e9fa2;
        text-align: justify;
        line-height: 25px;
        }





/*//------------------------------------------------------------------------
        LINKS
-------------------------------------------------------------------------//*/

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

a:link, a:visited {
        font: normal 1em 'Roboto Condensed', sans-serif;
        color: #6499a5;
        text-align: justify;
        }

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






/*//------------------------------------------------------------------------
        SCROLLBARS
-------------------------------------------------------------------------//*/

::-webkit-scrollbar-thumb {
	background-color: #6499a5;
        }

::-webkit-scrollbar {
	width: 10px;
	height: 5px;
	background: #e7e8e4;
	border: 3px solid #e7e8e4;
        }

::-moz-scrollbar-thumb {
	background-color: #6499a5;
        }

::-moz-scrollbar {
	width: 10px;
	height: 5px;
	background: #e7e8e4;
	border: 3px solid #e7e8e4;
        }






/*//------------------------------------------------------------------------
        CLASS
-------------------------------------------------------------------------//*/

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

.element img{
        margin: auto;
	}

.sub {
	background: #6499a5;
        padding: 0px;
        margin: 0px 0px 0px 50px;
        border-radius: 10px;
        width: 400px;
        height: 50px;
        position: relative;
        }

.content {
         background: #d8e1e0;
         padding: 40px 20px 20px 20px;
         margin: -30px 0px 0px 0px;
         border-top: 5px solid #5b8f8f;
         width: 850px;
         text-align: justify;
        }


.outline {
         background: #d8e1e0;
         padding: 40px 20px 20px 20px;
         margin: -30px 0px 0px 0px;
         border-top: 5px solid #5b8f8f;
         width: 800px;
         text-align: justify;
         }

.pic {
    	border: 5px solid #a8484b;
        background: #a8484b;
        margin: 10px;
        border-radius: 10px;
        }

.button {
    	border: 5px solid #a8484b;
        background: #a8484b;
        }

.button:hover {
        -webkit-filter: grayscale(100%);
  	-moz-filter: grayscale(100%);
 	-o-filter: grayscale(100%);
	}






/*//------------------------------------------------------------------------
        FOOTER
-------------------------------------------------------------------------//*/

.link a:link, .link  a:visited {
        color: #f8f8f8;
	letter-spacing: 1px;
        font: normal .7em 'Roboto Condensed', sans-serif;
        background: #9e9fa2;
	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;
	}


.copyright {
        font: normal .7em 'PT Sans Narrow', sans-serif;
        color: #;
        text-transform: uppercase;
        letter-spacing: 1px;
        background: rgba(255, 255, 255, .20);
        }

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

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







/*//------------------------------------------------------------------------
        NAVIGATION
-------------------------------------------------------------------------//*/

.navi a:link, .navi  a:visited {
        color: #808181;
	letter-spacing: 1px;
        font: normal .7em 'Roboto Condensed', sans-serif;
        background: rgba(152, 205, 192, .25);
	line-height: 15px;
	padding: 10px;
        margin: 1px;
        width: 100px;
	display: inline-block;
        border: 0px;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
	text-shadow: 1px 1px 3px #fff;
        border-radius: 5px;
        border-top: 1px solid #6e7476;
        border-bottom: 1px solid #6e7476;
	}

.navi a:hover {
        color: #808181;
	letter-spacing: 1px;
        font: normal .7em 'Roboto Condensed', sans-serif;
        background: rgba(152, 205, 192, .5);
	line-height: 15px;
	padding: 10px;
	display: inline-block;
        border: 0px;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
	text-shadow: 1px 1px 3px #fff;
        border-radius: 5px;
        border-top: 1px solid #6e7476;
        border-bottom: 1px solid #6e7476;
	}