html, body { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

blockquote, q { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; quotes: "" ""; }
blockquote:before, q:before, blockquote:after, q:after { content: ""; }

th, td, caption { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-align: left; font-weight: normal; vertical-align: middle; }

table { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; border-collapse: separate; border-spacing: 0; vertical-align: middle; }

a img { border: none; }

.showgrid { background: url('/static/images/grid.png?1253048026'); }

body { line-height: 1.5; font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color: #333333; font-size: 75%; }

h1 { font-weight: normal; color: #222222; font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h1 img { margin: 0; }

h2 { font-weight: normal; color: #222222; font-size: 2em; margin-bottom: 0.75em; }

h3 { font-weight: normal; color: #222222; font-size: 1.5em; line-height: 1; margin-bottom: 1em; }

h4 { font-weight: normal; color: #222222; font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }

h5 { font-weight: normal; color: #222222; font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }

h6 { font-weight: normal; color: #222222; font-size: 1em; font-weight: bold; }

h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

p { margin: 0 0 1.5em; }
p img.left { display: inline; float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { display: inline; float: right; margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a { text-decoration: underline; color: #000099; }
a:visited { color: #000066; }
a:focus { color: black; }
a:hover { color: black; }
a:active { color: #cc0099; }

blockquote { margin: 1.5em; color: #666; font-style: italic; }

strong { font-weight: bold; }

em { font-style: italic; }

dfn { font-style: italic; font-weight: bold; }

sup, sub { line-height: 0; }

abbr, acronym { border-bottom: 1px dotted #666; }

address { margin: 0 0 1.5em; font-style: italic; }

del { color: #666; }

pre { margin: 1.5em 0; white-space: pre; }

pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

li ul, li ol { margin: 0 1.5em; }

ul { margin: 0 1.5em 1.5em 1.5em; list-style-type: disc; }

ol { margin: 0 1.5em 1.5em 1.5em; list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }

dd { margin-left: 1.5em; }

table { margin-bottom: 1.4em; width: 100%; }

th { font-weight: bold; }

thead th { background: #c3d9ff; }

th, td, caption { padding: 4px 10px 4px 5px; }

tr.even td { background: #e5ecf9; }

tfoot { font-style: italic; }

caption { background: #eee; }

.quiet { color: #666666; }

.loud { color: #111111; }

a:link { color: #006600; }

a:visited { color: #669966; }

#errors { text-align: center; padding-top: 5px; padding-bottom: 4px; background-color: #e2451c; font-weight: bold; color: white; margin-bottom: 5px; font-size: 1.2em; }

#container { width: 600px; margin: 0 auto; overflow: hidden; display: inline-block; }
#container { display: block; }

#header, #footer { display: inline; float: left; margin-right: 0px; width: 600px; }
* html #header, * html #footer { overflow-x: hidden; }

#content { display: inline; float: left; margin-right: 0px; width: 600px; }
* html #content { overflow-x: hidden; }

#footer { margin-top: 75px; margin-bottom: 10px; font-size: 0.9em; text-align: center; color: #bbb; }
#footer a { color: #bbb; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

.highlight { background-color: #ffc; }

body#home #header { margin-top: 50px; margin-bottom: 20px; text-align: center; }
body#home #header h1 { text-indent: -9999em; overflow: hidden; background-image: url('/static/images/logo_300w.png?1253048026'); background-repeat: no-repeat; background-position: 50% 50%; width: 100%; height: 69px; }
body#home #header h1 a { display: block; height: 69px; }
body#home #header p { font-size: 2em; font-weight: bold; margin-bottom: 0; background-color: #ffc; }
body#home #content { display: inline; float: left; margin-right: 0px; width: 525px; margin-left: 55.0px; }
* html body#home #content { overflow-x: hidden; }
body#home #content form .errorlist { width: 100%; text-align: center; padding-top: 5px; padding-bottom: 4px; background-color: #e2451c; font-weight: bold; color: white; margin-bottom: 5px; }
body#home #content form .errorlist li { list-style-type: none; margin-left: 0px; }
body#home #content #first_step h2 { margin-bottom: -5px; }
body#home #content #first_step small#first_step_helper { display: block; color: #555; margin-top: 5px; margin-left: 35px; width: 470px; }
body#home #content #first_step small#first_step_helper a { text-decoration: none; font-weight: bold; }
body#home #content #first_step small#first_step_helper a:hover { text-decoration: underline; }
body#home #content #first_step small#first_step_helper #basic_text { display: none; }
body#home #content #first_step small#first_step_helper #enhanced_text { display: none; }
body#home #content #first_step #selected_file-flash { display: none; margin-bottom: 10px; }
body#home #content #first_step #selected_file-flash p { margin-top: 10px; margin-bottom: 0; text-align: center; font-size: 1.3em; font-weight: bold; }
body#home #content #first_step #selected_file-flash small { display: block; width: 100%; margin-left: 0; text-align: center; }
body#home #content #first_step #selected_file-flash a#select_another-flash { text-decoration: none; }
body#home #content #first_step #selected_file-flash a#select_another-flash:hover { text-decoration: underline; }
body#home #content #first_step #progressbar-flash { display: none; border: 1px solid #999; width: 80%; margin-left: auto; margin-right: auto; height: 15px; background-color: #eee; }
body#home #content #first_step #progressbar-flash #bar { height: 100%; background-color: #ccc; width: 0; }
body#home #content #first_step #file #file-input { margin-left: 80px; margin-top: 20px; }
body#home #content #first_step #file #file-input .swfupload { position: absolute; z-index: 1; padding: 2px; }
body#home #content #first_step #file #file-input input { margin-left: 0; font-size: 1.3em; }
body#home #content #first_step #file ul.errorlist { margin: 0; }
body#home #content #second_step { margin-top: 25px; }
body#home #content #second_step h2 { zoom: 1; display: inline; display: -moz-inline-box; display: inline-block; vertical-align: top; zoom: 1; display: inline; }
body#home #content #second_step button { margin-left: 5px; font-size: 2em; width: 470px; }
body#home #content #second_step small { display: block; margin-top: 10px; width: 460px; text-align: center; margin-left: 36px; }
body#home #content #second_step small a { text-decoration: none; }
body#home #content #second_step small a:hover { text-decoration: underline; }

body#next #header, body#success #header, body#show #header, body#edit #header, body#delete #header, body#download #header, body#tos #header, body#aup #header, body#privacy #header, body#dmca #header, body#error #header { margin-top: 50px; margin-bottom: 10px; text-align: left; }
body#next #header h1, body#success #header h1, body#show #header h1, body#edit #header h1, body#delete #header h1, body#download #header h1, body#tos #header h1, body#aup #header h1, body#privacy #header h1, body#dmca #header h1, body#error #header h1 { text-indent: -9999em; overflow: hidden; background-image: url('/static/images/logo_250w.png?1253048026'); background-repeat: no-repeat; background-position: 50% 50%; margin-bottom: 0px; margin-right: 5px; width: 250px; height: 57px; float: left; display: -moz-inline-stack; }
body#next #header h1 a, body#success #header h1 a, body#show #header h1 a, body#edit #header h1 a, body#delete #header h1 a, body#download #header h1 a, body#tos #header h1 a, body#aup #header h1 a, body#privacy #header h1 a, body#dmca #header h1 a, body#error #header h1 a { display: block; height: 57px; }
body#next #header p, body#success #header p, body#show #header p, body#edit #header p, body#delete #header p, body#download #header p, body#tos #header p, body#aup #header p, body#privacy #header p, body#dmca #header p, body#error #header p { zoom: 1; display: inline; display: -moz-inline-box; display: inline-block; vertical-align: top; margin-top: 19px; margin-left: 5px; font-size: 1.2em; font-weight: bold; }
body#next #content, body#success #content, body#show #content, body#edit #content, body#delete #content, body#download #content, body#tos #content, body#aup #content, body#privacy #content, body#dmca #content, body#error #content { clear: left; }

body#success #content #short_url h2 { text-align: center; font-size: 2em; font-weight: bold; margin-bottom: 5px; }
body#success #content #short_url h3 { text-align: center; font-size: 2em; font-weight: bold; margin-bottom: 10px; padding-top: 7px; padding-bottom: 7px; background-color: #26ab57; }
body#success #content #short_url h3 a { color: white; text-decoration: none; }
body#success #content #short_url h3 a:hover { text-decoration: underline; }
body#success #content #helper { margin-left: 15px; margin-right: 15px; }
body#success #content #helper p { font-size: 1.2em; }
body#success #content #edit_url { padding-top: 7px; padding-bottom: 9px; padding-left: 15px; padding-right: 15px; background-color: #e2451c; color: white; }
body#success #content #edit_url img { float: left; width: 50px; height: 50px; margin-top: 10px; margin-left: 5px; }
body#success #content #edit_url p { margin-top: 0px; margin-bottom: 0px; margin-left: 75px; }
body#success #content #edit_url p#important { font-size: 1.1em; margin-bottom: 4px; }
body#success #content #edit_url p#important strong { font-size: 1.1em; }
body#success #content #edit_url p#edit_link { font-size: 1.2em; text-align: center; }
body#success #content #edit_url p#edit_link a { color: white; font-weight: bold; }
body#success #content #edit_url p#aside { margin-top: 5px; font-size: 0.9em; }
body#success #content #edit_url p#aside strong { font-size: 1.1em; }

body#show #content #introduction, body#download #content #introduction { margin-bottom: 20px; }
body#show #content #introduction h2, body#download #content #introduction h2 { text-align: center; font-size: 2em; font-weight: bold; margin-bottom: 5px; }
body#show #content #introduction h3, body#download #content #introduction h3 { text-align: center; font-size: 2em; font-weight: bold; margin-bottom: 10px; padding-top: 7px; padding-bottom: 7px; background-color: #ffc; }
body#show #content #audio_player, body#download #content #audio_player { width: 550px; margin-left: auto; margin-right: auto; }
body#show #content #actions, body#download #content #actions { text-align: right; margin-right: 40px; }
body#show #content #actions ul, body#download #content #actions ul { list-style-type: none; margin: 0px; padding: 0px; display: inline; }
body#show #content #actions ul li, body#download #content #actions ul li { margin: 0px; padding: 0px; display: inline; }
body#show #content #actions ul a, body#download #content #actions ul a { text-decoration: none; }
body#show #content #actions ul a:hover, body#download #content #actions ul a:hover { text-decoration: underline; }
body#show #content #song_info, body#download #content #song_info { margin-top: 0px; margin-left: auto; margin-right: auto; position: relative; height: 140px; width: 98%; }
body#show #content #song_info h2, body#download #content #song_info h2 { font-size: 1.6em; font-weight: bold; border-bottom: 1px solid #ccc; }
body#show #content #song_info #song_info_left, body#download #content #song_info #song_info_left { position: absolute; top: 36px; left: 0px; width: 68%; }
body#show #content #song_info #song_info_left dt, body#download #content #song_info #song_info_left dt { float: left; text-align: right; font-weight: bold; width: 80px; }
body#show #content #song_info #song_info_left dt:after, body#download #content #song_info #song_info_left dt:after { content: ":"; }
body#show #content #song_info #song_info_left dd, body#download #content #song_info #song_info_left dd { margin-left: 88px; padding-bottom: 0.2em; }
body#show #content #song_info #song_info_right, body#download #content #song_info #song_info_right { position: absolute; top: 36px; left: 68%; margin-left: 8px; }
body#show #content #song_info #song_info_right dt, body#download #content #song_info #song_info_right dt { float: left; text-align: right; font-weight: bold; width: 80px; }
body#show #content #song_info #song_info_right dt:after, body#download #content #song_info #song_info_right dt:after { content: ":"; }
body#show #content #song_info #song_info_right dd, body#download #content #song_info #song_info_right dd { margin-left: 88px; margin-left-padding-bottom: 0.2em; }
body#show #content #comments, body#download #content #comments { margin-top: 40px; margin-left: 5px; margin-right: 5px; }
body#show #content #comments #disqus_thread, body#download #content #comments #disqus_thread { margin-bottom: 0; }
body#show #content #comments #disqus_thread #dsq-content #dsq-comments-title h3, body#download #content #comments #disqus_thread #dsq-content #dsq-comments-title h3 { margin-bottom: 5px; }
body#show #content #comments #disqus_thread #dsq-content .dsq-options, body#download #content #comments #disqus_thread #dsq-content .dsq-options { padding-bottom: 10px; margin-bottom: 5px; }
body#show #content #comments #disqus_thread #dsq-content #dsq-comments, body#download #content #comments #disqus_thread #dsq-content #dsq-comments { margin-bottom: 0; }
body#show #content #comments #disqus_thread #dsq-content .dsq-pagination, body#download #content #comments #disqus_thread #dsq-content .dsq-pagination { background: none; padding: 0; margin: 0; margin-bottom: 5px; font-weight: bold; }
body#show #content #comments #disqus_thread #dsq-content .dsq-post-area h3, body#download #content #comments #disqus_thread #dsq-content .dsq-post-area h3 { margin-bottom: 5px; }
body#show #content #comments #disqus_thread #dsq-content .dsq-post-area .dsq-authenticate .dsq-login-buttons, body#download #content #comments #disqus_thread #dsq-content .dsq-post-area .dsq-authenticate .dsq-login-buttons { background: none; margin-bottom: 0; padding: 5px 0; }
body#show #content #comments #disqus_thread #dsq-content .dsq-item-trackback, body#download #content #comments #disqus_thread #dsq-content .dsq-item-trackback { display: none; }
body#show #content #comments .dsq-brlink, body#download #content #comments .dsq-brlink { display: none; }

body#download #content #go-back { font-size: 1.1em; }
body#download #content #go-back a { text-decoration: none; }
body#download #content #go-back a:hover { text-decoration: underline; }
body#download #content #introduction { margin-top: 22px; text-align: center; }
body#download #content #introduction ul { list-style-type: none; margin: 0px; padding: 0px; display: inline; }
body#download #content #introduction ul li { margin: 0px; padding: 0px; display: inline; }
body#download #content #introduction ul li { margin-right: 20px; }
body#download #content #introduction ul li.last { margin-right: 0; }
body#download #content #download-link { text-align: center; font-size: 1.8em; }
body#download #content #download-link p { margin-bottom: 0; }
body#download #content #download-link p strong { font-size: 1.1em; }
body#download #content #download-link p a { text-decoration: none; }
body#download #content #download-link p a:hover { text-decoration: underline; }
body#download #content #download-link p#actual-link small { font-size: 0.5em; color: #999; }

body#next #content h2#bigprompt, body#edit #content h2#bigprompt { text-align: center; font-size: 1.9em; font-weight: bold; margin-bottom: 5px; background-color: #ffc; }
body#next #content #nothanks, body#edit #content #nothanks { clear: right; margin-right: 3px; text-align: right; font-size: 1.1em; }
body#next #content #nothanks a, body#edit #content #nothanks a { text-decoration: none; }
body#next #content #nothanks a:hover, body#edit #content #nothanks a:hover { text-decoration: underline; }
body#next #content #song_edit, body#edit #content #song_edit { margin-top: 10px; margin-left: 15px; }
body#next #content #song_edit #helper p, body#edit #content #song_edit #helper p { font-size: 1.2em; margin-bottom: 5px; }
body#next #content #fields, body#edit #content #fields { width: 500px; margin-left: auto; margin-right: auto; }
body#next #content #fields p, body#edit #content #fields p { margin-bottom: 1px; height: 30px; }
body#next #content #fields p label, body#edit #content #fields p label { display: block; margin-top: 3px; font-size: 1.2em; float: left; font-weight: bold; width: 60px; text-align: right; margin-right: 8px; }
body#next #content #fields p input, body#edit #content #fields p input { font-size: 1.1em; }
body#next #content #fields p input#id_title, body#next #content #fields p input#id_artist, body#next #content #fields p input#id_album, body#edit #content #fields p input#id_title, body#edit #content #fields p input#id_artist, body#edit #content #fields p input#id_album { width: 400px; }
body#next #content #fields p input#id_year, body#next #content #fields p input#id_track, body#next #content #fields p input#id_genre, body#edit #content #fields p input#id_year, body#edit #content #fields p input#id_track, body#edit #content #fields p input#id_genre { width: 182px; }
body#next #content #fields ul.errorlist, body#edit #content #fields ul.errorlist { clear: left; width: 490px; margin-left: 10px; text-align: center; padding-top: 5px; padding-bottom: 4px; background-color: #e2451c; font-weight: bold; color: white; margin-bottom: 5px; margin-top: 5px; }
body#next #content #fields ul.errorlist li, body#edit #content #fields ul.errorlist li { list-style-type: none; margin-left: 0px; }
body#next #content form button, body#edit #content form button { margin-top: 15px; float: right; text-align: right; font-size: 1.7em; #width: 330px; margin-bottom: 8px; }

body#edit #content #delete { clear: right; margin-right: 7px; text-align: right; font-size: 1.5em; }
body#edit #content #delete a { color: #b22222; text-decoration: none; }
body#edit #content #delete a:hover { text-decoration: underline; }
body#edit #content form button { margin-bottom: 15px; }

body#delete #content h2#bigprompt { text-align: center; font-size: 1.9em; font-weight: bold; margin-bottom: 15px; background-color: #ffc; }
body#delete #content #thanks { margin-left: 15px; margin-right: 15px; }
body#delete #content #thanks p { font-size: 1.3em; }
body#delete #content #mainpage { text-align: center; }
body#delete #content #mainpage a { font-size: 1.2em; text-decoration: none; }
body#delete #content #mainpage a:hover { text-decoration: underline; }

body#tos #content { text-align: justify; }
body#tos #content ol { margin-left: 30px; }
body#tos #content ol li { margin-bottom: 10px; }
body#tos #content ol li ul { margin-top: 10px; }
body#tos #content ol li ul li { font-size: 0.9em; }

body#aup #content, body#privacy #content, body#dmca #content { text-align: justify; }
body#aup #content ul, body#privacy #content ul, body#dmca #content ul { margin-left: 30px; }
body#aup #content ul li, body#privacy #content ul li, body#dmca #content ul li { margin-bottom: 10px; }
