/* @override http://blamesally.com/wp-content/themes/blamesally/style.css */

/*
Blame Sally
*/

/*
All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Nav - navigation bar
Default Headings - headings like h1, h2, etc
Common Text Styles - Styles for text
Default Lists - unordered and ordered lists
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/ 


/*
Company:	Blame Sally
File:		style.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Nav - navigation bar
Default Headings - headings like h1, h2, etc
Common Text Styles - Styles for text
Default Lists - unordered and ordered lists
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */

html {
overflow-y: scroll;
font-family: "Lucida Grande", Verdana, sans-serif;
background: #f7f2e6 url(images/bg-sub9.gif) no-repeat fixed 44px -28px;

}

body {

}


img, div { behavior: url(css/iepngfix.php); }

img {
	float: right;
	padding: 0;
	margin: 0 0 10px 10px;
}

a {
	outline: none;
}
/* @end */

/* @group Layout */

/* Body */
div#bd {
	font-family: "Lucida Grande", Verdana, sans-serif;
	color: #666;
	width: 770px;
	font-size: 100%;
	line-height: 145%;
	padding: 0 0 0 124px;
}

/* Footer */
div#ft {
	width: 770px;
	color: #999;
	padding: 50px 0;
	clear: both;
}
body.inside div#ft {
	width: 770px;
}

div#ft2 {
	width: 770px;
	color: #999;
	padding: 50px 0;
	clear: both;
}

body.inside div#ft2 {
	width: 770px;
}

div#ft2 p.copyright {
	width: 550px;
	font-size: 100%;
	color: #999;
	float: left;
	display: inline;
}

div#ft2 p.copyright a:link, div#ft p.copyright a:visited {
	color: #666;
	text-decoration: none;
}
div#ft2 p.copyright a:hover {
	text-decoration: underline;
}


div#ft p.copyright {
	width: 550px;
	font-size: 90%;
	color: #999;
	float: left;
	display: inline;
}

div#ft p.copyright a:link, div#ft p.copyright a:visited {
	color: #666;
	text-decoration: none;
}
div#ft p.copyright a:hover {
	text-decoration: underline;
}

div#ft-wrap {

}


/* @end */

div#bg-home {

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 300px;
	z-index: 0;
}

div#bg-sub {
	

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

/* Wrap */
div.wrap {
	width: 770px;
	margin: 0;
	padding: 0 0 0 124px;
	text-align: left;
}
div.inside-wrap {
	width: 1024px;
	padding: 0;
}
/* @end */

h2 {
	margin: 15px 0 10px 0;
	font-size: 18px;
	line-height: 20px;
	font-family: Rockwell, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
}

h3 {
	margin: 10px 0 5px 0;
	font-size: 140%;
	font-family: Rockwell, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #b32017;
}

h4 {
	margin: 5px 0 5px 0;
	font-size:  115%;
	font-weight:  bold;
}

/* @group Modules */
/* Logo */
div#logo {
	width: 771px;
	height: 73px;
	background: url(images/bs-header-1.png) no-repeat 0 0;
	text-indent: -9000px;
	position: absolute;
	top: 92px;
	left: 124px;
	display: inline;
	z-index: 0;
}
div#logo a {
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	width: 175px;
	height: 100%;

}

div#birds {
	display: none;
}

div#spots {
	display: none;
	position: absolute;
	top: 280px;
	left: 185px;
	z-index: 1;
	height: 200px;
	width: 300px;
	background: url(images/spots.png) no-repeat 0 0;
}

div#home-badge {
	position: absolute;
	top: 354px;
	left: 453px;
	z-index: 10;
	height: 179px;
	width: 160px;
	background: url(http://blamesally.com/wp-content/uploads/2013/10/BSHome.png) no-repeat 0 0;
	text-indent: -9000px;
	display: inline;
}
div#home-edge a {
	display:  block;
	height: 100%;
}


/* @group Nav */
div#nav {
	width: 383px;
	position: absolute;
	top: 115px;
	left: 350px;
	float: right;
	display: inline;
}
div#nav ul {
	margin: 0;
	padding: 0 0 0 20px;
	width: 383px;
}
div#nav ul li {
	float: left;
	padding: 0 15px 0 0;
	display: inline;
}
div#nav ul li a {
	display: block;
	height: 27px;
	background: url(images/nav.png) no-repeat 0 0;
	text-indent: -9000px;
	padding: 0;
}











div#nav ul li#n-join a {
	width: 67px;
	background-position: 0 0;
}
div#nav ul li#n-join:hover a, div#nav ul li#n-join.sfhover a {
	width: 67px;
	background-position: 0 -33px;
}

