/* Embed Fonts
------------------------------ */
@font-face { font-family: "FELL Roman"; 		src: url(fonts/FeGPrm2.ttf); }
@font-face { font-family: "FELL Pica"; 			src: url(fonts/FePIrm2.ttf); }
@font-face { font-family: "UnifrakturMaguntia"; src: url(fonts/UnifrakturMaguntia-Book.ttf); }
@font-face { font-family: "PirataOne"; 			src: url(fonts/PirataOne-Regular.ttf); } 

/* General
------------------------------ */
/* body				{ color: #b3b3b3; font: 14px/1.5em FELL Roman,serif; background: #000; margin: 30px 0 0 60px; } */
body				{ color: #ccc; font: 1.1em/1.4em gerorgia,serif; background: #000; margin: 30px 0 0 60px; text-shadow: 2px 2px 4px #000, -2px -2px 4px #000, 4px 4px 8px #000, -4px -4px 8px #000; }
p					{ max-width: 50%; }
h1					{ font: normal 2.2em FELL Roman,serif; margin:20px 0 2px 0; text-shadow: 0 1px 1px #000;  }
h2					{ font: normal 1.1em FELL Roman,serif; margin:12px 0 2px 0; }
h3					{ font: normal 1em FELL Roman,serif; margin:12px 0 2px 0; }
blockquote			{ font: italic 1em/1.5em FELL Roman,serif; margin-left: 24px }

.P1					{ margin-top: 0 }
.P2					{ margin-bottom: 0 }
.P3					{ margin-bottom: 0; margin-top: 0 }

a:link				{ color: #8C66CA; text-decoration: none; }
a:visited			{ color: #8C66CA; text-decoration: none; }
a:active			{ color: #8C66CA; text-decoration: none; }
a:hover				{ color: #B181FF; text-decoration: none; }

/* Top Navigation
------------------------------ */
#nav1				{ color: #808080; font: 1em FELL Roman,serif; }
#nav1 #on1			{ color: #e5e5e5; }
#nav1 a:link		{ color: #808080; text-decoration: none; }
#nav1 a:visited		{ color: #808080; text-decoration: none; }
#nav1 a:active		{ color: #808080; text-decoration: none; }
#nav1 a:hover		{ color: #e5e5e5; text-decoration: none; }

/* Secondary Navigation
------------------------------ */
#nav2				{ color: #808080; font: .85em FELL Roman,serif; margin-bottom: 20px; width: 65%; padding-bottom:10px; border-bottom: 1px solid #3C3C3C; }
#nav2 #on2			{ color: #e5e5e5; }
#nav2 a:link		{ color: #808080; text-decoration: none; }
#nav2 a:visited		{ color: #808080; text-decoration: none; }
#nav2 a:active		{ color: #808080; text-decoration: none; }
#nav2 a:hover		{ color: #e5e5e5; text-decoration: none; }

/* Background images
------------------------------ */
.bkgd_smoke_1		{ height: 1000px; max-width: 840px; background: #000 url(images/bkgd_smoke_01.jpg)	  no-repeat scroll 300px   0px; margin: 0 auto; }
.bkgd_smoke_2		{ height: 1000px; max-width: 840px; background: #000 url(images/bkgd_smoke_02.jpg)	  no-repeat scroll 300px   0px; margin: 0 auto; }
.bkgd_smoke_3		{ height: 1000px; max-width: 840px; background: #000 url(images/bkgd_smoke_03.jpg)	  no-repeat scroll 340px   0px; margin: 0 auto; }
.bkgd_smoke_4		{ height: 1000px; max-width: 840px; background: #000 url(images/bkgd_smoke_04.jpg)	  no-repeat scroll 320px   0px; margin: 0 auto; }
.bkgd_smoke_5		{ height: 1000px; max-width: 840px; background: #000 url(images/bkgd_smoke_05.jpg)	  no-repeat scroll 320px   0px; margin: 0 auto; }
.bkgd_smoke_6		{ height: 1000px; max-width: 840px; background: #000 url(images/bkgd_smoke_06.jpg)	  no-repeat scroll 200px   0px; margin: 0 auto; }
.bkgd_smoke_7		{ height: 1000px; max-width: 840px; background: #000 url(images/bkgd_smoke_07.jpg)	  no-repeat scroll 280px   0px; margin: 0 auto; }
.bkgd_smoke_8		{ height: 1000px; max-width: 840px; background: #000 url(images/bkgd_smoke_08.jpg)	  no-repeat scroll 340px   0px; margin: 0 auto; }
.bkgd_smoke_9		{ height: 1000px; max-width: 840px; background: #000 url(images/bkgd_smoke_09.jpg)	  no-repeat scroll 160px   0px; margin: 0 auto; }
.bkgd_smoke_10		{ height: 1000px; max-width: 840px; background: #000 url(images/bkgd_smoke_10.jpg)	  no-repeat scroll 200px   0px; margin: 0 auto; }
.bkgd_rose_1		{ height: 1000px; max-width: 840px; background: #000 url(images/bkgd_rose_01.jpg)	  no-repeat scroll 120px   0px; margin: 0 auto; }
.bkgd_rose_2		{ height: 1000px; max-width: 840px; background: #000 url(images/bkgd_rose_02.jpg)	  no-repeat scroll 120px   0px; margin: 0 auto; }
.bkgd_pentagram		{ height: 1000px; max-width: 840px; background: #000 url(images/bkgd_pentagram.jpg)   no-repeat scroll 240px -10px; margin: 0 auto; }
.bkgd_crystal_1		{ height: 1000px; max-width: 840px; background: #000 url(images/bkgd_crystal_01b.jpg) no-repeat scroll 360px -10px; margin: 0 auto; }
.bkgd_babetta		{ height: 1000px; max-width: 840px; background: #000 url(images/bkgd_Babetta_01.jpg)  no-repeat scroll 300px -10px; margin: 0 auto; }
.bkgd_babetta_2		{ height: 1000px; max-width: 840px; background: #000 url(images/bkgd_Babetta_01.jpg)  no-repeat scroll 240px -40px; margin: 0 auto; }
.bkgd_babetta_3		{ height: 1000px; max-width: 840px; background: #000 url(images/bkgd_Babetta_05.jpg)  no-repeat scroll 340px -10px; margin: 0 auto; }
.bkgd_babetta_4		{ height: 1000px; max-width: 840px; background: #000 url(images/bkgd_Babetta_06b.jpg) no-repeat scroll -50px -30px; margin: 0 auto; }

/*
.bkgd_babetta_4:hover		{
-webkit-filter: blur(10px);
   -moz-filter: blur(10px);
    -ms-filter: blur(10px);
     -o-filter: blur(10px);
        filter: blur(10px);
}
*/


.bkgd_temple		{ height: 1000px; width: 820px; background: #000 url(images/bkgd_temple.jpg) no-repeat scroll 300px -20px; margin: 0 auto; }

/* Containers
------------------------------ */
#purple h1			{ color: #8C66CA; }
#purple h2			{ color: #8C66CA; }
#purple h3			{ color: #8C66CA; }
#purple p b			{ color: #e5e5e5; }
#purple p a:link	{ color: #B181FF; text-decoration: none; }
#purple p a:visited { color: #B181FF; text-decoration: none; }
#purple p a:active	{ color: #B181FF; text-decoration: none; }
#purple p a:hover	{ color: #D0B2FF; text-decoration: none; }

#green h1			{ color: #669352; }
#green h2			{ color: #669352; }
#green p b			{ color: #e5e5e5; }
#green p a:link		{ color: #669352; text-decoration: none; }
#green p a:visited	{ color: #669352; text-decoration: none; }
#green p a:active	{ color: #669352; text-decoration: none; }
#green p a:hover	{ color: #91D174; text-decoration: none; }

#red h1				{ color: #DC2825; }
#red h2				{ color: #DC2825; }
#red p b			{ color: #e5e5e5; }
#red p a:link		{ color: #DC2825; text-decoration: none; }
#red p a:visited	{ color: #DC2825; text-decoration: none; }
#red p a:active		{ color: #DC2825; text-decoration: none; }
#red p a:hover		{ color: #FF2E2A; text-decoration: none; }

/* FOOTER
------------------------------ */
.footer		{ color: #808080; font: 12px FELL Roman,serif; margin: 30px 0 20px 0; padding: 0 0 10px 0; }


/* MISC
------------------------------ */

/* Google Translate Menu */
div#google_translate_element div.goog-te-gadget-simple									{ background-color:#000; }
div#google_translate_element div.goog-te-gadget-simple									{ border-color:#333; }
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span		{ color:#999; }
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover	{ color:#fff; }

/* -----------Smartphone View----------- */ 
@media screen and (max-width : 480px)	{
	p { max-width: 90%; }
}