/*
	Theme Name: Lucinda Black Bear 2010-05
	Description: Lucinda Black Bear, grungy background.
	Version: 1.0
	Author: audreyy
 */
 
html{ font-size:100%; } /* ie em correction */	 
body {margin: 0px 0px 0px 0px; padding: 0px 0px; background: #000 url('/img/background01.jpg') top center no-repeat fixed; text-align: center; font-size: 1em; font-family: arial, helvetica, sans-serif; color: #000;}
#page {width: 990px; margin: 0px auto; padding: 0px 0px; background: #FFF; font-size: .800em; text-align: left;} 
#header {position: relative; height: 45px; margin: 0px 0px; padding: 0px 0px; text-align: left;  background: #000 url(/img/bg-gradient.gif) center left repeat-x;}
#logo {float: left; margin: 5px 0px 3px 0px;}
	#logo a:hover {background-color: transparent !important;}
#nav {float: left; margin: 0px 0px; padding: 0px 0px; }
	#nav ul {margin: 15px 0 0 20px; padding: 0 0; list-style: none; color: #FFF;}
	#nav ul li {float: left; margin: 0 0; }
	#nav ul li a, .nav ul li a:visited {display: block; margin: 0 0; padding: .3em 1em; line-height: 1em;
	font-size: .97em; font-family: arial; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #FFF; border-right: 1px #444 solid;}
	#nav ul li.first a {border-left: 1px #444 solid;}
	#nav ul li a.current {background-color: #F17031; color: #000; }
	#nav ul li a:hover {background-color: #E96606; color: #000; }
		#nav ul li a img, .nav ul li a:visited img {border-width: 0px;}	
	.connect {position: absolute; top: 2px; right: 0px; width: 220px; height: 40px;}
		.highlight {padding: .2em .5em; color: #000; background-color: #FF5F11; font-weight: bold; text-transform: uppercase; font-size: .97em;}
		.connect a, .connect a:visited, .connect a:hover, .connect a:active {border-width: 0px; background-color: transparent;}
		.connect IMG {margin: 0px 0px 0px 7px; vertical-align: middle;}

	h1 {height: 33px; line-height: 33px; margin: 30px 0 0px -20px; padding: 0px 0px 0px 10px; background: #000/* url('/img/bg-h1-left.gif') top left no-repeat*/;
		font-family: arial,helvetica,sans-serif; text-transform: lowercase; font-weight: normal; font-size: 2em; color: #FFF;} 
			.page h1 {margin-bottom: 20px;}
	h2 {margin: 30px 0px 15px 0px; color: #070707; text-transform: uppercase; font-weight: bold; font-size: 1.27em; font-family: arial,helvetica,sans-serif;}
	h3 {margin: 5px 0px 10px; color: #070707; text-transform: none; font-weight: bold; font-size: 1.4em; font-family: arial,helvetica,sans-serif;}
	h4 {margin: 2px 0px; padding: 0px 0px; color: #821705; text-transform: uppercase; font-size: 1.1em;}
		a, a:visited {color: #BD0F07; text-decoration: none;}
		a:hover, a:active {color: #FF7E00;}
		a img, a:visited img, a:active img, a:hover img {border-width: 0px;}
	INPUT {width: 120px; font-family: arial, helvetica, sans-serif;}
	.submit {position: relative; top: -1px; border: 0px solid #333; background-color: #333; color: #FFF; text-transform: uppercase; font-size: .850em;width: 69px;  cursor: pointer; font-weight: normal; text-align: center;}
		INPUT, TEXTAREA {border: 1px solid #C4C4C4; background-color: #FFF; color: #000;}
			.site-search INPUT {border: 1px solid #EEE; background-color: #FFF; color: #000;}
			.site-search .submit {margin-top: -3px; border: 2px solid #333; background-color: #333; color: #FFF;}
			.module .submit {width: 71px; text-align: center; font-weight: normal; border: 1px solid #333; border-width: 1px 0px;}
		LABEL {color: #000; text-transform: uppercase; font-size: .850em; font-weight: bold;} 
	
		a.button-buy, a.button-buy:visited {display: block; width: 140px; height: 30px; margin: 0.625em 0 0; background: url('/img/bg-button-buy.gif') top left no-repeat; line-height: 30px; font-size: 1em; font-weight: bold; font-family: helvetica, arial, sans-serif; text-align: center; color: #000 !important;}
		a.button-buy:active, a.button-buy:hover {background: url('/img/bg-button-buy.gif') -140px 0px no-repeat; text-decoration: none; color: #500 !important;}

/* Homepage */
.hp {position: relative; width: 990px; margin: 0 0; padding: 0 0; overflow: hidden; }
	.hp-main-promo {position: relative; width: 990px; height: 365px; margin: 0px auto 0px; background: url('/img/hp-lucinda-black-bear.jpg') top left no-repeat;}
		.hp-callout-promo {position: absolute; top: 15px; right: 10px; width: 150px; height: 320px; background-color: #FFF; border: 10px #000 solid; border-width: 10px 0 0; overflow: hidden; text-align: center;}
		.hp-callout-promo h4 {margin: 0 !important; padding: 0px 0px 3px !important;}
		.hp-callout-promo p {margin: 0 !important; padding: 5px 0px 5px !important; font-size: .900em;}
		.callout-subpromo {margin: 13px 5px; padding: 0 0 13px; border-bottom: 1px #DDD solid;}
		.callout-subpromo .share-facebook, .share-myspace {float: left; width: 70px; padding: 7px 0 0;}
	.hp-bottom-promos {margin: 20px 20px 0px;}
		.hp .album-preview {float: left; width: 370px;}
		.album-preview .cover {float: left; width: 160px; text-align: left;}
		.hp .text {float: left; width: 160px; padding: 15px 0px 0px 3px; background: transparent url('/img/bg-black-bar.gif') left top no-repeat;}
			.album-description {color: #777; line-height: 1em; font-size: .900em;}
			.audioplayer_container {width: 220px; margin: 10px 0 0; }
		.hp .latest-news {float: left; width: 290px;}
			.hp .latest-news .text {float: right; width: 270px;}
			.latest-news ul {list-style: none; margin: 0 0 1em 1em; padding-left: 1em; list-style-type: square;}
			.latest-news ul li	{margin: 3px 0px 5px; padding: 0 0 0; color: #000; list-style-type: square;}
				.latest-news ul li a, .latest-news ul li a:visited {font-size: .9em !important;  font-weight: bold;}	
		.hp .follow {float: left; width: 270px;}
			.hp .follow .text {float: right; width: 220px;}
			.hp .follow .tweet {font-size: .9em; font-weight: bold;}
				.hp .follow ul {display: inline; margin: 0 !important; padding: 0 !important;}
				.hp .follow ul li {background: none; display: inline !important; list-style-type: none;	margin: 0; padding: 5px;}
				
				
#content {float: left; width: 700px; margin: 0px 0px 0px 10px; text-align: left;}
		
		
/* Post Index */
.post-index .post {float: left; width: 300px; height: 340px; margin: 10px 20px 30px; padding: 5px 0px 0px; border-top: 7px #000 solid;}
	.post-index .post .image {width: 300px; height: 175px; margin: 0px 0px 10px; background-color: #000; text-align: center; overflow: hidden;}
		.post-index .post .image img {height: 175px; margin: 0px auto;}
	.post-index .post h2, .post-index .post h2 a, .post-index .post h2 a:visited {margin: 0px 0px; color: #BD0F07; text-decoration: none;}
	.post-index .post h2 a:hover { text-decoration: underline;}
	.post-index .post a.read-more, .post-index .post a.read-more:visited {font-size: .850em; color: #BD0F07;}
		.post-index .post a.read-more:hover {color: #FF5F11;}
	.post-index .post .tags {margin: 3px 0px; padding: 0px 0px; color: #777; line-height: 1em; font-size: .850em; font-weight: normal;}
		.post-index .post a, .post-index .post a:visited {color: #444; background: none; text-decoration: underline;}
		.post-index .post a:hover {background: transparent; color: #000; text-decoration: none;}
	.post-index .post-footer {margin: 5px 0px 0px; padding: 5px 0px; border-top: #DDD 0px solid; font-size: .850em;}
		.post-index .sociable {width: 145px; height: 20px; margin: 0px 0px; padding: 0px 0px;}
		.post-index .post-footer .comments {float: right; width: 100px; line-height: 20px; font-weight: bold;}
	.post-index .navigation {height: 30px; margin: 20px 0px 0px;}

/* Single Post */
.single-post .navigation {height: 15px; margin: 20px 0px 0px;}
.single-post h1 {margin: 20px 0 0 -20px;}
.single-post .post-footer {margin: 5px 0px 0px; padding: 2px 3px; border-top: #DDD 1px solid; border-bottom: #DDD 1px solid; font-size: .850em; line-height: 20px;}
	.single-post .post-footer .tags {float: left; width: 300px;}
	.single-post .post-footer .sociable {float: right; width: 155px; padding: 2px 0px 0px;}
#comments, #respond {margin-left: 30px;}
	h3#comments, #respond h3 {margin-top: 30px;}

/* Sidebar */		
 #sidebar {float: right; margin: 30px 0px 0px; width: 230px; border-left: 1px #DDD solid; text-align: center;} 
	.module {width: 200px; margin: 0px auto 30px; padding: 0px 0px 20px; text-align: left; border-bottom: 1px #DDD solid;}
	.blog-nav p {margin-bottom: 0px !important;}
		.blog-nav ul {list-style: none; margin: 0 0 1em 1em; padding-left: 1em; list-style-type: square;}
		.blog-nav ul li {margin: 3px 0px 3px; padding: 0 0 0;}
	.twitter .tweet {margin: 3px 0px 3px; font-size: 1.5em; color: #777;}
		.twitter .timestamp {margin: 0px 0px 5px; font-size: .9em; color: #AAA;}
		#twitter_update_list li {list-style-type: none; display:inline;}
		#twitter_update_list {display:block; padding: 10px 0px 0px 10px; background: url(/img/lquo.gif) top left no-repeat; 
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
-ms-word-wrap : sWrap; /* ie8 */}
		#twitter_update_list span {color: #000;}
			#twitter_update_list span a {display: inline; font-size: .900em;}
			#twitter_update_list span a:hover {}	
	
 #footer {position: relative; margin: 50px 0px 0px; padding: 10px 0px 20px; background-color: #070707; color: #FFF; text-align: center;}
	.copyright {width: 400px; margin: 0px auto;}
	.site-search {position: absolute; width: 200px; height: 25px; top: 10px; right: 0px;}

/* Pages */
.post {margin-left: 30px;}
.album-description {margin: 10px 0px; padding: 0px 0px; color: #777; line-height: 1em; font-size: .900em;}
table.shows-list {border-width: 0px; border-collapse: collapse;}
	table.shows-list tr {height: 20px;}
		table.shows-list tr.odd {background-color: #F4F4F4;}
	table.shows-list tr td {vertical-align: top; border-top: 1px #DDD dotted;}
	table.shows-list tr td.date {width: 100px; margin: 0; padding: .5em 0em; font-weight: bold;}
	table.shows-list tr td.time {width: 100px; margin: 0; padding: .5em 0em;font-weight: normal;}
	table.shows-list tr td.venue {width: 370px; margin: 0; padding: .5em 0em;font-weight: bold;}
	table.shows-list tr td.city {width: 100px; margin: 0; padding: .5em 0em; text-align: right;}
	.dbem-no-events {list-style-type: none;}

table.itunes-list {margin: 0px 0px 0px 10px; border-width: 0px; border-collapse: collapse;}
	table.itunes-list th {height: 20px; margin: 0; padding: 0em 1.5em .5em 1.5em; font-weight: bold; text-align: left; color: #777;}
	table.itunes-list td {height: 20px; margin: 0; padding: .4em 1.5em; text-align: left; color: #777; border-bottom: 1px #EEE solid;}
	table.itunes-list .num {padding: .3em .3em .3em 1.5em !important; font-weight: bold;}

ul.tn-list {margin: 0; padding: 0; list-style-type: none;}
	ul.tn-list li {float: left; width: 160px; height: 160px; margin: .5em 1em; padding: 0; background-color: #000; list-style-type: none; text-align: center;}
		.flickr li {width: 85px !important; height: 85px !important;}
	ul.tn-list li a img, ul.tn-list li a:visited img{margin: 5px 0px; border-width: 0px;}
	ul.tn-list a:hover, ul.tn-list a:active {background-color: transparent;}
	
.image-right {float: right; margin: 0px 0px 7px 7px; padding: 5px 5px; background-color: #000;}
.image-left {float: left; margin: 0 7px 7px 0; padding: 5px 5px; background-color: #000;}

/* http://www.ericmmartin.com/projects/simplemodal/ */
#basic-modal-content {display:none;}
#simplemodal-overlay {background-color:#000; cursor:wait;}
	#simplemodal-container {height:200px; width:300px; color:#FFF; background-color:#000; border:3px solid #333; padding: 5px;}
	#simplemodal-container a.modalCloseImg {background:url(/img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
	#simplemodal-container #basic-modal-content {padding:8px;}
	
.clear {clear: both;}
.align-right, .alignright {float: right; text-align: right; margin: 0px 0px 10px 10px; padding: 0px 0px;}
.align-left, .alignleft {float: left; text-align: left; margin: 0px 10px 10px 0px; padding: 0px 0px;}
.align-center {text-align: center;}
	.align-center img {margin: 0px auto;}
	
span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .9;
	-moz-opacity: .9;
	filter: alpha(opacity=90);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}