div#nav ul li#n-join-active a {
	width: 67px;
	background-position: 0 -33px;
}
div#nav ul li#n-join-active:hover a, div#nav ul li#n-join.sfhover a {
	width: 67px;
	background-position: 0 -33px;
}


div#nav ul li#n-listen a {
	width: 103px;
	background-position: -88px 0;
}
div#nav ul li#n-listen:hover a, div#nav ul li#n-listen.sfhover a {
	width: 103px;
	background-position: -88px -33px;
}

div#nav ul li#n-listen-active a {
	width: 103px;
	background-position: -88px -33px;
}
div#nav ul li#n-listen-active:hover a, div#nav ul li#n-listen.sfhover a {
	width: 103px;
	background-position: -88px -33px;
}

div#nav ul li#n-see a {
	width: 60px;
	background-position: -210px 0;
}
div#nav ul li#n-see:hover a, div#nav ul li#n-see.sfhover a {
	width: 60px;
	background-position: -210px -33px;
}

div#nav ul li#n-see-active a {
	width: 60px;
	background-position: -210px -33px;
}
div#nav ul li#n-see-active:hover a, div#nav ul li#n-see.sfhover a {
	width: 60px;
	background-position: -210px -33px;
}

div#nav ul li#n-come a {
	width: 92px;
	background-position: -290px 0;
}
div#nav ul li#n-come:hover a, div#nav ul li#n-come.sfhover a {
	width: 92px;
	background-position: -290px -33px;
}

div#nav ul li#n-come-active a {
	width: 92px;
	background-position: -290px -33px;
}
div#nav ul li#n-come-active-active:hover a, div#nav ul li#n-come.sfhover a {
	width: 92px;
	background-position: -290px -33px;
}

















div#nav2 {
	width: 434px;
	height: 23px;
	position: absolute;
	top: 117px;
	left: 344px;
	float: right;
	display: inline;
}


div#nav2 ul {
	margin: 0;
	padding: 0 0 0 20px;
	width: 434px;
}
div#nav2 ul li {
	float: left;
	padding: 0 0 0 0;
	display: inline;
}
div#nav2 ul li a {
	display: block;
	height: 23px;
	background: url(images/nav4.png) no-repeat 0 0;
	text-indent: -9000px;
	padding: 0;
}





div#nav2 ul li#n-tour a {
	width: 95px;
	background-position: 0 0;
}
div#nav2 ul li#n-tour:hover a, div#nav2 ul li#n-tour.sfhover a {
	width: 95px;
	background-position: 0 -23px;
}

div#nav2 ul li#n-tour-active a {
	width: 95px;
	background-position: 0 -23px;
}
div#nav2 ul li#n-tour-active:hover a, div#nav2 ul li#n-tour.sfhover a {
	width: 95px;
	background-position: 0 -23px;
}


div#nav2 ul li#n-news a {
	width: 112px;
	background-position: -95px 0;
}
div#nav2 ul li#n-news:hover a, div#nav2 ul li#n-news.sfhover a {
	width: 112px;
	background-position: -95px -23px;
}

div#nav2 ul li#n-news-active a {
	width: 112px;
	background-position: -95px -23px;
}
div#nav2 ul li#n-news-active:hover a, div#nav2 ul li#n-news.sfhover a {
	width: 112px;
	background-position: -95px -23px;
}

div#nav2 ul li#n-music a {
	width: 111px;
	background-position: -207px 0;
}
div#nav2 ul li#n-music:hover a, div#nav2 ul li#n-music.sfhover a {
	width: 111px;
	background-position: -207px -23px;
}

div#nav2 ul li#n-music-active a {
	width: 111px;
	background-position: -207px -23px;
}
div#nav2 ul li#n-music-active:hover a, div#nav2 ul li#n-music.sfhover a {
	width: 111px;
	background-position: -207px -23px;
}

div#nav2 ul li#n-about a {
	width: 116px;
	background-position: -318px 0;
}
div#nav2 ul li#n-about:hover a, div#nav2 ul li#n-about.sfhover a {
	width: 116px;
	background-position: -318px -23px;
}

div#nav2 ul li#n-about-active a {
	width: 116px;
	background-position: -318px -23px;
}
div#nav2 ul li#n-about-active-active:hover a, div#nav2 ul li#n-about.sfhover a {
	width: 116px;
	background-position: -318px -23px;
}

















div#gigs ul {
	margin: 10px 0 10px 0;
	padding: 0;
	width: 100%;
	border: none;
}





div#gigs ul li {
	float: left;
	padding: 5px;
	border-top: #dedede solid 1px;
	border-top: #dedede solid 1px;
	width: 100%;
	display: block;
}

