/*
-----------------------------------------------
Pi Recordings - 'v3.0' style sheet
created: 2008.06.14
version:  2009.08.08
author: Nick Zlonis - Figureground Inc.
----------------------------------------------- */

* {
	margin:0;
	padding:0;
}

body {
	background:#f6f5f1 url(../img/body_bg.gif) center top repeat-x;
	border-top:6px solid #cfdea7;
	color:#555;
	font-family:"Helvetica Neue",arial,helvetica,sans-serif;
	font-size:90%;
	margin:0 auto;
	padding:0;
	text-align:center;
}

/* =Layout
----------------------------------------------- */

#album_info {
	float:right;
	margin:0 0 0 0;
	position:relative;
	width:600px;
}

.albumlist {
	margin:0 0 20px 0;
}

.cartsale {
	background:#cfdea7;
	border:1px solid #b3c486;
	margin-bottom:14px;
	padding:20px 20px 4px 20px;
	-moz-border-radius: 12px; 
	-webkit-border-radius: 12px;
}

.checkout_column {
	float:left;
	width:280px;
}

.column {
	float:left;
	background:url(../img/column_shadow.gif) right top no-repeat;
	width:308px;
}
.column_artists {
	background:url(../img/column_shadow.gif) right top no-repeat;
	float:left;
	width:230px;
}
.column_artist1 {
	background:url(../img/column_shadow_r.gif) 0px 20px no-repeat;
}
.column_cart1 {
	background:url(../img/column_shadow_r.gif) 0px 20px no-repeat;
}
.column_cart1_pad {
	padding:0 0 0 40px;
}
.column_contact1 {
	background:url(../img/column_shadow.gif) right 20px no-repeat;
}
.column_end_l {
	background:url(../img/column_end_r.gif) bottom left no-repeat;
	height:80px;
}
	.column_post1 .column_end_l  {
	margin-top:100px;
	}
.column_end_r {
	background:url(../img/column_end_l.gif) bottom right no-repeat;
	height:80px;
}
.column_home2 {
	background:none;
}	
.column_home3 {
	background:url(../img/column_shadow_r.gif) left top no-repeat;
}	
.column_news1 {
	background:url(../img/column_shadow_r.gif) 0 20px no-repeat;
}
.column_post1 {
	background:url(../img/column_shadow_r.gif) 0px 20px no-repeat;
}
.column_scores1 {
	background:url(../img/column_shadow_r.gif) 0 20px no-repeat;
}
.column_submain {
	float:left;
	width:280px;
}
.column_tshirts1 {
	background:url(../img/column_shadow_r.gif) 0px 20px no-repeat;
}
.column_video1 {
	background:url(../img/column_shadow_r.gif) 0 20px no-repeat;
}
.column_weblog1 {
	background:url(../img/column_shadow_r.gif) 0 20px no-repeat;
}
.column_wide {
	float:left;
	width:620px;
}
	.column_wide_pad {
	padding:0 30px 0 30px;
	}
	.column_wide_shadow {
	background:url(../img/columnwide_bg.gif) 50% 0 no-repeat;
	clear:both;
	height:10px;
	margin:0 0 8px 0;
	}
.copyright {
	color:#999;
	float:left;
}

#cover {
	float:left;
	width:320px;
}

.errorbox {
	background:#faf0c9;
	border:2px solid #EADFB2;
	margin:0 0 14px 0;
	width:520px;
	-moz-border-radius: 12px; 
	-webkit-border-radius: 12px;
}

.eventlist {
	margin:-8px 0 20px 0;
}

#footer {
	color:#666;
	background:#555 url(../img/footer_bg.gif) 0 0 repeat-x;
	margin:0;
	padding:0;
	text-align:center;
}
	body.post #footer {
	margin-top:180px;
	}
	#footer div.footerpad {
	margin:0 auto;
	padding:100px 0 30px 0;
	text-align:left;
	width:860px;
}
	#footer div.footerlogo {
	background:url(../img/pi_logo_footer.gif) right top no-repeat;
	float:left;
	height:61px;
	margin:0 14px 0 0;
	width:21px;
}

