/*
Theme Name: Popstache
Theme URI: http://popstache.com/
Description: This a custom theme built for Pop 'stache.
Author: Derek S. Moore
Version: 1.1.8
*/

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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, header, section, footer, article, details { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
header, section, footer, article, details{display: block;}
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
header, section, footer, article, details{display: block;}

/*------ Fonts ------*/
body{ margin: 0; padding: 0; font:62.5% 'etica-1','etica-2',sans-serif; background: #dcdcdc url(images/bg.png);}

/*--------- Header ---------*/
header{background: #1c1c1c; height: 40px; border-bottom: 1px solid #f15b4f; position: fixed; width: 100%; z-index: 100; top: 0; -webkit-box-shadow: 0 1px 3px #000;}
header section{
	width: 970px; 
	margin: 0 auto;
}
header section h1 a.logo{background: url(images/main-logo.png) no-repeat; width: 190px; height: 121px; float: left; overflow: hidden; z-index: 100;}
	header section h1 a.logo:hover{}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to { 
    -webkit-transform: rotate(-7deg);
  }
  from {
    -webkit-transform: rotate(7deg);
  }
  to { 
    -webkit-transform: rotate(-7deg);
  }
  from {
    -webkit-transform: rotate(7deg);
  }
  to { 
    -webkit-transform: rotate(0deg);
  }

}
header section h1 a.logo span.stache{background: url(images/stache.png); width: 113px; height: 36px; display: block; margin-top: 50px; margin-left: 68px; position: absolute; z-index: 200; -webkit-transition: all 0.2s linear;}
 header section h1 a.logo:hover span.stache{
    -webkit-animation-name: rotate; 
    -webkit-animation-duration: 0.3s; 
    -webkit-animation-iteration-count: 2;
    -webkit-animation-timing-function: linear;
    margin-top: 47px;
    background: url(images/stache.png);
    }
	/*------ Main Navigation ------*/
	.menu-main-navigation-container {float: left; margin-top: 0; z-index: 200;}
	.menu-main-navigation-container ul li:first-child{border-left: 1px solid #222; }
	.menu-main-navigation-container ul li{float: left; border-right: 1px solid #222; }
		.menu-main-navigation-container li a{height: 31px; display: inline-block; padding: 9px 16px 0; font-family: "adelle-1","adelle-2",serif; color: #fff; text-decoration: none; font-size: 2em; font-weight: 700;}
		.menu-main-navigation-container li a:hover{background: #666;}

		.menu-main-navigation-container li a:hover{background: #111;}
			
			/*--- Drop Down ---*/
			.menu li ul.sub-menu{display: none; border: none;}
				.menu li ul.sub-menu li{float: none; border-bottom: #000; margin: 0; border-right: 0;}
					.menu li ul.sub-menu li:first-child{border: none;}
				.menu li ul.sub-menu li a{height: 20px; color: #fff; font-size: 1.5em; display: block; text-decoration: none; padding: 4px 8px; background: none !Important;}
				.menu li ul.sub-menu li a:hover{background: #f15b4f !important; opacity: 1;}
				.menu li ul.sub-menu li a:active{ padding-top: 4px !important; height: 20px !important;}
			.menu li:hover ul.sub-menu{display: block; width: 175px; background: rgba(0, 0, 0, .8); position: absolute; z-index: 200; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .6);}
			
			.menu li.sub a{background: url(images/tri-drop.png) no-repeat right 12px; padding-right: 22px;}
				.menu li.sub a:hover{background: #111 url(images/tri-drop.png) no-repeat right 12px;}


	/*------ Global Navigation -----*/
	nav.global{width: auto; float: right; padding-top: 5px;}
		nav.global ul{}
		nav.global ul li{float: left;}
		nav.global ul li a{font-size: 11px; padding: 5px 4px; text-decoration: none; text-transform: uppercase; opacity: 1; color: #fff;}
			nav.global ul li a:hover{opacity: .8;}
		nav.global ul li.login a{background: #f15b4f;}
		nav.global ul li a{background: #222; font-family: "adelle-1","adelle-2",serif;}

/*------ Page ------*/
#page{width: 960px; margin: -35px auto 20px; background: none;}
	#page.main{margin: 63px auto;}

.page-links {padding:0; margin:15px auto; font-size: 1.3em; font-family: "etica-1","etica-2",sans-serif; height: 30px;}
.page-links a {background:#000; color:#fff; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.page-links a:hover, .wp-paginate a:active {background:#f05b4f; text-decoration: none;}
.wp-paginate .current {background:#f05b4f; color: #fff; margin-right:4px; padding:3px 6px;}

/*------ Breadcrumb ------*/
#breadcrumb{font-size: 1.4em; color: #666; padding: 0 0 10px 0; margin-left: 183px; margin-top: 100px; margin-bottom: -40px;}
	#breadcrumb a{color: #666; text-decoration: none; text-transform: uppercase; margin: 0 7px; background: #ccc; padding: 4px;}
		#breadcrumb a:hover{background: #bbb;}
	
/*------ Recent Tweet ------*/
.recent-tweet{font-size: 1.4em; color: #666; padding: 0 0 15px 0; margin-left: 209px; margin-top: -6px; margin-bottom: -40px;}
	.recent-tweet a{color: #f15b4f; text-decoration: none;}
		.recent-tweet a:hover{text-decoration: underline;}	

.tweet_time{display: none;}
	
/*--------- Main Slides ---------*/
#main-slides{ width: 646px; height: 422px; float: left; background: #333; position: relative; z-index: 0;}


/*--------- Navigation ---------*/
.slides-nav { float: left; width: 314px;}
.slides-nav .mini-post{width: 319px}
.slides-nav .mini-post.active{background: #666;}
	.slides-nav .mini-post.active .date, .slides-nav .mini-post.hover .date{color: #222;}
.slides-nav .mini-post.hover{background: #999; }

.slides-nav h3{float: left; font-family: "adelle-1","adelle-2",serif; background: #f25753; color: #fff; font-size: 1.6em; display: block; width: 319px; height: 28px; text-align: center; padding-top: 10px; text-transform: uppercase;}
.slides-nav a{ float: left; text-decoration: none;}
.slides-nav a .block {float: left; margin-left: 38px; width: 170px;}

/*------ Content Sections ------*/
#content{width: 639px; float: left; position: relative; z-index: 0; margin-top: 37px;}
	#content h3{font-family: "adelle-1","adelle-2",serif; color: #222; font-size: 1.7em; font-weight: 700;}
	#content article h3{font-family: "adelle-1","adelle-2",serif; color: #222; font-size: 2.5em; background: none; padding: 0 0 3px 0; margin-bottom: 10px; border-bottom: 1px solid #ccc; margin-top: 15px;}

#page.video #content.media article, #page.video #content.media article .social{
	width: 609px !important;
}
#page.video #content.media article .deets .director{
	margin-left: 10px;
}
#page.video #content.media article{
	min-height: 200px !important;
	height: auto !important;
}
#page.video #content .video-frame iframe{
	width: 100%;
	height: auto;
	min-height: 400px;
}

/*--- related posts ---*/
#related-posts{	
	min-height:200px;
	margin: 20px 0;
	background: rgba(255, 255, 255, .4);
	padding: 15px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 3px #aaa;
	-moz-box-shadow: 0 0 3px #aaa;
}
#related-posts h3.title{
	font-size: 2.2em;
	margin: 0 0 7px 0;
	text-transform: uppercase;
	font-family: "adelle-1","adelle-2",serif;
}	
#related-posts ul li{
	float: left;
	width: 189px;
	margin: 5px;
}
#related-posts ul li a{
	display: block;
	width: 189px;
}
#page.mix-tape #related-posts ul li{
	width: 184px !important;
	margin: 1px !important;
}
#page.mix-tape #related-posts ul li img{
	width: 100%;
	height: auto;
}
#related-posts ul li a{
	text-decoration: none;
	color: #666;
}
#related-posts ul li h3 a{
	font-size: 1em;
	font-family: "etica-1","etica-2",sans-serif;	
	font-weight: normal;
}
#related-posts ul li a img{
	box-shadow: 0 0 4px #ddd;
	-webkit-box-shadow: 0 0 4px #ddd;
	display: block;
	width: auto;
}
#related-posts ul li a:hover{ 
	text-decoration: underline;
}
#related-posts ul li .date{
	font-size: 1.1em;
	margin-top: 5px;
	letter-spacing: 1px;	
}

/*--- List Image Formats --*/
.list-image {float: left; }

.media article{width: 419px; height: 159px; float: right;}
.media ul.social{
	min-width: 300px;
}
#page.mp3 ul.social{
	width: 290px;
	min-width: 290px;
}
#page.mp3 ul.social .tumblr{
	display: none;
}
.media ul.social .gplus{
}
.media ul.social .like{
	margin-left: 0;
}

.news article{width: 419px; height: 125px; float: right;}

.feature-image {width: 638px; text-align: center; height: 300px; overflow: hidden; padding-top: 5px;}
	.feature-image img{-webkit-box-shadow: 0 0 5px #444; max-width: 620px; min-width: 550px; background: #fff;}

/*--- Article Defauklt Image Fix ---*/

	.prev-next{ 
		height: 30px;
		padding-top: 15px;
		}
	.prev-next li a {background:#333; color:#fff; padding:3px 6px; text-align:center; text-decoration:none; font-size: 1.6em;}
	.prev-next li a:hover, .prev-next li a:active {background:#f05b4f;}
		
		.prev-next li:first-child{float: left;}
			a .left-arrow{float: left; border-color: transparent #333 transparent transparent; border-style:solid; border-width:12px; width:0; height:0; margin-top: -2px;}
			a:hover .left-arrow{border-color: transparent #f05b4f transparent transparent;}

		.prev-next li:last-child{float: right;}
			a .right-arrow{float: right; border-color: transparent transparent transparent #333; border-style:solid; border-width:12px; width:0; height:0; margin-top: -2px;}
			a:hover .right-arrow{border-color: transparent transparent transparent #f05b4f;}

	.prev-next-thumb{}
	.prev-next-thumb li a {padding: 0; display: block; text-align:center; text-decoration:none; font-size: 1.4em; text-transform: uppercase; width: 189px; height: 189px;}		
		.prev-next-thumb li a:hover{text-decoration: none;}
	.prev-next-thumb li:first-child a:before{content: 'Previous Photo';}
	.prev-next-thumb li a:before{content: 'Next Photo';}
	.prev-next-thumb li a img{display: block; height: auto; border: 2px solid #fff; -webkit-box-shadow: 0 0 3px #666; -moz-box-shadow: 0 0 3px #666; box-shadow: 0 0 3px #666}
	.prev-next-thumb li a:hover img{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
	
		.prev-next-thumb li{float: left;}
			.prev-next-thumb li:first-child{margin-right: 10px;}
	
	.attachment{text-align: center;}
		.attachment img{border: 5px solid #fff; -webkit-box-shadow: 0 0 3px #666; -moz-box-shadow: 0 0 3px #666; box-shadow: 0 0 3px #666;}

	/*------ Contact ------*/
	#contact{background: #282828; padding: 25px; color: #fff;}
		#contact h2{font-family: "adelle-1","adelle-2",serif; border-bottom: 1px solid #505050; font-size: 2.5em; margin-bottom: 10px; padding-bottom: 10px;}
		#contact p{font-size: 1.4em;}

	/*------ Photos ------*/
	#page.photos article{background: #000; box-shadow: none; -webkit-box-shadow: none; font-family: "etica-1","etica-2",sans-serif;}
		#page.photos article h2{color: #fff;}
		#page.photos article details#exif{border: none; width: 210px; margin: 13px 0 0 0; padding: 0; float: right; z-index: 10; bottom: 0; font-size: 1.5em; color: #666;}
		#page.photos article .deets{
			color: #fff;
		}
		#page.photos article .entry .social {float: right; border: none;}
		
		#page.photos article details#exif h4{margin: 0; padding: 0; color: #666; font-size: 1.3em; text-transform: uppercase;}
			
	#gallery section {width: auto; height: auto;}
		#gallery section span.photo-caption{display: none; position: absolute; z-index: 10; }
		#gallery section:hover span.photo-caption{display: block; background: #859fec; color: #fff; padding: 10px; font-size: 1.6em;}
		#gallery section:hover img{position: relative; z-index: 0;}

	#content .gallery.default img{border: 5px solid #fff; -webkit-box-shadow: 0 0 3px #666; -moz-box-shadow: 0 0 3px #666; box-shadow: 0 0 3px #666;}


	#photo-views ul.ui-tabs-nav{font-family: "adelle-1","adelle-2",serif; margin-bottom: 20px; padding-bottom: 10px;}	
		#photo-views ul.ui-tabs-nav li{margin-left: 7px;}
		#photo-views ul.ui-tabs-nav li a{display: block; width: 100px; background: #444; padding: 4px; text-align: center; color: #fff; font-size: 1.2em;}	
			#photo-views ul.ui-tabs-nav li a:hover{background: #666;}
		#photo-views ul.ui-tabs-nav li.ui-tabs-selected a{background: #f15b4f;}	
			

	#photos-list{}	
		#photos-list section{float: left;}
		#photos-list section{
			display: block; 
			width: 300px; 
			height: 200px; 
			color: #fff; 
			overflow: hidden; 
			margin: 3px; 
			border: 5px solid #fff; 
			-webkit-box-shadow: 0 0 3px #666; 
			-moz-box-shadow: 0 0 3px #666; 
			box-shadow: 0 0 3px #666;
			}
		#photos-list.video section{
			height: 168px; 
			}
			#photos-list section .deets{position: absolute; z-index: 100px; opacity: .0; font-family: "adelle-1","adelle-2",serif; width: 270px; height: 170px; background: #000; padding: 15px; -webkit-transition: all 0.1s ease-in;}
			#photos-list.video section .deets{
				position: absolute; 
				z-index: 100px; 
				opacity: .0; 
				font-family: "adelle-1","adelle-2",serif; 
				width: 270px; 
				height: 170px; 
				background: #000; 
				padding: 15px;
				-webkit-transition: all 0.1s ease-in;
			}
			#photos-list.video section .deets{
				height: 136px; 
			}
			#photos-list section .deets h2 a {font-size: 2.2em; color: #f05b4f; text-decoration: none;}
			#photos-list.video section .deets h2 a {font-size: 1.8em; color: #f05b4f; text-decoration: none;}
				#photos-list section .deets h2 a:hover {text-decoration: underline;}

			#photos-list section .deets span{font-size: 1.1em; display: block; font-family: "etica-1","etica-2",sans-serif;}
			#photos-list section .deets span.author{margin-top: 10px;}
		#photos-list section:hover .deets{display: block; opacity: .8;}

ul.photos{
	width: 600px;
}
ul.photos li{
	margin-left: 0px;
	text-align: center;
}
ul.photos li img{
	max-width: 600px;	
	max-height: 669px;
	height: auto;
	margin: 0 auto 7px;
}
		
	/*------ About ------*/
	#page.about article{background: #111; padding: 0; box-shadow: none; -webkit-box-shadow: none; color: #fff; padding: 25px; font-family: "etica-1","etica-2",sans-serif;}
	#content #staff-list h3{width: 225px; text-transform: uppercase; text-align: center; float: left; font-weight: bold; height: 20px;}
	#content #staff-list div{clear: both;}
		
		/*--- Tabs Style ---*/	
		#staff-list ul{float: left; height: 40px; overflow: hidden;}
		#staff-list ul li{float: left; margin-top: -1px;}
			#staff-list ul li a{background: #252525; font-family: "adelle-1","adelle-2",serif; font-size: 1.6em; color: #fff; padding: 12px 18px; text-decoration: none; line-height: 1.3em;}
				#staff-list ul li.ui-state-hover a{background: #333333;}
				#staff-list ul li.ui-tabs-selected a{background: #859fec;}
	
		#staff-list .staffer{width: 126px; background: #fff; height: 175px; float: left; margin-right: 2px; margin-bottom: 3px;}
			#staff-list .staffer.last{margin-right: 0;}
		
		/*	#staff-list .staffer:hover img{width: 200px; height: 200px; position: absolute; margin-left: -25px;}
			#staff-list .staffer:hover p{font-size: 2em; position: absolute; margin-top: 200px; background: #000; color: #fff; margin-left: -25px; width: 186px;} */

		#staff-list .staffer p {font-size: 1.4em; padding: 7px; height: 60px; width: 112px;}
			#staff-list .staffer p strong{display: block; font-weight: normal; text-transform: uppercase;}
	
	/*------ Reviews ------*/
	#content section#review-blocks.main{margin-top: -10px; background: #fff;}
	#content section#review-blocks h3{background: #1c1c1c; color: #fff; padding: 10px;}
		#review-blocks .post{display: block;float: left; color: #000; text-decoration: none; background: #fff;}
		#review-blocks .post a{color: #000; text-decoration: none; font-size: 1.3em; display: block; padding: 10px 12px 0; height: 230px; width: 189px;}
		#review-blocks .post a:hover{background: #d2d8e9; -webkit-box-shadow: 0 0 5px #777 inset;}
		
			#review-blocks .post a .rating{visibility: hidden;}
				#review-blocks .post a:hover .rating{visibility: visible; margin: 0 auto; text-align: center; display: block; text-transform: uppercase; padding-top: 7px;}
				#review-blocks .post a:hover .rating img{width: 37px; height: 12px; margin-top: 10px;}

				#review-blocks .post a:hover .album-title {display: none;}

			#review-blocks .post h3, #review-blocks .post p, #review-blocks .post p img, #review-blocks .post ul, #review-blocks .post ol, #review-blocks .post blockquote{display: none;}
		


	/*------ Article ------*/
	article{padding: 15px; background: #fff; margin-bottom: 15px; box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 4px #bbb; z-index: 10; position: relative; font-family: 'chaparral-pro-1','chaparral-pro-2' !important; color: #111; -webkit-font-smoothing: antialiased;}
		article.skinny{width: 430px; margin-left: 150px; padding: 25px; background: #fff; margin-bottom: 15px; box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 4px #bbb; z-index: 10; position: relative; font-family: 'chaparral-pro-1','chaparral-pro-2'; color: #222;}

	article .album{font-size: 1.4em; color: #7f7f7f; font-family: "etica-1","etica-2",sans-serif; border-bottom: 1px dotted #d5d5d5; padding-bottom: 5px; border-bottom: none; width: 300px; float: right; margin: 0 0 30px 10px;}

	article .score{position: absolute; margin: 325px 0 0 310px;}

	/*--- Social Bar ---*/
		ul.social {border-bottom: 1px solid #d5d5d5; height: 20px; padding: 0 0 8px 0; display: block; margin: 5px 0 10px 0;}
		ul.social.bottom {border-bottom: none;border-top: 1px solid #d5d5d5; padding: 8px 0 0 0; display: block; margin-bottom: 10px;}
			ul.social li h3{font-size: 21px !important; text-transform: uppercase; color: #ccc; margin: 0 5px 0 0; border: none;}
			ul.social li{margin: 0 4px; float: left; display: block; width: auto; margin: 0; opacity: .4; -webkit-transition: all 0.2s ease;}
			ul.social li:hover { opacity: 1;}
			ul.social li.tweet iframe{width: 80px !Important;}
			ul.social li.fbshare{margin: 1px 0 0 0; min-width: 60px; padding-right: 5px;}
			ul.social li.like{margin: 0 0 0 5px; width: 100px; padding-right: 5px;}
			ul.social li.tumblr{margin: 0; min-width: 65px;}
			ul.social li.gplus{margin: 0px 5px; width: 32px;}

	
	article h1, article h2{font-size: 3.1em; font-family: 'chaparral-pro-1','chaparral-pro-2' !important; font-weight: 700;}
	article h1 a, article h2 a{text-decoration: none;}
	article h1 a:hover, article h2 a:hover{text-decoration: underline;}
	article em{font-style: italic;}
	article strong{font-weight: bold;}
		.fb-like{margin: 6px 0 0 3px; display: inline-block;}

	article .entry{position: relative; z-index: 100;}
	
		article img.alignleft{float: left; margin: 15px 15px 15px 0;}
		article img.alignright{float: right; margin: 15px 0 15px 15px;}
		article img.aligncenter{text-align: center;}

	
	article h3{font-size: 2.6em; background: none; padding: none;}
	article p{font-size: 1.6em; line-height: 1.3em; /* 22px */ margin-bottom: 10px;}
	
	article ol{margin-top: 10px; list-style: decimal;}
	article li{font-size: 1.5em; margin-left: 25px; margin-bottom: 7px;}
	article a{color: #f15b4f; text-decoration: none;}
		article a:hover{text-decoration: underline;}

	article blockquote{padding: 10px; width: 540px; color: #222; margin: 0 auto; font-family: "etica-1","etica-2",sans-serif; font-size: 1.4em;}
		article blockquote p{background: url(images/quote-bg.png) no-repeat; padding: 0 0 0 45px; min-height: 30px; }
	
	article .wp-caption-text{font-family: "etica-1","etica-2",sans-serif; font-size: 1.3em; text-align: right;}
	
	/*------ Review Album Art ------*/
	.album h2 {background: #000; color: #859fec; font-size: 1.6em; padding: 10px; width: 397px; margin-left: 225px;}
		.album h2 a, .album h2 .artist{display: block; margin-bottom: 5px; color: #ff6154; font-size: 2em; text-decoration: none;}		

	/*------ MP3 Album Art ------*/
	section.album{width: 642px; height: 225px; margin-bottom: 10px;}
		section.album .thumb{height: 300px; width: 300px; overflow: hidden; float: left;}
		section.album .deets {width: 322px; height: 280px; margin-bottom: 10px; float: left; overflow: hidden; background: #fff; padding: 10px; color: #000; display: block; font-family: "etica-1","etica-2",sans-serif;}

		section.album .track-list{height: 150px; overflow: auto; font-size: 1.5em;}
			section.album .track-list a{color: #ee5c4f; text-decoration: none;}
			section.album .track-list a:hover{text-decoration: underline;}
			section.album .track-list .fb-like{margin-left: 0; margin-top: 15px;}


		section.album .track-list ol, section.album .track-list ul, section.album .track-list dl{float: left; width: 150px; margin-left: 10px;}
		section.album .track-list dl{text-transform: uppercase; margin-top: 5px;}
		section.album .track-list ol, section.album .track-list ul { margin-top: 5px; list-style: decimal;}
			section.album .track-list ol li, section.album .track-list ul li{padding-bottom: 4px; }

/*------ Features ------*/
.post-categories {position: absolute; margin-top: 260px;}
.post-categories li {float: left; }
.post-categories li a, .feature-cat{padding: 10px; background: #859fec; color: #fff; text-decoration: none; text-transform: uppercase; font-family: "adelle-1","adelle-2",serif; text-shadow: 0 0 3px #2d5ade;}

.comment-count{padding: 10px; background: #333; color: #fff; text-decoration: none; font-family: "adelle-1","adelle-2",serif; }
	.comment-count a{color: #fff; text-decoration: none; }
	.comment-count a:hover{text-decoration: underline;}

.feature-deets{position: absolute; margin-top: 260px;}
	.feature-deets li{float: left;}

.feature-deets.list{position: absolute; margin-top: 200px;}
	
	
.read-more{font-family: "adelle-1","adelle-2",serif; background: #f15b4f; font-size: 1.2em; text-transform: uppercase; float: right; color: #fff; padding: 10px !important;}
	.read-more:hover{text-decoration: none; background: #ef4537;}

/*------ 404 Page ------*/
article.fourohfour{box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: none;}
		
/*------ Sidebar ------*/
aside{width: 309px; float: right; margin-top: 37px;}

#search{padding: 5px; width: 295px; font-size: 1.7em; margin-bottom: 10px; color: #ccc; -webkit-transition: all .3s linear; position: relative; border-radius: 6px; border: 1px solid #ccc; }
#searchsubmit{text-indent: -9999px; width: 24px; height: 24px; background: #fff url(images/icon-search.png) center center no-repeat; background-size: 78%; position: relative; z-index: 10; border: none; margin: 6px 0 0 -27px; cursor: pointer;}
	#search:hover, #search:focus{color: #aaa;}	
	#search:focus{color: #666; border: 1px solid #666;}	

aside ul li{list-style: none;}
aside section h3{font-family: "adelle-1","adelle-2",serif; color: #fff; font-size: 1.7em; background: #000; padding: 10px;}
.widgettitle{display: none;}
#photos-side li{float: left; padding: 7px;}
#photos-side li a{width: 80px; height: 80px; overflow: hidden; display: block; border: 3px solid #fff;}

#popular ul{clear: both;}
#popular ul li{float: none; border-bottom: 1px solid #444;}
#popular ul li a{display: block; width: 295px !important; background: #333; color: #fff; text-decoration: none; font-size: 1.3em; padding: 15px 7px 15px;}
#popular ul li:first-child a {padding-top: 13px;}
#popular ul li:last-child a{padding-top: 14px;}

	#popular ul li a:hover{background: #222 !important;}

.recent {clear: both;}
.recent li{float: none; border-bottom: 1px solid #444;}
.recent li a{display: block; width: 295px !important; background: #333; color: #fff; text-decoration: none; font-size: 1.3em; padding: 15px 7px 15px;}
.recent li:first-child a {padding-top: 13px;}
.recent li:last-child a{padding-top: 14px;}

	.recent li a:hover{background: #222 !important;}

.deets, .archives article details {font-family: "etica-1","etica-2",sans-serif; font-size: 1.4em; margin: 2px 0 3px 0;}


	/*------ Content Switcher ------*/
	#content-switcher{height: 460px; width: 309px; margin-bottom: 10px;}
	#content-switcher ul.navigation li{float: left; list-style: none;}
	#content-switcher ul.navigation li.ui-state-default a, #content-switcher ul.navigation li.ui-state-default a:hover{float: left; background-color: #1c1c1c; display: block; width: 104px; height: 39px; background-position: center center; background-repeat: no-repeat;}
	#content-switcher ul.navigation li.ui-tabs-selected a, #content-switcher ul.navigation li.ui-state-default a:hover{background-color: #f05b4f;}
	#content-switcher ul.navigation li a.last, #content-switcher ul.navigation li a.last:hover{width: 101px;}
	#content-switcher ul.navigation li a:hover{background: #f05b4f;}
	#content-switcher ul.navigation li a{text-indent: -9999px; display: block;}
	#content-switcher ul.navigation li a.mp3{background-image: url(images/icon-mp3.png);}
	#content-switcher ul.navigation li a.popular{background-image: url(images/icon-popular.png);}
	#content-switcher ul.navigation li a.recent{background-image: url(images/icon-recent.png);}
	
		/*--- Mini Post ---*/
		section.mini-post{background: #333; height: 104px; clear: both; width: 309px; border-bottom: 1px solid #444;}
			section.mini-post a{display: block; height: 104px; width: 309px; background: #333; text-decoration: none; color: #fff;}
				section.mini-post a:hover{background: #222;}
			section.mini-post a .thumb-image, section.mini-post a .thumb-image-photo{float: left; width: 104px; height: 104px; overflow: hidden; display: block;}
				section.mini-post a .thumb-image-photo img{width: 160px; height: auto;}

			section.mini-post a .deets{float: left; width: 172px; height: 60px; color: #fff; padding: 12px; font-size: 1.3em;}
				section.mini-post a .deets strong{font-size: 1.1em; font-weight: normal;}
				section.mini-post a .deets .date, section.mini-post a .deets .photo-count{color: #737373; display: block; padding-top: 10px;}

		#showcase div.mini-post{background: #333; height: 107px; clear: both; width: 313px; border-bottom: 1px solid #444;}
			#showcase div.mini-post .showcase-thumbnail{display: block; height: 107px; width: 313px; background: #333; text-decoration: none; color: #fff; cursor: pointer; position: relative; }
				#showcase div.mini-post .showcase-thumbnail:hover{background: #222;}
			#showcase div.mini-post .showcase-thumbnail .image-thumb{float: left; width: 117px; height: 107px; overflow: hidden; display: block;}
				#showcase div.mini-post .showcase-thumbnail .image-thumb img{width: 117px; height: 107px !important;}

			#showcase div.mini-post .showcase-thumbnail .deets{position: absolute; width: 170px; height: 60px; color: #fff; padding: 12px; z-index: 10;}
				.showcase-thumbnail details.showcase-thumbnail-caption .title{font-size: 1.6em !important; font-weight: normal; width: 170px; padding-left: 7px; display: block; float: left;}
				#showcase div.mini-post .showcase-thumbnail .deets .date{color: #737373; }

/*--------- Showcase ---------*/
.full-image, .full-image img{width: 647px;}
	

.showcase{ position: relative; margin: auto; }


/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load { height: 470px; /* Same as showcase javascript option */ overflow: hidden;}
		.showcase-thumbnail-restriction{margin: 0 !important; height: 424px !important;}
	/* Content */
	.showcase-content { text-align: left; background-color: #000;}		
		.showcase-caption { color: #222; padding: 8px 15px; text-align: left; position: absolute; bottom: 10px; left: 10px; right: 10px; background: rgba(255, 255, 255, .8); width: 590px; display: block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px #aaa;}
		.showcase-caption h2{font-family: "etica-1","etica-2",sans-serif; font-size: 1.8em;}
		.showcase-caption p{font-size: 1.4em; margin-bottom: 10px; line-height: 1.3em;}
		.showcase-caption a{color: #fff; background: #f25b50; padding: 4px 6px; font-size: 1.4em; float: right; text-decoration: none;}
			.showcase-caption a:hover{background: #f58880;}
	
	/* Thumbnails */
	.showcase-thumbnail-container{ background-color: #373737; border-bottom: 1px solid #ccc;}
		.showcase-thumbnail { width: 313px; height: 106px; cursor: pointer; position: relative;}
		.showcase-thumbnail img{ width: 116px; height: 106px; cursor: pointer; position: relative; }
		
			.showcase-thumbnail-caption { color: #fff; padding: 7px 0 0 10px; }
			.showcase-thumbnail-content { padding: 10px; text-align: center; padding-top: 25px; }
			
			/* .showcase-thumbnail.active .image-thumb{display: none;} */
			
			.showcase-thumbnail:hover, .showcase-thumbnail.active { background-color: #222;}		
		
		.image-thumb{float: left;}

	/*------ Mix Tape ------*/	
	#album-artwork{height: 470px;}
		#front-cover, #back-cover{width: 470px; height: 470px;}
			#front-cover{background: url(images/stubblefront.jpg); float: left; margin-right: 10px;}
			#back-cover{float: right;}
				#back-cover .the-tracks{width: 410px; height: 330px; margin-top: 125px; overflow: auto; margin-left: 15px; padding: 0 0 25px 15px; background: transparent !important;}
				#back-cover .the-tracks ul{background: none; color: #fff; margin-left: 3px; font-family: "etica-1","etica-2",sans-serif;}
				#back-cover .the-tracks ul li{margin-bottom: 7px; padding-bottom: 1px; list-style: decimal; height: 40px;}
				.wpa_text{color: #fff; font-size: 1.2em !important; font-family: "etica-1","etica-2",sans-serif; line-height: 1.2em;}
			
			.mix-tape .entry{width: 470px; line-height: 1.2em; float: left; font-size: 1.5em;}		
				.mix-tape .entry p{background: #fff; padding: 10px;}
			.mix-tape a{color: #ee4c48; text-decoration: none;}
				.mix-tape .entry a:hover{text-decoration: underline;}
				.mix-tape .entry section#signup{width: 450px; border: 10px solid #999; margin: 20px auto; border-radius: 12px; -moz-border-radius: 12px; height: 51px; display: block;}
	.mix-tape .entry section#signup #mce-EMAIL{background: url(images/input-bg.gif); width: 307px; height: 41px; border: none; float: left !important; font-size: 2.7em; color: #8d8d8d; padding: 5px 10px; font-family: "etica-1","etica-2",sans-serif;}
	.mix-tape .entry section#signup .btn{border: none; background: #ee4c48; font-family: "adelle-1","adelle-2",serif; font-size: 1.6em; color: #fff; text-transform: uppercase; width: 128px; height: 51px; float: right; cursor: pointer; margin-top: -51px;}
		.mix-tape .entry section#signup .btn:hover{background: #f27976; width: 128px !important; height: 51px !important; }
		
	.mix-tape .entry section#signup div.mce_inline_error{color: #ef403a; margin-top: 70px; position: absolute; font-size: 1.4em;}	
	.mix-tape .entry section#signup .response{color: #487cd2; margin-top: 70px; position: absolute; font-size: 1.4em; width: 587px;}

			.mix-tape #social{width: 310px; padding: 10px; font-size: 1.4em; line-height: 1.2em; float: right; margin-bottom: 10px;}			
				.mix-tape #social #sharebar{margin: 55px 15px 0 0; display: block; height: 80px;}
				.mix-tape #social #sharebar li{float: left;}
.mix-download{
	display: block;
	width: 470px;
	font-size: 2em;
	padding: 12px 0;
	background: #859fec;
	color: #fff !important;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "adelle-1","adelle-2",serif;
	letter-spacing: 1px; text-shadow: 0 0 2px #2d5ade;
}
.mix-download:hover{
	background: #6f8ee9;
}
			
					
	/*------ Recent Comment -------*/
	ul#recentcomments{width: 309px; background: #fff; margin-top: 5px;}
		ul#recentcomments li.recentcomments {padding: 25px 25px 25px 60px; background: url(images/recent-comment-bg.gif) no-repeat 15px 15px; font-size: 1.6em;}
			
	ul#recentcomments li.recentcomments a{color: #86a0d4; text-decoration: none; display: block !Important; font-size: 1.6em;}
		ul#recentcomments li.recentcomments a:hover{text-decoration: underline;}

/*--------- All Comment Styles ---------*/
	#comments{background: #272727; color: #fff; padding: 25px; width: 592px; margin: 0 auto;}
		#comments h2{font-size: 1.8em; margin-bottom: 10px;}
			#dsq-sort-by select { margin:9px 7px 0 0 !important; }

	/*------ Comment List ------*/
	.commentlist{background: #1d1d1d; padding: 10px; font-size: 1.2em;}
	.commentlist li{margin-bottom: 10px; display: block;}
		.commentlist li .avatar{border: 3px solid #fff; float: left; margin-right: 10px;}
			.commentlist li .comment{margin-left: 10px;}
		.commentlist li .comment cite.fn{font-size: 1.6em;}
		.commentlist li .comment cite.fn a{color: #ed5c52; text-decoration: none;}
			.commentlist li .comment cite.fn a:hover{text-decoration: underline;}
		.commentlist li .comment .comment-meta{margin-bottom: 5px;}
			.commentlist li .comment .comment-meta a{color: #ed5c52;}
		.commentlist li .comment p{font-size: 1.2em; line-height: 1.2em;}
			.commentlist li .comment p a{color: #ed5c52; text-decoration: none;}
			.commentlist li .comment p a:hover{text-decoration: underline;}
		.reply{margin-top: 15px;}
		.reply a.comment-reply-link{float: right; color: #fff; background: #446dce; padding: 5px; font-family: "adelle-1","adelle-2",serif; text-decoration: none; font-size: 1.2em; text-transform: uppercase;}
			a.comment-reply-link:hover{background: #345fc5;}
	
	#unreg-comment li{height: 25px; margin-bottom: 5px;}
		#unreg-comment li input{background: #fff; float: none; color: #222;}	
	
	.children{margin-left: 15px; font-size: normal; border-left: 1px dashed #333;}
	
	/*------- Respond ------*/
	#respond{width: 560px; margin: 0 auto;}
	#comments #respond{width: 95%; margin: 0;}

		#respond h2{font-family: "adelle-1","adelle-2",serif; font-size: 2.6em; color: #666; border-bottom: 1px solid #000; background: none; margin-bottom: 5px;}
		#respond #comment{width: 97%; border: none; margin-top: 5px; }
			#unreg-comment li{margin-bottom: 12px;}
		#unreg-comment li input{box-shadow: 0 0 5px #ccc inset; -webkit-box-shadow: 0 0 5px #999 inset; -moz-box-shadow: 0 0 5px #ccc inset; padding: 10px; border: none;}
		#submit {border: none; background: #ee5c4f; padding: 5px; color: #fff; font-family: "adelle-1","adelle-2",serif; font-size: 1.275em; float: right; text-transform: uppercase; text-decoration: none; margin-right: -5px;}
		
		
		.cancel-comment-reply small a {background: #333; color: #fff; padding: 4px; text-decoration: none;}
			.cancel-comment-reply small a:hover{background: #222;}
			.cancel-comment-reply small {float: right;}
			.send {float: none;} 
			.reply{margin-bottom: 7px;}
		#respond p{font-size: 1.2em;}
		#respond p a{color: #f05b4f; text-decoration: none;}
			#respond p a:hover{text-decoration: underline}
		#respond img{border: 3px solid #fff; float: left; margin-right: 5px;}
		.cancel-comment-reply small a, .reply a{}

	#comment{box-shadow: 0 0 5px #ccc inset; -webkit-box-shadow: 0 0 5px #999 inset; -moz-box-shadow: 0 0 5px #ccc inset; padding: 10px;}

			#disqus_thread a{
				color: #F45D52;
				text-decoration: none !important;
			}


	/*------ Grow -------*/
	section#grow{width: 309px; height:auto; padding: 0; margin-bottom: 10px;}
		#page.sub section#grow{margin-left: 0;}

		section#grow ul{ width: 309px; margin: 0;}
		section#grow ul li{float: left; margin-right: 12px; width: 80px;}
		section#grow ul li.twitter{width: 60px;}
		section#grow ul li a{color: #111; text-decoration: none; font-size: 1.4em; text-align: center; padding-top: 5px; padding-left: 25px; display: inline-block;}
			section#grow ul li.google-plus {width: 80px; margin-right: 5px; margin-top: -1px;}
			section#grow ul li.google-plus a{background: url(images/icon-gplus.png) no-repeat 0 2px;}
			section#grow ul li:last-child{margin-right: 0; width: 60px; margin-top: -1px;}
			section#grow ul li a.rss{background: url(images/icon-rss.png) no-repeat 0 2px;}
			section#grow ul li a.rss:hover, section#grow ul li.google-plus a:hover{text-decoration: underline;}
			
			/*--- Newsletter ---*/
			#newsletter{ clear: both; margin: 0 0 10px 0; padding: 0 0 30px 0; width: 309px; background: #333;}	

			#newsletter h3{font-size: 1.3em; background: none; color: #fff; background: #1c1c1c;}
			#newsletter .gform_wrapper h3.gform_title{margin: 10px 0 -15px -10px !important; padding: 10px 15px 5px 10px;}
			#newsletter .gform_wrapper{border: none; margin: 0; font-size: 1.3em; color: #fff; padding: 0 10px; font-family: "etica-1","etica-2",sans-serif; color: #fff;}
			#newsletter .gform_wrapper .gform_heading{margin-bottom: 0 !important; width: 100% !important;}
			#newsletter .gform_wrapper .top_label .gfield_label{font-weight: normal !important;}
			#newsletter .gform_wrapper input[type="text"]{
				background: none;
				border: none; 
				border-bottom: 1px dashed #666;
				font-size: 1.6em !important; 
				color: #fff;
				font-family: "reenie-beanie-1","reenie-beanie-2",sans-serif !Important;
			}
			.gform_wrapper .gform_footer{margin-top: 2px !important; padding-top: 2px !important;}
			.button{border: none; width: 100%; height: 30px; float: left; cursor: pointer; color: #fff; font-family: "adelle-1","adelle-2",serif; background: #f05b4f; text-transform: uppercase; text-align: center; font-size: 1.5em !Important; padding-top: 4px;}

			#gforms_confirmation_message{
				margin: 10px 0 -20px !important;
				padding: 10px 10px !important;
				width: 288px !important;
			}

			.gform_wrapper .validation_error{
				margin: 20px 0 -15px 0 !important;
				color: #f05b4f !important;
				font-weight: normal !Important;
			}
			.gform_wrapper li.gfield.gfield_error .gfield_description{
				margin: 0 !important;
				color: #f05b4f !important;
			}
			.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{
				background: none !important;
				border: none !important;
			}
			#mce-responses{clear: both; width: 190px;}
			div.mce_inline_error{color: #ef403a; margin-top: 28px; position: absolute; font-size: 1.4em; width: 190px;}
			.response{color: #487cd2; margin-top: 5px; position: absolute; font-size: 1.4em; width: 170px; background: #fff; padding: 8px; }
	
	/*---- Square Ad ----*/
	.square-ad{width: 309px; height: 261px;}
	#page.sub .square-ad{margin-left: 0;}

/*------ Big Form ------*/
body.big-form #content{ width: 960px; line-height: 1.4em; text-align: center; background: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
	body.big-form #content article{margin-top: 30px; background: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
	body.big-form #content article h2{font-size: 4.5em;}
		body.big-form #content article h3{font-size: 2.5em; font-family: "etica-1","etica-2",sans-serif; background: none; text-transform: uppercase; margin-top: 10px; color: #8f8f8f;}


body.big-form details{text-align: center; color: #3d3d3d; display: block; font-size: 1.6em; margin-top: 95px;}

	.wpcf7-validation-errors{border: none !important; background: #f7f19a; -webkit-border-radius: 8px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px 14px !important;}
	.wpcf7-not-valid-tip {border: none !important; background: #f1c7cc !important; -webkit-border-radius: 8px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px 14px !important; color: #e53c4e;}
		

	/*------ Growing On Us -------*/
	section#growing-on-us{width: 309px; background: none; margin-top: 10px;}
		section#growing-on-us ul li{float: left; width: 103px; height: 103px; overflow: hidden;}

/*------ Audio Player ------*/
#content.mp3 div.playlist ul {height: 90px;}
div.playlist ul li a { display:block; text-decoration:none; font-weight:normal; color:#000 !Important; font-size:120%; outline:none; position:relative; z-index:2; }
	div.playlist ul li a.download { outline:none; position:relative; z-index:10; background: url(images/icon-download.png) no-repeat 0 0 !Important; float: right; margin: 10px 0; height: 22px !important; padding-left: 15px; padding-top: 2px; display: block; width: 60px;}
	div.playlist ul li a.download:hover{text-decoration: underline;}

div.playlist ul li a{padding-left: 25px;}
div.playlist ul li a, div.playlist ul li.sm2_paused a{background: url(images/play.png) no-repeat 0 1px;}
div.playlist ul li.sm2_playing a{background: url(images/paused.png) no-repeat 0 1px;}


/*--------- Footer ---------*/
footer {width: 100%; background: #1c1c1c; border-top: 1px solid #f15b4f; height: auto;}
footer .wrapper{width: 960px; background: #1c1c1c; margin: 0 auto -13px; padding: 25px 0 13px 0;}
footer .wrapper a{color: #bfbfbf; text-decoration: none;}
footer .wrapper ul#blogroll {margin-bottom: 25px; margin-right: 30px; -webkit-column-count: 3; -moz-column-count: 3; }
footer .wrapper ul#blogroll li{margin-bottom: 5px;}
	footer .wrapper h2{font-family: "adelle-1","adelle-2",serif; color: #fff; font-size: 1.7em; margin-bottom: 15px;}
	footer .wrapper ul#blogroll li a{font-size: 1.4em;}
	footer .wrapper ul#blogroll li a:hover{text-decoration: underline;}

.backtotop{float: right; font-size: 1.2em; background: #f05b4f; padding: 15px; font-family: "adelle-1","adelle-2",serif; text-transform: uppercase; opacity: .4; top: 0; margin-top: 0; color: #fff; text-decoration: none;}
	.backtotop:hover{opacity: 1;}
footer .wrapper section{clear: both; border-top: 1px solid #222; padding-top: 10px;}
footer .wrapper section a.logo{width: 191px; height: 79px; background: url(images/footer-logo.png); float: left; margin-right: 25px}
footer .wrapper section nav{ float: left;}
footer .wrapper section nav ul {padding-bottom: 10px; float: left;}
footer .wrapper section nav ul li{float: left; margin-right: 5px; padding-right: 5px; font-size: 1.4em;}
footer .wrapper section nav ul li a:hover{text-decoration: underline;}
footer .wrapper section nav ul li:last-child{border: none;}
	
footer .wrapper section nav p.copyright{color: #3d3d3d; font-size: 1.3em; margin-top: 26px;}


/*--------- Common Styles --------*/
.ir{ display: block; text-indent: -9999px; background-repeat: no-repeat;}
.no-b{border: none;}
.clear{clear: both;}

img.wpaudio-play{background: none !important; width: 22px; height: 22px;}
.wpaudio-container{border-bottom: 1px solid #ccc !important; padding: 7px !important; width: 95% !important;}
	.wpaudio-container:hover{background: #efefef;}

.wpaudio-download{background: url(images/icon-download.png) no-repeat; padding-left: 20px !important; height: 15px; padding-top: 5px; color: #000;}
	.wpaudio-download:hover{text-decoration: underline !important;}
a.wpaudio{display: block !Important;}

.sd-node-image a img{top: 0;}

#dsq-content .dsq-comment-text, .dsq-comment-meta a, .dsq-comment-actions a { font-size:1.5em; }
.dsq-commenter-name { font-size:1.2em; }
#dsq-content #dsq-comments .dsq-comment-message { background:#f8f8f8; padding:20px; }

#content .skin-image_caption_bottom dl.slidedeck dd { background:none; }
#content .skin-image_caption_bottom .sd-node-caption  { background: rgba(0, 0, 0, .85); padding-bottom:25px; bottom:0; }

.ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0;  }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: default; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.skin-image_caption_bottom ul.sd-node-nav-primary  { bottom:15px !important; }
#content .skin-image_caption_bottom dl.slidedeck dd { padding-left:0 !important; width:639px !important; }

/*--------- Lollapalooza Page Styles --------*/
.audiotree { margin:0 auto; display:block; clear:both;}
.lollatitle { text-indent:-2999px; line-height:0; font-size:0; display:block; background: url(images/lollatitle.png) no-repeat; width:769px; height:49px; margin:0 auto;}
#content.fullwidth { background:#fff; padding:10px 25px; width:910px;  }
.lollatext { width:680px; margin:0 auto; text-align:center; }
.lollatext p { color:#a4a4a4; font-size:15px; font-family: Tacoma, Verdana, sans-serif; margin:10px 0; }
.buttons { width:791px; margin:20px auto 0 auto; }
.buttons img { float:left; margin-right:22px;  }
.buttons embed { float:left; }
.buttons img.last { margin-right:0; }
#mc_embed_signup.lolla { float:left; width:300px; padding:22px; margin-left:9px; background:#e5e5e5; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.button:hover { opacity:.7; }
.grey { background:#e5e5e5; padding:15px; width:761px; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; clear:both; overflow:hidden;}
.buttons.grey img { float:none; margin:0 auto; }
.mc-field-group h2 { color:#b0b0b0; text-align:center; font-size:19px; font-weight:bold; margin-bottom:15px; }
.mc-field-group hr { margin-bottom:15px; }
.mc-field-group label { color:#929292; text-align:center; margin-bottom:15px; font-size:13px; margin-left:auto; margin-right:auto; display:block; }
.buttons #mce-EMAIL, .lolla #mce-EMAIL { padding:18px 15px; height:17px; width:270px; color:#e75f53; font-size:18px; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; }
.buttons #mc-embedded-subscribe, .lolla #mc-embedded-subscribe { text-indent:-2999px; display:block; font-size:0; line-height:0; background:none; background:url(images/submit.png) no-repeat; height:33px; width:166px; margin:14px auto 0 auto; float:none;}

/*
 * jQuery UI Tabs @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0;  }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: default; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/*
 * WP-Paginate - WordPress Pagination Function
 * Revision: $Id: wp-paginate.css 286636 2010-09-08 00:11:23Z emartin24 $
 * Copyright (c) 2010 Eric Martin http://www.ericmmartin.com/projects/wp-paginate/
 */
.wp-paginate {padding:0; margin:15px; float: right;}
.wp-paginate li {display:inline; list-style:none; font-size: 1.3em;}
.wp-paginate a {background:#000; color:#fff; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#f05b4f;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {background:#f05b4f; color: #fff; margin-right:4px; padding:3px 6px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}

/* style overrides for comments pagination */
.wp-paginate-comments {}
.wp-paginate-comments li {}
.wp-paginate-comments a {}
.wp-paginate-comments a:hover, .wp-paginate-comments a:active {}
.wp-paginate-comments .title {}
.wp-paginate-comments .gap {}
.wp-paginate-comments .current {}
.wp-paginate-comments .page {}
.wp-paginate-comments .prev, .wp-paginate-comments .next {}

#sr-table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ddd; }

/* thead and tfoot */

#sr-table thead tr, #sr-table tfoot tr {
	background: #ddd url(images/bg.png) repeat-x;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #aaa; }

#sr-table td, #sr-table th {
	padding: 2px 10px;
	border-left: 1px solid #eee; }

#sr-table td.date, #sr-table th.date, #sr-table tfoot td {
	border-left: 0; }

#sr-table th {
	font-size: 1.1em; }

#sr-table tfoot {
	font-size: 0.9em; }

#sr-table tfoot .sr-tips{
	float: left;
	padding: 0 3px; }

#sr-table tfoot .sr-plugin {
	float: right;
	padding: 0 3px; }



/* tbody */

#sr-table tr.odd {
	background: #f1f5fa; }
	
#sr-table tbody tr:hover {
	background: #def;  }
	
#sr-table .hidden { display: none; }



/* the following classes are applied by tablesorter.js */

#sr-table thead .header {
	background-image: url(images/sort.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer; }

#sr-table thead .headerSortUp {
	background-image: url(images/asc.gif); }

#sr-table thead .headerSortDown {
	background-image: url(images/desc.gif); }

#sr-table thead .headerSortUp, #sr-table thead .headerSortDown {
	background-color: #ddd; }


/* css for sidebar functions */

.sr-review { /* post title */
	float: left; }

.sr-rating { /* star images */
	float: right; }

.sr-clear { /* clear the floats */
	clear: both; }


.skin-default dl.slidedeck { margin: 0 0 25px; }

.skin-default dl.slidedeck > dd {
    padding: 10px;
	border: 1px solid #dcdcdc;
	border-right: none;
	background: url('slides.png') right top repeat-y;
	background-color: rgb(255,255,255);
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}

.skin-default dl.slidedeck > dt {
    height: 30px;
	line-height: 30px;
	cursor: pointer;
	font-size: 13px;
	font-weight: normal;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: url('images/spines.png') bottom right #f8f8f8;
	color: #333;
	border-bottom: 1px solid #fff;
}

.skin-default dl.slidedeck > dt:hover { color: #000; }

.skin-default dl.slidedeck > dt.active, .skin-default dl.slidedeck > dt.active:hover {
	cursor: default;
	color: #fff !important;
	background-color: #333;
	background-position: top right;
	border-left-color: #000;
}

.skin-default dl.slidedeck > dt .index {
	font-size: 14px;
	font-weight: bold;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #666;
	background: url('indexes.png') 0 -32px no-repeat;
	margin-left: -5px;
}

.skin-default dl.slidedeck > dt:hover .index { color: #000; }

.skin-default dl.slidedeck > dt.active .index {
	color: #fff !important;
	background-position: 0 -1px;
}

.skin-default dl.slidedeck .activeCorner {
	margin-left: -2px;
	margin-top: -11px;
	background-image: url('images/corner.png');
	width: 7px;
	height: 15px;
}
.skin-default dl.slidedeck dd.slide ul.slidesVertical,
.skin-default dl.slidedeck dd.slide dl.slidesVertical { text-indent: 0; }
.skin-default dl.slidedeck dd.slide ul.slidesVertical li,
.skin-default dl.slidedeck dd.slide dl.slidesVertical dd {
    overflow: hidden;
    padding: 10px !important;
    margin: 0 !important;
}
.skin-default dl.slidedeck dd.slide ul.verticalSlideNav {
    top: 10px;
    right: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.skin-default dl.slidedeck dd.slide ul.verticalSlideNav li {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 0 0 3px;
	width: 12px;
	height: 12px;
	overflow: hidden;
	line-height: 12px;
    list-style: none;
	font-size: 1px; /* Stupid IE */
}
.skin-default dl.slidedeck ul li:before { content: "" !important; }
.skin-default dl.slidedeck dd.slide ul.verticalSlideNav li.arrow {
    position: absolute;
    display: block;
    z-index: 1;
    width: 10px;
    height: 0;
    padding-top: 10px;
    padding-bottom: 0;
    overflow: hidden;
    left: 0;
    border: 1px solid #333;
    background: #444;
    background-image: -moz-linear-gradient(top, #000, #444); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #000),color-stop(1, #444)); /* Saf4+, Chrome */
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -o-border-radius: 3px;
}
.skin-default dl.slidedeck dd.slide ul.verticalSlideNav li a, .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li a:link, .skin-default dl.slidedeck dd.slide ul.verticalSlideNav li a:visited {
    position: relative;
    display: block;
    width: 10px;
    height: 0;
    overflow: hidden;
    padding-top: 10px;
    background: #fff;
    outline: none;
	text-decoration: none;
    border: 1px solid #ccc;
    filter: Alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -o-border-radius: 3px;
}
.skin-default dl.slidedeck dd.slide ul.verticalSlideNav li a:hover {
    opacity: 0.75;
    -moz-opacity: 0.75;
    -webkit-opacity: 0.75;
    filter: Alpha(opacity=75); 
}

div.slidedeck_frame.skin-image_caption_bottom {
	position: relative;
	width: 100%;
	margin: 0 0 25px;
    padding: 0;
	overflow: hidden;
}
.skin-image_caption_bottom dl.slidedeck {
	position: relative;
	z-index: 1;
    padding: 0;
    margin: 0;
	background: #000;
}

.skin-image_caption_bottom dl.slidedeck dd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 19px;
	color: #333;
	background: #000;
	color: #fff;
	border: none;
    margin: 0;
}
.skin-image_caption_bottom dl.slidedeck dt { display: none !important; }

.skin-image_caption_bottom dl.slidedeck dd.slide .sd-node-container {
	position: relative;
    width: 100%;
	height: 100%;
	margin: 0;
    overflow: hidden;
    display: block;
    padding: 0;
}
.skin-image_caption_bottom dl.slidedeck dd.slide .sd-node-content {
	position: relative;
    display: inline;
    float: left;
	height: 270px;
	overflow: hidden;
	margin: 0;
    vertical-align: top;
    text-align: left;
    padding: 0;
}
.skin-image_caption_bottom dl.slidedeck dd.slide .sd-node-type {
	position: relative;
	padding-top: 25px;
	width: 300px;
	height: 0;
	overflow: hidden;
	line-height: 25px;
	margin: 0 0 20px;
	background-image: url('images/sprite.png');
	background-repeat: repeat-y;
}
.skin-image_caption_bottom dl.slidedeck dd.slide .sd-node-type.sd-node-type-recent { background-position: 0 -253px; }
.skin-image_caption_bottom dl.slidedeck dd.slide .sd-node-type.sd-node-type-featured { background-position: 0 -278px; }
.skin-image_caption_bottom dl.slidedeck dd.slide .sd-node-type.sd-node-type-popular { background-position: 0 -303px; }
.skin-image_caption_bottom dl.slidedeck dd.slide .sd-node-title {
	font-size: 22px;
	line-height: 27px;
	color: #fff;
	margin: 0;
}
.skin-image_caption_bottom dl.slidedeck dd.slide .sd-node-title a, .skin-image_caption_bottom dl.slidedeck dd.slide .sd-node-title a:link, .skin-image_caption_bottom dl.slidedeck dd.slide .sd-node-title a:visited {
	color: #fff !important;
	text-decoration: none !important;
}
.skin-image_caption_bottom dl.slidedeck dd.slide .sd-node-title a:hover {
    color: #fff !important;
    text-decoration: none;
    text-shadow: 0 0 3px #fff;
}
.skin-image_caption_bottom dl.slidedeck dd.slide .sd-node-timesince {
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: italic;
	line-height: 19px;
	color: #999;
	margin: 0 0 12px;
}
.skin-image_caption_bottom .sd-node-caption{
  background: transparent;
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  overflow:hidden;
  z-index: 60;
	height: 90px;
}
.skin-image_caption_bottom .sd-node-caption h3.sd-node-caption-title{
  font-size: 20px !important;
  line-height: 22px !important;
  font-weight: bold;
  color: #fff !important;
  margin: 0 15px 4px !important;
  padding: 10px 0 5px !important;
	border-bottom: 1px solid #444;	
}
.skin-image_caption_bottom .sd-node-caption .sd-node-caption-excerpt{
  margin: 0 15px !important;
  padding: 0 !important;
	font-family: "etica-1","etica-2",sans-serif;
	font-size: 1.1em;
}
.skin-image_caption_bottom .sd-node-caption .sd-node-caption-excerpt p{
    margin: 0 !important;
    padding: 0 !important;
}
.skin-image_caption_bottom dl.slidedeck dd.slide .sd-node-image-child {
	position: relative;
	width: 300px !important;
	height: 270px;
	margin: 0;
	vertical-align: middle;
    text-align: center;
    display: table-cell;
}
.skin-image_caption_bottom dl.slidedeck dd.slide .sd-node-image img {
    display: block;
}
.skin-image_caption_bottom dl.slidedeck dd.slide .sd-node-permalink {
    margin: 0;
    float: left;
    clear: left;
}
.skin-image_caption_bottom dl.slidedeck dd.slide .sd-node-permalink a, .skin-image_caption_bottom dl.slidedeck dd .sd-node-permalink a:link, .skin-image_caption_bottom dl.slidedeck dd .sd-node-permalink a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: italic;
	line-height: 19px;
    text-decoration: none !important;
    color: #369 !important;
}
.skin-image_caption_bottom dl.slidedeck dd.slide .sd-node-permalink a:hover {
    color: #369 !important;
    text-decoration: underline !important;
}
.skin-image_caption_bottom a.sd-node-previous, .skin-image_caption_bottom a.sd-node-previous:link, .skin-image_caption_bottom a.sd-node-previous:visited,
.skin-image_caption_bottom a.sd-node-next, .skin-image_caption_bottom a.sd-node-next:link, .skin-image_caption_bottom a.sd-node-next:visited {
	position: absolute;
	z-index: 100;
	top: 50%;
    margin-top: -17px;
	width: 34px;
	height: 0;
	padding-top: 34px;
	display: none;
	overflow: hidden;
}
.skin-image_caption_bottom a.sd-node-previous, .skin-image_caption_bottom a.sd-node-previous:link, .skin-image_caption_bottom a.sd-node-previous:visited {
	left: 12px;
	background: url('images/sprite.png') 0 0 !important;
}
.skin-image_caption_bottom a.sd-node-previous:hover { background: url('images/sprite.png') 0 -34px !important; }
.skin-image_caption_bottom a.sd-node-previous.disabled, .skin-image_caption_bottom a.sd-node-previous.disabled:link, .skin-image_caption_bottom a.sd-node-previous.disabled:visited {
	background: url('images/sprite.png') 0 -68px !important;
}
.skin-image_caption_bottom a.sd-node-next, .skin-image_caption_bottom a.sd-node-next:link, .skin-image_caption_bottom a.sd-node-next:visited {
	right: 12px;
	background: url('images/sprite.png') -34px 0 !important;
}
.skin-image_caption_bottom a.sd-node-next:hover { background-position: -34px -34px !important; }
.skin-image_caption_bottom a.sd-node-next.disabled, .skin-image_caption_bottom a.sd-node-next.disabled:link, .skin-image_caption_bottom a.sd-node-next.disabled:visited {
	background: url('images/sprite.png') -34px -68px !important;
}
.skin-image_caption_bottom a.sd-node-nav-link:active,
.skin-image_caption_bottom a.sd-node-nav-link:focus { outline: none; }


/* Simple Dots Navigation */
.skin-image_caption_bottom ul.sd-node-nav-primary {
	position: absolute;
	z-index: 80;
	bottom: 25px;
	width: 100%;
	height: 10px;
	margin: 0 !important;
	padding: 24px 0 0;
	list-style: none;
	text-align: center;
    text-indent: 0;
}
.skin-image_caption_bottom ul.sd-node-nav-primary li:before { content: ""; }
.skin-image_caption_bottom ul.sd-node-nav-primary li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
    background: none !important;
}
.skin-image_caption_bottom ul.sd-node-nav-primary li a.sd-node-nav-link,
.skin-image_caption_bottom ul.sd-node-nav-primary li a.sd-node-nav-link:link,
.skin-image_caption_bottom ul.sd-node-nav-primary li a.sd-node-nav-link:visited {
	display: inline-block;
    overflow: hidden;
	width: 10px;
	height: 10px;
	margin-right: 3px;
	margin-left: 3px;
	background: url('images/sprite.png');
	background-repeat: repeat-y;
	background-position: 1px 10px;
}
.skin-image_caption_bottom ul.sd-node-nav-primary li a.sd-node-nav-link:hover,
.skin-image_caption_bottom ul.sd-node-nav-primary li a.sd-node-nav-link:active { text-decoration: none; }
.skin-image_caption_bottom ul.sd-node-nav-primary li a.sd-node-nav-link .sd-node-nav-link-label-title { display: none; }
.skin-image_caption_bottom ul.sd-node-nav-primary li a.sd-node-nav-link .sd-node-nav-link-label-date {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -50px;
	text-align: center;
	width: 100px;
	height: 0;
    overflow: hidden;
	display: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 24px;
	vertical-align: top;
	color: #fff !important;
}
.skin-image_caption_bottom ul.sd-node-nav-primary li a.sd-node-nav-link.active,
.skin-image_caption_bottom ul.sd-node-nav-primary li a.sd-node-nav-link.active:link,
.skin-image_caption_bottom ul.sd-node-nav-primary li a.sd-node-nav-link.active:visited,
.skin-image_caption_bottom ul.sd-node-nav-primary li a.sd-node-nav-link:hover {
	text-decoration: none;
	background-position: -9px 10px;
    border: none !important;
    margin: 0 3px !important;
    padding: 0 !important;
}
.skin-image_caption_bottom ul.sd-node-nav-primary li a.sd-node-nav-link.active .sd-node-nav-link-label-date { display: block; }
/**
 * SoundManager 2 + useFlashBlock
 * ------------------------------
 * Flash positioning and flashblock / clicktoflash handling
 */

#sm2-container {
 /**
  * where the SM2 flash movie goes. by default, relative container.
  * set relative or absolute here, and don't touch it later or bad things will happen (see below comments.)
  */
 position: absolute;
 width: 1px;
 height: 1px;
 overflow: hidden;
 /* screw IE 6, just make it display nice */
 _overflow: hidden;
}

#sm2-container object,
#sm2-container embed {
 /**
  * the actual SWF movie bit.
  * important: The SWF needs to be able to be moved off-screen without display: or position: changes.
  * changing display: or position: or overflow: here or on parent can cause SWF reload or other weird issues after unblock
  * e.g., SM2 starts but strange errors, no whileplaying() etc.
  */
 width: 48px;
 height: 48px;
 /* some flash blockers may also respect this rule */
 max-width: 48px;
 max-height: 48px;
}

#sm2-container.swf_timedout {
 /* expand to show the timed-out SWF content */
 position: relative;
 width: 48px;
 height: 48px;
}

#sm2-container.swf_timedout,
#sm2-container.swf_timedout object,
#sm2-container.swf_timedout embed {
 /**
  * when SM2 didn't start normally, time-out case. flash blocked, missing SWF, no flash?
  * 48px square flash placeholder is typically used by blockers.
  */
 min-width: 48px;
 min-height: 48px;
}

#sm2-container.swf_unblocked {
 /* SWF unblocked, or was never blocked to begin with; try to collapse container as much as possible. */
 width: 1px;
 height: 1px;
}

#sm2-container.swf_loaded object,
#sm2-container.swf_loaded embed,
#sm2-container.swf_unblocked object,
#sm2-container.swf_unblocked embed {
 /* hide flash off-screen (relative to container) when it has loaded OK */
 left: -9999em;
 top: -9999em;
}

#sm2-container.swf_error {
 /* when there is a fatal error (flash loaded, but SM2 failed) */
 display: none;
}

#sm2-container.high_performance,
#sm2-container.high_performance.swf_timeout {
 /* "high performance" case: keep on-screen at all times */
 position: absolute;
 position: fixed;
}

#sm2-container.high_performance {
 overflow: hidden;
 _top: -9999px; /* IE 6 hax, no position:fixed */
 _left: -9999px;
 bottom: 0px;
 left: 0px;
 /**
  * special case: show at first with w/h, hide when unblocked.
  * might be bad/annoying.
  * try to stay within ClickToFlash "invisible" limits (so it won't be blocked.)
  */
 z-index: 99; /* try to stay on top */
}

#sm2-container.high_performance.swf_loaded,
#sm2-container.high_performance.swf_unblocked {
 z-index: auto;
}

#sm2-container.high_performance.swf_loaded,
#sm2-container.high_performance.swf_unblocked,
#sm2-container.high_performance.swf_unblocked object,
#sm2-container.high_performance.swf_unblocked embed {
 /**
  * 8x8px is required minimum to load in fx/win32 in some cases(?)
  * 6x6+ good for fast performance, even better when on-screen via position:fixed
  * also, clickToFlash (Safari <5.1) may auto-load "invisible" SWFs at this size
  */
 height: 8px;
 width: 8px;
}

#sm2-container.high_performance.swf_loaded {
 /* stay bottom/left */
 top: auto;
 bottom: 0px;
 left: 0px;
}

#sm2-container.high_performance.swf_loaded object,
#sm2-container.high_performance.swf_loaded embed,
#sm2-container.high_performance.swf_unblocked object,
#sm2-container.high_performance.swf_unblocked embed {
 /* high-performance case must stay on-screen */
 left: auto;
 top: auto;
}

#sm2-container.high_performance.swf_timedout {
 z-index: 99; /* try to stay on top */
}

/*--- iPad Nav Fixes ---*/
header