@charset "UTF-8";

body {
	
	background: #fff url(/public/img/tile.jpg);
	color: #333;
	font: 78%/1.6 "ff-dagny-web-pro-1","ff-dagny-web-pro-2", Helvetica, Arial, sans-serif;

}

h1 { font-size: 2.4em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }

h1,
h2,
h3 { color: #f84876; }

h1,
h2,
h3,
h4,
h5,
h6, 
strong {
	
	font-weight: 900;
	font-style: normal;

}

a { 
	
	color: #f84876;
	font-weight: bold;
	-webkit-transition: color 0.3s ease;
  	-moz-transition: color 0.3s ease;
  	-o-transition: color 0.3s ease;
  	transition: color 0.3s ease;
  	text-decoration: none;
	opacity: 1;
}

a:hover { 
	
	color: #489bf8; 
	opacity: .9;
}

blockquote {

	background: #eee;

}

/*-- Clearing Styles & Container --*/

.container {

	width: 100%;

}

.block {

	width: 920px;
	margin: 0 auto;
	display: block;
	
}

.clearfix, .group { display: inline-block; }

.block:after, .clearfix:after, .group:after {

    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;

}

.column {

	float: left;

}

#splash {
	
	

}

/*-- Sidebar --*/



/*-- Header/Logo/Nav --*/

#header-news {
	
	float: right;
	font-size: 1.2em;
}

#header-news span {
	
	color: #489bf8;
	font-weight: 900;
	margin: 0 .2em 0 0;
}


#header-news p { 
	
	display: inline; 
	padding: 0;
}

#nav {

	padding: 1.2em 0;
	width: 920px;
	
}

#nav ul { 
	padding: 0 0 0 420px;

}

#nav ul,
#nav ul li {
	
	list-style: none;

}

#nav ul li { float: left; }

#nav ul li a {
	
	font-weight: 700;
	font-style: normal;
	color: #f84876;
	text-decoration: none;
	font-size: 1.3em;
 	padding: 0 .5em 0 1em;
	text-shadow: 1px 1px 0 rgba(255,255,255,.6);
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", Helvetica, Arial, sans-serif;
	background: url(/public/img/pink-bullet-small.png) 0% 50% no-repeat;
	-webkit-transition: color 0.3s ease;
  	-moz-transition: color 0.3s ease;
  	-o-transition: color 0.3s ease;
  	transition: color 0.3s ease;

}

#nav ul li a:hover {

	color: #489bf8;

}

#nav ul li.first a { 
	
	background: none; 
	padding-left: 0;	
}

/* Home Image */

#home-image {

	position: relative;
	height: 582px;
	width: 920px;
	/*box-shadow: inset 0 0 12px rgba(0,0,0,.6);
	-webkit-box-shadow: inset 0 0 12px rgba(0,0,0,.6);
	-moz-box-shadow: inset 0 0 12px rgba(0,0,0,.6);
	*/
	
	box-shadow: 0 0 4px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,.3);
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	behavior: url(/public/css/PIE.htc);
}

#logo {

	background: #fff;
	background: rgba(255,255,255,.8);
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	display: inline-block;
	position: absolute;
	top: 324px;
	-webkit-box-shadow: inset 6px 0 12px rgba(0,0,0,.2), 4px 0 8px rgba(0,0,0,.6);
	-moz-box-shadow: inset 6px 0 12px rgba(0,0,0,.2), 4px 0 8px rgba(0,0,0,.6);
	box-shadow: inset 6px 0 12px rgba(0,0,0,.2), 4px 0 8px rgba(0,0,0,.6);
	padding: 2em 2.5em;
	background: -webkit-gradient( linear, 0 50%, 0 100%, from(rgba(255,255,255,.8)), to(rgba(255,255,255,.5)) );
	background:	-moz-linear-gradient( top, rgba(255,255,255,.8), rgba(255,255,255,.8), rgba(255,255,255,.5) );
	behavior: url(/public/css/PIE.htc);
	
}

#logo h1 {

	text-transform: uppercase;
	font-size: 6.2em;
	line-height: .9em;
	letter-spacing: -.05em;
	color: #f84876;
	text-shadow: 1px 1px 0 #fff;
	font-family: "quatro-slab-1","quatro-slab-2", Georgia, Times, serif;
}