div#topnav {
	z-index: 30;
	width: 425px;
	position: absolute;
	top: 98px;
	left: 364px;
	float: right;
	display: inline;
}
div#topnav ul {
	margin: 0;
	padding: 0;
	width: 450px;
}
div#topnav ul li {
	float: left;
	display: inline;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 12px;
	font: bold 11px Rockwell, Georgia, "Times New Roman", Times, serif;
        font-family: "Lucida Grande", Verdana, sans-serif;
}
div#topnav ul li a {
	display: block;
	color: #af8f84;
	text-transform: uppercase;
	text-decoration: none;
}
div#topnav ul li a:hover {
	color: #f7a800;
	text-transform: uppercase;
	text-decoration: none;
}

div#topnav ul li .current {
	color: #f7a800;
}

div#subnav {
	width: 425px;
	position: absolute;
	top: 146px;
	left: 359px;
	float: right;
	display: inline;
	
}
div#subnav ul {
	margin: 0;
	padding: 0;
	width: 450px;
}
div#subnav ul li {
	float: left;
	padding: 0 5px 0 6px;
	display: inline;
		font: bold 11px Rockwell, Georgia, "Times New Roman", Times, serif;

	font-family: "Lucida Grande", Verdana, sans-serif;
}
div#subnav ul li a {
	display: block;
	color: #af8f84;
	text-transform: uppercase;
	text-decoration: none;
}
div#subnav ul li a:hover {
	display: block;
	color: #f7a800;
	text-transform: uppercase;
	text-decoration: none;
}

div#subnav ul li .current {
	color: #f7a800;
}



div#subnav ul li .on {
	color: #f7a800;
}

div#circles {
	width:  420px;
	padding: 10px 0 30px 0px;
	position: relative;
	display: block;
	z-index: 1;
	background-image: url(images/w70.png);
}

div#circles img {
	border: none;
	background-color: #fff;
	padding: 0;
	margin: 0;
}

div#circles ul {
	margin: 0 auto;
	padding: 0;
	width: 400px;
}
div#circles ul li {
	width: 95px;
	height: 95px;

	display: inline-block;
	text-indent: -9000px;
}

div#circles ul li a {
	opacity:.30;filter: alpha(opacity=30); -moz-opacity: 0.3;
}


div#circles ul li a.active {
	opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;
}


div#circles ul li a.pam {
	width: 95px;
	height: 95px;
	background: url(images/circle_pam.jpg) no-repeat 0 0;
	display: block;
}

div#circles ul li a.pam:hover {
	opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;
}

div#circles ul li a.pam.on {
	opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;
}


div#circles ul li a.renee {
	width: 95px;
	height: 95px;
	background: url(images/circle_renee.jpg) no-repeat 0 0;
	display: block;
}

div#circles ul li a.renee:hover {
	opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;}

div#circles ul li a.renee.on {
	opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;}





div#circles ul li a.jeri {
	width: 95px;
	height: 95px;
	background: url(images/circle_jeri.jpg) no-repeat 0 0;
	display: block;
}

div#circles ul li a.jeri:hover {
	opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;}

div#circles ul li a.jeri.on {
	opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;}




div#circles ul li a.monica {
	width: 95px;
	height: 95px;
	background: url(images/circle_monica.jpg) no-repeat 0 0;
	display: block;
}

div#circles ul li a.monica:hover {
	opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;}

div#circles ul li a.monica.on {
	opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;}




div#circles ul li a.on.half {
	opacity:.7;filter: alpha(opacity=70); -moz-opacity: .7;
}

div#albums {
	width:  410px;
	padding: 10px 0 30px 0px;
	position: relative;
	float: left;
	display: block;
	z-index: 1;
}

div#albums img {
	border: none;
	background-color: #fff;
	padding: 0;
	margin: 0;
}

div#albums ul {
	margin: 0;
	padding: 0;
	width: 410px;
}
div#albums ul li {
	float: left;
	width: 95px;
	height: 95px;
	margin: 0 5px 5px 0;
	display: block;
	text-indent: -9000px;
}

div#albums ul li#stars a {
	width: 95px;
	height: 95px;
	background: url(images/cover_1000stars1.jpg) no-repeat 0 0;
	display: block;
}
div#albums ul li#stars:hover a {
	width: 95px;
	height: 95px;	
	background: url(images/cover_1000stars.jpg) no-repeat 0 0;
	display: block;
}

div#albums ul li#stars-active a {
	width: 95px;
	height: 95px;
	background: url(images/cover_1000stars.jpg) no-repeat 0 0;
	display: block;
}
div#albums ul li#stars-active:hover a {
	width: 95px;
	height: 95px;
	background: url(images/cover_1000stars.jpg) no-repeat 0 0;
	display: block;
}

div#albums ul li#3completenovels a {
	width: 95px;
	height: 95px;
	background: url(images/cover_3completenovels1.jpg) no-repeat 0 0;
	display: block;
}
div#albums ul li#3completenovels:hover a {
	width: 95px;
	height: 95px;	
	background: url(images/cover_3completenovels.jpg) no-repeat 0 0;
	display: block;
}

div#albums ul li#3completenovels-active a {
	width: 95px;
	height: 95px;
	background: url(images/cover_3completenovels.jpg) no-repeat 0 0;
	display: block;
}
div#albums ul li#3completenovels-active:hover a {
	width: 95px;
	height: 95px;
	background: url(images/cover_3completenovels.jpg) no-repeat 0 0;
	display: block;
}

div#albums ul li#blamesally a {
	width: 95px;
	height: 95px;
	background: url(images/cover_blamesally1.jpg) no-repeat 0 0;
	display: block;
}
div#albums ul li#blamesally:hover a {
	width: 95px;
	height: 95px;	
	background: url(images/cover_blamesally.jpg) no-repeat 0 0;
	display: block;
}

div#albums ul li#blamesally-active a {
	width: 95px;
	height: 95px;
	background: url(images/cover_blamesally.jpg) no-repeat 0 0;
	display: block;
}
div#albums ul li#blamesally-active:hover a {
	width: 95px;
	height: 95px;
	background: url(images/cover_blamesally.jpg) no-repeat 0 0;
	display: block;
}

div#albums ul li#liveno1 a {
	width: 95px;
	height: 95px;
	background: url(images/cover_liveno11.jpg) no-repeat 0 0;
	display: block;
}
div#albums ul li#liveno1:hover a {
	width: 95px;
	height: 95px;	
	background: url(images/cover_liveno1.jpg) no-repeat 0 0;
	display: block;
}

div#albums ul li#liveno1-active a {
	width: 95px;
	height: 95px;
	background: url(images/cover_liveno1.jpg) no-repeat 0 0;
	display: block;
}
div#albums ul li#liveno1-active:hover a {
	width: 95px;
	height: 95px;
	background: url(images/cover_liveno1.jpg) no-repeat 0 0;
	display: block;
}

div#albums ul li#severland a {
	width: 95px;
	height: 95px;
	background: url(images/cover_severland1.jpg) no-repeat 0 0;
	display: block;
}
div#albums ul li#severland:hover a {
	width: 95px;
	height: 95px;	
	background: url(images/cover_severland.jpg) no-repeat 0 0;
	display: block;
}

div#albums ul li#severland-active a {
	width: 95px;
	height: 95px;
	background: url(images/cover_severland.jpg) no-repeat 0 0;
	display: block;
}
div#albums ul li#severland-active:hover a {
	width: 95px;
	height: 95px;
	background: url(images/cover_severland.jpg) no-repeat 0 0;
	display: block;
}

div#albums ul li#sugardanks a {
	width: 95px;
	height: 95px;
	background: url(images/cover_sugardanks1.jpg) no-repeat 0 0;
	display: block;
}
div#albums ul li#sugardanks:hover a {
	width: 95px;
	height: 95px;	
	background: url(images/cover_sugardanks.jpg) no-repeat 0 0;
	display: block;
}

div#albums ul li#sugardanks-active a {
	width: 95px;
	height: 95px;
	background: url(images/cover_sugardanks.jpg) no-repeat 0 0;
	display: block;
}
div#albums ul li#sugardanks-active:hover a {
	width: 95px;
	height: 95px;
	background: url(images/cover_sugardanks.jpg) no-repeat 0 0;
	display: block;
}


div#albums ul li#withwhatismine a {
	width: 95px;
	height: 95px;
	background: url(images/cover_withwhatismine1.jpg) no-repeat 0 0;
	display: block;
}
div#albums ul li#withwhatismine:hover a {
	width: 95px;
	height: 95px;	
	background: url(images/cover_withwhatismine.jpg) no-repeat 0 0;
	display: block;
}

div#albums ul li#withwhatismine-active a {
	width: 95px;
	height: 95px;
	background: url(images/cover_withwhatismine.jpg) no-repeat 0 0;
	display: block;
}
div#albums ul li#withwhatismine-active:hover a {
	width: 95px;
	height: 95px;
	background: url(images/cover_withwhatismine.jpg) no-repeat 0 0;
	display: block;
}



div#sidethumbs {
	width:  160px;
	padding: 10px 0 30px 0px;
	position: relative;
	float: left;
	display: block;
	z-index: 1;
}

div#sidethumbs img {
	border: none;
	background-color: #fff;
	padding: 0;
	margin: 0;
}

div#sidethumbs ul {
	margin: 0;
	padding: 0;
	width: 160px;
}
div#sidethumbs ul li {
	float: left;
	width: 71px;
	height: 71px;
	margin: 0 5px 5px 0;
	display: block;
	text-indent: -9000px;
}










/* Home Splash */
div#home-splash {
	background: url(images/home-group.jpg) no-repeat 0 0;
	position: absolute;
	top: 176px;
	left: 124px;
	height: 275px;
	width: 770px;
	padding: 0;
	z-index: 0;
}

div#home-splash img {
	border: 0;
	padding: 0;
	margin:  0;
	background: #FFF;
}


/* HR */
div.hr {
	clear: both;
	border-top: 1px solid #dee1e5;
	padding: 0 0 20px 0;
	overflow: hidden;
}


/* Right Pic */
img.rightpic {
	margin: 0 0 10px 20px;
	float: right;
	display: inline;
}

/* Resources */
div.resources {
}
div.resources a:link, a:visited {
	color: #5b6b7c;
	text-decoration: none;
}
div.resources a:hover {
	color: #ff7800;
	text-decoration: underline;
}

div.resources ul {
	margin: 0;
	padding: 0;
}
div.resources ul li {
	padding-bottom: 5px;
	
}

/* Home Main  */
div.home-main {
	position: absolute;
	top: 450px;
	left: 124px;
	width: 770px;
}

/* Home News  */
div.home-news {
	float: right;
	width: 300px;
	margin-top: 40px;
	padding: 15px;
	background-image: url(images/w40.png);
}

div.home-news li {
	margin-bottom: 25px;
}

/* Home Audio  */
div.home-audio {
	float: left;
	width: 400px;
	padding-top: 40px;
	z-index: 0;
}




div.home-dropcard {
	float: left;
	width: 205px;
	height: 136px;
	margin-top: 42px;
	z-index: 2;
	background-image: url(http://blamesally.opusmusicventures.com/dropcard/images/cardbg.png);
	margin-left: 103px;
}

div.home-dropcard #submit_button {
	position: relative;
	top: 72px;
	left: 30px;
}

div.home-dropcard input#password {
	width: 108px;
}

div.home-dropcard #card-message {
	position: relative;
	top: 97px;
	left: 56px;
}


/* Main */
div.main {
	position: absolute;
	top: 175px;
	left: 124px;
	width: 700px;
	font-size: 90%;
	padding: 15px;
	background-image: url(images/w40.png);
}


body.lyricspage div.main {
	position: absolute;
	top: 175px;
	left: 124px;
	width: 780px;
	font-size: 90%;
	padding: 15px;
	background-image: url(images/w40.png);
}


/* Gallery Main */
div.main-gallery {
	position: absolute;
	top: 175px;
	left: 185px;
	padding: 20px;
	width: 550px;
	font-size: 90%;
	margin: 20px;
		background-image: url(images/w40.png);
}

/* Blog Main */
div.blog {
	float: right;
	width: 420px;
	font-size: 90%;
	padding: 15px;
	background-image: url(images/w70.png);
	
}

div.blog h1 {
	font-family: Rockwell, "Helvetica-Neue", Helvetica, Arial, sans-serif;
	font-size: 22px;
	color: #666666;
	font-weight: normal;
}

div.blog .merch img {
	border: none;
	background-color: #fff;
	float: left;
	padding: 0;
	margin: 0 0 20px 0;
	clear: both;
}

div.blog .topspace {
	width: 380px;
	height: 30px;
}
div.blog.divider {
	width: 100%;
	height: 10px;
	clear: both;
}

div.blogside {
	float: left;
	width:  225px;
	padding: 60px 20px 0 0;
}


div.blogside.shirts {
	float: left;
	width: 175px;
	padding: 20px 0 0 40px;
}


div.blogside .rss {
	padding: 2px 5px 0 25px;
	width:  185px;
	height: 25px;
	background: url(images/rss.gif) no-repeat 0 0;
	font-weight: bold;
	color: #b32017;

	font-size: 13px;
	font-family: "Helvetica Neue", Helvetica, Arial, san;
	clear: both;
	margin: 0 0 10px 0;
	display: block;
}

div.blogside .rss a {
	color: #b32017;
	text-decoration: none;
	display: block;
}

div.blogside .rss a:hover {
	color: #b32017;
	text-decoration: underline;
}

div.blogside .quotes {
	font-size: 90%;
	padding: 20px 0 0 0;
}

div.blogside .quotes p {
	margin-bottom: 20px;
}

