/*
Theme Name: Pampelmoose
Theme URI: http://www.pampelmoose.com
Description: Pampelmoose Theme
Author: Nate Bedortha
Author URI: http://nate.bedortha.com
*/

/* reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,del,dfn,em,img,q,small,strike,strong,sub,sup,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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
a {text-decoration: none;}
legend {display: none;}

/* all pages */
@font-face {
	font-family: 'MyriadPro';
	src: url('fonts/MyriadPro.otf') format('opentype');
}

@font-face {
	font-family: 'MyriadProBold';
	src: url('fonts/MyriadPro-Bold.otf') format('opentype');
}

body {
	font: normal 100% Helvetica,Arial,sans-serif;
	
	background: url('images/bg_gradient.png') repeat-x;
}

a {color: #da4a24;}

#container {
	min-width: 61em;
	width: 99%;
	margin: 0 5px;
}

	#header {
		min-width: 60em;
		width: 100%;
		padding-bottom: 17px;
		position: relative;
	}
	
		#header h1#logo {
			width: 20%;
			float: left;
			margin-right: 5%;
			height: 109px;
			
			background: #da4a24 url('images/head.png') no-repeat center 60px;
			
			text-indent: -9999em;
			
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			-webkit-border-bottom-left-radius: 4px;
			-webkit-border-bottom-right-radius: 4px;
			-moz-border-radius-bottomleft: 4px;
			-moz-border-radius-bottomright: 4px;
			
		}
		
			#header h1#logo a {
				display: block;
				height: 100%;
				width: 100%;
			}
		
		#header div.headerAd {
			width: 728px;
			height: 90px;
			float: left;
			margin-top: 19px;
		}

#topNav {
	float: left;
	width: 75%; /* 100% with container */
/*	min-width: 45.37em; */
	margin-bottom: 15px;
	

	background: #3b3b3b;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;	
}

	#topNav li {
		float:  left;
		display: inline;
		
		font: normal .9em/.9em MyriadPro,Tahoma,sans-serif;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
		
		border-left: 1px solid #313131;
		border-right: 1px solid #717171;
	}
	
	#topNav li.first {
		padding-left: 4px;
		border-left: 0;
	}
	
	#topNav li.rss {
		padding-right: 4px;
		border-right: 0;
	}
	
	#topNav li.right {
		float:  right;
	}
	
		#topNav li a {
			display: block;
			padding:  9px;
			
			color: white;
		}
		
		#topNav li.rss a {
			color: #f6921e;
		}

#content {
	float: left;
/*	min-width: 32.62em; */
	width: 53%; /* 71.9% with container*/
	
}
	#content h2 {
		font: bold 1.5em/1em MyriadProBold,Tahoma,sans-serif;
		vertical-align: middle;
	}

	.bodyAd {
			border-bottom: 4px solid #535353;
			padding: 14px 0 17px;
			margin-bottom: 32px;	
	}
	
	.post, .page {
		margin-left: 13px;
		padding-bottom: 32px;
	}

		.post img.avatar, .page img.avatar {
			border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;	
			float: left;
			vertical-align: middle;
		}
		
		.post h2 {
			padding-left: 62px;			
		}
		
		.page h2 {
			margin-bottom:  1em;
			color: #3b3b3b;
		}
		
		.post .post-date {
			clear: both;
			font: .8em MyriadPro,Tahoma,sans-serif;
			color: #a7432f;
			padding: 12px 0;
		}
		
		.entry {
			font: .8em/1.2em Helvetica,Arial,sans-serif;
			color: #464646;
		}
		
			.entry strong {font-weight: bold;}
			
			.entry em {font-style: italic;}
			
			.entry p {margin-bottom: 1em;}
	
			.entry a.ymp-btn-page-play {
				background: #fce4bd;
			}
		
		.post .postmetadata {
			border-top: 1px dashed #808080;
			border-bottom: 4px solid #535353;
			padding: 14px 0 17px;
		}
		
			.post .postmetadata a.comments {
				font-size: .875em;
			}
			
				.post .postmetadata a.comments span {
					background: #da4a24;
					color: white;
					padding: 3px 5px;
					border-radius: 4px;
					-webkit-border-radius: 4px;
					-moz-border-radius: 4px;	
				}
				
			.post .postmetadata span.tags {
				display: block;
				font-size: .75em;
				line-height: 2.5em;
			}
	