#logo h1 span { 
	
	display: block; 
	font-size: .92em;
	line-height: .8em;
}

#logo h2 {
	
	font-size: 1.1em;
 	font-weight: 900;
 	font-style: normal;
	padding: 3px 0 0 0;
	text-shadow: 1px 1px 0 rgba(255,255,255,.6);
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2";
	letter-spacing: .05em;
	text-transform: uppercase;

}

#splash {

	width: 360px;
	margin: 0 auto;
	text-align: center;	

}

#splash #logo {
	
	top: 130px;
	width: 360px;
}

#splash p {
	
	font-size: 1.5em;
	width: 360px;
	margin: 0 auto;
	text-align: center;
	padding: 70px 2em;
	font-weight: bold;
}

/* Home Image */

#main-content {

	position: relative;
	width: 920px;
	
	box-shadow: 0 0 4px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,.3);
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	
	min-height: 600px;
	behavior: url(/public/css/PIE.htc);
}

#main-content #logo {
	
	
	top: 28px;
	background: rgba(255,255,255,.9);
	
	-webkit-box-shadow: inset 6px 0 12px rgba(0,0,0,.4), 4px 0 8px rgba(0,0,0,.6);
	-moz-box-shadow: inset 6px 0 12px rgba(0,0,0,.4), 4px 0 8px rgba(0,0,0,.6);
	box-shadow: inset 6px 0 12px rgba(0,0,0,.4), 4px 0 8px rgba(0,0,0,.6);
}

/* Music */

#music .article {
	
	border-bottom: solid 1px #fcdee6;
	overflow: auto;
	padding: 0 0 2em 0;
	margin: 0 0 2em 0;
	overflow-x: hidden;
}

#music .article span.image {

	display: block;
	float: left;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
	border-radius: 6px;
	width: 225px;
	height: 209px;

}

#music .article span.image img { display: none; }

#music .article .section {

	display: block;
	float: left;
	width: 45%;
	padding: 0 0 0 5%;

}

#music .new {

	display: block;
	background: #b9ef5b;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;	
	border-radius: 1em;
	font-weight: 900;
	color: #fff;
	font-size: .8em;
	padding: .1em 1em;
	margin: .7em .5em .1em 0;
	float: left;

}

#music .article h3 a {

	color: #545454;

}

#music .article h4 {
	
	font-size: .9em;
	color: #5bb9ef;
	border-bottom: solid 1px #eee;
	margin: 0 0 .5em 0;
	padding: 0 0 .5em 0;
}



a.listen,
a.buyit {

	text-align: center;
	width: 100%;
	display: inline-block;
	color: #fff;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;	
	border-radius: 1.5em;
	padding: .3em 0;
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 1.2em;
	-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.4);
	-moz-box-shadow: inset 0 0 0 rgba(0,0,0,.4);
	box-shadow: inset 0 0 0 rgba(0,0,0,.4);
	-webkit-transition: all 0.3s ease;
  	-moz-transition: all 0.3s ease;
  	-o-transition: all 0.3s ease;
  	transition: all 0.3s ease;

}

#music .article ul,
#music .article ul li { list-style: none; }

a.listen {

	background: #f84876;
	margin: .7em 0 .5em 0;
	
}

a.buyit {

	background: #5bb9ef;

}

.buy-moreplaces {


	display: block;
	padding: 1em 0;
	margin: 1em 0 0 0;
	border-top: solid 1px #eee;
}

.buy-moreplaces a {

	margin: .25em 0;

}