#head {
	background:url(../img/head_bg.gif) 0 bottom repeat-x;
	border-bottom:10px solid #fff;
	margin:0;
	padding:0;
	position:relative;
}
	body.artist #head, body.audio #head, body.cart #head, body.releases #head, body.news #head, body.contact #head, body.about #head, body.fnf #head, body.tshirts #head, body.scores #head, body.video #head, body.weblog #head {
	margin:0 0 40px 0;
	}
	body.releases #head {
	margin:0 0 20px 0;
	}
#logo {
	margin:0;
	padding:0;
	position:absolute;
	text-align:center;
	width:100%;
}
	#logo div {
	margin:0 auto;
	text-align:left;
	width:940px;
	}

#main {
	background:url(../img/main_bgy.gif) center top repeat-y;
	margin:1px 0 0 0;
	padding:0;
	width:940px;
}

	#main div#main_bg {
	background:url(../img/main_bg.gif) center 0 no-repeat;
	}
	body.artists #main div#main_bg {
	margin:0;
	padding:0 0 0 30px;
	}
#main_btm {
	background:url(../img/main_btm_bg.gif) center top no-repeat;
	height:34px;
	margin:0;
	padding:0;
	width:940px;
}

#nav {
	padding:90px 0 0 0;
	text-align:center;
	width:100%;
}
#nav div {
	margin:0 auto;
	overflow: hidden;
	padding:0;
	width:900px;
	}
#nav_sooper {
	position:absolute;
	left:0;
	text-align:center;
	top:0;
	width:100%;
}
	#nav_sooper div {
	margin:0 auto;
	padding:5px 0 0 0;
	text-align:right;
	width:900px;
	}

#new_sash {
	background:url(../img/new_sash.gif) top right no-repeat;
	height:121px;
	position:absolute;
	right:30px;
	top:0;
	width:121px;
}

#page {
	margin:-1px auto 0 auto;
	text-align:left;
	width:940px;
}
.score {
	float:left;
	margin-right:40px;
	width:260px;
}
.score_clear {
	margin-right:0;
}
#shipping_box {
	background:#fff;
	border:1px solid #ddd;
	float:right;
	font-size:0.9em;
	margin-top:16px;
	padding:10px 5px 0 10px;
	width:265px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#show {
	height:300px;
	width:940px;
}

#twitterwidget {
	margin-bottom:20px;
	padding:0 10px 0 30px;
}
#twitterwidget *[style]
{
	color:#666;
	font-family:"Helvetica Neue",arial,helvetica,sans-serif;
	font-size: 14px !important;
	line-height:1.5em;
}



.yt_iframe {
	height:480px;
	overflow:auto;
	width:300px;
}
.yt_player_box {
	background:#ebe9e5;
	border:2px solid #dedbd4;
	margin-bottom:20px;
	text-align:center;
	width:545px;
	-moz-border-radius: 12px; 
	-webkit-border-radius: 12px;
}
	.yt_player_box .pad {
	margin:10px auto;
	}

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

.artistname {
	color:#888;
}

h1 {
	color:#444;
	font-size:1.2em;
	margin:0;
}

h2 {
	color:#b67d43;
	font-weight:300;
	font-size:2em;
	letter-spacing:-0.04em;
	margin:0 0 10px 0;
	line-height:1.2em;
	padding:0;
	word-spacing:-0.02em;
}
	h2.album {
	margin:20px 0 4px 0;
}
	h2.artist {
	border-bottom:1px solid #bdbaad;
	color:#9b988a;
	margin:0 40px 10px 0;
	padding:0 0 10px 0;
}
	h2.video_title {
	background:url(../img/video_icon_h2.gif) 0 0 no-repeat;
	text-indent:38px;
	}
	#album_info h2 {
	margin-right:40px;
	}
.column_scores1  h2 {
	margin:0 0 10px 40px;
}
.column_tshirts1 h2 {
	margin:0 0 10px 40px;
}
.errorbox h2 {
	font-size:1.4em;
	margin:12px 12px 10px 12px;
}

h3.postdate {
	color:#777;
	margin:0 0 20px 0;
}
h3.postdate span {
	color:#aaa;
}
h3.releasedate {
	color:#b67d43;
	float:right;
	font-size:1em;
	font-weight:normal;
	padding:10px 10px 6px 10px;
	word-spacing:-0.01em;v

}

