/*
+-+-+-+ +-+-+-+-+-+-+ +-+-+-+-+-+-+-+-+-+
|O|C|C| |D|e|s|i|g|n| |F|r|a|m|e|w|o|r|k|
+-+-+-+ +-+-+-+-+-+-+ +-+-+-+-+-+-+-+-+-+                                   
*/

/*CORE CSS
    Table of Contents
-----------------------------------------------------
:: 1. Reset & Standards
:: 2. Typography
:: 3. Print Styles
:: 4. Links
:: 5. Lists
:: 6. Alignment
:: 7. Blog engine alignment
:: 8. Image Styles
:: 9. Tables
:: 10. Alerts
:: 11. Labels
:: 12. Buttons
:: 13. Drop Downs
:: 14. Shapes
:: 15. Tabs
:: 16. Accordians
:: 17. Font Awesome
:: 18. Forms
:: 19. Misc
:: 20. Error pages
:: 21. Audio player
*/



/*------------------------------------------------------------------------------
   :: 1. Resets & Standards
-------------------------------------------------------------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
figure { margin: 0; } 
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color:rgba(0,0,0,0.2);min-height:101%;}
html, button, input, select, textarea { font-family: 'PT Sans Narrow', sans-serif; color:#fff;}
::-moz-selection { background: #0C7EBF; color: #fff; text-shadow: none; }
::selection { background: #0C7EBF; color: #fff; text-shadow: none; }

object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption,tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
img {
  /* Responsive images (ensure images don't scale beyond their parents) */
	max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */
 	width: auto\9;
  /* IE7-8 need help adjusting responsive images */
	height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */
	vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) { overflow: hidden; }

/* BOX SIZING###################################
apply a natural box layout model to all elements - THIS is fab.. If I say the width is 200px, gosh darn it, it's gonna be a 200px wide box even if I have 20px of padding.*/
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after, .clear {
  clear: both;
  line-height:0.1em;
}
/*== Typography Reset========================================================================== */

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 20px; }
dfn { font-style: italic;}
em{font-style:italic;}
i{font-style:inherit;}
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/*a:hover, a:active, :focus { outline: 0; }*/


html { font-size: 62.5%;/*set base font to 10*/ } 

body { 
background: #000; 
font-family:'PT Sans Narrow', 'sans-serif';
font-size: 16px; font-size: 1.6rem; /*relative ems */
line-height: 1.385;  
color: #fff; 
height:100%;
margin:0;
padding:0;
-webkit-font-smoothing: antialiased; 
}
	