a.itunes { background-color: #8cc63f; }
a.amazon { background-color: #b382ad; }
a.cdbaby { background-color: #73a3d7; }
a.emusic { background-color: #fe5a00; }

a.listen:hover,
a.buyit:hover {

	background: #666;
	text-shadow: 1px 1px 2px rgba(0,0,0,.7);
	-webkit-box-shadow: inset 1px 1px 8px rgba(0,0,0,.4);
	-moz-box-shadow: inset 1px 1px 8px rgba(0,0,0,.4);
	box-shadow: inset 1px 1px 8px rgba(0,0,0,.4);

}

#music .article p { padding: 0; }

p.release,
span.release {
	
	font-weight: 900;

}

#music-detail { overflow: auto; }

#music-detail .header p {

	float: left;
	width: 120px;

}

#music-detail span.image {

	display: block;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
	border-radius: 6px;
	width: 120px;
	height: 111px;
	margin: .5em 0 1em 0;
}

#music-detail span.image img { display: none; }

#music-detail .hgroup {

	
	float: left;
	width: 310px;
	padding: 0 0 0 20px;

}



#music-detail h3 {

	color: #545454;
	padding: 0;
	font-size: 2em;

}

#music-detail h4 {
	
	font-size: .9em;
	color: #5bb9ef;
	border-bottom: solid 1px #eee;
	margin: 0 0 .5em 0;
	padding: 0 0 .5em 0;

}


#tracks {
	
	padding: 0 0 1em 160px;


}

#tracks ol {

	

}

#tracks ol li { 
	
	padding: .3em 0; 
	border-top: solid 1px #eee;

}

#tracks ol a { float: right; }

#more-music {
	
	border-top: solid 1px #fcdee6;

}

#more-music ul,
#more-music ul li { list-style: none; }

#more-music li {

	float: left;

}

#more-music h5 {
	
	font-size: 1.4em;
	padding: 1em 0 .5em 0;
	color: #5bb9ef;

}

#more-music li span.image {

	display: block;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
	border-radius: 6px;
	width: 120px;
	height: 111px;
	margin: .5em 1em 1em 0;
	float: left;

}

#more-music li span.image img { display: none; }

/*-- Content --*/

#content {

	padding: 20px 50px 20px 420px;
	overflow: auto;
}

#content h2 { 
	
	font-size: 2em; 
	padding: 0 0 .1em 0;
	margin: 0 0 .4em 0;
	border-bottom: dotted 1px #fcdee6;
	font-family: "quatro-slab-1","quatro-slab-2", Georgia, Times, serif;
	text-transform: uppercase;
}

#content h2 + .header {

	font-size: 1.2em;

}


#content p {
	
	padding: 0 0 1em 0;

}

.contentarea { font-size: 1.1em; }

/* Shows */


#shows {
	
	margin: 1em 0;
	padding: 1em 0;
	border-top: solid 1px #fcdee6;
	
}


#shows span.time {
	
	font-size: .9em;
	font-weight: 900;
	text-transform: uppercase;
	color: #545454;
}

#shows .article {

	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	border-bottom: solid 1px #fcdee6;

}

#shows h3 { font-size: 1.5em; }
#shows h4 {
	
	color: #5bb9ef;
	font-size: 1.1em;
	padding: 0 0 .5em 0;
}

/* Shows */


#news {
	

	padding: 1em 0;
	
}


#news span.time {
	
	font-size: .9em;
	font-weight: 900;
	text-transform: uppercase;
	color: #545454;
	display: block;
}

h3 + span.time {
	padding-bottom: 1em;
}

#news .article {

	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	border-bottom: solid 1px #fcdee6;

}

#news h3 { font-size: 1.5em; }
#news h4 {
	
	color: #5bb9ef;
	font-size: 1.1em;
	padding: 0 0 .5em 0;
}

#news ul,
#news li {
	list-style: none;
	
}

/* Shop */

#shop {
	
	border-top: solid 1px #fcdee6;
	padding: 1em 0;
}

#shop .article {

	border-bottom: solid 1px #eee;
	padding: 0 0 2.5em 0;
	margin: 0 0 1.5em 0;
	overflow: auto;
}

#shop span.image {

	display: block;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
	border-radius: 6px;
	width: 120px;
	height: 111px;
	margin: .5em 0 1em 0;
	float: left;
}

#shop span.image img { display: none; }

#shop .section {
	
	float: left;
	width: 310px;
	padding: 0 0 0 20px;

}

