/*
Theme Name: Beyondjazz
Theme URI: http://beyondjazz.net/
Description: Fo Shizzle
Version: 1
Author: Lensco
Author URI: http://lensco.be/
*/

/* CSS Reset
---------------------------------------------------- */

html { height: 100%; }
body, form, ol, ul, dl, li, dt, dd, td, th, tr { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0 0 1.5em 0; padding: 0; }
ul { list-style: none; }
ol { margin-bottom: 1em; }
ol li { margin-left: 2em; }
img { border: 0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
a:focus { outline: 0; }


/* HTML5 compatibility
---------------------------------------------------- */

header,
footer,
nav,
section,
article,
aside {
	display: block;
	}
	

/* Typography
---------------------------------------------------- */

body,
input,
textarea {
	font-size: 14px;
	line-height: 20px;
	font-family: Helvetica Neue, Helvetica, Arial, serif;	
	}

@font-face {
	font-family: "Rockwell";
	font-weight: bold;
	src: url(fonts/Rockwell_Bold.ttf) format("truetype");
	}

h1,
h2,
h3,
nav,
.meta,
.postType,
.postTypeSmall,
#tagline,
#s,
#submit,
#notice {
	font-family: Rockwell,"Rockwell Std",Cambria,Georgia,serif;
	font-weight: normal;
	}
	nav,
	.postType {
		font-weight: 100;	
		}
	

/* Layout
---------------------------------------------------- */
	
body {
	color: #2D302D;
	background-color: #242828;
	height: 100%;
	}
	#wrapper {
		min-height: 100%;
		width: 970px;
		}
		#main {
			float: left;
			min-height: 100%;
			width: 640px;
			background: #F7FCF7;
			}
			#logo {
				background: url(images/bg_header.jpg) no-repeat top left;
				padding: 46px 0 0 71px;
				position: relative;
				height: 134px;
				}
				#tagline {
					position: absolute;
					top: 80px;
					left: 350px;
					line-height: 14px;
					font-size: 12px;
					color: #999;
					}
			#content {
				background: url(images/bg_side.jpg) repeat-y top left;
				padding: 0 50px 96px 100px;
				min-height: 550px;
				}
		
		#sidebar {
			float: left;
			width: 300px;
			padding: 80px 0 0 30px;
			color: #fff;
			}
			#search {
				height: 100px;
				}
				#s {
					padding: 5px 6px;
					width: 128px;
					background: #373D3D;
					color: #aaa;
					font-size: 13px;
					}
					#s:focus,
					#s:active {
						background: #fff;
						color: #222;
						outline: none;
						}
			#menu {
				margin-bottom: 60px;
				}
				#menu li {
					margin: 0 8px 8px 0;
					float: left;
					}
					#menu a,
					.postType a {
						display: inline-block;
						background: #009134;
						color: #fff;
						padding: 2px 7px 5px;
						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
						font-size: 18px;
						line-height: 1; 
						}
						#menu a:hover,
						.postType a:hover {
							background: #fff;
							color: #009134;
							}
						.postType a {
							margin-bottom: 12px;
							}
							.postType a:hover {
								background: #F7FCF7;
								}




/* Common
---------------------------------------------------- */
	
h1 {
	font-size: 30px;
	color: #333;
	line-height: 30px;
	margin-bottom: 6px;
	border-bottom: 1px solid #666;
	border-top: 3px solid #666;
	padding: 6px 0;
	}
	h1 a {
		color: #333;
		}
		h1 a:hover {
			color: #777;
			}
	h1.basic {
		border: 0;
		padding: 5px 10px 10px;
		margin-bottom: 36px;
		background: #ddd;
		background: rgba(0,0,0,.1);
		}

h2 {
	font-size: 24px;
	margin: 0 0 12px;
	color: #555;
	line-height: 1.1;
	}
h3 {
	font-size: 18px;
	margin: 24px 0 6px;
	color: #888;
	}
h4 {
	font-size: 16px;
	margin: 0;
	color: #888;
	}
		
a {
	color: #009134;
	text-decoration: none;
	-webkit-transition: all ease 0.2s;
	}
	a:hover {
		text-decoration: none;
		}
	.post a {
		line-height: 0;
		background: #F7FCF7;
		word-wrap: break-word;
		}
		.post a:hover {
			background: #009134;
			color: #fff;
			}