blockquote {
	background:#ebe9e5;
	border:1px solid #dedbd4;
	margin-bottom:14px;
	padding:20px 20px 4px 20px;
	-moz-border-radius: 12px; 
	-webkit-border-radius: 12px;
}
	
p {
	font-size:1em;
	line-height:1.5em;
	margin:0 0 1em 0;
	}
.column p {
	font-size:0.9em;
	line-height:1.3em;
}
.column_artist1 p {
	margin:0 20px 1em 40px;
}
.column_contact1 p {
	margin:0 20px 1em 40px;
}
.column_home1 p {
	margin:0 10px 1em 40px;
}
.column_home2 p {
	margin:0 20px 1em 30px;
}
.column_home3 p {
	margin:0 20px 1em 30px;
}
.column_news1 p {
	margin:0 10px 1em 40px;
}
.column_scores1 p {
	line-height:1.5em;
	margin:0 10px 1em 40px;
}
.column_tshirts1 p {
	margin:0 20px 1em 40px;
}
dl dd p {
	margin:0;
	padding:0;
}
.errorbox p {
	color:#444;
	margin:12px;
}
.eventlist dl dd p {
	font-size:1em;
	line-height:1.1em;
	margin:0 20px 0 0;
}
body.scores p.instrumentation {
	color:#999;
	font-size:12px;
}
#footer p {
	line-height:1.6em;
	margin:20px 0 0 0;
}
p.list {
	margin-bottom:2px;
}
p.posted {
	color:#9e9478;
	font-size:0.9em;

}
body.post p.posted {
	margin:0 0 0 40px;
}
dt.post_title p {
	margin:0;
}

body.scores div.price {
	float:left;
	font-size:2.2em;
	margin-right:10px;
}
body.scores h3 {
	border-top:1px solid #ccc;
	color:#333;
	font-size:1.5em;
	font-weight:normal;
	margin:20px 0 0 0;
	padding:4px 0 0 0;
}
body.scores h3.top {
	margin-top:0;
}
body.artists strong {
	font-size:1.4em;
}

.subtle {
	color:#999;
}

	
/* =Images
----------------------------------------------- */
a img {
	border:none;
}

.album_btn img {
	border:1px solid #ccc;
	float:left;
	margin-right:8px;
}

img.artistimg {
	border:10px solid #fff;
	float:right;
	margin:0 0 10px 10px;
}
.column img.headline {
	margin:0 0 14px 40px;
}
.column_cart1 img.headline {
	margin:0 0 14px 0;
}
.column_home3 img.headline {
	margin:0 0 14px 30px;
}

#cover img {
	border:1px solid #666;
	margin:10px 0 0 40px;
}
img.cart_thumb {
	border:1px solid #ccc;
}

img.headline {
	margin:0 0 14px 0;
}

img.icon {
	vertical-align:middle;
}
	body.audio td img.icon, body.audio th img.icon {
	float:right;
	margin-left:8px;
	}
	body.cart div.column_cart1 img.icon {
	margin-right:8px;
	}
	body.cart div.column_cart1 img.addarrow {
	margin-left:-35px;
	}

#logo img {
	margin:40px 0 0 30px;
}

/* =List Elements
----------------------------------------------- */

.column dl {
	margin:0 0 0 40px;
}
body.cart dl {
	margin:0 0 0 10px;
}
body.home dl.weblogposts {
	margin-bottom:6px;
	margin-top:0;
}
dd {
	padding:0 14px 0 0;
}
dd.event {
	color:#777;
	font-weight:bold;
}
dd.location {
	color:#999;
}
dd.post_info {
	color:#aaa;
	font-size:0.9em;
}
dt {
	border-top:1px solid #ccc;
	color:#b67d43;
	font-weight:bold;
	margin:8px 0 0 0;
	padding:8px 10px 0 0;
}
dt.post_title {
	font-weight:normal;
	padding:8px 24px 0 0;
}

body.scores dl {
	font-size:12px;
	margin:10px 0;
	overflow:auto;
}
body.scores dl dt {
	border-top:none;
	clear:left;
	color:#333;
	float:left;
	font-weight:normal;
	margin:0 8px 4px 0;
	padding:0;
	width:80px;
}
body.scores dl dd {
	float:left;
	margin:0 0 4px 0;
	width:140px;
}
body.scores .score_thumb {
	background:#ebe9e4;
	clear:both;
	margin:8px 0 8px -8px;
	padding:8px;
	width:240px;
}

ul, ol {
	margin-left: 1.1em;
}
ul li, ol li {
	padding:4px 0;
}

ol#tracklist {
	background:url(../img/album_over_bg.gif) -2000px -2000px no-repeat;
	color:#666;
	font-size:1em;
	margin:0 0 20px 60px;
	}
	ol#tracklist li {
	margin:0;
	padding:5px 10px 5px 0;
	}
	ol#tracklist li div {
	color:#aaa;
	float:right;
	text-align:right;
	width:3em;
	}
	ol#tracklist li.zebra {
	background:url(../img/track_zebra_bg.gif) right top repeat-y;
	}

ul.artistlist {
	color:#999;
	font-size:1.2em;
	list-style-type:none;
	margin:0 0 10px 0;
	}
	ul.artistlist li {
	background:url(../img/dimple.gif) 0 50% no-repeat;
	padding:2px 0 2px 20px;
	}

ul.artistslist {
	background:url(../img/artist_over_bg.gif) -2000px -20000px no-repeat;
	list-style-type:none;
	}
	ul.artistslist li {
	background:url(../img/dimple.gif) 0 50% no-repeat;
	font-size:0.8em;
	padding:0;
	}
ul.bloglist {
	color:#666;
	font-size:1em;
	list-style-image: url(../img/baloon_icon.gif);
	margin:0 0 0 70px;
}
	ul.bloglist li {
	margin:0;
	padding:5px 10px 5px 0;
	}
ul#distro {
	margin-left:55px;
}
ul.errors {
	margin:0 30px 12px 30px;
}
ul.videolist {
	color:#666;
	font-size:1em;
	list-style-image: url(../img/video_icon.gif);
	margin:0 0 14px 70px;
	}
	ul.videolist li {
	margin:0;
	padding:5px 10px 5px 0;
	}

ul.weblog_about {
	border-top:1px solid #999;
	margin:30px 10px 14px 40px;
	padding-top:20px;
}

#nav ul {
	float:right;
	list-style:none;
	margin:0 auto;
	overflow: hidden;
	padding:0;
	width:100%;
	}
#nav ul li {
	background:url(../img/tab_l.gif) 0px -50px no-repeat;
	display:inline;
	float:right;
	font-size:0.8em;
	margin:0 0 0 3px;
	padding:0;
	text-align:left;
	}

#nav_sooper ul {
	float:right;
	list-style:none;
	margin:0 auto;
	overflow: hidden;
	padding:0;
	width:100%;
	}
#nav_sooper ul li {
	display:inline;
	float:right;
	font-size:0.8em;
	margin:0;
	padding:0;
	text-align:left;
	}

body.home #nav li.li1,
body.releases #nav li.li2, body.album #nav li.li2,
body.artist #nav li.li3, body.artists #nav li.li3,
body.news #nav li.li4,
body.audio #nav li.li5,
body.video #nav li.li6,
body.weblog #nav li.li7 {
	background:url(../img/tab_l.gif) 0 0 no-repeat;
}



/* =Form Elements
----------------------------------------------- */

form {
	line-height:1.2em;
}

form.list {
	margin:0 0 40px 40px;
}
form#ordercd {
	display:inline;
}
.column_tshirts1 form {
	margin:0 0 10px 40px;
}
body.tshirts .column_wide form {
	margin:0 0 20px 0;
}