#shop .new {

	display: block;
	background: #b9ef5b;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;	
	border-radius: 1em;
	font-weight: 900;
	color: #fff;
	font-size: .8em;
	padding: .1em 1em;
	margin: .7em .5em .1em 0;
	float: left;
	behavior: url(/public/css/PIE.htc);
}

#shop h4 {
	
	font-size: .9em;
	color: #5bb9ef;

	margin: 0 0 .5em 0;
	padding: 0 0 .5em 0;

}

#shop .article .header {

	float: left;
	width: 220px;

}

#shop p {
	
	padding: 0 0 .4em 0;

}

#shop .price-title {
	
	overflow: auto;
	border-bottom: solid 1px #eee;
	margin: 0 0 .6em 0;
}

#shop p.price {

	font-weight: 900;
	font-family: "quatro-slab-1","quatro-slab-2", Georgia, Times, serif;
	font-size: 3.7em;
	color: #545454;
	padding: 0;
	float: left;
	width: 90px;
	line-height: 1em;
	border: none;
}

#shop p.price span {
	
	color: #ccc;
	font-size: .5em;
	vertical-align: top;
	line-height: 1.4em;
	
}

#shop form {

	border-top: solid 1px #eee;
	padding: 1em 0;
	margin: .3em 0;
}

#shop form label {
	
	font-weight: 900;
	font-size: 1em;

}

#shop form input[type="text"],
#shop form input[type="number"] {

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
	border-radius: 6px;
	border: none;
	padding: .4em .6em;
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", Helvetica, Arial, sans-serif;
	-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,.4);
	box-shadow: inset 1px 1px 3px rgba(0,0,0,.4);
	font-size: 1.1em;
	margin: 0 .3em;
	border: solid 1px #eee;

}

#shop form input.quantity { width: 50px; }

#shop form button,
#viewcart-form button {

	display: inline-block;
	color: #fff;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;	
	border-radius: 1.5em;
	padding: .3em .8em;
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 1.1em;
	-webkit-transition: all 0.3s ease;
  	-moz-transition: all 0.3s ease;
  	-o-transition: all 0.3s ease;
  	transition: all 0.3s ease;
	border: none;
	background: #5bb9ef;
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", Helvetica, Arial, sans-serif;
	cursor: pointer;

}

#viewcart-form { 
	
	padding: .4em 0 0 0; 
	float: right;	
}

#viewcart-form button {

	background: #f84876;
	

}

/* Form */

.contentarea form input[type="text"],
.contentarea form input[type="number"],
.contentarea form input[type="email"] {

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;	
	border-radius: 8px;
	border: none;
	padding: .6em;
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", Helvetica, Arial, sans-serif;
	-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,.4);
	box-shadow: inset 1px 1px 3px rgba(0,0,0,.4);
	font-size: 1.1em;
	margin: .3em 0 .5em 0;
	display: block;
	width: 84%;
	border: solid 1px #eee;

}

.contentarea form label {
	
	display: block;
	font-weight: 900;
	padding: 0 0 0 2px;
	font-size: 1.2em;

}

.contentarea form button {

	display: inline-block;
	color: #fff;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;	
	border-radius: 1.5em;
	padding: .3em .8em;
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 1.1em;
	-webkit-transition: all 0.3s ease;
  	-moz-transition: all 0.3s ease;
  	-o-transition: all 0.3s ease;
  	transition: all 0.3s ease;
	border: none;
	background: #5bb9ef;
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", Helvetica, Arial, sans-serif;
	cursor: pointer;

}

/*-- Footer --*/

#page-footer {

	width: 875px;
	padding: 18px 30px 18px 15px;

}

#footer-social {
	
	float: left;
	width: 50%;

}

#footer-news a,
a.footer-mailinglist {
	
	vertical-align: top;
	text-decoration: none;
	background: url(/public/img/pink-bullet.png) 0px 4px no-repeat;
	padding: 0 0 0 16px;
	font-size: 1.2em;
 	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2";
 	
}

a.footer-mailinglist { margin: 0 10px 0 0; }

#footer-news a:hover,
a.footer-mailinglist:hover {

	background-position: 0px -25px;

}

#footer-copyright {

	
	float: left;
	width: 50%;
	text-align: right;
	font-size: .9em;
	color: #999;
}