input,
textarea {
	border: 0;
	margin 0;
	padding: 5px 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #adb5bc;
	background: rgba(0,0,0,.1);
	color: #333;
	}
	input:focus, input:active,
	textarea:focus, textarea:active {
		background: #fff;
		color: #222;
		}
	#submit,
	input[type="submit"] {
		background: #009134;
		color: #fff;
		cursor: pointer;
		}
		#submit:active {
			background: #91c87c;
			}

hr {
	border: 0;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #ccc;
	height: 0;
	margin: 0 0 24px;
	}

	

/* Article styles
---------------------------------------------------- */

.home .entry {
	margin-bottom: 72px;
	}
.archive .entry {
	margin-bottom: 56px;
	}

.meta {
	font-size: 16px;
	line-height: 1;
	margin-bottom: 24px;
	color: #999;
	}
	.meta .date strong {
		color: #555;
		}
	.meta .commentCount a {
		color: #999;
		-webkit-transition: none;
		}
		.meta .commentCount a:hover {
			color: #333;
			}
		.meta .commentCount a b {
			background: url(images/comment_count.png) no-repeat center top;
			color: #fff;
			display: inline-block;
			padding: 2px 0 6px;
			text-align: center;
			width: 25px;
			}

.postMeta {
	background: #DDE2DD;
	background: rgba(0,0,0,.1);
	color: #666;
	padding: 6px 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 12px;
	margin-bottom: 40px;
	}
	.postMeta a {
		color: #333;
		}

.page {
	margin-top: 24px;
	}


/* Sidebar
---------------------------------------------------- */
	
#sidebar h2 {
	clear: both;
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	padding: 6px 0 0;
	margin: 0 0 12px;
	border-top: 3px solid #373D3D;
	}
	#sidebar h2 a {
		color: #fff;
		}
	#sidebar h2 .dimmed {
		font-size: 11px;
		display: inline-block;
		margin-left: 5px;
		}

.sidebarBox {
	margin-bottom: 60px;
	}

#sidebarBanners {
	margin-right: -20px;
	}
	.banner img {
		padding: 6px;
		border: 1px solid #373D3D;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		float: left;
		background: #242828;
		-webkit-transition: all ease 0.2s;
		margin-right: 21px;
		}
		.banner:hover img {
			background: #373D3D;
			}
		
#podcastBox {
	background: #373D3D url(images/podcast.png) no-repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 15px;
	font-size: 12px;
	line-height: 1.3;
	}
	#podcastBox h2 {
		padding: 0 0 0 30px;
		border: 0;
		}
	#podcastBox div a {
		background: #373D3D;
		color: #FCEE21;
		padding: 1px 3px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 1px;
		margin-right: 10px;
		}
		#podcastBox div a:hover {
			background: #FCEE21;
			color: #373D3D;
			}


#recentPosts,
#recentComments {
	border-bottom: 1px solid #373D3D;
	}
	#recentPosts a,
	#recentComments a {
		display: block;
		color: #bbb;
		font-size: 12px;
		line-height: 1;
		border-top: 1px solid #373D3D;
		padding: 8px 6px 8px 0;
		}
		#recentPosts a:hover,
		#recentComments a:hover {
			background: #373D3D;
			padding-left: 6px;
			padding-right: 0;
			-webkit-transition: all ease 0.2s;
			}
		.postTypeSmall {
			float: left;
			width: 80px;
			}
			.postTypeSmall span {
				display: inline-block;
				background: #fff;
				color: #2D302D;
				padding: 1px 3px 2px;
				-webkit-border-radius: 2px;
				-moz-border-radius: 1px;
				font-size: 10px;
				line-height: 1;
				vertical-align: middle;
				margin-left: 0;
				}
		#recentPosts .title {
			float: right;
			width: 214px;
			}

#twitter ul {
	border-bottom: 1px solid #373D3D;
	margin-bottom: 5px;
	}
	#twitter li {
		color: #ddd;
		font-size: 11px;
		line-height: 1.15;
		border-top: 1px solid #373D3D;
		padding: 8px 0;
		}
		#twitter a {
			color: #ddd;
			background: #242828;
			}
			#twitter a:hover {
				background: #43494b;
				}
		#twitter b {
			font-weight: normal;
			}


.flickr_badge_image {
	float: left;
	line-height: 0;
	}

footer {
	clear: both;
	border-top: 1px solid #373D3D;
	padding: 6px 0;
	color: #4a5252;
	font-size: 12px;
	margin-bottom: 30px;
	}
	
