/* @override http://blamesally.com/wp-content/themes/blamesally/style.css */

/*
	Theme Name: Blame Sally (2009)
	Theme URI: http://www.bainbridgestudios.com
	Description: The official custom theme of the Blame Sally website.
	Version: 1.0
	Author: Tom Carmony
	Author URI: http://www.bainbridgestudios.com
*/
/*
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 {
	background-color: #fff;
}
body {
	margin: 0px;	
	font-family: "Lucida Grande", Verdana, sans-serif;
}

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 {
	background-color: #FFF;
}
/* @end */

div#bg-home {
	background: url(images/bg-home.gif) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 300px;
	z-index: 0;
}

div#bg-sub {
	background: url(images/bg-sub.gif) no-repeat 0 0;
	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: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
}

h3 {
	margin: 10px 0 5px 0;
	font-size: 140%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
}

h4 {
	margin: 5px 0 5px 0;
	font-size:  115%;
	font-weight:  bold;
}

/* @group Modules */
/* Logo */
div#logo {
	width: 226px;
	height: 27px;
	background: url(images/logo.png) no-repeat 0 0;
	text-indent: -9000px;
	position: absolute;
	top: 115px;
	left: 124px;
	display: inline;
}
div#logo a {
	display: block;
	height: 100%;
}

div#birds {
	position: absolute;
	top: 65px;
	left: 770px;
	z-index: 1;
	height: 161px;
	width: 121px;
	background: url(images/birds.png) no-repeat 0 0;
}
div#spots {
	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: 350px;
	left: 425px;
	z-index: 10;
	height: 139px;
	width: 139px;
	background: url(images/home-badge-lasg.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: 383px;
	position: absolute;
	top: 114px;
	left: 350px;
	float: right;
	display: inline;
}
div#nav2 ul {
	margin: 0;
	padding: 0 0 0 20px;
	width: 383px;
}
div#nav2 ul li {
	float: left;
	padding: 0 0 0 0;
	display: inline;
}
div#nav2 ul li a {
	display: block;
	height: 30px;
	background: url(images/nav3.png) no-repeat 0 0;
	text-indent: -9000px;
	padding: 0;
}





div#nav2 ul li#n-tour a {
	width: 84px;
	background-position: 0 0;
}
div#nav2 ul li#n-tour:hover a, div#nav2 ul li#n-tour.sfhover a {
	width: 84px;
	background-position: 0 -30px;
}

div#nav2 ul li#n-tour-active a {
	width: 84px;
	background-position: 0 -30px;
}
div#nav2 ul li#n-tour-active:hover a, div#nav2 ul li#n-tour.sfhover a {
	width: 84px;
	background-position: 0 -30px;
}


div#nav2 ul li#n-news a {
	width: 95px;
	background-position: -84px 0;
}
div#nav2 ul li#n-news:hover a, div#nav2 ul li#n-news.sfhover a {-30px;
	width: 95px;
	background-position: -84px -30px;
}

div#nav2 ul li#n-news-active a {
	width: 95px;
	background-position: -84px -30px;
}
div#nav2 ul li#n-news-active:hover a, div#nav2 ul li#n-news.sfhover a {
	width: 95px;
	background-position: -84px -30px;
}

div#nav2 ul li#n-music a {
	width: 103px;
	background-position: -179px 0;
}
div#nav2 ul li#n-music:hover a, div#nav2 ul li#n-music.sfhover a {
	width: 103px;
	background-position: -179px -30px;
}

div#nav2 ul li#n-music-active a {
	width: 103px;
	background-position: -179px -30px;
}
div#nav2 ul li#n-music-active:hover a, div#nav2 ul li#n-music.sfhover a {
	width: 103px;
	background-position: -179px -30px;
}

div#nav2 ul li#n-about a {
	width: 101px;
	background-position: -282px 0;
}
div#nav2 ul li#n-about:hover a, div#nav2 ul li#n-about.sfhover a {
	width: 101px;
	background-position: -282px -30px;
}

div#nav2 ul li#n-about-active a {
	width: 101px;
	background-position: -282px -30px;
}
div#nav2 ul li#n-about-active-active:hover a, div#nav2 ul li#n-about.sfhover a {
	width: 101px;
	background-position: -282px -30px;
}

















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 {
	width: 425px;
	position: absolute;
	top: 90px;
	left: 365px;
	float: right;
	display: inline;
}
div#topnav ul {
	margin: 0;
	padding: 0;
	width: 450px;
}
div#topnav ul li {
	float: left;
	padding: 0 0 0 6px;
	display: inline;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 10px;
}
div#topnav ul li a {
	display: block;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
}
div#topnav ul li a:hover {
	display: block;
	color: #117cb3;
	text-transform: uppercase;
	text-decoration: none;
}

div#topnav ul li .current {
	color: #cf7019;
}

div#subnav {
	width: 425px;
	position: absolute;
	top: 155px;
	left: 365px;
	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-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 10px;
}
div#subnav ul li a {
	display: block;
	color: #cf7019;
	text-transform: uppercase;
	text-decoration: none;
}
div#subnav ul li a:hover {
	display: block;
	color: #117cb3;
	text-transform: uppercase;
	text-decoration: none;
}

div#subnav ul li .current {
	color: #117cb3;
}

div#circles {
	width:  400px;
	padding: 10px 0 30px 0px;
	position: relative;
	float: left;
	display: block;
	z-index: 1;
}

div#circles img {
	border: none;
	background-color: #fff;
	padding: 0;
	margin: 0;
}