input.fade {
	background:#fff url(../img/fade_bg.gif) top left repeat-x;
	border:3px solid #ddd;
	display:block;
	font-size:1.1em;
	margin:0 0 14px 0;
	padding:4px;
	width:240px;
}
body.cart input.fade {
	margin:0 0 6px 0;
	width:220px;
}
input.error {
	background-color:#faf0c9;
	background-image:none;
}
input#b_address_1, input#s_address_1 {
	margin-bottom:0;
}
input#b_address_2, input#s_address_2 {
	border-top:0;
}
input#b_firstname, input#s_firstname, input#b_city, input#s_city {
	display:inline;
	width:98px;
}
input#b_lastname, input#s_lastname, input#b_state, input#s_state {
	display:inline;
	width:98px;
}
input#submit_order {
	display:block;
	margin-top:8px;
}
input#url { /* bot fooler */
	visibility:hidden;
	display:none;
}
input#x_card_code {
	display:inline;
	width:45px;
}
input.list {
	border:2px solid #eee;
	color:#aaa;
	font-size:1.1em;
	padding:4px;
	width:210px;
}
body.cart input.qty {
	display:inline;
}
textarea.fade {
	background:#fff url(../img/fade_bg.gif) top left repeat-x;
	border:3px solid #ddd;
	display:block;
	font-size:1.1em;
	height:200px;
	margin-bottom:10px;
	padding:4px;
	width:560px;
}

input:focus, select:focus, textarea:focus {
	outline-size:3px;
	outline-color:#c7fe7a;
}

label {
	color:#999;
	display:block;
	font-size:0.9em;
}
label.inline {
	display:inline;
}
label.city_label {
	display:block;
	float:left;
	width:110px;
}
label.state_label {
	display:block;
	float:left;
	width:150px;
}
label.firstname_label {
	display:block;
	float:left;
	width:110px;
}
label.lastname_label {
	display:block;
	float:left;
	width:110px;
}
body.cart select {
	margin-bottom:8px;
}
select option.b {
	font-weight:bold;
	color:#666;
}
	
/* =Table Elements
----------------------------------------------- */

table {
	border-collapse:collapse;
	}
body.audio table {
	font-size:0.9em;
	margin-left:30px;
	width:890px;
}
table#cart {
	margin-bottom:8px;
	width:100%;
}
table#payment_info {
	margin-bottom:8px;
	width:240px;
}

td {
	padding:0 8px 0 8px;
}
body.cart td{
	padding:8px;
}
body.cart td.qty {
	text-align:right;
	width:100px;
}
body.cart tr.total td.qty {
	text-align:right;
}
body.cart td.subtotal {
	text-align:right;
}
body.cart td.thumb {
	padding:0;
	width:55px;
}
body.cart tr.total td.total {
	text-align:right;
}
td.track_length {
	padding:4px 8px;
}
td.yt_thumb {
	padding:4px 8px 4px 12px;
}
td.yt_title {
	padding:4px;
}
th {
	background:#e1ddd6;
	padding:0;
}

td.track_length, th.track_length {
	text-align:right;
	width:4em;
}

th.track_length, td.track_length,
th.album_artist, td.album_artist,
th.album_title, td.album_title {
	border-left:1px solid #ccc;
}

body.cart tr.total {
	border-bottom:4px solid #ddd;
	border-top:4px solid #ddd;
	font-weight:bold;
	padding:12px 0 0 0;
}

tr.zebra {
	background:#ebe9e5;
}

	
/* =Linkage
----------------------------------------------- */

