html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
 margin:0;
 padding:0;
 border:0;
 font-size:100%;
 font:inherit;
 vertical-align:baseline
}
html {
 overflow-x:hidden;
 -webkit-font-smoothing:antialiased
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
 display:block
}
ol,
ul {
 list-style:none
}
blockquote,
q {
 quotes:none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
 content:'';
 content:none
}
table {
 border-collapse:collapse;
 border-spacing:0
}
button,
input,
select,
textarea {
 margin:0
}
:focus {
 outline:0
}
a:link {
}
img,
video,
object,
embed {
 max-width:100%;
 height:auto!important
}
iframe {
 max-width:100%
}
blockquote {
 font-style:italic;
 font-weight:400;
 font-family:Georgia,Serif;
 font-size:15px;
 padding:0 10px 20px 27px;
 position:relative;
 margin-top:25px
}
blockquote:after {
 position:absolute;
 content:'"';
 font-size:40px;
 color:#d0d9e0;
 width:50px;
 top:-5px;
 left:0;
 font-family:arial
}
blockquote p {
 margin-bottom:10px
}
strong,
b {
 font-weight:700
}
em,
i,
cite {
 font-style:normal;
 font-family:arial
}
small {
 font-size:100%
}
figure {
 margin:10px 0
}
code,
pre {
 font-family:monospace,consolas,sans-serif;
 font-weight:400;
 font-style:normal
}
pre {
 margin:5px 0 20px;
 line-height:1.3em;
 padding:8px 10px;
 overflow:auto
}
code {
 padding:0 8px;
 line-height:1.5
}
mark {
 padding:1px 6px;
 margin:0 2px;
 color:#000;
 background:gold
}
address {
 margin:10px 0
}
.wp-caption {
 background:#fff;
 border:1px solid #f0f0f0;
 max-width:96%;
 padding:5px 3px 10px;
 text-align:center
}
body {
 line-height:1;
 font:17px/20px "Times New Roman",serif;
 color:#23033c;
 background-color:#ebebeb;
 background-image:url(images/pattern1.png);
 width: 80%;
 margin: auto;
}
::-moz-selection {
 background:#222;
 color:#fff;
 text-shadow:none
}
::selection {
 background:#222;
 color:#fff;
 text-shadow:none
}
#page,
.container {
 position:relative;
 margin-right:auto;
 margin-left:auto;
 overflow:hidden
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-weight:700;
 margin-bottom:12px;
 font-family:times new roman,Arial,sans-serif;
 color:#444
}
h1 {
 font-size:28px;
 line-height:1.4
}
h2 {
 font-size:24px;
 line-height:1.4
}
h3 {
 font-size:22px;
 line-height:1.4
}
h4 {
 font-size:20px;
 line-height:1.4
}
h5 {
 font-size:18px;
 line-height:1.4
}
h6 {
 font-size:16px;
 line-height:1.4
}
.sub-title {
 font-size:12px
}
p {
 margin-bottom:20px
}
a {
 text-decoration:none;
 color:#8a2be2;
}
a:hover {
 color: lime;
}
a:link,
a:visited,
a:active {
 text-decoration:none
}
:target {
 padding-top:20px
}
.main-container {
 width:100%;
 margin:0 auto;
 max-width:100%;
 clear:both;
 overflow:hidden
}
#page,
.container {
 width:100%;
 min-width:240px;
 overflow:visible
}
#page {
 background:#f6f5fe;
 padding:5px;
 min-height:100px;
 float:none;
 clear:both;
 overflow:hidden;
 border:5px outset #8b00ff;
 margin-top:11px;
 width:auto;
 border:1px solid #000
}
body>header {
 float:left;
 width:100%;
 position:relative
}
.main-header {
 position:relative;
 float:left;
 width:100%;
 z-index:99
}
#header {
 position:relative;
 width:100%;
 float:left;
 margin:0;
 padding:0;
 background-image:url(https://www.nocturneon.com/images/cropped-tentgrouplarge_channelart0001.gif);
 padding:10px 0
}
.header-inner {
 width:100%;
 max-width:100%;
 margin:0px auto;
 overflow:hidden
}
#header h1,
#header h2 {
 font-size:34px;
 float:left;
 display:inline-block;
 line-height:1;
 margin:35px 0;
 text-shadow:0 0 5px #000;
 font-family:Times New Roman;
 font-weight:700
}
#logo a {
 color:#a31ee1!important;
 text-transform:uppercase
}
.widget-header {
 float:right;
 max-width:76%;
 margin-bottom:0
}
.secondary-navigation .children li .sf-sub-indicator {
 display:none
}
.secondary-navigation {
 display:block;
 float:right;
 width:100%;
 height:31px
}
.secondary-navigation ul li {
}
.secondary-navigation a {
 font-size: 108%;
 color:lime;
 text-align: center;
 text-decoration:none;
 padding:5px 14px;
 font-weight:700;
}
.secondary-navigation a .sub {
 font-size:11px;
 font-weight:400;
 font-family:times new roman;
 color:#9b9b9b
}
.sf-js-enabled li a.sf-with-ul {
 padding-right:20px
}
.sf-js-enabled li ul.sf-with-ul {
 padding-right:20px
}
#navigation .sf-sub-indicator {
 display:block;
 width:10px;
 overflow:hidden;
 position:absolute;
 right:5px;
 top:9px
}
#navigation {
 font-size:13px;
 float:left;
 width: 100%;
 background-color:#250044;
 background:#280044;
 background:linear-gradient(0deg,rgba(40,0,68,1) 0%,rgba(119,0,182,1) 65%,rgba(97,0,149,1) 100%);
 border-top:1px solid #000;
 border-bottom:1px solid #000;
}
#navigation select {
 display:none
}
#navigation ul {
 width: 100%;
 margin: 0px auto;
 max-width: 100%;
 /* margin-left: 1%; */
}
#navigation .menu {
}
#navigation ul li {
 float:left;
 position:relative;
 border:2px outset #8a2be2;
 margin-right:3px;
 max-width: 10%;
}
#navigation>ul>li:last-child {
 border-right:none
}
#navigation ul li a,
#navigation ul li a:link,
#navigation ul li a:visited {
 overflow:hidden;
 display:block;
 font-family:Times New Roman;
 text-transform:capitalize
}
#navigation ul li a:hover {
 background:#a31ee1;
   background: rgb(97,0,149);
