/*
Theme Name: Nocturnal
Theme URI: http://themes.themolitor.com/nocturnalm
Description: Custom theme developed by Chris Molitor. Theme support is available at http://themolitor.com/forums.
Author: Chris Molitor
Author URI: http://themolitor.com/
License: GNU General Public License
License URI: license.txt
Version: 2.1.4
Tags: Black
*/

.backGroundImg {display: none;}

.aligncenter,
.bypostauthor,
.sticky,
.wp-caption-text,
.gallery-caption,
.wp-caption {}

* {padding: 0; margin: 0; line-height: 1.7em; letter-spacing: .2px; outline: none;

	
	-moz-transition-property:background-color, border-color, color;  
 	-moz-transition-duration:0.20s;  
 	-moz-transition-timing-function:linear;
 	
 	-webkit-transition-property:background-color, border-color, color;  
 	-webkit-transition-duration:0.20s;  
 	-webkit-transition-timing-function:linear; 
 	
 	-o-transition-property:background-color, border-color, color;  
 	-o-transition-duration:0.20s;  
 	-o-transition-timing-function:linear; 

}

/* -----BODY STUFF----- */
body {height:auto; width:auto; font-family:Sans-Serif; color:#fff; background: #bfbfbf; }
#mesh {position: fixed; top: 0; left: 0; width: 100%; z-index: -1; background: url(images/bg.png) repeat; }
#mesh embed {width: 100%; height: 100%;}

/* -----A TAG STUFF----- */
a {text-decoration:none;}
a:hover {text-decoration:none; color: #fff;}

a.prev,
a.next {width: 30px; height: 30px; background: #000; background: rgba(0,0,0,.85); float: right; display: block; line-height: 30px; text-align: center; font-size: 10px; color: #fff;}
a.prev:hover,
a.next:hover {background: #222;}

p {font-size: 11px;}

img {max-width: 100%; height: auto;}

/* -----H TAG STUFF----- */
h1,h2,h3, h4, h5, h6 {font-weight: normal; font-size: 9px; text-transform: uppercase; letter-spacing: .7px; }
h1,h1 a,h1 a:visited,
h2,h2 a,h2 a:visited,
h3,h3 a,h3 a:visited,
h4,h4 a,h4 a:visited,
h5,h5 a,h5 a:visited,
h6,h6 a,h6 a:visited {text-decoration:none;}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {color: #fff; text-decoration: none;}

#loading {font-size: 9px; letter-spacing: 1px; text-transform: uppercase; background:url('images/loading.gif') no-repeat center; display: inline-block; padding: 0 30px; line-height: 30px; margin-bottom: 0px; /*cursor:wait;*/ float: left; }

/* -----PAGE STUFF----- */
#page {width: 980px /* 510 + 235 + 235*/; margin: 40px auto; overflow: hidden;}
#leftColumn,
#sidebar {width: 235px; float: left; margin-right: 0px;}
#mainContainer,
#main {width:745px  /*510 + 235*/; float: left; position: relative; }

.rightColumn {width: 235px; float: right; }

#sideToggle {width: 30px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; background: #000; background: rgba(0,0,0,.85); margin-bottom: 0px; float: right; text-align: center; cursor: pointer; display: none;}
#sideToggle:hover {background: #222; color: #fff;}
#sideToggle.open {color: rgba(0,0,0,.85);}

/*---------HEADER STUFF-----------*/
a#logo  {width:100%; background: #000; background:rgba(0,0,0,.85); display: block; clear: right; padding: 80px 0; text-align: center; color: #fff; margin-bottom: 0px;}
a#logo:hover {text-decoration: none;}
a#logo img {max-width: 80%;}

/*-----AUDIO STUFF------*/
.audiojs { height:30px; background: #000; background: rgba(0,0,0,.85); margin-bottom: 0px; width: 235px; box-shadow: none; float: right; font-family: sans-serif;}
.audiojs .play-pause {width: 24px; padding: 0 4px; height: 30px; line-height: 30px; border: none;}
.audiojs p { width: 25px; height: 30px; line-height: 30px; margin: 0; }
.audiojs .scrubber { background: #000; background: rgba(0,0,0,.85); background: none; height: 1px; margin:8px 0 0; width: 185px; width: 115px; cursor: pointer; border: 5px solid transparent; border-width: 5px 0;}
.audiojs .progress { height: 1px; width: 0px; background: #fff;}
.audiojs .loaded { height: 1px; background: #444;}
.audiojs .time { float: right; height: 30px; line-height: 30px; font-size: 10px; border: none; margin: 0; padding: 0 15px 0 0;}
.audiojs .error-message { height: 30px; line-height: 30px; }

/*------SLIDER STUFF [small slider]---------*/
#slides {float: right;}
.slides_container {	width:235px;display:none;}
.slides_container a,
.slides_container a img {width:235px; display:block; position: relative;}
.slides_container a span {display: inline-block;  float: right; padding: 5px 12px; font-size: 10px; color: #000; text-align: right;}

/*--------FOOTER STUFF--------*/
#footer #copyright {font-size: 9px; padding: 0 15px; background: #000; background: rgba(0,0,0,.85); line-height: 30px; display: inline-block; float: left; margin: 0; text-transform: uppercase; letter-spacing: .7px;}

#backTop {width: 30px; height: 30px; background:rgba(0,0,0,.85) url(images/back_top.png) no-repeat center bottom; cursor: pointer; display: none; float: left; margin-right: 0;}
#backTop:hover {background: #222 url(images/back_top.png) no-repeat center top;}

/*---FOOTER SOCIAL ICONS---*/
#socialStuff {float: left; line-height: 30px; height: 30px; position: relative; padding:0 10px 0 0; background: #000; background: rgba(0,0,0,.85);}

a.socialicon {
	width: 17px; 
	height: 17px; 
	float: right; 
	display: block; 
	margin:6px 0 0 5px;
	background: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 12px;
    line-height: 17px;
    color: #000;
    text-indent: 0;
}
a.socialicon i {line-height: 17px;}

a.socialicon:first-child {margin-right: 0;}

a.socialicon:hover {color: #fff;}

#rssIcon:hover {background: #FF6600;}
#youtubeIcon {text-indent: 1px}
#youtubeIcon:hover {background: #E73630;}
#facebookIcon:hover {background: #3B5998;}
#twitterIcon:hover {background: #00ACEE;}
#vimeoIcon:hover {background: #1BB6EC;}
#soundcloudIcon:hover {background: #FE4600;}
#linkedinIcon:hover {background: #007BB6;}
#flickrIcon:hover {background: #FF0084;}
#skypeIcon:hover {background: #01AEF2;}


/*-------MAIN NAVIGATION STUFF--------*/
#navigation {width: 100%; /*margin-left: 5px;*/}
#dropmenu {list-style:none; position:relative; width:100%; z-index: 400;}
#dropmenu li {list-style:none;   position:relative; float: left; line-height: 30px;}
#dropmenu li a { display: block; line-height: 30px; background: #000; background: rgba(0,0,0,.85); color: #fff; font-size: 9px; padding: 0 12px; text-transform: uppercase; margin: 0; letter-spacing: .7px;}
#dropmenu li a:hover {text-decoration: none; background: #222; color: #fff;}
#dropmenu li ul {list-style:none; position:absolute; width:200px; z-index:300; top:30px; left: 0; display:block; visibility:hidden;	opacity:0;}
#dropmenu li ul li {position:relative; clear: both;}
#dropmenu li ul li a {line-height: 30px; background: #000;}
#dropmenu li ul li a:hover {opacity:1;}
#dropmenu li ul li ul {position:absolute;top:0; left:-200px;}
#dropmenu li ul li ul li {float: right;}
#dropmenu li:hover ul ul, 
#dropmenu li:hover ul ul ul, 
#dropmenu li:hover ul ul ul ul {visibility:hidden; opacity:0;}
#dropmenu li:hover ul, 
#dropmenu li li:hover ul, 
#dropmenu li li li:hover ul, 
#dropmenu li li li li:hover ul {display:block; visibility:visible; opacity:1;
	-moz-transition-property:opacity;  
 	-moz-transition-duration:0.15s;  
 	-moz-transition-timing-function:linear;
 	
 	-webkit-transition-property:opacity;  
 	-webkit-transition-duration:0.15s;  
 	-webkit-transition-timing-function:linear; 
 	
 	-o-transition-property:opacity;  
 	-o-transition-duration:0.15s;  
 	-o-transition-timing-function:linear;
}
#dropmenu li.current-menu-item > a,
#dropmenu li.current-menu-ancestor > a {color: rgba(0,0,0,.85);}

#dropmenu li a.loading {background:url('images/loading.gif') repeat; color: #fff;}

#dropmenu .navDash,
#selectMenu,
#selectMenu .subArrow {display: none;}

#selectMenu {
	text-align: left; 
	max-width: 100%; 
	position: relative; 
	z-index: 1000;
	background: rgba(0, 0, 0, 0.85);
	
	width: 100%;
	margin: 1px 0;
}

#selectMenu a {
	display: block;
	font-size: 12px;
	color: #fff;	
	padding: 3px 10px;
}
#selectMenu a:hover {
	background: rgba(255,255,255,.1);
}

#selectMenu #menuItems {display: none;}
#selectMenu .fa {position: absolute; top: 5px; right: 10px; font-size: 16px;}
#selectMenu .fa-times {font-size: 14px; top: 6px; right: 11px;}
#selectMenu .navDash {margin-right: 3px;}

/*.loading {cursor:wait;}*/

/* ----TOOL TIP STYLE----- */
.itooltip {
	display:none; 
	font-size: 12px; 
	color: #fff; 
	z-index: 10000000; 
	position:absolute; 
	background: #000; background: rgba(0,0,0,.85); 
	padding: 5px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	-moz-border-radius-topleft: 0;
	-webkit-border-radius-top-left: 0;
	border-radius-topleft: 0; 
	border:1px solid #fff;
}

/* -----SEARCH STUFF----- */
#searchform {background: #222; border:none; width: 185px; height: 30px;}
#searchform #s {width:139px; padding:0 10px; height: 30px; line-height: 30px; margin: 0; background: none; border: none;}
#searchform #searchsubmit {cursor: pointer; padding:10px 0 2px 10px; float: left;} 
#searchform #searchsubmit:hover {text-decoration: none;}

/* -----POST AND ENTRY STUFF----- */
.listingContainer {overflow: hidden; position: relative;}
.listing {position: relative; top: 0; left: 0;}
#loadHere {position: absolute; top: 0; left: 100%; width:100%; z-index: 10;}
.listing > .page,
.post {padding: 30px; background: #000; background: rgba(0,0,0,.85); display: inline-block; float: left; width: 175px;}
.pageEntry {padding: 30px; background: #000; background: rgba(0,0,0,.85); display: inline-block; float: left; width: 450px;}

.listing > .page,
.fullPost {width: 450px; clear: left;}

.entrytitle,
.posttitle {margin-bottom: 20px;}

.pageEntry .entrytitle {font-size: 16px;}

.leaderTitle {display: inline-block; background: #000; background: rgba(0,0,0,.85); padding:30px 30px 10px; margin-bottom: 0; float:left;}

.postInfo {background: #000; background: rgba(0,0,0,.85); padding:0px 30px 30px; margin-bottom: 0; float:left; font-size: 9px; text-transform: uppercase; width: 175px}

.posttitle,
.posttitle a {font-size: 16px; line-height: 18px; min-width: 175px;}
.entry ol,.entry ul {margin:0 0 15px 25px; padding: 0; font-size: 12px;}
.entry li {padding:0 0 0 5px; list-style-position:outside; line-height: 1.5em;}
.entry p {margin: 0 0 15px;}
.details {font-size: 12px;  margin-bottom: 35px;}
.entry h1, .entry h2, .entry h3, .entry h4,.entry h5,.entry h6 {}

.morePost {display: inline-block; float: left; font-size: 9px; text-transform: uppercase; letter-spacing: .7px; margin-top: 10px;}
.morePost:hover {color: #fff; text-decoration: none}

#theTags a {display: inline-block; font-size: 10px; color: #000; line-height: 25px; padding: 0 8px; margin-right: 1px;}
#theTags a:hover {background: #000; color: #fff;}

/*SONGS*/
ol.songs {list-style: none; padding: 0; font-size: 10px; float: right; width: 235px; overflow: hidden;}
ol.songs li {padding: 0; margin: 0px; position: relative; top: 0; left: -100%;}
ol.songs a {display: inline-block;background-color: #000; background-color: rgba(0,0,0,.85); background-image: url(images/play_btn.png); background-repeat: no-repeat; background-position: 12px 10px; padding: 0 15px 0 30px; line-height: 30px; color: #fff; position: relative;
	
	line-height: 15px;
	padding: 8px 15px 8px 30px;

}
ol.songs a:before {
	content: "",
	display: block; 
	background:red;
	z-index: 1000;
	height: 30px;
	width: 40px;
	position: absolute;
	top: 0;
	right: 0px;
}
ol.songs li.playing a {background:url('images/volume.gif') no-repeat 11px 11px; color: rgba(0,0,0,.85);}
ol.songs li.playing a.on {background-image: url('images/volume_animated.gif');}
ol.songs li a:hover {text-decoration: none;}

/*GALLERY*/
#postImgs {width: 490px; padding: 10px; float: left; background: #000; background: rgba(0,0,0,.85);}
.postImg {display: block; width: 78px; height: 78px; float: left; border: 10px solid rgba(0,0,0,.85);}
.postImg:hover img {border:1px solid #fff; margin: -1px 0 0 -1px;}
.postImg img {display: block;}

.gallery-item {margin-top: 5px !important; }
.gallery-item img {border: 1px solid rgba(0,0,0,.85) !important;}
.gallery-item a:hover img {border: 1px solid #fff !important;}

/*--- POST THUMBNAIL STUFF ---*/
a.thumbLink {float: left; display: block; width: 510px; margin:0; position: relative; z-index: 1;}
img.attachment-post-thumbnail {display: block; background: #111 url(images/loader.gif) no-repeat center center; margin-left: auto; margin-right: auto;}

/*-------BLOG PAGE NAVIGATION STUFF----------*/
.whereAmI {float: left; background: #000; background: rgba(0,0,0,.85); line-height: 30px; height: 30px; padding: 0 12px; font-size: 10px; color: #333;}
.navigation {float:left; display: none; width: 235px;}
.navigation .pagenav a,
a[rel='prev'],
a[rel='next'] {font-size:10px; display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #000; background: rgba(0,0,0,.85); color: #fff; margin:0; float: left; }
a[rel='prev']:hover,
a[rel='next']:hover,
.navigation .pagenav a:hover {text-decoration: none; background: #222; color: #fff;}

/*-----SIDEBAR STUFF----*/
#sidebar {display: none;}
#sidebar ul li.widget {list-style: none; margin: 0px; font-size: 11px; width: 235px; float: left;}
#sidebar ul li.widget h2.widgettitle {background: #000; background: rgba(0,0,0,.85); display: inline-block; margin-bottom: 0px; line-height: 30px; padding: 0 15px;}
#sidebar ul li.widget > * {background: #000; background: rgba(0,0,0,.85); padding: 25px; position: relative;}
#sidebar ul li.widget > * > li {list-style-type:disc; list-style-position: outside; margin-left: 15px;}
#sidebar ul li.widget > * ul li {list-style-type:disc; list-style-position: outside; margin-left: 15px;}
#sidebar ul li.widget > * ul li ul li {padding: 0 0 0 15px; list-style-type:disc; list-style-position: inside;}
#sidebar > *:after {
    content: ".";
    display: block;
    height: 0;
    clear: left;
    visibility: hidden;
}


/* -----COMMENT STUFF----- */
#commentsection {clear: left; width: 510px;}
.commentlist {width: 100%; list-style:none; clear: left;}
h3.comments {margin:40px auto 20px;}
#commentsection h3 {background: #000; background: rgba(0,0,0,.85); line-height: 30px; padding: 0 15px; margin-bottom: 0px; display: inline-block; float: left;}
#respond h3 {margin-bottom: 1px;}
#commentform input,#commentform textarea {float:left; font-size: 10px;}
.commentlist li {font-weight:bold;list-style:none; font-size:12px; background: #000; background: rgba(0,0,0,.85); margin-bottom: 0px; padding: 30px; }
.commentlist li img.avatar {float:left;margin-right:23px;}
.commentlist cite,.commentlist cite a {font-weight:bold;font-style:normal;}
.commentlist p {font-weight:normal; text-transform:none;margin:10px 0; font-size: 10px;}
.commentlist .pingback p {margin:10px 5px 10px;}
#commentform p {margin:0; clear: left;margin-top: 1px;}
.commentmetadata {font-weight:normal;display:block; font-size:9px; text-transform:uppercase;}
.commentlist {text-align:justify;}
.nocomments {text-align:center;}
#recentcomments li {}
.alt {}
#commentform {background: #000; background: rgba(0,0,0,.85); padding: 30px; margin-bottom: 0px; background:none; padding:0; clear: left;}
#cancel-comment-reply-link {background: #000; background: rgba(0,0,0,.85); line-height: 30px; padding: 0 15px; font-size: 10px; margin-bottom: 0px; display: inline-block;}

#loggedIn {display: inline-block; background: #000; background: rgba(0,0,0,.85); line-height: 30px; padding: 0 15px;}

.comment-author {font-family: serif; font-size: 12px; font-weight: normal; line-height: 1em;}
#commentform label {display: inline-block; background: #151515; padding: 0 10px; height: 30px; line-height: 30px}
ul.children {padding-left: 30px; border-left: 1px dashed #eee;}
.reply {text-align: right; font-size: 11px; margin:-5px 0 10px; font-weight: normal; font-style: italic}

/*---FORM STUFF---*/
input[type="email"],input[type="text"],input[type="password"] {padding: 0 10px; height: 30px; line-height: 30px; width:170px; margin: 0 1px 0 0; border: none; background: #000; background: rgba(0,0,0,.85); color: #fff;}
textarea {padding: 15px; width:90%; font-family: sans-serif; font-size: 12px; border: none; background: #000; background: rgba(0,0,0,.85); color: #fff;}
#commentform input[type="submit"], 
input[type="submit"] {cursor: pointer; overflow: hidden; display: block; border: none; padding: 5px 15px; margin-bottom: 1px;}
#commentform input[type="submit"]:hover, 
input[type="submit"]:hover {background: #333; color: #fff;}

.entry form input[type="email"],
.entry form input[type="text"],
.entry form input[type="password"],
.entry form textarea {background: #151515;}

#sidebar input, #sidebar textarea {padding:3px}
#sidebar input[type="submit"]{cursor:pointer;}

/* -----UNIVERSAL STUFF----- */
code {font:1.1em 'Courier New', Courier, Fixed;}
acronym,abbr,span.caps {font-size:.9em;letter-spacing:.07em;cursor:help;}
p img {max-width:100%;}
img.centered {display:block;margin:0 auto;}
img.alignright {display:inline;margin:0 0 10px 10px;}
img.alignleft {display:inline;margin:0 10px 10px 0;}
.alignright {float:right;}
.alignleft {float:left;}
acronym.abbr {border-bottom:1px dashed #999;}
blockquote {padding-left:20px;margin:15px; border-left: 1px dotted #888;}
blockquote cite {display:block;margin:5px 0 0;}
.center {text-align:center;}
hr {display:none;}
a img {border:none;}
img#wpstats {width:0;height:0;border:none;overflow:hidden;}
#hideme {visibility:hidden;}
.hidden {visibility: hidden; display: none;}
.rssSummary {padding-bottom:15px;}
.clear {clear: both;}
p.clear {height:1px; width:1px; }
.hide {display: none;} 

/* -----CALENDAR STUFF----- */
#wp-calendar {empty-cells:show;width:100%;margin:10px auto 0;}
#wp-calendar #prev a,#wp-calendar #next a {font-size:9pt;}
#wp-calendar #next a {padding-right:10px;text-align:right;}
#wp-calendar #prev a {padding-left:10px;text-align:left;}
#wp-calendar a {text-decoration:none;display:block;}
#wp-calendar caption {font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align:center;width:100%;}
#wp-calendar th {font-style:normal;text-transform:capitalize;}
#wp-calendar td {text-align:center;padding:3px 0;}

/*----TAG CLOUD WIDGET STUFF-------*/
#sidebar .widget_tag_cloud a {
	font-size: 11px !important;
	display: block;
	color: rgba(0,0,0,.85);	
	float: left;
	padding: 2px 8px;
	margin: 0 3px 3px 0;

}
#sidebar .widget_tag_cloud a:hover {background: #000; background: rgba(0,0,0,.85); color: #fff;}
#sidebar .widget_tag_cloud:after {
    content: ".";
    display: block;
    height: 0;
    clear: left;
    visibility: hidden;
}

/*----PACE LOADING-------*/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #ffffff;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 2px;

  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
  
  display: none;
}

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 6px;
  right: 6px;
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #ffffff;
  border-left-color: #ffffff;
  border-radius: 10px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}


/*----DEMO ONLY STUFF-------*/
#dropmenu li ul li.bgColors a {color: #000;} 
#dropmenu li ul li.purpleColors a {background-color: #C58DD1}
#dropmenu li ul li.yellowColors a {background-color: #f0e92b}
#dropmenu li ul li.greenColors a {background-color: #b7e9aa}
#dropmenu li ul li.blueColors a {background-color: #66ADD6}
#dropmenu li ul li.redColors a {background-color: #d06f6f}