/*
Theme Name: Pieces of Our Lives
Theme URI: http://piecesofourlives.com/
Description: Custom theme for CTS Audio
Version: 1.0
Author: Ben Stewart
Author URI: http://benstewart.net/
Tags: 

	Colors used:
	#000	black bg
	#161616	almost black bg
	#282828	dark grey bg
	#6e6d6a	med grey alt fg
	#898884	med grey fg
	#b8b7b2	light grey fg
	#eee	white fg
	#8c1e1e	red fg

*/

@import "css/typography.css";
@import "fonts/fonts.css";

html {height:100%;border-top:1px solid #000;background:#282828 url('images/dark-column-bg.jpg') 50% 0 repeat-y fixed;}
body {color:#eee;text-align:center;min-height:100%;background:transparent url('images/dark-body-bg.jpg') 50% 0 no-repeat fixed;}
/*
div#header, div#content, div#footer {background:transparent url('images/grid-cols.png') top center repeat-y !important;}
*/

/* basics */
h2.page-title {display:none;}
h2.page-title span.whisper {font-size:18px;color:#6e6d6a;}
hr {color:#6e6d6a;border:none;background-color:#6e6d6a;height:1px;}
div.post h1, div.page-content h1 {font-size:18px;line-height:36px;margin-bottom:18px;}
div.post h2, div.page-content h2 {font-size:15px;line-height:18px;margin-bottom:18px;}
div.post h3, div.page-content h3 {font-size:13px;line-height:18px;margin-bottom:18px;padding:0;}
div.post h4, div.page-content h4 {font-size:11px;line-height:18px;margin-bottom:18px;}
div.post ul, div.post ol, div.page-content ul, div.page-content ol {margin-left:50px;}

/* links */
a {outline:none;}
a:link, a:visited {color:#b8b7b2;text-decoration:underline;}
a:hover, a:active {color:#eee;text-decoration:none;}
a:link img, a:visited img {opacity:0.97;filter:alpha(opacity=97);}
a:hover img, a:active img {opacity:1.0;filter:alpha(opacity=100);}

/* classes */
img#wpstats{display:none}
.whisper {font-weight:normal;color:#898884;font-size:11px;}
	.whisper a:link, .whisper a:visited {color:#898884;}
	.whisper a:hover, .whisper a:active {color:#eee;}
div#primary-content img.no-border {border:none;padding:0;}
.post-edit-link {font-size:10px;line-height:30px;text-transform:uppercase;}
.clear {clear:both;}

/* overlays */
div#primary-content img.ajax-loader {border:none;padding:0;}
#lightbox a {color:#000;}
div#lbBottomContainer a#lbCloseLink, a#lbNextLink, a#lbPrevLink {border:0;}
div#sb-title-inner {font-family:'OFL Sorts Mill Goudy', Baskerville, Palatino, Constantia, "Book Antiqua", "URW Palladio L", serif;}
div#sb-body-inner div.html {padding:0;text-align:center;background:#000 url('images/popup-bg.jpg') 50% 50% no-repeat;font-family:Baskerville, 'Times New Roman', Times, serif;}
	div#sb-body-inner div.html div.more-venue-info-inner {position:relative;top:65px;left:65px;width:395px;padding-bottom:18px;}
	div#sb-body-inner div.html div.more-venue-info-inner h3 {margin:10px 0;font-family:'OFL Sorts Mill Goudy', Baskerville, Palatino, Constantia, "Book Antiqua", "URW Palladio L", serif;}
	div#sb-body-inner div.html div.more-venue-info-inner div.venue-img {margin:0 auto;}
	div#sb-body-inner div.html div.more-venue-info-inner div.venue-img img {margin:0 0 36px;border:8px solid #fff;}
	div#sb-body-inner div.html div.more-venue-info-inner p {margin:0;font-size:12px;}
div#fancybox-title {margin-top:10px;font-family:Baskerville, 'Times New Roman', Times, serif;}
	span#fancybox-title-left {display:none;}
	span#fancybox-title-main {float:none;background:none;font-weight:normal;font-size:13px;line-height:14px;height:auto;}
	span#fancybox-title-right {display:none;}

/* layout */
div#main {width:960px;margin:0 auto;padding:0;text-align:left;background-color:#000;}

div#header {padding-top:65px;position:relative;text-align:center;}
	div#header h1 {margin:0 0 28px;padding-bottom:2px;background:transparent url('images/hr.png') 0 100% no-repeat;}
		div#header h1 a {margin:0 auto;height:144px;width:354px;display:block;text-indent:-999em;overflow:hidden;outline:0;background:transparent url('images/logo.png') top left no-repeat;border:0;}
		div#header h1 a:link, div#header h1 a:visited {opacity:0.92;filter:alpha(opacity=92);}
		div#header h1 a:hover, div#header h1 a:active, div#header h1 a:focus {opacity:1.0;filter:alpha(opacity=100);}
	div#tagline {position:absolute;left:40px;top:30px;width:880px;color:#6e6d6a;font-size:11px;line-height:11px;font-style:italic;}
	div#photo-gallery {padding:0;height:441px;width:960px;overflow:hidden;position:relative;background:transparent url('images/gallery-frame.jpg') 0 0 no-repeat;}
		/*div#photo-gallery ul {list-style-type:none;margin:0;}
		div#photo-gallery li {margin:0;position:relative;width:960px;height:441px;}
		div#photo-gallery li img {border:0;padding:0;}*/
			#gallery {
			   	width: 354px; /* important to be same as image width */
			   	height: 234px; /* important to be same as image height */
			   	position: relative; /* important */
			   	overflow: hidden; /* important */
				left:304px;top:103px;
			}
			#galleryContent {
			   	width: 354px; /* important to be same as image width or wider */
			   	position: absolute; /* important */
			   	top: 0; /* important */
			   	margin-left: 0; /* important */
			}
			.galleryImage {float: left;position: relative;display: none;}
			.galleryImage span {display:none;}
	div#primary-nav {margin-top:30px;background:transparent url('images/hr.png') 0 0 no-repeat;}
		div#primary-nav ul {margin:0;padding:13px 0 11px;text-align:center;text-transform:uppercase;font-size:18px;background:transparent url('images/hr.png') 0 100% no-repeat;}
		div#primary-nav ul li {margin:0;padding:0;display:inline;}
		div#primary-nav ul li a {padding-right:18px;margin-right:5px;background:transparent url('images/nav-slash.png') 100% 50% no-repeat;}
			div#primary-nav ul li:last-child a, div#primary-nav ul li.last-child a {background:none;padding-right:0;margin-right:0;}
			div#primary-nav ul li.current_page_item a:link, div#primary-nav ul li.current_page_item a:visited {color:#eee;}
		div#primary-nav ul li a:link, div#primary-nav ul li a:visited {color:#898884;text-decoration:none;}
		div#primary-nav ul li a:hover, div#primary-nav ul li a:active, div#primary-nav ul li a:focus {color:#eee;text-decoration:none;}
		
div#content {padding:30px;}

div#primary-content {padding:0;margin:0;width:900px;float:left;}
	div#primary-content img {border:1px solid #282828;padding:3px;}
		div#primary-content a:link img, div#primary-content a:visited img {border-color:#282828;}
		div#primary-content a:hover img, div#primary-content a:active img {border-color:#6e6d6a;}
	
div#footer {padding:15px 30px 15px;clear:both;color:#6e6d6a;overflow:hidden;position:relative;}
	ul#secondary-nav {list-style-type:none;margin:0 0 12px;font-size:11px;line-height:12px;float:left;width:440px;/*margin:0 0 15px;padding:0;clear:both;text-align:center;*/}
		div#footer ul#secondary-nav a:link, div#footer ul#secondary-nav a:visited {color:#6e6d6a;}
		div#footer ul#secondary-nav a:hover, div#footer ul#secondary-nav a:active {color:#eee;}
		ul#secondary-nav li {display:inline;padding:0;margin:0 5px 0 0;}
		ul#secondary-nav li+li {padding-left:10px;margin-left:5px;border-left:1px solid #282828;}
		div#partners {float:right;width:440px;text-align:right;}
			div#partners ul {list-style-type:none;margin:0;padding:0;float:right;}
			div#partners li {margin:0 0 0 15px;padding:0;float:left;}
			div#partners li a {display:block;float:left;}
			div#partners li a img {vertical-align:bottom;}
			div#partners li a:link, div#partners li a:visited {opacity:0.4;filter:alpha(opacity=40);}
			div#partners li a:hover, div#partners li a:active, div#partners li a:focus {opacity:1.0;filter:alpha(opacity=100);}
		div#credits {float:left;width:440px;font-size:10px;line-height:12px;color:#282828;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;}
			div#credits p {margin-bottom:0;}
			div#credits a:link, div#credits a:visited {color:#282828;}
			div#credits a:hover, div#credits a:active {color:#6e6d6a;}
	
/* blog */
ul.posts-nav {list-style-type:none;margin:0 0 18px;position:relative;height:18px;}
	ul.posts-nav li {margin:0;position:absolute;top:0;}
	ul.posts-nav li.prev {left:0;}
	ul.posts-nav li.next {right:0;text-align:right;}
div.post {margin-bottom:36px;overflow:hidden;}
	div.post h3.post-title {margin-bottom:8px;border-bottom:1px solid #282828;font-size:24px;line-height:36px;}
	div.post p.post-date {font-size:11px;line-height:12px;color:#898884;font-weight:normal;}
	div.post-content {overflow:hidden;}
	div.post p.post-meta {padding:3px 0;border-top:1px solid #282828;color:#898884;font-size:11px;line-height:18px;clear:both;}
		div.post p.post-meta a:link, div.post p.post-meta a:visited {color:#898884;}
		div.post p.post-meta a:hover, div.post p.post-meta a:active {color:#eee;}
	
	/* single */
	h3#comments-header span.whisper {font-size:11px;line-height:18px;}
	div#respond h4 span.whisper {font-size:12px;}
	ul.commentlist {list-style-type:none;margin:0 0 18px;}
		ul.commentlist div#respond {margin-bottom:18px;padding:18px 10px 0;}
			ul.commentlist div#respond li {padding-top:0;border:0;}
		ul.commentlist li {position:relative;margin:36px 0 0;}
			ul.commentlist li ul.children{margin:0;padding:0 0 0 50px;list-style-type:none;}
				ul.commentlist li ul.children li {margin:18px 0 0;}
			ul.commentlist li.depth-1 ul.children li{width:850px;}
				ul.commentlist li.depth-1 ul.children li div.comment-author {width:750px;}
			ul.commentlist li.depth-2 ul.children li{width:800px;}
				ul.commentlist li.depth-2 ul.children li div.comment-author {width:700px;}
			ul.commentlist li.depth-1{}
			ul.commentlist li.depth-2{border-right:none;}
			ul.commentlist li.depth-3{border-right:none;}
			ul.commentlist li.parent{}
			ul.commentlist li div.comment-body {padding:93px 10px 1px;}
				div#primary-content ul.commentlist li div.comment-body img {}
			ul.commentlist li div.comment-author {padding:20px 10px 10px 90px;height:58px;width:810px;position:absolute;top:0;left:0;font-size:18px;background-color:#161616;}
				ul.commentlist li div.comment-author img {position:absolute;top:10px;left:10px;}
				ul.commentlist li div.comment-author cite.fn {font-style:normal;}
				ul.commentlist li div.comment-author cite a:hover, ul.commentlist li div.comment-author cite a:active {color:#eee;}
				ul.commentlist li div.comment-author span.says {}
			ul.commentlist li div.comment-meta {font-size:11px;line-height:11px;position:absolute;top:42px;left:90px;color:#898884;}
				div#primary-content ul.commentlist div.comment-meta a:link, div#primary-content ul.commentlist div.comment-meta a:visited {color:#898884;}
				div#primary-content ul.commentlist div.comment-meta a:hover, div#primary-content ul.commentlist div.comment-meta a:active {color:#eee;}
			div#primary-content ul.commentlist a.comment-reply-link {position:absolute;top:25px;right:10px;padding:2px 6px;text-decoration:none;font-size:11px;color:#898884;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
				div#primary-content ul.commentlist a.comment-reply-link:link, div#primary-content ul.commentlist a.comment-reply-link:visited {background-color:#6e6d6a;border:none;color:#eee;}
				div#primary-content ul.commentlist a.comment-reply-link:hover, div#primary-content ul.commentlist a.comment-reply-link:active {background-color:#898884;border:none;color:#eee;}
			ul.commentlist li div.reply {}
			ul.commentlist li div.comment-body p.unapproved{color:#8c1e1e;font-weight:bold;text-align:center;}
	ul.comments-nav {list-style-type:none;margin:0;position:relative;height:1.5em;}
		ul.comments-nav li {margin:0;position:absolute;top:0;}
		ul.comments-nav li.prev {left:0;}
		ul.comments-nav li.next {right:0;text-align:right;}
	ul.commentlist div#respond{padding:18px 10px 10px 50px;}

/* tickets page - See shopp/shopp.css */

/* promotion */
body.promotion div#header h1 {background:none;}
body.promotion div#photo-gallery {display:none;}
div#promotions-list {}
	div#promotions-list h3 {margin:0 0 9px;padding-bottom:8px;outline:none;border-bottom:1px solid #161616;}
		div#promotions-list h3 a:link, div#promotions-list h3 a:visited {text-decoration:none;}
		div#promotions-list h3 a:hover, div#promotions-list h3 a:active {text-decoration:none;}
	div#promotions-list div.event-item {padding:0 0 0 10px;margin-bottom:36px;border-left:3px solid #282828;}
		div#promotions-list div.event-item h4 {margin-bottom:0;}

/* blog archives */
body.archive h2.page-title {display:block;}

/* password form */
form#password-form {clear:both;overflow:hidden;margin-bottom:18px;}
	form#password-form label {display:none;}
	form#password-form input {margin-right:10px;}

/* search results */
body.search h2.page-title {display:block;}
body.search form#searchform {width:598px;margin-bottom:36px;}
	body.search form#searchform label {width:100px;}

/* auction */
div#auction-list {}
	h3.auction-instructions {text-align:center;}
	ul#auction-link-list {list-style-type:none;overflow:hidden;padding:0;margin:0 0 18px;text-align:center;}
	ul#auction-link-list li {margin:0 10px 10px 0;padding:0;float:left;min-height:108px;width:140px;overflow:visible;}
	ul#auction-link-list li a {text-decoration:none;display:block;}
	ul#auction-link-list li a img {}
	ul#auction-link-list li a span.thumb-title {font-size:11px;line-height:12px;padding:4px 2px;text-align:center;display:block;}
	div.auction-item {margin-top:36px;padding-top:53px;border-top:1px solid #282828;}
	div.auction-item h3 {}
	div.auction-item h3 a.thumb-link {display:block;width:108px;height:108px;float:left;margin:0 10px 10px 0;position:relative;text-decoration:none;}
	div.auction-item h3 a.thumb-link img {}
	div.auction-item h3 a.thumb-link span.enlarge-link {padding:4px 0 1px;width:100px;position:absolute;bottom:4px;left:4px;display:block;font-size:8px;line-height:8px;text-align:center;font-family:Helvetica,Arial,sans-serif;text-transform:uppercase;text-decoration:none;background-color:#000;background-color:rgba(0,0,0,0.65);text-shadow:0 1px 0 #161616;}