/*
Theme Name: NewSong
Theme URI: http://newsongonline.org/
Description: Developed exclusively for NewSong.
Version: 1.0
Author: Ryan J. Stout | SLD Interactive
Author URI: http://sldinteractive.com/
*/

/* reset */
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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ul { list-style: none; }

body{ background: url(images/background-photo.jpg) no-repeat top center #050706; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

/* Global Fonts */
p{ line-height: 2em; margin-bottom: 10px; }
p.title{ color: #9A8158; font-size: 40px; }

h1{ font-size: 60px; color: #7A4867; font-weight: normal; }
  h1.white{ color: #FFF !important; }
h2{ font-size: 28px; color: #7A4867; font-weight: normal; }
h3{ font-size: 20px; color: #7A4867; font-weight: normal; }
h3 small{ font-size: 13px; }
h3#comments{ font-size: 20px; color: #7A4867; margin: 30px 0 20px 0; }

input{ padding: 6px; color: #333; font-size: 13px; }
textarea{ padding: 6px; color: #333; font-size: 13px; font-family: Arial, Helvetica, sans-serif; }

a{ color: #7A4867; text-decoration: none; }
a:hover{ color: #333; text-decoration: underline; }

/* Header & Main Nav Setup */
div#header{ margin: 0 auto; max-width: 1360px; min-width: 980px; width: 90%; }
ul#main-nav{ list-style: none; margin: 0; padding: 40px 0 20px 0; }
  ul#main-nav li{ display: inline; margin-right: 40px; }
  ul#main-nav li.social-media-icon{ float: right; margin: -10px 10px 0 0; }
  
img.newsong-logo{ float: left; margin-left: 10px; }
  
div#email-signup{ background: #9A8158; padding: 10px; color: #FFF; }
  div#email-signup form{ float: right; }
  input#field-email{ margin-left: 20px; }

/* Page Setup */
div#page{ background: #FFF; margin: 0 auto; padding-bottom: 50px; max-width: 1360px; min-width: 980px; width: 90%;  opacity: 0.94; /* IE: */ filter:alpha(opacity=94); }
div#page-content{ float: left; width: 50%; max-width: 870px; }

/* Home Page */
div#header-home{ margin: 0 auto; width: 1044px; }
div#page-home{ background: #FFF; margin: 0 auto; opacity: 0.94; width: 1044px; /* IE: */ filter:alpha(opacity=94); }
ul#home-slots{ }
  ul#home-slots li{ float: left; margin: 24px; width: 300px; height: 300px; overflow: hidden; }
  ul#home-slots li a{ }
  
  ul#home-slots li.subscribe{ background: url(images/home-subscribe-bg.jpg) no-repeat; }
    ul#home-slots li.subscribe p{ margin: 4px 10px; color: #fff; }
	ul#home-slots li.subscribe form{ margin: 4px 10px; }
  
  /* Reset for GigPress tour dates */
  ul#home-slots li ul li{ width: auto; height: auto; overflow: auto; margin: 6px; float: none; }

/* Blog */
div.post{ margin-top: 30px; }
p.postmetadata{ border-left: 1px dotted #777; padding-left: 10px; color: #777; margin-top: 10px; }
div#respond{ margin-top: 30px; }
ol.commentlist li{ margin-bottom: 20px; }

ul#sidebar-blog-nav li{ margin: 20px 0; }
  ul#sidebar-blog-nav li ul li{ margin: 6px; }

/* Sidebar Setup */
div#sidebar{ margin: 30px; float: left; width: 400px; }
div#sidebar-graphic{ width: 400px; height: 400px; background: #FFFAFA; }

ul#sidebar-navigation{ margin: 30px 0 0 0; }
  ul#sidebar-navigation li{ margin: 4px 0; }
  ul#sidebar-navigation li a{ color: #7A4867; font-size: 40px; text-decoration: none; }
  ul#sidebar-navigation li a:hover{ color: #333; }
  ul#sidebar-navigation li.current_page_item a{ color: #333; text-decoration: underline; }
  
ul.gigpress-listing{ }
  ul.gigpress-listing li{ margin: 10px 0; padding: 6px; border-bottom: 1px dotted #999; }
  ul.gigpress-listing li.alt{ }

/* Footer Setup */
div#footer{ margin: 40px auto; max-width: 1360px; min-width: 980px; width: 90%; color: #fff; }
ul#footer-nav{ margin: 0; padding: 0; list-style: none; }
  ul#footer-nav li{ display: inline; margin-right: 50px; }
  ul#footer-nav li ul{ list-style: inside square;  width: 200px; }
    ul#footer-nav li ul li{ display: block; }

/* Misc */
.clear{ clear: both; }
img.album{ margin-right: 30px !important; }

ol li{ margin-bottom: 4px; }



/* DEFAULT WORDPRESS ITEMS -- Thanks default theme! :) */

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */