/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

body {
	background:#000000 url('http://www.suburbansunrise.com/wp-content/themes/backstage/styles/white_minimal/bg.jpg') no-repeat center top;
	background-attachment: fixed;
}


#wrap {	
	background: none; 
}

/* Wrap */

#wrap { }

/* Top */

#top {
	width: 100%;
	margin: -20px auto -10px auto;
}

#top-inner {
	width: 960px;
	margin: 0 auto 0px auto;
}

/* Page Navigation */

#top-nav {
	height: 24px;
	font-size: 11px;
	padding: -5px 10px -5px 10px;
	margin: 0px 0 12px 0;
}
#top-nav .fr  { position:relative}

#top-nav .fr input#s{ position:absolute; right: 40px; top:5px}
#top-nav .fr input#go{ position:absolute; right: 0; top:5px}

#top-nav a {
	font-family: gill sans, arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 0px 10px 0 10px;
}

#top-nav a:hover {
	text-decoration: underline;
}

#top-nav ul {
	padding: 0;
}

#top-nav .col-left {
	margin-left: -6px;
}

/* Page Nav */

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
	z-index: 100;
}

#nav a {
	display: block;
	padding: 4px 10px 4px 10px;
	z-index: 100;
}

#nav li {
	float: left;
	padding: 2px 10px 2px 0;
}

#nav li ul li {
	float: left;
	padding: 5px;
}

/* Style drop down list */

#nav li ul { position: absolute; width: 172px; left: -999em;}
#nav li ul li {	background: #000000; }
#nav li ul li a { line-height: 15px; padding: 5px;font-size: 12px; text-transform: none;width: 160px; }
#nav li ul ul {	margin: -20px 0 0 170px; }
#nav li ul ul li a { line-height: 25px; }
#nav li ul li ul li a {	border-width:0 1px 1px 0px; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }
#nav li:hover, #nav li.hover { position: static; } /* IE7 Fix */

/* Page Navigation (rss) */

#top-nav ul.search {
	padding: 0 0 3px 0px;
}

#top-nav ul.search li {
	padding: 0 10px;
	display: block;
}

#top-nav ul.search li.last {
	background: none;
}

/* Header */

#header {
	width: 100%;
	padding: 5px auto 5px auto;
	clear: both;
	position: relative;
}

#logo {
	float: left;
	
	padding: 2px 25px;
}

#header h1 {
	display: none;
	width: 200px;
}

#header .advert {
	position: absolute;
	right: 0px;
	top:36px;
}

#search {
		margin:2px 0 2px 0; padding:0px;
		width:215px; height:20px;
		background:#d5d5d5 no-repeat center left;
		float:left;
	}
	
	#search #s {
		margin:0 0 0 0; padding: 0px 10px 0px 10px;
		width:140px; height:auto;
		border:0;
		background:none;
		float:left;
		font-size:12px; color:#555;
		font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
		margin-right: 5px;
	}

/* Content */

#content {
	width: 960px;
	margin:0 auto;
	min-height: 550px;
	padding: 0;
}
* html #content { height: 550px; }

#main {
	width:660px;
}

.full-width {
	width: 960px !important;
}

#main .col1 {
	width: 240px;
	float: left;
	margin-right: 60px;
}

#main .col2 {
	width: 360px;
	float: left;
}

.archive-audio #main .col1 {
	margin-right: 0px;
}

.archive-audio #main .col2 {
	margin-right: 60px;
}




/* Main Content (style) */

#main a { text-decoration: underline; }
#main a:hover {	text-decoration: none; }
#main h2, #main h3 { font-weight: normal; }
#main h2 span, #main h3 span { text-transform: capitalize; }
#main h2 { font-size: 24px;	padding-top:0; }
#main h3 {font-size: 12px; font-family: gill sans, arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; line-height: 35px; padding:10px 20px 10px 20px; margin-bottom:5px }
#main h3.arh {
	padding-left: 20px;
}
#main h4 { font-size: 12px; }
#main ol, #main ul { line-height: 18px; padding-top:0px }

#main ul { padding-left: 25px; }
#main ul ul,#main ul ol { padding-left: 10px; }

#main ul li { list-style: circle; padding: 3px 0; }
#main ol { padding-left: 57px; }
#main ol li { list-style: decimal; padding: 3px 0; }
#main blockquote {
	border-left:2px solid #999999;
	color:#999999;
	font-style:italic;
	margin:10px 0 5px 15px;
	padding:0px 20px;
	width:85%;
}

#main .col1 h2, #main .col2 h2 {
	font-size:12px;
	font-sizefamily:Gill Sans, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-left: 50px;
	line-height: 20px;
}

/* Home Page */