#badgeNew {
	position: absolute;
	top: 0;
	right: 0;
	}
	
#backendLink {
	position: absolute;
	z-index: 10;
	color: #ECEEE3;
	}


/* more content styles
---------------------------------------------------- */

.hide  { display: none; }
.left  { float: left; }
.right { float: right; }

.textCenter, .center { text-align: center; }
.textRight  { text-align: right; }
.textLeft   { text-align: left; }
	
.alignCenter {
	display: block;
	margin: 24px auto 0 auto;
	}
.alignLeft {
	float: left;
	margin: 0 12px 12px 0;
	}
.alignRight {
	float: right;
	margin: 0 0 12px 12px;
	}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearBoth {
	clear: both;
	}

.dimmed {
	opacity: .5;
	filter: alpha(opacity=50);
	}

blockquote {
	border-left: 3px solid #ddd;
	border-left: 3px solid rgba(0,0,0,.15);
	margin-left: 24px;
	padding-left: 12px;
	}

.post ul {
	margin-bottom: 1em;
	}
	.post li {
		margin-left: 24px;
		list-style: url(images/bullet.png);
		}
	ul.padded li {
		padding-bottom: 12px;
		}

abbr {
	cursor: help;
	border: 0;
	}
	
.masthead {
	margin: 0 -50px 24px -100px;
	position: relative;
	}
	.masthead img {
		width: 640px;
		height: 150px;
		display: block;
		}
	.masthead .description {
		background: #494B49;
		background: rgba(0,0,0,.7);
		position: absolute;
		right: 0;
		top: 0;
		padding: 15px;
		width: 140px;
		height: 120px;
		color: #fff;
		font-size: 12px;
		line-height: 20px;
		}
	.masthead .credits {
		background: #E8EDE3;
		background: rgba(60, 60, 0, 0.08);
		padding: 5px 10px;
		text-align: right;
		display: block;
		color: #666;
		font-size: 11px;
		}
		.masthead .credits a {
			background: none;
			color: #666;
			border-bottom: 1px solid #ccc;
			}
			.masthead .credits a:hover {
				background: #ccc;
				}

.release {
	background: rgba(0,0,0,.2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 7px;
	margin: 36px 0 24px;
	}
	.release a.zoom {
		position: relative;
		display: block;
		}
		.release a.zoom img {
			float: left;
			margin-right: 12px;
			width: 144px;
			max-height: 220px;
			border: 1px solid #ccc;
			}
			.release a.zoom span {
				display: none;
				position: absolute;
				width: 30px;
				height: 30px;
				top: -15px;
				left: -15px;
				background: url(images/zoom.png) no-repeat;
				}
				.release a.zoom:hover span {
					display: block;
					}
	.release h2 {
		margin-top: 3px;
		font-size: 18px;
		}

#zoom {
	-moz-box-shadow: 0 10px 50px rgba(0,0,0,.9);
	-webkit-box-shadow: 0 10px 50px rgba(0,0,0,.9);
	background: rgba(0,0,0,.9);
	cursor: pointer;
	}
#zoom_close {
	background: url(images/closebox.png) no-repeat;
	height: 30px;
	width: 30px;
	position: absolute;
	top: -15px;
	left: -15px;
	display: none;
	}
	#zoom:hover #zoom_close {
		display: block;
		}
		
.tracklist {
	margin-top: -1em;
	color: #555;
	line-height: 1.4;
	font-size: 12px;
	}
	.tracklist li {
		list-style: decimal;
		}

.slideshow {
	background: #222;
	background: rgba(0,0,0,.95);
	margin: 0 -50px 24px -100px;
	padding: 30px 50px 20px 90px;
	}
	.galleria_wrapper {
		width: 500px;
		max-height: 500px;
		overflow: hidden;
		margin-bottom: 12px;
		}
		.galleria_wrapper img,
		.galleria_still img {
			display: block;
			margin: 0 auto;
			max-width: 500px;
			max-height: 500px;
			}
	.slideshow .caption {
		text-align: center;
		display: block;
		color: #555;
		font-size: 12px;
		}
		.slideshow .caption a {
			background: none;
			color: #555;
			}
	.slideshow .captionExtra {
		font-size: 11px;
		color: #333;
		text-align: center;
		}
		.slideshow .captionExtra a {
			color: #333;
			background: no-repeat;
			}
	.post ul.galleria {
		margin: 24px -10px 0 0;
		text-align: center;
		}
		.galleria li {
			list-style: none;
			width: 75px;
			height: 75px;
			overflow: hidden;
			display: inline-block;
			margin: 0 10px 10px 0;
			}
			.galleria img {
				cursor: pointer;
				top: auto;
				left: auto;
				display: block;
				width: auto;
				height: 75px;
				}
		.home ul.galleria {
			display: none;
			}
	.slideshow .galleria_still {
		display: none;
		}
		.home .slideshow .galleria_still {
			display: block;
			}