div#circles ul {
	margin: 0;
	padding: 0;
	width: 400px;
}
div#circles ul li {
	float: left;
	width: 95px;
	height: 95px;
	margin: 0 5px 0 0;
	display: block;
	text-indent: -9000px;
}

div#circles ul li#pam a {
	width: 95px;
	height: 95px;
	background: url(images/circle_pam1.jpg) no-repeat 0 0;
	display: block;
}
div#circles ul li#pam:hover a {
	width: 95px;
	height: 95px;	
	background: url(images/circle_pam.jpg) no-repeat 0 0;
	display: block;
}

div#circles ul li#pam-active a {
	width: 95px;
	height: 95px;
	background: url(images/circle_pam.jpg) no-repeat 0 0;
	display: block;
}
div#circles ul li#pam-active:hover a {
	width: 95px;
	height: 95px;
	background: url(images/circle_pam.jpg) no-repeat 0 0;
	display: block;
}

div#circles ul li#renee a {
	width: 95px;
	height: 95px;
	background: url(images/circle_renee1.jpg) no-repeat 0 0;
	display: block;
}
div#circles ul li#renee:hover a {
	width: 95px;
	height: 95px;
	background: url(images/circle_renee.jpg) no-repeat 0 0;
	display: block;
}

div#circles ul li#renee-active a {
	width: 95px;
	height: 95px;
	background: url(images/circle_renee.jpg) no-repeat 0 0;
	display: block;
}
div#circles ul li#renee-active:hover a {
	width: 95px;
	height: 95px;
	background: url(images/circle_renee.jpg) no-repeat 0 0;
	display: block;
}

div#circles ul li#jeri a {
	width: 95px;
	height: 95px;
	background: url(images/circle_jeri1.jpg) no-repeat 0 0;
	display: block;
}
div#circles ul li#jeri:hover a {
	width: 95px;
	height: 95px;
	background: url(images/circle_jeri.jpg) no-repeat 0 0;
	display: block;
}

div#circles ul li#jeri-active a {
	width: 95px;
	height: 95px;
	background: url(images/circle_jeri.jpg) no-repeat 0 0;
	display: block;
}
div#circles ul li#jeri-active {
	width: 95px;
	height: 95px;
	background: url(images/circle_jeri.jpg) no-repeat 0 0;
	display: block;
}

div#circles ul li#monica a {
	width: 95px;
	height: 95px;
	background: url(images/circle_monica1.jpg) no-repeat 0 0;
	display: block;
}
div#circles ul li#monica:hover a {
	width: 95px;
	height: 95px;
	background: url(images/circle_monica.jpg) no-repeat 0 0;
	display: block;
}

div#circles ul li#monica-active a {
	width: 95px;
	height: 95px;
	background: url(images/circle_monica.jpg) no-repeat 0 0;
	display: block;
}
div#circles ul li#monica-active:hover a {
	width: 95px;
	height: 95px;
	background: url(images/circle_monica.jpg) no-repeat 0 0;
	display: block;
}

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: 162px;
	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;
	padding-top: 40px;
}

/* 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: 625px;
	font-size: 90%;
}

/* Gallery Main */
div.main-gallery {
	position: absolute;
	top: 175px;
	left: 185px;
	width: 550px;
	font-size: 90%;
}

/* Blog Main */
div.blog {
	float: right;
	width: 380px;
	font-size: 90%;
	
}

div.blog h1 {
	font-family: "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 .rss {
	padding: 2px 5px 0 25px;
	width:  185px;
	height: 25px;
	background: url(images/rss.gif) #FFF no-repeat 0 0;
	font-weight: bold;
	color: #777;
	font-size: 13px;
	font-family: "Helvetica Neue", Helvetica, Arial, san;
	clear: both;
	margin: 0 0 10px 0;
	display: block;
}

div.blogside .rss a {
	color: #777;
	text-decoration: none;
	display: block;
}

div.blogside .rss a:hover {
	color: #fff;
	text-decoration: underline;
	display: block;
}

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 {
	display: block;
}


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;
}
div.blog h2 a,a:hover {
	color: #cf7019;
}

div.blog .things {
	font-weight: bold;
	color: #cf7019;
	font-size: 130%;
}

div.blog .postmetadata {
	font-size: 105%;
}


/* 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: 140%;
}


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 {
	background: url(images/hd-upcoming-shows.gif) no-repeat 0 0;
	height: 17px;
	width: 204px;
	text-indent: -9000px;
}


div.shows.previous h2 {
	background: url(images/hd-previous-shows.gif) no-repeat 0 0;
	height: 17px;
	width: 204px;
	text-indent: -9000px;
}



div.shows.details h2 {
	background: url(images/hd-show-details.gif) no-repeat 0 0;
	height: 17px;
	width: 204px;
	text-indent: -9000px;
}

div.tickets h2 {
	background: url(images/hd-tickets.gif) no-repeat 0 0;
	height: 17px;
	width: 210px;
	text-indent: -9000px;
}

div.videos h2 {
	background: url(images/hd-videos.gif) no-repeat 0 0;
	height: 17px;
	width: 79px;
	text-indent: -9000px;
}


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: #117cb3;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	display: inline;
}
/* @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 {
	background-color: #E0E0E0;
	color: #000;
	padding: 4px;
	text-align: left;
	border: 1px #fff solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

table.shows th {
	background-color: #cf7019;
	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#bg-sub {
	background: none;
}


body.sideproject {
	
}


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: #3d84c1;
}



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;
}