#bio, .info-text {
	width: 660px;
	float: left;
	margin-bottom: 30px;
}

.info-text {
	margin-top: 30px;
}

#bio_image {
	float: left;
	width: 160px;
	margin-right: 20px;
}

#bio_image img {
	border: 10px solid #000000;
	background-color: #333333;
	color: #ffffff;
}

#bio_content {
	float: left;
	width: 470px;
}

#bio_content p, .info-text p {
	font-size: 22px;
	line-height: 30px;
	font-weight: bold;
	color: #ccffff;
	font-family: Helvetica Neue, Arial, sans-serif;
	padding: 0;
}

#tracks p {
	padding: 0;
}

.title_link p {
	font-family: Helvetica Neue, Arial, sans-serif;
	font-size: 24px;
	letter-spacing: -1px;
	line-height: 28px;
}
.title_link a:visited,
.title_link a:link
 {
	text-decoration: none!important;
}
.title_link a:hover,
.title_link a:active
 {
	text-decoration: underline!important;
}

/* Main Content (post) */

.post { margin-bottom:15px; clear:both}  
#main .post { padding: 0 10px 15px 10px;}   




#main .col1 .post, #main .col2 .post, .col-right .post { padding: 0 10px 20px 10px; border-bottom:1px solid}
.archive-audio #main .post { border:0; padding-bottom:10px}

#main .post-title {	width: 100%; position: relative; }
#main .post-title h2, #main .post-title h3 { padding-right: 50px; }
#main h2 a, #main h3 a {  text-decoration: none; }
#main h2 a:hover, #main h3 a:hover { text-decoration: underline; }
#main p.post-details { line-height: 18px; margin-top: -5px; margin-bottom:  10px;position: relative; }
#main p.post-details a { text-decoration: none; }
#main p.post-details a:hover { text-decoration: underline; }

.post-details {padding: 0 0px 0 1px;color: #9F9F9F;
	font-size: 11px;}
#main p.single-details {
	margin: 10px 0;
}
.post-image a{
	float: left;
	border:10px solid;
	margin:10px 20px 10px 0;
}

.post-image a:hover{ 
	border-color:#000
}


.post-image-audio {
	float:left;
	width:240px;
	margin-left:-270px
}

.post-audio-thumb img{ 
	display:block
}

.post-audio-thumb {
	margin-left:-120px; float:left; 
}

.post-audio-thumb a {
	border:10px solid; 
	float:left
}


.post-audio-thumb a:hover {
	border-color:#000
}



.archive-audio #main .audio-thumb {

	margin-left:-175px;
	float:left;

}



#main .post .intro {
	width: 520px;
	margin-bottom:30px;
	float: left;
}

#main .post .intro p {
	font-size: 22px;
	font-weight: bold;
	line-height: 30px;
	letter-spacing: -1px;
}

#main .post-content {
	float: left;
	width: 520px;
	margin-left: 60px;
}

#main .post-content p {
	font-size: 12px;
}

.archive-audio #main .post-content{

	margin-left:175px;
	width:175px;

}


#main .post-content-audio{
	margin-left: 280px;

}



#main .post-content-audio .audio-unit {

	margin-top:20px;

}


#main .post-content p {
	
}
#main .post h4 { margin-top: 1px; clear: both; width: 100%; }
#main .post h4.continue a {
	background: #A8BC70;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
}
#main .post h4.continue a:hover {background: #9fb26a;}

#main .post img.gallery { margin:0 7px 7px 0; }
#main h2.arh {

	margin-bottom: 10px;
	padding-bottom:10px;
	padding-left:10px!important;
	position: relative;
	
}

#main .post-content h2 {

padding-left:0px; padding-right:0px; font-size:20px}


#main .post .thumbnail {
	float: left;
	border: 0px;
}

img.widget-post-thumbnail {
float:right;
margin:10px 0 10px 10px
}



/* Main Content (advert 468x60) */

#main .advert_468x60 {
	padding:12px 0;
	margin: 5px 0 25px 0;
	text-align:center;
}
#main .latest .advert_468x60 {margin-left:33px;}

#main .post .audioplayer_container {
	padding: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

/* Main Content (post>single) */

.col-left #main h2 {
	color:#222222;
	font-size:20px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:1.5em;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	text-transform:;
}

.col-left #main h3 .post-parent {
	 float: right;
}

.col-left #main h4 {
	color:#222222;
	font-size:16px;
	font-weight:bold;
	padding-top:20px;
}

 .col-left #main .widget h2 {  padding:0 0 10px 0}

#main p.tags {
	width: 100%;
	clear: both;
	margin-bottom: 20px;
}
.single #main .advert_468x60 {margin: 15px 0 0px 0;}
#main .page h2 {padding-top: 5px;}