#sidebar_left {
/*	min-width: 12.93em; */
	width: 20%;
	float: left;
	margin-right: 5%;
}

	#sidebar_left .pages {
		padding: 10px 18px 6px 18px;
		margin-bottom: 15px;
		
		background: #636363;
		font: .8em/1.125em MyriadPro,Tahoma,sans-serif;
		
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}
	
		#sidebar_left .pages li {
			margin: 0;
			padding: 0;
			background: transparent;
			color: #d7d7d7;
		}
		
		#sidebar_left .pages li.close:hover {cursor: pointer;}
	
			#sidebar_left .pages li a {
				color: #d7d7d7;
				font: 1em MyriadPro,Tahoma,sans-serif;
			}
			
			#sidebar_left .pages li ul {
				display: none;
				background: transparent;
				padding: 0;
				margin: 0;
				border: 0;
			}
			
			#sidebar_left .pages li ul li {
	
				font: 1em MyriadPro,Tahoma,sans-serif;
				background: transparent;
				padding: 0;
				margin: 0;
				border: 0;

			}
				#sidebar_left .pages li ul li p {margin-bottom: 1em;}
	
				#sidebar_left .pages li ul li a {
					border: 0;
					display: inline;
					font: 1em MyriadPro,Tahoma,sans-serif;
					color: #da4a24;
				}
				
				#sidebar_left .pages li ul.authors li a {
					color: #d7d7d7;
					display: block;
					padding: 0;
					text-transform: capitalize;
				}

#sidebar_right {
	float: right;
	min-width: 10.875em;
	width: 17%; /* 22% width container */
	margin-left: 3%;
	
}
	.sidebar ul li {
		margin-bottom: 15px;
	}
	
	.sidebar h4 {
		margin-bottom: 1px;
		padding: 10px 13px 6px 13px;
		
		font: normal 1.06em/1.25em MyriadProBold,Tahoma,sans-serif;
		text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
		
		color: #464646;
		background: transparent url('images/sidebar_header_bg.png') repeat-x;
		
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
	}

	.sidebar li ul {
		padding: 5px 20px 5px 13px;
		
		border: 1px solid #dcdcdc;
		border-width: 1px 0;
		
		background: #e0e0e0;
		
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-radius-bottomleft: 4px;
		-moz-border-radius-bottomright: 4px;
	}

		.sidebar li ul li {
			margin: 0;
			font: normal .8em/1em MyriadPro,Tahoma,sans-serif;

			color: #464646;
		}
		
			.sidebar li ul li a {
				display: block;
				padding: 12px 0;
			
				border-bottom: 1px solid #c4c4c4;

				color: #464646;
			}
			
		div#get_recent_comments_wrap ul {
			padding: 0;
		}
	
			div#get_recent_comments_wrap li {
				padding: 5px 20px 5px 13px;
				border-bottom: 1px solid #c7c7c7;
			}

			div#get_recent_comments_wrap li.even {
				background: #ebebeb;
			}

			div#get_recent_comments_wrap li.odd {
				background: #dbdbdb;
			}

				div#get_recent_comments_wrap li a {
					border: 0;
					line-height: 1.25em;
					color: #464646;

				}

					div#get_recent_comments_wrap li a span {
						font: bold MyriadProBold,Tahoma,sans-serif;
						color: #da4a24;
					}
					
					div#get_recent_comments_wrap li a span.on {
						font-weight: normal;
						color: #7c7c7c;
					}

		.sidebar #search {
			background: #da4a24;
			border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			padding: 5px 20px 5px 13px;
			margin-bottom: 15px;

		}
		
			.sidebar #search input#s {
				font: .8em/1.2em MyriadPro,Tahoma,sans-serif;
				padding:  3px 7px 0;
				color: #a8a8a8;
				border: 1px solid #a7432f;
				width: 76%;
				vertical-align: middle;
			}
		
			.sidebar #search input#searchsubmit {
				background: transparent url('images/search_icon.png') no-repeat center center;
				border: 0;
				padding: 0;
				height: 12px;
				width: 12px;
				vertical-align: middle;
				text-indent: -9999em;
				cursor: pointer;
			}
			
			.sidebar .aktt_tweets ul li {
				display: block;
				padding: 12px 0;
			
				border-bottom: 1px solid #c4c4c4;

			}
			
			.sidebar .aktt_tweets ul li a {
				display: inline;
				padding: 0;
			
				border: 0;

				color: #464646;
			}

	ul.commentlist {
		margin-left: 16px;
		padding-left: 0;
		list-style-type: none;
	}

		ul.commentlist li {
			border-bottom: 1px dashed #808080;
			padding: 14px 0 17px;
			font: normal 1em/1.2em Helvetica,Arial,sans-serif;
			color: #464646;
		}

		ul.commentlist li.alt {
	
		}
		
			ul.commentlist li cite, ul.commentlist li cite a {
				font: bold 1.2em MyriadProBold,Tahoma,sans-serif;
			}
			
			ul.commentlist li small {
				font-size: .6em;
			}
	
	h3#respond {
		font: bold 1.2em MyriadProBold,Tahoma,sans-serif;
		margin: 1em 0 1em 16px;
		color: #464646;
	}
	
	#commentform {margin-left: 16px;}
		
		#commentform label {
			color: #464646;
		}
		
		#commentform input, #commentform textarea {
			border: 1px solid #808080;
			color: #464646;
			border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			padding: 3px 5px;	
		}
		
		#commentform textarea {
			width: 100%;
	
		}
		
		#commentform input#submit {
			border: 0;
			background: #da4a24;
			color: white;
			padding: 4px 5px 0;
			border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;	
			font: normal 1.2em MyriadPro,Tahoma,sans-serif;
			text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
			cursor: pointer;
		}

	.archiveColumn {
		width: 40%;
		margin-right: 25px;
		float: left;
		line-height: 1.5em;
	}

	.navigation {
	
		margin: 1.5em 0;
	}
	
		.navigation a {
			border: 0;
			background: #da4a24;
			color: white;
			padding: 4px 8px 0;
			border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;	
			font: normal 1.2em MyriadPro,Tahoma,sans-serif;
			text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
			cursor: pointer;
	
		}