div.blogside .sweet {
	padding: 0;
	margin: 20px 45px;
	width:  125px;
	height: 125px;
	background: url(images/sweettomorrow-badge.gif) no-repeat 0 0;
	display: block;
	text-indent: -9000px;
}

div.blogside .badge-press {
	padding: 0;
	margin: 20px 45px;
	width:  125px;
	height: 125px;
	background: url(images/badge_pressrelease.gif) no-repeat 0 0;
	display: block;
	text-indent: -9000px;
	clear: both;
}

div.blogside a.badge-mediakit {
	padding: 0;
	margin: -5px 45px 20px 45px;
	width:  125px;
	height: 125px;
	background: url(images/badge_mediakit2.gif) no-repeat 0 top;
	display: block;
	text-indent: -9000px;
	clear: both;
}


div.blogside a.badge-mediakit:hover {
	padding: 0;
	margin: -5px 45px 20px 45px;
	width:  125px;
	height: 125px;
	background: url(images/badge_mediakit2.gif) no-repeat 0 -127px;
	display: block;
	text-indent: -9000px;
	clear: both;
}


div.blogside .badge-bio {
	padding: 0;
	margin: 20px 45px;
	width:  125px;
	height: 125px;
	background: url(images/badge_bio.gif) no-repeat 0 0;
	display: block;
	text-indent: -9000px;
	clear: both;
}


div.blogside .tweet a, a:hover {

}


div.blogside .twitter {
	background: url(images/twitter.gif) no-repeat 0 0;
	display: block;
	width: 215px;
	height: 40px;
	padding: 0;
	margin: 20px 0 5px 0;
	text-indent: -9000px;
}

div#twitter_div {
	font-size: 90%;
	border-top: 1px solid #ddd;
	padding: 10px 0 10px 0;
	overflow: hidden;
}

div#twitter_div ul {
	list-style: none;
}

div#twitter_div ul li {
	margin: 0 0 10px -17px;
	padding: 0;
	list-style: none;
}

div.blog h2 {
	font-size: 14px;
	margin-top: 20px;
	line-height: 16px;
	color: #b32017;
}
div.blog h2 a,a:hover {
	color: #b32017;
}

div.blog .things {
	font-weight: bold;
	color: #fdb825;
	font-size: 130%;
	margin-right: 9px;
	
}

div.blog .postmetadata {
	font-size: 105%;
}

div.blog div.post {
	
	padding: 10px;
	background-image: url(images/w70.png);
	margin-bottom: 10px;
	
}


/* Side */
div.side {
	width: 292px;
	margin-top: 20px;
	float: right;
	display: inline;
}

div.tee {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}
div.divider {
	clear: both;
	float: left;
	width: 100%;
	height: 10px;
}

/* Spacer */
div.side-spacer {
	height: 30px;
	overflow: hidden;
}
/* @end */





/* @group Default Headings */
div.main h1 {
	margin: 0 0 10px 0;
}

div.side h3 {
	margin: 0 0 5px 0;
}
div.side h3.hd-our-staff-side {
	background: url(images/hd-our-staff-side.gif) no-repeat 0 0;
	text-indent: -9000px;
	height: 19px;
}
div.side h3.hd-contact-us {
	background: url(images/hd-contact-us.gif) no-repeat 0 0;
	text-indent: -9000px;
	height: 19px;
}

h3.hd-products {
	margin: 0 0 10px 0;
	background: url(images/hd-products.gif) no-repeat 0 0;
	height: 19px;
	text-indent: -9000px;
}
h3.hd-resources {
	margin: 0 0 10px 0;
	background: url(images/hd-resources.gif) no-repeat 0 0;
	height: 19px;
	text-indent: -9000px;
}
h3.hd-locations {
	margin: 0 0 10px 0;
	background: url(images/hd-our-locations.gif) no-repeat 0 0;
	height: 19px;
	text-indent: -9000px;
}
/* @end */

/* @group Common Text Styles */
div.main p {
	font-size: 123.1%;
	line-height: 170%;
}


div.side p {
	font-size: 116%;
	line-height: 140%;
}
/* @end */

/* @group Default Lists */
div.main li {
	font-size: 123.1%;
}
div.main li li {
	font-size: 100%;
}
/* @end */

/* @group Forms */
	
/* @end */

div.shows h2 {
	font-size: 25px;
	font-family: Rockwell, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #b32017;
}


div.shows.previous h2 {
}



div.shows.details h2 {
}

div.tickets h2 {
}

div.videos h2 {

}


div.videos img {
	padding: 0 10px 0 0;
	margin: 0;
	background-color: #FFF;
	border: 0;
}