/* Comments */

#comments h3 { font-size: 13px;	font-weight: normal;padding: 10px 20px 20px;}

#comments #comments_wrap {padding: 0; position: relative; margin-top:20px;}
#comments ol.commentlist li { list-style-type:none; }

#comments .comment { margin: 20px 0; width: 100%; }
#comments .comment a { text-decoration: underline; }
#comments .comment a:hover { text-decoration: none; }
#comments .comment small { font-size: 10px;	margin-top: -2px; }

#comments .comment .col-left {width: 110px;}
#comments .comment .col-left img {border: #EDEDED 5px solid;}
#comments .comment .col-left p { padding: 0 0 0 2px; line-height: 19px;}
#comments .comment .col-left .inside {
	width: 110px;
	float: left;
	position: relative;
	overflow: hidden;
	min-height:70px;
}

#comments .comment .col-right {
	min-height: 70px;
	background: #fff;
	padding: 10px 20px;
	border: #EDEDED 1px solid;
	margin-left:100px;
	float:none; 
}

* html #comments .comment .col-right { height: 100px; }
#comments .comment span.reply { float:right; padding: 3px 3px 0; font-size:11px; }
#comments .comment span.reply a { text-decoration:none; color:#aaa; }

#comments ul.children { margin:10px 0 0 50px; padding:0;}

#comments .navigation .alignright, #comments .navigation .alignleft { margin:0;}
#comments .navigation a {
	background: #9F9F9F;
	color: #fff;
	display: block;
	padding: 5px 9px;
	margin-left: 4px;
	font-family:Georgia;
	font-weight:bold;
}
#comments .navigation a:hover {background: #888;}
#comments .commentlist {padding:0;}
#comments .commentlist p{padding:0 0 10px;}

#comments .commentlist div.avatar {text-align: right;float: left; width:100px; margin-right:20px;}
#comments .commentlist img.avatar {border-style: solid; border-width: 1px;}

#comments .comment-entry {
	margin-left: 120px;
	padding: 20px;
}

#comments .commentlist #respond #form_wrap {
	padding:0 0 25px;
	margin:0;
	border:0;
	width:auto;
}
#comments .commentlist .children #respond #form_wrap .col-right{float:none;}
#comments .cancel-comment-reply {margin-bottom:10px;}

/* Sidebar */

#sidebar, #home-sidebar {
	width: 240px;
	overflow: hidden;
}

.widget h3{
	font-size:12px;
	font-family:Gill Sans, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-left: 20px;
	line-height: 35px;
}

.widget h2{
	font-size:12px;
	font-family:Gill Sans, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.2em;
}


#sidebar ul{
	clear: both;
}
#sidebar ul li a {
	color: #222222;
	display:block;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#sidebar a:hover, #sidebar .current-cat a, #sidebar li.active a {
	text-decoration: underline;
}

#sidebar ul li span {
	font-size:12px;
	font-family:Gill Sans, Arial, Helvetica, sans-serif;
	color:#222222;
	font-weight:normal;
}

/* Sidebar (block) */

#sidebar .block {
	width: 240px;
}

/* Sidebar (block > inside)*/

#sidebar .block .inside {
	border: #D5D4D4 5px solid;
	background: #EDEDED;
	padding-bottom: 5px;
}

#sidebar .block .inside ul {
	padding: 0;
}

#sidebar .block .inside li {
	padding: 8px 0 8px;
	line-height: 18px;
	position:relative;
}

#sidebar .block .inside li img.thumbnail {
	border: #A4A4A4 2px solid;
	float: left;
	margin-right: 10px;
}

/* Sidebar (widgetized)*/

#sidebar ul, #sidebar .textwidget {
	clear:both;
	padding:0 10px;
}

#sidebar .widget {
	margin-bottom:25px;
}
#sidebar li {
	line-height: 18px;
	overflow: hidden;
	padding:10px 0 10px;
}

/* Sidebar (widgetized>list>inside)*/

#sidebar ul ul {
	padding: 0;
	margin: 3px 0 0 0;
	border:0;
}

#sidebar ul ul li {
	border: 0;
	padding-bottom: 0;
	border-top:1px solid #E2E2E2;
}

/* Sidebar (widgets)*/

#tag_cloud h2 {display: block;float: none;}
.textwidget {clear: both;padding: 5px 2px;line-height:20px;}
#wp-calendar {
	width: 95%;
	padding: 0 0 0px 0;
	margin-bottom: 15px;
	clear: both;
}
#wp-calendar caption {padding: 10px;}
#wp-calendar th {color: #fff;}
#wp-calendar th, #wp-calendar td {
	padding: 5px;
	text-align: center;
	background: #E7E7E7;
	color: #9E9E9E;
}
#wp-calendar td {background: transparent;}
#wp-calendar td, table#wp-calendar th {padding: 3px 0;}
#wp-calendar a {text-decoration: underline;}
#wp-calendar a:hover {text-decoration: none;}