background: linear-gradient(0deg, rgba(97,0,149,1) 0%, rgba(40,0,68,1) 65%, rgba(119,0,182,1) 100%); 
border: 2px inset #8a2be2
 color:#fff
}
#navigation>ul>.current a {
 background:0 0;
 color:#5a5a5a!important
}
#navigation ul li li {
 background:#fff;
 border:1px solid #eee;
 border-bottom:0
}
#navigation ul li li:first-child {
 border-top:0
}
#navigation ul ul {
 position:absolute;
 width:190px;
 padding:0;
 z-index:400;
 font-size:12px;
 color:#798189;
 border-bottom:1px solid #eee
}
#navigation ul ul li {
 padding:0
}
#navigation ul ul a,
#navigation ul ul a:link,
#navigation ul ul a:visited {
 padding:9px 20px;
 position:relative;
 width:150px;
 border-left:0;
 background:0 0;
 border-right:0;
 border-radius:0;
 border-bottom:1px solid rgba(255,255,255,.05);
 margin:0;
 color:#555
}
#navigation ul ul a:hover {
 color:red;
 background:whiteSmoke!important
}
#navigation ul ul li:first-child a {
}
#navigation ul ul li:last-child a {
 border-bottom:none
}
#navigation ul ul {
 opacity:0;
 left:-999em
}
#navigation ul li:hover ul {
 left:auto;
 opacity:1
}
#navigation ul ul ul {
 top:0;
 left:190px
}
#navigation li:hover ul ul,
#navigation li:hover ul ul ul,
#navigation li:hover ul ul ul ul {
 left:-999em;
 opacity:0
}
#navigation li:hover ul,
#navigation li li:hover ul,
#navigation li li li:hover ul,
#navigation li li li li:hover ul {
 opacity:1;
 left:190px
}
#page-header:after,
#navigation ul ul:after {
 content:"";
 display:block;
 height:0;
 position:absolute;
 width:0
}
#navigation ul ul:after {
 left:10px;
 top:0
}
#navigation ul ul ul:after {
 left:-12px;
 top:3px
}
input,
textarea,
select {
 padding:11px 12px;
 font-size:12px;
 color:#5e656d
}
textarea {
 overflow:auto;
 resize:vertical
}
select {
 padding:12px 20px
}
input:focus,
textarea:focus {
}
::-webkit-input-placeholder {
 color:#585f65;
 text-shadow:0 1px 1px rgba(255,255,255,.4)
}
::-moz-input-placeholder {
 color:#585f65;
 text-shadow:0 1px 1px rgba(255,255,255,.4)
}
::-ie-input-placeholder {
 color:#585f65;
 text-shadow:0 1px 1px rgba(255,255,255,.4)
}
::-o-input-placeholder {
 color:#585f65;
 text-shadow:0 1px 1px rgba(255,255,255,.4)
}
::input-placeholder {
 color:#585f65;
 text-shadow:0 1px 1px rgba(255,255,255,.4)
}
table {
 width:100%;
 text-align:left;
 margin-bottom:25px;
 border:2px solid #f1f4f6
}
thead {
 background:#f7f8f9;
 font-size:14px;
 color:#585f65
}
table th,
table td {
 padding:7px 15px;
 text-align:left
}
thead th {
 padding:14px
}
tbody th {
 font-weight:400;
 border-bottom:1px solid #f5f7f9
}
hr {
 border:none;
 border-bottom:1px solid #e5e5e5;
 border-bottom:1px solid rgba(0,0,0,.1);
 width:297px;
 margin:35px 0;
 clear:both;
 position:relative
}
body>footer {
 overflow:hidden;
 width:100%;
 background:#250044;
 background:#280044;
 background:linear-gradient(0deg,rgba(40,0,68,1) 0%,rgba(119,0,182,1) 65%,rgba(97,0,149,1) 100%);
 margin-top:5px;
 border:1px solid #000;
 /*! border-bottom:1px solid #000 */
}
body>footer .footeText {
 width:80%;
 margin:22px auto;
 text-align:center;
 color:#fff;
 font-size:14px;
 font-weight:700
}
body>footer .footeText a {
 color:#fff;
 border-bottom:2px solid #ee3f02
}
body>footer .widget {
 padding:10px 0 0
}
body>footer .sidebar .widget .title {
 font-size:135%;
 color:#d4d8db
}
footer .widget {
 margin-bottom:20px
}
footer a {
 color:lime;
}
footer a:hover {
 color:#fff
}
footer {
 position:relative;
 overflow:hidden
}
footer .container {
 max-width:80%
}
footer p {
 color:#8d8d8d
}
.footer-widgets {
 overflow:hidden;
 padding:0 0 10px;
 width:100%;
 margin:0
}
.footer-widgets h3 span {
 width:100%;
 display:block;
 clear:both;
 padding-bottom:15px;
 border-bottom:1px solid #727272
}
.f-widget {
 width:31.4%;
 float:left;
 position:relative;
 color:#b6b6b6;
 margin-bottom:30px;
 margin-right:2.8%
}
.copyrights {
 clear:both;
 color:#fff;
 padding:5px 0;
 width:100%
}
#copyright-note {
 width:80%;
 margin:0 auto;
 clear:both;
 max-width:100%
}
#sidebars .wp-post-image,
footer .wp-post-image {
 margin-bottom:0;
 margin-top:5px;
 margin-right:10px
}