/* Homepage
---------------------------------------------------- */

.home .masthead {
	margin-bottom: 0;
	}
.home .post .masthead {
	display: none;
	}

#masthead {
	margin: 0 -50px 0 -100px;
	position: relative;
	}
	#mastheadCarousel {
		overflow: hidden;
		height: 150px;
		}
		#mastheadCarousel li {
			float: left;
			width: 640px;
			height: 150px;
			}
			#mastheadCarousel li a {
				display: block;
				margin: 0;
				height: 150px;
				}

.jcarousel-container {
	position: relative;
    width: 640px;
    overflow: hidden;
	}
	.jcarousel-clip {
	    height: 150px;
		z-index: 2;
		overflow: hidden;
		position: relative;
		}
		.jcarousel-list {
			z-index: 1;
			overflow: hidden;
			position: relative;
			top: 0;
			left: 0;
			margin: 0;
			padding: 0;
			}

#carouselControl {
	position: absolute;
	bottom: -27px;
	left: 20px;
	z-index: 4;
	}
	#carouselControl li {
		float: left;
		}
		#carouselControl a {
			display: block;
			width: 6px;
			height: 6px;
			overflow: hidden;
			text-indent: -999px;
			background: #999;
			margin: 0 6px 0 0;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			}
			#carouselControl .selected a {
				background: #222;
				}


#notice {
	margin: 0 -50px 60px -100px;
	padding: 12px 50px 24px 100px;
	font-size: 16px;
	line-height: 24px;
	color: #666;
	background: #E8EDE3;
	background: rgba(60, 60, 0, 0.08);
	}


/* Comments
---------------------------------------------------- */

#commentsWrapper {
	position: relative;
	z-index: 2;
	background: #C2CCD3;
	padding: 52px 0 36px;
	}
	#comments h2 {
		padding-top: 0;
		color: #777;
		color: rgba(0,0,0,.6);
		}

.commentlist {
	margin-bottom: 48px;
	}
	.commentlist .comment {
		margin: 0 0 36px;
		list-style: decimal-leading-zero;
		color: #bbb;
		}
		.commentMeta {
			border-top: 2px solid #999;
			border-bottom: 1px solid #ccc;
			padding: 4px 0;
			margin-bottom: 12px;
			color: #2D302D;
			}
			.comment .avatar {
				float: left;
				margin: 0 10px 0 0;
				}
			.comment cite {
				display: block;
				font-style: normal;
				font-size: 16px;
				color: #666;
				line-height: 20px;
				padding-top: 4px;
				}
			.comment .date,
			.comment .date a {
				font-size: 12px;
				color: #888;
				}
			.commentMeta a em {
				font-weight: normal;
				visibility: hidden;
				}
				.commentMeta a:hover em,
				.comment:hover .commentMeta a em {
					visibility: visible;
					}
		.commentBody {
			color: #2D302D;
			}

#commentform input {
	width: 156px;
	margin-right: 3px;
	}
	#commentform #submit {
		width: auto;
		}
	#commentform input.inactive {
		color: #777;
		}
	#commentform input.error {
		color: #d00;
		}
#commentform textarea {
	width: 478px;
	max-width: 490px;
	}
#commentform p {
	margin-bottom: 12px;
	}
#commentform .required {
	color: #d00;
	}
	
#commentInputsWrapper {
	position: relative;
	}
	#commentCode {
		display: none;
		position: absolute;
		bottom: 0px;
		right: 0;
		width: 170px;
		padding: 10px 15px;
		color: #fff;
		background: #444;
		background: rgba(0,0,0,.7);
		font-size: 12px;
		line-height: 16px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		}
		#commentCode .arrow {
			height: 0;
			line-height: 0;
			width: 0;
			border-right: 15px solid #444;
			border-right: 15px solid rgba(0,0,0,.7);
			border-bottom: 15px solid transparent;
			position: absolute;
			bottom: -15px;
			right: 20px;
			}