/* Sidebar (Search)*/
/*
#sidebar #search_main form div {
	position: relative;
	height: 33px;
	background: #ccc;
	margin-bottom:25px;
}

#sidebar #search_main input.field {
	width: 163px;
	position: absolute;
	left: 12px;
	top: 7px;
	padding-top: 2px;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	border: 0;
	background: transparent;
	z-index: 1;
}

#sidebar #search_main input.submit {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
*/


/* Sidebar (flickr) */

.widget_woo_flickr h3 span {
	color: #0061D8;
}

.widget_woo_flickr h3 span span {
	color: #FF1183;
}

.widget_woo_flickr .wrap {
	margin-left: -5px;
	padding: 0;
	position: relative;
	margin-bottom:25px;
}

.widget_woo_flickr a img {
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	display: block;
	padding: 5px;
	background: #333;
	border: #222 1px solid;
}

.widget_woo_flickr a:hover img {
	border: #A8AA99 1px solid;
}

/* Sidebar (Home) */

#sidebar .show {
	margin-bottom: 0px;
	padding: 0 10px;
}

#sidebar .show h3 {
	font-family: gill sans, arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-bottom: 0px;
}

#sidebar .show p {
	padding-bottom: 0px;
	margin-bottom: 0px;
	line-height: 16px;
}

/* Footer */

#footer-out {
	width: 100%;
	padding: 15px 0 14px 0;
	margin-top:25px;
	height: 80px;
}
#footer {
	width: 960px;
	margin: 0 auto;
	padding-top: 10px;
	font-size: 11px;
	color: #fff;
	text-align: center;
}
#footer a{ color:#fff; }
#footer p {
	padding: 5px;
}
#footer img {vertical-align: middle;}
#footer span {display: none;}

/* Men at Work */

.image_box {
	float: left;
}

.image_box a {
	display: block;
}

.clear {clear:both}

/* Media Styles */

.audio-unit,
.picture-unit,
.video-unit { margin-bottom: 30px;}

.archive .audio-unit,
.archive .picture-unit,
.archive .video-unit {  margin-top: 0px;}

.audio-file {
	margin-bottom: 10px;
	
}
.audio-player {
	margin-bottom: 20px;
}

.audio-player span {
	display: block;
}

.audio-excerpt {
	color: #999;
	color: rgba(255,255,255,0.2);
}

.adspace-widget { text-align:center; background:#333; background:rgba(0,0,0,0.4); margin-bottom:20px}

/* Music Arhive */

.featured-tracks-holder { margin-bottom:15px}
.featured-tracks-holder .featured-track-left{ float:left; width:300px; font-size:11px;margin:25px 0 25px 25px; }
.featured-download .featured-tracks-holder .featured-track-left{  width:auto; }
span.styled-heading { text-transform:uppercase; letter-spacing:1px; margin-bottom:5px; display:block; color:#FFFF99; font-size:12px;} 

.featured-tracks-holder .featured-track{  border-bottom:1px solid #000;background:#333; background:rgba(0,0,0,0.4)}

.featured-tracks-holder .audio-unit,
.featured-tracks-holder .audio-player,
.featured-tracks-holder .audio-file { margin-bottom:0;padding-top:10px}

/* Slider */
#loopedSlider {
	width: 960px; margin: 0 auto;
}
.container { margin-bottom: 0px;width:950px; cursor: pointer; height:375px; overflow:hidden; position:relative; cursor:pointer; border: 5px solid black; background: #000; background: rgba(0,0,0,0.4) ; }
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:950px; display:none; }

/* Widgets */
.widget { margin-bottom: 20px}

.textwidget { padding:0 15px}

.widget_woo_search { margin-bottom:20px; }
.widget_woo_search #search_main  {padding-left:10px;}
.widget_woo_search #s { width:80%}

.widget_bs_newsloop h2, 
.widget_bs_showsloop h2,
.widget_bs_medialoop h2{ background:none !important; padding-left:0px!important; line-height:1.2em}


.widget_bs_newsloop ul, .widget_bs_newsloop p,
.widget_bs_showsloop ul, .widget_bs_showsloop p,
.widget_bs_medialoop ul, .widget_bs_medialoop p { clear:none!important}

.att-caption { float:none !important; margin-bottom:0!important; width:100%!important }

.att-desc { margin-bottom:20px}



.backstage-tooltip {-moz-border-radius:4px; background:#000; border:1px solid #444; padding:6px; color:#fff; width:140px; margin-left:15px}