a:link { color:#839e3b; text-decoration:none; }
a:visited { color:#839e3b; text-decoration:none; }
a:hover { color:#b67d43; text-decoration:none; }
a:active { color:#b67d43; text-decoration:none; }

a.album_btn { display:block; font-size:1em; line-height:1.5em; margin:2px 0 2px 32px; padding:5px 8px 5px 4px; overflow:hidden; }
body.cart a.album_btn { margin:0; }
a:link.album_btn  { background:none; }
a:visited.album_btn  { background:none; }
a:hover.album_btn  { background:#fafafa url(../img/album_over_bg.gif) top right repeat-y; }
a:active.album_btn  { background:#fff; }

a:link.album_btn img { border:1px solid #aaa; }
a:visited.album_btn img { border:1px solid #aaa; }
a:hover.album_btn img { border:1px solid #b67d43; }
a:active.album_btn img { border:1px solid #b67d43; }

#nav a { background:url(../img/tab_r.gif) right -50px no-repeat; border-bottom:none; display:block; padding:12px 20px 8px 20px; }
#nav a:link { color:#464b38; text-decoration:none;  }
#nav a:visited { color:#464b38; text-decoration:none; }
#nav a:hover { color:#f6f5f1; text-decoration:none;  }
#nav a:active { color:#c7fe7a; text-decoration:none; text-shadow:#c7fe7a 0 0 5px; }

ul.artistslist li a { display:block; margin:0; padding:4px 6px 4px 20px; }
ul.artistslist li a:link { background:none; }
ul.artistslist li a:visited { background:none; }
ul.artistslist li a:hover { background: url(../img/artist_over_bg.gif) top right repeat-y; }
ul.artistslist li a:active { background:url(../img/artist_active_bg.gif) top right repeat-y; }

ul.artistslist li.zebra a:link { background:url(../img/artist_zebra_bg.gif) top right repeat-y; }
ul.artistslist li.zebra a:visited { background:url(../img/artist_zebra_bg.gif) top right repeat-y; }
ul.artistslist li.zebra a:hover { background:url(../img/artist_over_bg.gif) top right repeat-y; }
ul.artistslist li.zebra a:active { background:url(../img/artist_active_bg.gif) top right repeat-y; }

#nav_sooper a { display:block; padding:10px; }
#nav_sooper a:link { color:#818770; text-decoration:none;  }
#nav_sooper a:visited { color:#818770; text-decoration:none; }
#nav_sooper a:hover { color:#d2e3a6; text-decoration:none;  }
#nav_sooper a:active { color:#d2e3a6; text-decoration:none; text-shadow:#c7fe7a 0 0 5px; }

#footer a:link { color:#818770; text-decoration:none;  }
#footer a:visited { color:#818770; text-decoration:none; }
#footer a:hover { color:#d2e3a6; text-decoration:none;  }
#footer a:active { color:#d2e3a6; text-decoration:none; text-shadow:#c7fe7a 0 0 5px; }

body.home #nav li.li1 a,
body.releases #nav li.li2 a, body.album #nav li.li2 a,
body.artist #nav li.li3 a, body.artists #nav li.li3 a,
body.news #nav li.li4 a,
body.audio #nav li.li5 a,
body.video #nav li.li6 a,
body.weblog #nav li.li7 a
{
	background:url(../img/tab_r.gif) right top no-repeat;
	color:#575d47;
}

a.rsslink { font-size:1.2em; position:relative; top:5px; }
a:link.rsslink { color:#b67d43; }
a:visited.rsslink { color:#b67d43; }
a:hover.rsslink { color:#839e3b; }
a:active.rsslink { color:#839e3b; }

a.zebra  { background:url(../img/track_zebra_bg.gif) right top repeat-y; border-bottom:1px solid #e6e5e1; border-top:1px solid #d8d7d3; }
a:link.zebra  { background:url(../img/track_zebra_bg.gif) right top repeat-y; }
a:visited.zebra  { background:url(../img/track_zebra_bg.gif) right top repeat-y; }
a:hover.zebra  { background:url(../img/album_over_bg.gif) top right repeat-y; }
a:active.zebra  { background:#fff; }

body.audio th a { display:block; font-weight:normal;  margin:0; padding:6px; text-decoration:none; }
body.audio th a:link { background:none; color:#b67d43; }
body.audio th a:visited { background:none; color:#b67d43; }
body.audio th a:hover { background:#d6d1c8; color:#b67d43; }
body.audio th a:active { background:#d6d1c8; color:#b67d43; }

body.audio th a.currentsort { background:#ece2d5; }

body.audio table td a { display:block; padding:4px 0; }

body.audio td.album_title a { text-decoration:none; }
body.audio td.album_title a:link { color:#666; }
body.audio td.album_title a:visited { color:#666; }
body.audio td.album_title a:hover { color:#333; }
body.audio td.album_title a:active { color:#b67d43; }

body.audio td.album_artist a { text-decoration:none; }
body.audio td.album_artist a:link { color:#666; }
body.audio td.album_artist a:visited { color:#666; }
body.audio td.album_artist a:hover { color:#333; }
body.audio td.album_artist a:active { color:#b67d43; }



/* =Global Floats
----------------------------------------------- */
.floatl { float:left; }
.floatr { float:right; }

/* =Hacks
----------------------------------------------- */

.clear {
	display:block; 
	clear:both; 
	height:0;
	margin:0; 
	padding:0; 
	visibility:hidden; 
	}