div.photos h2 {
	background: url(images/hd-photos.gif) no-repeat 0 0;
	height: 17px;
	width: 86px;
	text-indent: -9000px;
}

div.photos img {
	margin: 0 10px 10px 0;
	padding: 0;
	border: 0;
	background-color: #fff;
}


div#comments-style {
	margin: 30px 0 20px 0;
	padding: 10px 0 0 0;
	border-top: #dedede 1px solid;
}
div#comments-style .author {
	font-weight: bold;
	font-size: 130%;
}
div#comments-style .commenttext {
	padding: 5px 0;
}

div#comments-style .nocomments {
	font-size: 100%;
}
div#comments-style ul li {
	font-size: 100%;
	margin: 0;
	padding: 10px 0 5px 0;
	border-bottom: #dedede 1px solid;
	width: 100%;
	float: left;
	display: block;
}

div#respond {
	font-size: 100%;
}

div#respond input {
	padding: 2px;
	width:  180px;
}

div#respond textarea {
	width: 350px;
	height: 120px;
}

div.connect-col {
	width: 111px;
	float: left;
	clear: none;
	padding: 0 15px 0 0;
	font-size:  11px;
}

.smallprint {
	font-size: 90%;
}

/* @group Default Links - link visited hover active */
a:link, a:visited {
	color: #b31111;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


/* @end */

/* @group Misc */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */



/* Transparency for Rollovers */

div.transOFF {width: 100%; background-color: #fff; }
div.transON  {width: 100%; background-color: #fff;opacity:.30;filter: alpha(opacity=30); -moz-opacity: 0.3; }


div#flashcontent {
	margin:24px auto;
}


table.shows {
	text-align: left;
	font-weight: normal;
	font-size: 10px;
	text-transform:uppercase;
	color: #fff;
	width: 100%;
	background-color: #FFF;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.shows td {

	color: #000;
	padding: 4px;
	text-align: left;
	border: 1px #ddd dotted;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

table.shows th {
	background-color: #b11515;
	color: #fff;
	padding: 4px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size: 10px;
	font-weight: bold;
}


.fanbridge {
	text-align: left;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	width: 300px;
	background-color: #FFF;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

.fanbridge td {
	color: #000;
	padding: 4px;
	text-align: left;
	border: 1px #fff solid;
}







/* Blog Main */
div.blog2 {
	float: right;
	width: 420px;
	font-size: 90%;
	
}

div.blog2 h1 {
	font-family: "Helvetica-Neue", Helvetica, Arial, sans-serif;
	font-size: 22px;
	color: #666666;
	font-weight: normal;
}

div.blog2 .merch img {
	border: none;
	background-color: #fff;
	float: left;
	padding: 0;
	margin: 0 0 20px 0;
	clear: both;
}

div.blog2 .topspace {
	width: 380px;
	height: 30px;
}
div.blog2.divider {
	width: 100%;
	height: 10px;
	clear: both;
}


#post-137 img {
	padding: 0;
	margin: 0 10px 0 0;
}

#post-137 div.entry {
	margin-left: 2px;
}


body.sideproject div.sidepic {
	position: absolute;
	top: 0px;
	left: 546px;
	width: 100px;
	font-size: 90%;
	padding-top: 69px;
}



body.sideproject div.blogside {
	float: left;
	width: 191px;
	padding: 20px 0 0 17px;
	text-align: center;
}

body.sideproject div.blogside p {
	line-height: 30px;
}


body.sideproject div.main {
	position: absolute;
	top: 175px;
	left: 104px;
	width: 495px;
	font-size: 90%;
}

body.sideproject h2, body.sideproject h4 {
	color: #c13c3c;
}



body.sideproject.monica h2, body.sideproject.monica h4 {
	color: #9f3122;
} 
body.sideproject div.blog {
	float: right;
	width: 250px;	
}


body.sideproject div.main p {
	font-size: 123.1%;
	line-height: 180%;
}


body.sideproject div.blogside p {
	line-height: 14px;
	font-size: 12px;
	color: #999;
	padding-right: 15px;
	padding-left: 15px;
}

body.sideproject div.blogside span {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}

body.sideproject a.bandcamplink.renee {

	height: 59px;
	width: 59px;
	display: block;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 40px 30px 30px;
	background: url(images/blue-circle.jpg) no-repeat;
	font-size: 14px;
	margin-top: 30px;
}


body.sideproject a.bandcamplink.monica {

	height: 59px;
	width: 59px;
	display: block;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 40px 30px 30px;
	background: url(images/red-circle.jpg) no-repeat;
	font-size: 14px;
	margin-top: 30px;
}

table.tickettable {
}

tr.ticketsrow {

	border: 3px solid #e8e8e8;
	background: #fff;
}

tr.ticketsrow td {
padding: 6px;
}

#staavbox {
	
	background: url(/wp-content/themes/blamesally/images/) no-repeat left top;
	margin-top: 20px;
	margin-bottom: 27px;
}

#signupbox {
	margin-left: 112px;
}