/* hacks */
#header:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html #header {height: 1%;}

#container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html #container {height: 1%;}

#topNav:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html #topNav {height: 1%;}

/**************** BANDLOOP WIDGET CSS CLASSES ****************/
/* These bandloop-specific styles are used by the widget. */
/* You can certainly edit these CSS classes outside of the widget builder. */
/* Paste all this in your stylesheet, or between style tags on your site: */
table.bandloop_table {background: #ebebeb;}
tr.bandloop_odd {
	background: #ebebeb;
	border-bottom: 1px solid #c7c7c7;
}
tr.bandloop_even {
	background: #dbdbdb;
	border-bottom: 1px solid #c7c7c7;
}

/* bandloop_td: applies to all bandloop td elements */
td.bandloop_td {	color: #888888;
	padding: 5px 0px 5px 0px;
	letter-spacing: 0px;
}

/* specific bandloop td elements */
td.bandloop_header {display: none;}
td.bandloop_col1 {vertical-align: top; padding-left: 10px; text-align: right; display: none;}
td.bandloop_col2 {vertical-align: top; padding-left: 7px;}
td.bandloop_col3 {vertical-align: top;}
td.bandloop_footer {padding-left: 10px;}

/* specific bandloop text and link stylings */
.bandloop_header_txt {
	font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}
.bandloop_date {color: #888888;}
.bandloop_band {color: #888888;}
.bandloop_venue {color: #888888;}
a.bandloop_date {text-decoration: none;}
a.bandloop_band {font: normal .8em/1em MyriadProBold,Tahoma,sans-serif; 				color: #464646;
 text-decoration: none;}
a.bandloop_venue {font: .8em/1em MyriadPro,Tahoma,sans-serif;color: #7c7c7c; text-decoration: none;}
a.bandloop_date:hover {text-decoration: underline;}
a.bandloop_band:hover {text-decoration: underline;}
a.bandloop_venue:hover {text-decoration: underline;}
a.bandloop_footer_txt {color: #f02300; text-decoration: none;}
a.bandloop_footer_txt:hover {text-decoration: underline;}
/**************** END BANDLOOP WIDGET CSS ****************/

/** soundcloud **/
a.soundcloud-dropbox:hover {color: #1896D1 !important; background-color: transparent !important; background-position: -200px 0 !important;}*html a.soundcloud-dropbox {background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(http://a1.soundcloud.com/images/dropbox_square_white.png?a78229)', sizingMethod='crop') !important;}