/*----------------------------------------------------------------
    :: 2. Typography
	
using modular scaling for font sizes - my important numbers are 13 for body copy and 39 for h1.. the other numbers are calulated using golden ration of 1.618.  see http://zurb.com/article/1000/foundation-3-0-typography-and-modular-sca or http://alistapart.com/article/more-meaningful-typography
------------------------------------------------------------------ */
	h1, h2, h3, h4, h5, h6 {font-weight: 400; line-height: 1.1 ;text-rendering: optimizeLegibility;margin:12px 0; color:#fff;text-transform:uppercase;}
	h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 50%; line-height: 0; font-weight:normal;margin:12px 0;}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color:inherit;}
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { font-weight: inherit; color:inherit;}
	h1 { font-size: 39px; font-size: 3.9rem;}
	h2 { font-size: 36px; font-size: 3.6rem;}
	h3 { font-size: 24px; font-size: 2.4rem;}
	h4 { font-size: 18px; font-size: 1.8rem; margin-bottom:0;}
	h5 { font-size: 15px; font-size: 1.5rem;}
	h6 { font-size: 13px; font-size: 1.3rem;}

	.subheader { color: #777; font-weight:400;line-height: 1.385; }

	p {font-size: 16px; font-size: 1.6rem; margin: 0 0 18px;}
	p.lead { font-size: 17px; font-size: 1.7rem; color:#444;}
	p img { margin: 0; }
	
	em { font-style: italic; line-height: inherit; }
	strong, b { font-weight: bold; line-height: inherit; }
	/*	Blockquotes  */
	blockquote, blockquote p {color: #777; font-size:18px; font-size:1.8rem; line-height:1.5}
	blockquote { margin: 0 0 18px 10px; padding: 9px 20px 0 19px; border-left: 2px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }/*see ascii codes for more symbols*/
	blockquote cite a, blockquote cite a:visited { color: #555; }
	
	hr {border: solid #fff; border-width: 1px 0 0; clear: both; margin: 0px 0 12px; height: 0; }
	
	abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; }
	abbr { text-transform: none; }

/*---------------------------------------------------------------------------------------------------
	:: 3. Print Styles
-------------------------------------------------------------------------------------------------*/
@media print {
	
  * { background: transparent !important;  box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; ;} /* Black prints faster: h5bp.com/s */
  body{
	  font-family:calibri,arial,sans-serif!important; font-size:14px!important;color:#000!important;
	  }
  a, a:visited { text-decoration: underline; display:none;}
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  table th{color:black;}
  tr, img { page-break-inside: avoid; }

  body td.highlight2{background:#000!important;color:#fff!important;}
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  #mainContent{width:100%!important}
  header,footer,aside.mainNav,a.toTop,a.printButton{display:none;}
}	
/*	------------------------------------------------------------------------------
	:: 4. Links
-------------------------------------------------------------------------------- */
	a { color: #eda22b; text-decoration: none; line-height: inherit; cursor:pointer;}
	a:hover {color: #066899; }
	a:focus {outline: none; }
	a.toTop{display:block;text-align:center;margin:24px 0;color:#fff;}
	a.active{ }
	p a, p a:visited { line-height: inherit; }	

/*	------------------------------------------------------------------------------
	:: 5. Lists
	------------------------------------------------------------------------------ */
	ul { list-style: square outside; }
	ol { list-style: decimal; }
	ol,ul, ul.square, ul.circle, ul.disc { margin: 0 0 18px 36px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	.no_list, ul.accordion{list-style:none;margin: 0 0 18px 0;}
	ul.fancy{list-style:none; margin:0 0 18px 0; }/*list-style-image sucks so use background image instead*/
		ul.fancy >li{
			background:url(/wp-content/themes/html5blank-master/img/template/list_star.png) 12px 0px no-repeat;
			padding: 0 0 0 36px;
			}
	ul li ul {
  	  list-style: inherit;
	}
	ul li ul, ul li ol, ol li ol {
   		margin:6px 0 0 20px;
    	}
	ol li ol{
		list-style:lower-roman;
		}
	li { margin-bottom: 6px; }
	li.steps{margin-bottom:18px;}
		.steps span{display:block;float:left;max-width:80%; margin: 0 12px 0 0;}
		
	dl dt {font-weight: bold;font-size:16px; font-size:1.6rem;margin:0 0 1px 0;}
    dl dd { margin: 0 0 18px 0px; }
	nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
	nav.navRow ul li{display:inline-block;padding:0 18px;}
	nav.navRow ul li:first-child{padding:0 18px 0 0;}
	nav.navRow ul li:last-child{padding:0 0 0 18px}
	nav li a{display:block;}
	
	nav.navList ul{
		}
	nav.navList li{
		padding:0px;
		font-size:16px;
		font-size:1.6rem;
		margin:0 0 3px 0;
	}
	nav.navList li a{
		display:block;
		padding:4px;
		}

	
/*----------------------------------------------------------
	:: 6. alignment 
-----------------------------------------------------------*/
.left{float: left; }
.right{ float: right; }
.text-left{ text-align: left; }
.text-right{ text-align: right; }
.text-center { text-align: center; }

img.alignRight{float:right; display:block; margin:0px 0px 9px 15px;}
img.alignLeft{float:left; display:block; margin:0px 15px 9px 0px;}
img.alignCenter{float:none; display:block; margin:9px auto;}



/*---------------------------------------------------
	:: 7.Blog Engine alignment
-----------------------------------------------------*/
p.Left, p.left{
	float:left;
    margin:0 15px 9px 0;
	color:#666;
	font-size:90%;
	}
p.Left img, p.left img, p.Right img, p.right img{
	margin:0 0 6px 0;
	display:block;
	}
p.Right, p.right{
	float:right;
    margin:0 0px 9px 15px;
	color:#666;	
	font-size:90%;
	}
p.Center, p.center{
	float:none;
    margin:9px auto;
	color:#666;	
	text-align:left;
	font-size:90%;
	}
p.Center img, p.center img{
	margin:0 auto 6px auto;
	display:block;
	float:none;
	}
p.Full img, p.full img{
	display:block;
	width:100%;
	margin:0 0 6px 0;
	
	}
p.Full, p.full{
	color:#666;
	font-size:90%;
	}

/*----------------------------------------------------------------
	:: 8.Image styles
----------------------------------------------------------------------*/
.img-polaroid{
	background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    padding: 4px;
}
.img-radius{
	-webkit-border-radius:6px;
	border-radius: 6px; 
}
.img-round{
	webkit-border-radius:500px;
	border-radius: 500px; 
}
/*-------------------------------------------------------------
	:: 9.table styles
-----------------------------------------------------------------*/
	table{
		 border-collapse: collapse; border-spacing: 0;
		width:100%;
		margin-bottom:18px;
		border-bottom: 1px solid #DDDDDD;
		}
	table td,table th{
		border-top: 1px solid #DDDDDD;
    	line-height:1.5em;
    	padding: 8px 4px;
    }
	table th{
		background:#4d4d4d;
		color:#fff;
		text-align:left;
		}
 	.table-bordered td,.table-bordered th{
		border: 1px solid #DDDDDD;
    	line-height:1.5em;
    	padding: 8px;
    	}
	.table-striped tbody > tr:nth-child(2n+1) > td {
   		 background-color: #efefef;
	}	
	td { vertical-align: top; }
/*------------------------------------------------------------
	:: 10.alerts
-------------------------------------------------------------*/
.alert {
   background-color: #D9EDF7;
   border: 1px solid #BCE8F1;
   border-radius: 4px 4px 4px 4px;
   margin-bottom: 18px;
   padding: 8px 35px 8px 14px;
   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
   color: #3A87AD;
   font-size:107%;
}
.alert-warning{
	background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
	}
.alert-success{
	background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
	}
/*-----------------------------------------------------------------
	:: 11.labels
-----------------------------------------------------------------*/
.label{
	display:inline-block;
	font-weight:bold;
	padding:3px 8px 2px;
	margin:0 3px 0 0px;
	color:#fff;
	background:#666;
	line-height:1.4;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	}
.label-important{
	background:#B94A48;          
	}
.required{
	color: #eda22b;
    display: inline-block;
    font-size: 28px;
    line-height: 20px;
    overflow: hidden;
    vertical-align: bottom;
	}	
/*--------------------------------------------------------------------
	:: 12.BUTTONS
---------------------------------------------------------------------*/
.button, .memberCheckButton input, .contactForm input[type="submit"], .submitButton input[type="submit"], .rootItem{
	 background-color: #eda22b;
    border: 0 none;
    border-radius: 4px;
    color: #111111;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans Condensed',sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 0;
    padding: 0 14px;
    text-align: center;
    text-transform: uppercase;
    transition: background-color 0.15s ease-in-out 0s;
    vertical-align: middle;
	}
	input.button[type="submit"]{
		line-height:1;
		padding:6px 18px 5px;
		display:block;
		/*input buttons don't accept line height in ff.. pretty odd. */
		}
	.button:hover, .button.open,.memberCheckButton input:hover, .button.active, .contactForm input[type="submit"]:hover,.submitButton input[type="submit"]:hover, .rootItem:hover{
	
		color:#000;
		}
.button-native{
	background-color: #F5F5F5;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border-image: none;
	color: #333;
	}	
	.button-native:hover{
		background:#E6E6E6;
		color:#333;
		}
.button-special{
	background-color: #5DA423;
    background-image: -moz-linear-gradient(center top , #62C462, #5DA423);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62C462), to(#5DA423));
  	background-image: -webkit-linear-gradient(top, #62C462, #5DA423);
  	background-image: -o-linear-gradient(top, #62C462, #5DA423);
  	background-image: linear-gradient(to bottom, #62C462, #5DA423);
    background-repeat: repeat-x;
    border-image: none;
	color: #fff;
	}	
	.button-special:hover{
		background:#457a1a;
		}	
.button-alert{
	background-color: #DA4F49;
    background-image: -moz-linear-gradient(center top , #EE5F5B, #BD362F);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EE5F5B), to(#BD362F));
  	background-image: -webkit-linear-gradient(top, #EE5F5B, #BD362F);
  	background-image: -o-linear-gradient(top, #EE5F5B, #BD362F);
  	background-image: linear-gradient(to bottom, #EE5F5B, #BD362F);
    background-repeat: repeat-x;
    border-image: none;
	color: #fff;
	}	
	.button-alert:hover{
		background:#BD362F;
		}	
.button.disabled, .button.disabled:hover, .disabled, .disabled:hover{
	background-color: #F5F5F5;
	background-image:none;
	color:#aaa;
	text-shadow:none;
	cursor: text;
	-webkit-box-shadow: none;
    -moz-box-shadow:none;
    box-shadow: none;
	border-color: #ccc;
	}

.button.publicSaleBut{
	background-color: #2f464d;
    background-image: -moz-linear-gradient(center top , #5a7076, #2f464d);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5a7076), to(#2f464d));
  	background-image: -webkit-linear-gradient(top, #5a7076, #2f464d);
  	background-image: -o-linear-gradient(top, #5a7076, #2f464d);
  	background-image: linear-gradient(to bottom, #5a7076, #2f464d);
    background-repeat: repeat-x;
	display:block;
	padding:5px 0 6px 0;
	}
	.button.publicSaleBut:hover{
		background-color: #2f464d;
		}
.buttonText{
	text-transform:uppercase;
	font-size:120%;
	font-family:'Open Sans Condensed'; 
	color:#eda22b;
	font-weight:bold;
	}
.rsvpBut{
	background-color: #4d68a1;
    background-image: -moz-linear-gradient(center top , #4d68a1, #3e5380);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d68a1), to(#3e5380));
  	background-image: -webkit-linear-gradient(top, #4d68a1, #3e5380);
  	background-image: -o-linear-gradient(top, #4d68a1, #3e5380);
  	background-image: linear-gradient(to bottom, #4d68a1, #3e5380);
    background-repeat: repeat-x;
	display:block;
	}
	.rsvpBut:hover{
		background-color: #4d68a1;
		}
.buy{
	}
/*.tickets, .rsvpBut{display:block; margin:0 0 6px 0;}*/
/*--------------------------------------------------------------
	::site specific buttons entered into prod panel by cords
-----------------------------------------------------------------*/
 .dropdown a.itunes,.dropdown a.amazon,.dropdown a.download,.dropdown a.cd,.dropdown a.vinyl,.dropdown a.boxset, .dropdown a.buy, a.itunes,a.amazon,a.cd, a.boxset,a.download,a.vinyl{
		text-align:left;
		padding-left:35px;
		
		}
.dropdown a.itunes:nth-letter(2){text-transform:capitalize;} 
 a.itunes,a.itunes:hover, .dropdown a.itunes:hover{
	background-image:url(/wp-content/themes/html5blank-master/img/template/buttonGlyphs.png) ;
	background-repeat:no-repeat;
	background-position:3px 3px;
}
 a.amazon,a.amazon:hover,  .dropdown a.amazon:hover{
	background-image:url(/wp-content/themes/html5blank-master/img/template/buttonGlyphs.png) ;
	background-repeat:no-repeat;
	background-position:3px -35px;
}
.download, a.download:hover,.dropdown a.download:hover{
	background-image:url(/wp-content/themes/html5blank-master/img/template/buttonGlyphs.png) ;
	background-repeat:no-repeat;
	background-position:3px -75px;
}
a.cd ,a.cd:hover,.dropdown a.cd:hover{
	background-image:url(/wp-content/themes/html5blank-master/img/template/buttonGlyphs.png) ;
	background-repeat:no-repeat;
	background-position:3px -118px;
}
a.vinyl,a.vinyl:hover, .dropdown a.vinyl:hover{
	background-image:url(/wp-content/themes/html5blank-master/img/template/buttonGlyphs.png) ;
	background-repeat:no-repeat;
	background-position:3px -158px;
}
.boxset,.boxset:hover, .dropdown a.boxset:hover{
	background-image:url(/wp-content/themes/html5blank-master/img/template/buttonGlyphs.png) ;
	background-repeat:no-repeat;
	background-position:3px -198px;
}
/*==specific for buy albums drop down==================================================*/
	
		
	


.availCopy{display:block;margin:6px 0 0 0; text-align:left;}
/*==button sizes==================================================*/
.button-large, input.button-large[type="submit"]{
	 font-size: 18px; font-size: 1.8rem;
	 padding:8px 27px;
	}
.button-small,input.button-small[type="submit"] {
    font-size: 12px;font-size:1.2rem;
    padding: 3px 14px 4px;
	line-height:18px;
}	
/*==button group================================================*/	
ul.button-group{
	list-style:none;margin: 0 0 18px 0;
	}
	ul.button-group:after {
    	clear: both;
	}
	ul.button-group:before, ul.button-group:after {
    	content: " ";
    	display: table;
	}	
	ul.button-group > li:first-child {
   	 margin-left: 0;
	}
		.ie9 ul.button-group > li:last-child { margin: 0 0px 0 -1px;}
		
	ul.button-group > li {
  	  display:inline;
   	  margin: 0 -3px 0 0px;
	  padding: 0;
	}
	
	ul.button-group > li a{
		-webkit-border-radius:0px;
		border-radius: 0px; 
		}
	ul.button-group > li:first-child a {
   	 	border-bottom-left-radius: 4px;
    	border-top-left-radius: 4px;
	}
	ul.button-group > li:last-child a {
   	 	border-bottom-right-radius: 4px;
    	border-top-right-radius: 4px;
	}
	ul.button-group > li:first-child a.square, ul.button-group li:last-child a.square{
   	 	border-radius: 0px;
    	border-radius: 0px;
	}
	 .dropdown ul.radius{
			-webkit-border-radius: 0px 0px 4px 4px;
			border-radius: 0px 0px 4px 4px; 
		}
/*----------------------------------------------------
	:: 13. button drop down
-------------------------------------------------------*/
.dropdown{position:relative; display:inline-block;margin:0 0 12px 0;}
.dropdown > a:after{
	 font-family: FontAwesome;
 	 font-weight: normal;
 	font-style: normal;
    display: inline-block;
    font-size:16px;font-size:1.6rem;
    vertical-align: middle;
    text-decoration: inherit;
    width: 1em;
    text-align:right;
    content: "\f0d7";
	line-height:0.9em;
	}
.dropdown > a.open:after{
	content: "\f0d8";
	}
.dropdown  ul {
    -moz-box-sizing: content-box;/*cos otherwise is like a pixel to small*/
	background:#fff;
    background:rgba(255, 255, 255, 0.95);
    border-color: #CCCCCC #CCCCCC;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    display: none;
    list-style: none outside none;
    padding: 0;
	margin:0;
    position: absolute;
    z-index: 40;
	background:#;
}
.dropdown.dropdown-dark ul{
	background:#2284a1;
	border:0;
	left:0;
	margin:-3px 0 0 0;
	}
.dropdown.dropdown-long ul{
	min-width:170px;
	border:1px solid #ccc;
	}
	.dropdown  ul li{border-bottom:1px solid #ddd;display:block;margin:0;}
	.dropdown  ul li:last-child{border:none;}
	.dropdown  ul li a{display:block;padding:6px 10px;text-align:center;}
	.dropdown-long  ul li a{display:block;padding:6px 10px;text-align:left;}
	.dropdown  ul li a:hover{background:#e3f4f9;}
	.dropdown.dropdown-dark ul{width:100%;}
	.dropdown.dropdown-dark ul li{border:0;}
	.dropdown.dropdown-dark ul li a{margin:0 auto;width:90%;border-top:1px solid ;border-color:rgba(255,255,255,0.4);color:#fff;}
	.dropdown.dropdown-dark ul li a:hover{background-color:rgba(227,244,249,0.1);}
		.ie8 .dropdown.dropdown-dark ul li a:hover{background-color:inherit;}
		.ie8 .dropdown.dropdown-dark ul{ width:100%;border-left:1px solid #fff; border-right:1px solid #fff; }
	.dropdown.dropdown-dark  ul li:last-child{margin: 0 0 6px 0;}


/* -----------------------------------------------------------------
	:: 14. shapes
-------------------------------------------------------------------- */
.radius{
		-webkit-border-radius:4px;
		border-radius: 4px; 
		}
.round{
	webkit-border-radius:1000px;
	border-radius: 1000px; 
	}
.square{
	-webkit-border-radius: 0px;
	border-radius: 0px; 
	}
.pill{
	-webkit-border-radius: 100px;
	border-radius: 100px; 
	}				
/*---------------------------------------------------------------
	:: 15. tabs 
----------------------------------------------------------------*/
ul.tabs{
	list-style:none;
	margin:0;
	padding:0;
	background:#efefef;
	}
	ul.tabs:after {
    	clear: both;
	}
	ul.tabs:before, ul.tabs:after {
    	content: " ";
    	display: table;
	}
ul.tabs li{
	display:block;
	float:left;
	margin:0;
	text-align:center;
	}	
ul.tabs li a{
		display:block;
		color:#fff;
		font-weight:normal;
		padding:9px 30px;
		cursor:pointer;
		background-color: #4d4d4d;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		border-image: none;
		border-color: rgba(0, 0, 0, 0.33); 
		border-style: none solid none none;
   		border-width: 1px;
		-webkit-transition: background-color 0.15s ease-in-out; 
		-moz-transition: background-color 0.15s ease-in-out; 
		-o-transition: background-color 0.15s ease-in-out; 
		transition: background-color 0.15s ease-in-out;
		}
ul.tabs li:last-child a{border:none;}
ul.tabs li a.active, ul.tabs li a:hover{
		background-color: #49AFCD;
		}	
.tabs-content{margin-bottom:18px;}
.tabs-content>div{
	display:none;
	padding:10px;
	border-style:none solid solid solid;
	border-width:1px;
	border-color:#ddd;
	}
.tabs-content>div.active{display:block;}

/*--------------------------------------------------------
	:: 16.accordion
---------------------------------------------------------*/
.accordion > li > a.open-accordian{
	display:inline-block;
	}
.accordion > li > div{padding:0;}
.accordion > li > a.open-accordian:after{
	font-family: FontAwesome;
 	font-weight: normal;
 	font-style: normal;
    display: inline-block;
    font-size:16px;font-size:1.6rem;
    vertical-align: middle;
    text-decoration: inherit;
    width: 1em;
    text-align:right;
    content: "\f0d7";
	line-height:0.9em;
	}
.accordion > li > a.open-accordian.active:after{
	content: "\f0d8";
	}
td ul.accordion{margin:0;}
td ul.accordion li{margin:0;}

/*--------------------------------------------------------------------------------
	:: 17. Font Awesome
------------------------------------------------------------------------------- */

@font-face {
  font-family: 'FontAwesome';
  src: url('/wp-content/themes/html5blank-master/fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('/wp-content/themes/html5blank-master/fonts/fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('/wp-content/themes/html5blank-master/fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('/wp-content/themes/html5blank-master/fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('/wp-content/themes/html5blank-master/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 1.4em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}


.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-arrow-up:before{
	content:"\f062";
	}
.fa-play:before{
	content:"\f04b";
	}
.fa-stop:before{
	content:"\f04d";
	}
.fa-th:before{
	content:"\f00a";
	}
/*------------------------------------------------------------------------------
  :: 18. Forms
-------------------------------------------------------------------------------- */
/*forms reset================*/
fieldset { border: 0;}
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
/*1. Display hand cursor for clickable form elements
  2. Allow styling of clickable form elements in iOS
  3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
/* Re-set default cursor for disabled elements*/
button[disabled], input[disabled] { cursor: default; }

/*Consistent box sizing and appearance*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }


/* Remove inner padding and border in FF3/4: h5bp.com/l*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/*end form Reset styles=======================================================================*/
label{
	display:block;
	font-size: 16px;font-size:1.6rem;
	margin:12px 12px 6px 0;
	}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
  display:inline-block;
  font-size: 16px;font-size:1.6rem;
  color:#000;
  height: 32px; 
  padding: 4px 6px;
  width:220px;
  margin:0 6px 0 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: middle;
  background: #ffffff;
  border: 1px solid #ddd;
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
   

}
.inputs select{width:220px!important;/*overwrite dev hard coded width*/}
/*fix for biz form====================*/

/*end biz form fix======*/
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, select:focus,textarea:focus {
	outline: none !important;
	border-color: rgba(82, 168, 236, 0.8);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px rgba(82,168,236,.6);
 	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px rgba(82,168,236,.6);
 	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px rgba(82,168,236,.6);
}
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] {
	background-color: #ddd;
}
input[type="checkbox"],input[type="radio"] {
	width:auto;
	margin:0 6px 0 0px;
	display:inline-block;
}
 input[type="checkbox"] + label,input[type="radio"] + label{
	width:auto;
	display:inline-block;
	margin-left:9px;
	}
textarea { 
	overflow: auto; 
	vertical-align: top; 
	resize: vertical;
	height:auto;
	width:460px;
 }
/*surround each form line with a div inputs for correct alignments==============================*/	
div.inputs, div.styledForm, div.styledFormDrops{
	margin:6px 0 0px 0;
	}
	div.inputs:before,div.inputs:after, div.styledForm:before, div.styledForm:after{
 	 	display: table;
 		 content: "";
 	 	line-height: 0;
		}
	div.inputs:after, div.checkbox:after, div.styledForm:after{
  		clear: both;
	}	
div.inputs label, div.styledForm label, div.styledFormDrops label, div.primarylist label{
		display:inline-block;
		width:140px;
		text-align:right;
	}
div.inputs input[type="checkbox"],div.inputs input[type="radio"] ,div.primarylist input[type="checkbox"],div.checkbox input[type="checkbox"]{
	width:auto;
	margin:0 5px 0 162px;
	display:inline-block;
	position:static;
}
div.inputs.row1{width:60%;}
div.inputs.row1 input[type="checkbox"]{
	margin:0 0px 0 150px;
	}
div.inputs.row2{}
div.inputs.row2 input[type="checkbox"]{
	margin:0 0px 0 0px;
	}
.mailform .inputs p{margin:0 40px 0 148px;}
	div.primarylist input[type="checkbox"]{margin:0 5px 0 0}
	
div.inputs input[type="checkbox"] + label,div.inputs input[type="radio"] + label, div.primarylist input[type="checkbox"] +label{
	width:auto;
	position:relative;
	top:1px;
	display:inline-block;
	}
div.inputs input[type="submit"],.submitButton input[type="submit"]{
	margin:12px 0px 12px 154px;
	}

/*Make form vertical as opposed to horizontal==============================*/	
.vertical-form .inputs label{
	display:block;
	margin:0px 0px 6px 0;
	text-align:left;
	}
.vertical-form div.inputs input[type="checkbox"],.vertical-form  div.inputs input[type="radio"] {
	width:auto;
	margin:0 5px 0 0;
	display:inline-block;
	position:static;
}
.vertical-form  div.inputs input[type="submit"]{
	margin-left:0;
	}
.vertical-form p.forgotPw{
	clear: both;
    margin: 12px 0;
	}
/*text in input before entering */
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}
/*general form fixes================================================*/
.checkbox label{margin:0}
.checkbox{margin:0 0 18px 0;}

.inputsHolder{float:left;}
/*fieldset ===============================================*/
 fieldset{	
	border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    margin: 18px 0;
    padding: 12px;
 }
 fieldset legend {
    background: none;
	font-size: 16px;font-size:1.6rem;
    font-weight: bold;
    margin: 0 0 0 -3px;
    padding: 0 3px;
}


/* -------------------------------------------------- 
	:: 19. Misc
---------------------------------------------------*/
	.hide        { display: none;}
	.invisible        { visibility: hidden;}
	.highlight   { background: #ff3;}
	.highlight2   { background: #D9EDF7;color:#111;}
	.block{display:block;}
	.inline{display:inline;}	
	.inline-block{display:inline-block;}
	.ie9 .show-on-ie, .ie8 .show-on-ie, .ie7 .show-on-ie{display:block;}
	.show-on-ie, .ie9 .hide-on-ie, .ie8 .hide-on-ie, .ie7 .hide-on-ie{display:none;}
	
/*-------------------------------------------------------
   :: 20. Error pages
-------------------------------------------------------*/
	.errorPage h1{font-size:160px;font-size:20rem; line-height:0.8;}
	.errorPage .button{margin:0 24px 24px 0px;}
	
/*------------------------------------------------------
:: 21. audio player
--------------------------------------------------------*/
#occAudioPlayer audio,#occAudioPlayer {
	width:1px!important;
	height:1px!important;
}
#audioSkin{
	padding:20px;
}
#audioPanel,#jp-AlbumInfo{
	padding:0px 10px;
	float:left;
	width:300px;
	}
#jp-AlbumInfo{
	width:200px;
	}
	#jp-AlbumInfo img{display:block;margin:0 0 12px 0;}
	#jp-AlbumInfo .buyLink a{width:100%;}
.audio_controls {}
.audio_controls ul {
	padding:0;
	float:left;
	list-style-type:none;
	margin:0;
	width:auto;
}
 .audio_controls ul li {
	display:block;
	float:left;
	margin:0px 6px 0 0;
}
/*buttons ################################################*/
a.jp-play,a.jp-pause,a.jp-stop, a.jp-previous, a.jp-next, a.jp-eject {
	display:block;
	cursor:pointer;
	background:#141414;
	text-align:center;
	vertical-align:top;
	width:21px;
	height:21px;
	
}

.audio_controls ul li a i[class^="icon-"]:before, .audio_controls ul li a i[class*=" icon-"]:before{margin:2px 0 0 0;font-size:13px;font-size:1.3rem; padding:0; color:#fff;line-height:0.8;vertical-align:middle;}
/*make stop button a little smaller than the others */
.audio_controls ul li a.jp-stop i[class^="icon-"]:before{font-size:11px; font-size:1.1rem;}

.audio_controls ul li a:hover, div.jp-play-bar  {
	background: #019BE1; 
}

a.disabled{opacity:0.6; cursor:default;}
.audio_controls ul li a.disabled:hover{background:#141414;}

#nowPlaying{
	display:block;
	float:left;
	width:50%;
	font-weight:bold;
}
#audioTiming{	
	font-style:italic;
	font-size:10px;
	margin-bottom:6px;
	color:#bbb;
	margin:0 auto 6px auto;
	height:24px;
}
.jp-progress {
	height:6px;
	overflow:hidden;
	background-color: #ccc;
	margin:6px 0 0 0;
}
.jp-seek-bar {
	background: #ccc;
	width:0px;
	height:100%;
	cursor: pointer;
}
.jp-play-bar {
	width:0px;
	height:100%;
}
/* time and duration */
span.jp-current-time,span.jp-duration {
	padding:3px 2px;
}
.jp-playlist {
	margin:0 auto 12px auto;
	background:#141414;
	padding:8px;
	float:left;
	width:100%;
}
.jp-playlist ul {
	list-style-type:none;
	margin:0;
	padding:0;
	oveflow:hidden;
	border-bottom:1px solid #333;
}
.jp-playlist ul li {
	padding:6px 3px 6px 0;
	border-bottom:1px solid #000;
	border-top:1px solid #333;
	margin:0;	
}
.jp-playlist a{
	color: #999;
	display:inline-block;
	}
.jp-playlist a.jp-playlist-item{width:100%;}
.jp-playlist a.jp-artist{display:none;}
.strip_buyLink{display:none;}
.jp-playlist a:hover, li.jp-playlist-current a {
	color:#fff;
}
/*AUDIO STRIP OVERRIDES
Giving the #audioSkin a class of audio strip will create a strip audio player
*/
#audioSkin.audioStrip{padding:0;}
.audioStrip .audio_controls li.ejectBtn{display:block;}
.audioStrip .jp-playlist,.audioStrip #jp-AlbumInfo, .audio_controls li.ejectBtn,.audioStrip .jp-time-holder{display:none;}
.audioStrip #audioSkin{padding:6px 10px 0;}
.audioStrip  #nowPlaying, .audioStrip .strip_buyLink{width:auto; display:inline-block;float:left;}
.audioStrip .strip_buyLink{margin:0 0 0 12px; border-left:1px solid #ccc; padding: 0 0 0 9px;}
.audioStrip #audioPanel{width:100%;}
.audioStrip #audioTiming{height:auto;}
.audioStrip .jp-progress {height:3px;width:130px;}


/*Browser specs*/
.browserSpecs{display:none; background: #ff3;}
html.mac.safari .browserSpecs.mac.safari{display:inline}
html.win.safari .browserSpecs.win.safari{display:inline}
html.mac.firefox .browserSpecs.mac.firefox{display:inline}
html.win.firefox .browserSpecs.win.firefox{display:inline}
html.mac.chrome .browserSpecs.mac.chrome{display:inline}
html.win.chrome .browserSpecs.win.chrome{display:inline}
html.mac.ie10 .browserSpecs.mac.ie10{display:inline}
html.win.ie10 .browserSpecs.win.ie10{display:inline}
html.mac.ie9 .browserSpecs.mac.ie9{display:inline}
html.win.ie9 .browserSpecs.win.ie9{display:inline}
html.mac.ie8 .browserSpecs.mac.ie8{display:inline}
html.win.ie8 .browserSpecs.win.ie8{display:inline}
html.mac.ie7 .browserSpecs.mac.ie7{display:inline}
html.win.ie7 .browserSpecs.win.ie7{display:inline}
html.mac.ie6 .browserSpecs.mac.ie6{display:inline}
html.win.ie6 .browserSpecs.win.ie6{display:inline}
html.touch .browserSpecs.touch{display:inline}