/* bushwickbk styles */
#outer { width: auto; }
#maincontent { }
 
body { /*background: url(../images/background.jpg) left top no-repeat; */}

#content { padding: 0px; width: 450px; float: left; }
#sidebar { width: 334px; font-size: 13px; float: left; }

.music { position: relative; /*left: 19px; top: 105px; */}

.music a { font-family: arial; color: #257966; font-size: 15px;  }
.music a:hover { } 

.music  { width: 100%; float: left; }
.bushwickbk-rail { border: 1px #000 solid; float: left; }
.music .right { float: right; }
.music .clear { clear: both; }

/* general form styles */
.music .error { font-size: 12px; color: #FF0000; display: inline }
.music .helper { font-size: 10px; color: #444 }
.music .helper.mp3 { color: #000; font-size: 13px; font-weight: bold }

.music input.text, textarea.text { color: #444; font-size: 14px; border: 1px #DCDCDC solid; }
.music input.submit { clear: both; }

/*
.navigation { border-bottom: 1px #cdcdcd solid; padding-bottom: 10px; margin-bottom: 8px; }
*/

/* SUBMISSION FORM STYLES */
#submission { font-family: arial; font-size: 12px; }
#submission fieldset { width: 100%; border: 0px; position: relative; }
#submission li { width: 100%; float: left; clear: both; margin: 3px 0; padding: 7px 0 7px 2px; }
#submission li.alt { background-color: #FBFBFB; border-top: 1px #F4F4F4 solid; border-bottom: 1px #F4F4F4 solid;}
#submission li.file-upload { padding-top: 10px; border-top: 1px #F0F0F0 solid; }
#submission li.options { border-bottom: 1px #F0F0F0 solid; }
#submission label { display: block; float: left; width: 120px; }
#submission input.file { font-size: 14px; }
/* error style exception: puts description error on new line and indents, looks better under textarea*/
#submission #description_error { height: 1em; display: block; margin-left: 120px;}
/* contains loading animation and helper text */

/*
#submission_progress { display: none; padding: 4px 0; font-weight: bold; color: #333 }
#submission_progress .loading-icon {  margin-right: 5px; vertical-align: text-bottom; height: 16px; width: 16px; }
*/
#submission #submission_progress { 
	display: none;
	position: absolute; 
	top: 0; 
	left: 0; 
	background-color: #F9F9F9; 
	border: 1px #F0F0F0 solid;
	z-index: 1000; 
	height: 100%; 
	width: 100%;
	opacity:.90;
	filter: alpha(opacity=90); 
	-moz-opacity: 0.90;
}
#submission #submission_progress p { padding: 30px; font-size: 16px;  }
#submission #submission_progress img { display: block; margin: 0 auto 15px auto; }


/* LISTING STYLES */
.submission-header { font-size: 20px; margin-bottom:5px; }

#submission-list { width: 100%; }
#submission-list li { width: 100%; float: left; clear: both; border-top: 1px #DEDEDE solid; line-height: 1em; padding: 8px 0; margin-bottom: 10px; font-size: 14px; font-family: arial; color: #444; }
#submission-list li.list-controls { background: none; font-size: 12px; line-height: 1.3em; margin-bottom: 20px; border: 0px; padding: 0px; }
#submission-list li.list-controls a { font-size: 12px; }
#submission-list li.list-controls a.submit-link { float: right; font-size: 14px; }
#submission-list li .main-info { width: 452px; padding: 0 0px; float: left; border-bottom: 0px; /*background: url(../images/submission-list-bg.gif) left top repeat-x*/}
#submission-list li .main-info  a { font-size: 11px; }

.controls  { width: 160px; float: right; }
.controls div { clear: right; float: right; white-space: nowrap; }
.controls .admin { margin-top: 5px; position: relative; }

.music-blog.full-listing { margin: 10px 0 20px 0; border: 1px #ccc solid; background: #eee; padding: 13px 10px; }
.music-blog.full-listing a { font-size: 14px; line-height: 1.4em }
.music-blog.full-listing .header a { font-size: 20px; color:#000; text-decoration: none; }
.music-blog.full-listing .see-more { font-size: 12px; line-height: 1.5em; }

/* width is set on title so long song titles wrap instead of clipping the admin controls */
#submission-list li .header  { width: 300px; }
#submission-list li .title { font-size: 16px; color: #222;  }
#submission-list li .artist { display: block; padding: 3px 0; font-size: 12px; } 
#submission-list li .artist a { font-size: 14px; }
#submission-list li .description { word-wrap: break-word; font-size: 13px; line-height: 1.3em; color: #666; margin: 3px 0; }
#submission-list li .player { float: left; width: 270px; clear: none; }
#submission-list li .image-container { float: right; width: 125px; height: 90px; overflow: hidden; }
#submission-list li .image-container img { width: 125px; height: auto; }


.clipboard-box { position: absolute; z-index: 1000; top: 15px; left: 0px; }
.clipboard-box textarea { width: 300px; height: 160px; border: 1px #CACACA solid; }

/* comment styles */
.comments { clear: both; width: 452px; padding: 0 0px; font-size: 10px; }
.comments a { text-decoration: none; font-size: 10px; color: #5a5a5a;  }
.comments a:hover { text-decoration: underline; }

.comment-list { margin-bottom: 10px }
.comment-list li { line-height: 1.3em !important; font-size: 11px !important; background: none !important; border: none !important; border-bottom: 1px #f0f0f0 solid !important; margin: 0px !important; padding: 5px 0 !important; } 
.comment-list li .delete.button { position: relative; top: 3px; margin-right: 6px; }

/* comment form styles */
.comment-form  { padding-top: 10px; }
.comment-form li { clear: both; float: left; font-size: 12px !important; background: none !important; border: none !important; margin: 2px 0 !important; padding: 3px 0 !important;}
.comment-form li label { display: block; float: left; width: 80px }
.comment-form li input.submit { margin-left: 80px; }
.comment-form input.text, .comment-form textarea { font-size: 14px; }
.comment-form textarea { width: 300px !important; }

.close-comments { display: block; clear: both; text-align: right; background: transparent }

/* button styles */
.music a.button { position: relative; display: block; margin: 0 3px; float: left; text-indent: 9999px; overflow: hidden;  background-repeat: no-repeat; background-position: left top; cursor: pointer;}
.music a.email { background-image: url(../images/mail-front.gif); width: 13px; height: 10px; }
.music a.edit { background-image: url(../images/pencil.gif); width: 10px; height: 10px; }
.music a.approve { background-image: url(../images/checkmark.gif); width: 12px; height: 9px; }
.music a.delete { background-image: url(../images/x-red.gif); width: 9px; height: 9px; }
.music a.save { background-image: url(../images/disk.gif); width: 11px; height: 11px; }
.music a.copy { background-image: url(../images/twodocs.gif); width: 11px; height: 13px; }
.music a.show-comments { background-image: url(../images/quote.gif); width: 12px; height: 12px; }


/* SIDEBAR STUFF */
#sidebar { width: 334px; font-size: 13px; float: left; color: #333;   }

.big-description { font-family: arial; font-size: 14px; line-height: 1.1em; padding-bottom: 15px; }