#signupbox h4 {
	color: #bb4242;
}

td.coverart img {
	float: left;
	margin: 20px;
}

h3.announce {
	color: #861316;
	font-size: 20px;
}





div.sponsors {
	text-align: center;
	width: 170px;
	padding: 15px;
	background: #fff;;
}

div.sponsors p {
		margin-bottom: 6px;
	margin-top: 10px;
	font-size: 11px;
}
div.sponsors a  {
		margin: 0 auto;
		display: block;
		height: 78px;
		width: 154px;
	background: url(images/sponsors.png) right 0;
	text-indent: -9999px;
}

div.sponsors a.spon1:hover {
		background: url(images/sponsors.png) left 0;
}


div.sponsors a.spon1a {
		background: url(images/sponsors.png) right -304px;
}

div.sponsors a.spon1a:hover {
		background: url(images/sponsors.png) left -304px;
}


div.sponsors a.spon2 {
		background: url(images/sponsors.png) right -78px;
}

div.sponsors a.spon2:hover {
		background: url(images/sponsors.png) left -78px;
}

div.sponsors a.spon3 {
		background: url(images/sponsors.png) right -156px;
}

div.sponsors a.spon3:hover {
		background: url(images/sponsors.png) left -156px;
}

div.sponsors a.spon4 {
		background: url(images/sponsors.png) right -234px;
}

div.sponsors a.spon4:hover {
		background: url(images/sponsors.png) left -234px;
}




ul#albums {

	width: 128px;
	top: 20px;
	padding: 0;
	margin: 0;
}

ul#albums li {
	padding: 0;
	margin: 0 0 17px;
	list-style: none;
	list-style-type: none;

}



ul#albums li ol {
	position: absolute;
	width: 164px;
	left: 131px;
	
	
	background: #fff;
	padding: 20px 0 20px 46px;
	border: 1px solid #e0d8cc;
	top: 6px;
}

ul#albums li ol li {
	list-style-type: decimal;
	font-size: 12px;
	text-align: left;
	color: #8a7168;
	padding: 0;
	margin: 0 0 5px;
	
}

ul#albums li ol li:hover {
	color: #c00;
	cursor: pointer;
}

ul#albums li ol div {

position: absolute;
top: 0;
left: 234px;
width: 362px;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	font-style: normal;
	border: 1px solid #e0d8cc;
	background: #fff;
	padding: 20px;
	
}

ul#albums li ol div p {
	font-size: 12px;
}

#albums  ol {
}

ul#albums>li a {
	
	display: block;
	width: 95px;
	color: #000;
	font-size: 10px;
	margin-bottom: 4px;
	padding: 107px 10px 20px;
	margin-top: 0;
	background: #faf7f0 none no-repeat center 10px;
	text-align: center;
	border: 1px solid #faf7f0;
	text-decoration: none;

}

#albums>li a:hover, #albums>li.albumon a {
	
	border: 1px solid #e0d8cc;
	background: #fff no-repeat center 10px;
	text-align: center;
		cursor: pointer;
}


#albums li.staav a  {
	background-image: url(images/cover_speedingticket.jpg);
}

#albums li.lasg a {
	background-image: url(images/cover_liveatsterngrove.jpg);
}
#albums li.no1000s a {
	background-image: url(images/cover_1000stars.jpg);
}

#albums li.sev a {
	background-image: url(images/cover_severland.jpg);
}

#albums li.bs a {
	background-image: url(images/cover_blamesally.jpg);
}

#albums li.activate {
	color: #c00;
	font-weight: bold;
}

ul#albums li ol {
	display: none;
}

ul#albums div {
	display: none;
}


.soldout {
	text-decoration: line-through;
}


#newvideo img {
	margin: 20px 20px 0 0;
	padding: 0;
}

#newvideo a {
	
	font-size: 11px;
	font-weight: bold;
	color: #871d0f;
}


.main.stickers td {
	text-align: left;
	padding-top: 30px;
}

.gig-post {
	line-height: 18px;
	font-size: 14px;
}

.gig-post div.date {
	width: 300px;
}

#streetteamtable {
	font-size: 13px;
}

#streetteamtable td {
	padding: 10px;
}

div.emailbox {
	
	padding: 10px;
	background-image: url(images/w70.png);
	margin-bottom: 16px;
}

div.emailbox h2 {
	color: #fdb825;
}