.glow {
  background-color: #fff;
  border: 1px solid #E4B748;
  border-radius: 10px;
  box-shadow: 0 0 1px #EAC975, 0 0 2px #EAC975, 0 0 6px #EAC975, 0 0 12px #EAC975,
  inset 0 0 1px #EAC975, inset 0 0 2px #EAC975, inset 0 0 6px #EAC975, inset 0 0 12px #EAC975;
  width: 316px;
}

#kickstarter {
	background-color: #89b085;
	color: #fff;
	text-align: center;
	padding: 10px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	cursor: pointer;
	font-size: 16px;
	border-bottom: 1px outset #4cae4c;
	border-left: 1px outset #4cae4c;
	border-right: 1px outset #4cae4c;
}

#header {
	margin-bottom: 8px;
}
/* --- OVERLAY --- */
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
    z-index: 10000;
    display: none;
}

#overlay-gregory,
#overlay-player,
#overlay-album-art,
#overlay-suggest-genre {
	position: absolute;
	z-index: 10001;
	width: 350px;
	height: auto;
	top: 50px;
	margin-left: auto;
	margin-right: auto;
	display: none;
	visibility: hidden;
	background-color: #fff;
	text-align: left;
	padding: 20px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	border: 2px solid #a35e46;
}

#overlay-player {
	position: fixed;
	width: 430px;
}

#overlay-album-art,
#overlay-suggest-genre {
	position: fixed;
	width: 530px;
}

#overlay-gregory #close-overlay,
#overlay-player #close-overlay,
#overlay-album-art #close-overlay,
#overlay-suggest-genre #close-overlay {
	color: maroon;
}

.center-div {
	text-align: center;
	margin: 0 auto;
	width: 350px;
}

/* --- BOOTSTRAP --- */
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
input[type="date"] {
  line-height: 34px;
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.form-group {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
  }
}
.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-form.navbar-right:last-child {
    margin-right: -15px;
  }
}

/* --- End of BOOTSTRAP CSS --- */

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

a:link {
	color: #691616;
}

a:visited, a:active {
	color: #691616;
}

a:hover {
	text-decoration: none;
}

input[type=text],
select {
	font-size: 18px;
}

input[type=submit],
input[type=button] {
	font-family: Verdana;
}

BODY {
	font-family: Verdana;
	font-size: 11px;
	text-align: center;
}

body.new {
	background-image:url('/images/background.jpg');
	background-repeat:repeat;
	margin: 0;
}
/*
body.home.new {
	font-family: monospace;
	font-size: 12px;
} */

#select {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #dfdfdf;
	padding: 5px;
	-moz-border-radius-topleft: 8px; 
	-moz-border-radius-bottomleft: 8px; 
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border-bottom-left-radius: 8px; 
	border-top-left-radius: 8px;
	color:#202020;
}

#select2 {
	padding: 4px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.wrapper {
    margin: 0 auto;
    /* width: xxxx; Replace the xxxx with the the width of your site (eg 800px)*/
    text-align:left;
    width: 1000px;
    padding: 1px 50px;
    background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
	font-weight: bold;
	margin: 0;
}

h3 {
	font-size: inherit;
	margin: 0;
	font-weight: normal;
}

div.text input[type="text"], 
div.text input[type="password"], 
div.text input[type="file"] {
    background-color: #f9f1da;
    font-size: 20px;
}

/* TEXTOGRAPHY */
span.header-background {
	padding: 4px;
	background-color: #691616;
	color: #f9dcdc;
}

span.s10 { font-size: 10px; }
span.s11 { font-size: 11px; }
span.s12 { font-size: 12px; }
span.s13 { font-size: 13px; }
span.s14 { font-size: 14px; }
span.s16 { font-size: 16px; }
/* END TEXTOGRAPHY */

div.header {
	background-color: #691616;
	color: #f9dcdc;
	padding: 5px 5px 5px 20px;
	font-weight: 900;
	font-size: 14px;
	-moz-border-radius-topleft: 15px; 
	-moz-border-radius-topright: 15px; 
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	border-top-right-radius: 15px; 
	border-top-left-radius: 15px; 
}

div.header2 {
	background-color: #dfdfdf;
	border: 1px solid #ccc;
	padding: 5px 5px 5px 20px;
	font-weight: 900;
	font-size: 14px;
}

div.text {
	padding: 10px;
	background-color: #fff;
	border: 1px solid #691616;
}

div.text2 {
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ccc;
}

body.home div.text {
	border: 1px solid #B5B5B5;
}

div#control-panel {
	padding: 3px;
	border: 2px outset #e0d6ba;
	background-color: #fff3d3;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

div#social-buttons {
	height: 30px;
	width: 900px;
	text-align: right;
	padding: 5px 0 0 20px;
}

div.pagination {
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #f3f3f3;
	width: 500px;
}

div.pagination a {
	padding: 5px;
}

div.pagination a:hover {
	background-color: #ccc;
	color: #fff;
}

div#welcome-message {
	font-size: 13px;
	text-align: center;
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #edeff4;
}

body.home div#about .text {
	padding: 30px;
	border: 0;
}

div#about,
div#audio-jukebox,
div#audio-playlist {
	width: 425px;
	margin-top: 10px;
}

div#about {
	margin-right: 55px;
}

body.home div#featured {
	margin-top: 10px;
	border: 1px solid #a5714e;
	width: 425px;
	-moz-border-radius-topleft: 15px; 
	-moz-border-radius-topright: 15px; 
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	border-top-right-radius: 15px; 
	border-top-left-radius: 15px; 
}

body.home div#featured .label {
	background-color: #df9869;
	padding: 3px;
	-moz-border-radius-topleft: 15px; 
	-moz-border-radius-topright: 15px; 
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	border-top-right-radius: 15px; 
	border-top-left-radius: 15px; 
}

body.home div#featured .featured-sites {
	padding-left: 10px;
	padding: 3px;
}

body.home div#featured .featured-sites #lettucedebate,
body.home div#featured .featured-sites #riffit,
body.home div#featured .featured-sites #chichigirls {
	display: none;
}

body.new div#audio-jukebox .text,
body.browse div#audio-jukebox .text,
body.playlist div#audio-playlist .text,
body.profile div#audio-playlist .text {
	background: #fff url('/images/lyonnette.png') repeat;  
}

div#audio-jukebox .header {
	color: #fff;
	background-color: #939393;
}

div#audio-playlist .header {
	color: #fff;
	background-color: #cbb877;
}

div#audio-playlist .text {
	border: 1px solid #ccc;
}

div#audio-jukebox .text {
	border: 1px solid #cbb877;
}

div#video-jukebox {
	width: 897px;
	margin: 10px;
}

div#video-jukebox-expand {
	width: 665px;
}

body.home #header {
	margin: 10px 0 8px 20px;
}

body.home h1 {
    color: #24282c;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}

body.home p.about {
	font-size: 14px;
}

#logo {
	text-align: center;
	margin: 10px 100px 10px 15px;
}

body.new #nav #links a#shuffle-btn {
	color: #6f0000;
}

#nav #links {
	text-align: right;
}

#nav #links a {
	color: #4e4e4e;
	font-size: 13px;
}

/*
body.home.new #nav {
	margin-left: 24px;
} */

#nav a#register-link {
	font-weight: bold;
	font-size: 15px;
}

#search #q,
body.community #name,
body.community #note {
	width: 350px;
	background-color: #fff;
	font-size: 20px;
}

body.community #name {
	width: 450px;
}

#search {
	margin-top: 10px;
	border: 1px outset #ccc;
	background-color: #eee;
	width: 980px;

	background: -webkit-linear-gradient(left, #fff, #aeaeae); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #fff, #aeaeae); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #fff, #aeaeae); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #fff, #aeaeae); /* Standard syntax */
}

#search #search-form {
	width: 510px;
}

a#shuffle-btn {
	background-color: #FFFFFF;
    border: 1px outset #EEEEEE;
    color: #505068;
    font-size: 13px;
    padding: 3px;
    text-decoration: none;
    font-weight: bold;
}

a#shuffle-btn:hover {
	background-color: #EEE;
}

div#facebook-register {
	padding: 5px;
	background-color: #eec3c3;
	color: #b02727;
	margin-bottom: 8px;
}

input#q {
	background: url(/images/music-icon.png) no-repeat scroll 7px 7px;
	padding-left:30px;
	border: 1px solid #999;
}

body.home #new-members {
	padding-left: 60px;
	font-size: 14px;
	font-weight: bold;
	width: 794px;
}

body.home #new-members .cool-new {
	width: 372px;
	text-align: center;
	color: #202020;
}

body.home #new-members .right {
	padding-right: 5px;
}

body.home #new-members img {
	max-height: 25px;
	padding: 3px;
}

body.home #social-media,
body.home div#register-success,
body.activate div#activate {
	width: 935px;
}

div#support {
	padding: 2px;
	border: 1px solid darkorange;
	background-color: #fedeaf;

}

body.home #social-media .header {
	background-color: #cbcdd1;
	color: #691616;
}

body.home #social-media .text {
	border: 1px solid #cbcdd1;
}

body.home #social-twitter {
	padding-left: 10px;
	width: 475px;
}

body.home #main #piano-thumb {
	position: absolute;
	top: 300px;
	margin-left: -46px;
	cursor: pointer;
	z-index: 5;
}

body.home #main #keyboard-layout-toggle {
	text-align: right;
	margin-right: 100px;
}

body.home #main #keyboard-layout-toggle a {
	font-weight: bold;
	font-size: 13px;
}

body.home #main #keyboard-layout {
	display: none;
	text-align: center;
	padding: 7px;
}

body.home .myMarquee,
body.browse .myMarquee,
body.playlist .myMarquee,
body.profile .myMarquee {
	cursor: pointer;
}

body.home #vid-panel,
body.playlist #vid-panel,
body.profile #vid-panel {
	width: 873px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	height: 24px;
	background-color: #dfdfdf;
	position: relative;
	text-align: left;
	padding-top: 4px;
}

body.playlist #vid-panel,
body.profile #vid-panel {
	width: 400px;
}

body.home #scroller,
body.browse #scroller,
body.playlist #scroller,
body.profile #scroller,
body.playlist #homepage,
body.profile #homepage {
	margin: 0 auto;
	position: relative;
	width: 316px;
}

body.playlist #homepage,
body.profile #homepage {
	text-align: left;
}

#panel img,
#vid-panel img {
	border: 0;
}

body.home #panel,
body.browse #panel,
body.playlist #panel,
body.profile #panel {
	width: 314px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	height: 24px;
	background-color: #dfdfdf;
	margin: 0 auto;
	position: relative;
	text-align: left;
	padding-top: 4px;
}

body.home #panel #previous,
body.browse #panel #previous,
body.playlist #panel #previous,
body.profile #panel #previous,
body.home #vid-panel #vid-previous,
body.playlist #vid-panel #vid-previous,
body.profile #vid-panel #vid-previous {
	position: relative;
	top: 2px;
	left: 7px;
}

body.home #panel #next,
body.browse #panel #next,
body.playlist #panel #next,
body.profile #panel #next,
body.home #vid-panel #vid-next,
body.playlist #vid-panel #vid-next,
body.profile #vid-panel #vid-next {
	position: relative;
	top: 2px;
	left: 10px;
}

body.home #panel #refresh,
body.browse #panel #refresh,
body.playlist #panel #refresh,
body.profile #panel #refresh,
body.home #vid-panel #vid-refresh,
body.home #vid-panel #vid-goto,
body.playlist #vid-panel #vid-goto,
body.profile #vid-panel #vid-goto {
	padding: 0 4px;
	cursor: pointer;
}

body.browse #panel #refresh:hover,
body.playlist #panel #refresh:hover,
body.profile #panel #refrresh:hover,
body.home #panel #refresh:hover,
body.home #vid-panel #vid-refresh:hover,
body.home #vid-panel #vid-goto:hover,
body.playlist #vid-panel #vid-goto:hover,
body.profile #vid-panel #vid-goto:hover {
	background-color: #303030;
	color: #fff;
}

body.home #panel a,
body.browse #panel a,
body.playlist #panel a,
body.profile #panel a,
body.home #vid-panel a,
body.playlist #vid-panel a,
body.profile #vid-panel a {
	text-decoration: none;
	color: #303030;
}

body.home #panel .word:hover,
body.browse #panel .word:hover,
body.playlist #panel .word:hover,
body.profile #panel .word:hover,
body.home #vid-panel .word:hover,
body.playlist #vid-panel .word:hover,
body.profile #vid-panel .word:hover {
	text-decoration: underline;
}

body.home #panel .word,
body.home #panel .word2,
body.browse #panel .word,
body.browse #panel .word2,
body.playlist #panel .word,
body.playlist #panel .word2,
body.profile #panel .word,
body.profile #panel .word2,
body.home #vid-panel .word,
body.home #vid-panel .word2,
body.playlist #vid-panel .word,
body.playlist #vid-panel .word2,
body.profile #vid-panel .word,
body.profile #vid-panel .word2 {
	position: relative;
	top: -3px;
	color: #303030;
}

body.home #playlist,
body.browse #playlist,
body.playlist #playlist,
body.profile #playlist {
	text-align: left;
	position: relative;
	height: 150px;
	overflow: hidden;
	width: 305px;
	border: 1px solid #ccc;
}

body.home #playlist .selection,
body.browse #playlist .selection {
	background-color: #F5ECCE;
}

body.home #playlist .selection,
body.browse #playlist .selection,
body.playlist #playlist .selection,
body.profile #playlist .selection {
	margin: 2px;
}

body.home #playlist .song,
body.browse #playlist .song,
body.playlist #playlist .song,
body.profile #playlist .song {
	padding: 5px;
	width: 269px;
	cursor: pointer;
	min-height: 25px;
}

body.home #playlist .selection .album,
body.browse #playlist .selection .album {
	font-size: 10px;
	color: #717171;
}

body.home #playlist .selection .selected .album,
body.browse #playlist .selection .selected .album {
	color: #bdbdbd;
}

body.home #playlist .album-cover,
body.browse #playlist .album-cover {
	width: 24px;
	padding-right: 5px;
}

body.home #playlist .album-cover img,
body.browse #playlist .album-cover img {
	width: 25px;
}

body.home #playlist .info,
body.browse #playlist .info {
	width: 240px;
}

body.home #playlist .goto,
body.browse #playlist .goto,
body.playlist #playlist .goto,
body.profile #playlist .goto {
	padding: 5px;
	cursor: pointer;
	min-height: 25px;
}

body.home #playlist .song:hover,
body.home #playlist .goto:hover,
body.browse #playlist .goto:hover,
body.browse #playlist .song:hover,
body.playlist #playlist .song:hover,
body.playlist #playlist .goto:hover,
body.profile #playlist .song:hover,
body.profile #playlist .goto:hover  {
	background-color: #b8ae8b;
}

body.home #playlist .song.selected,
body.browse #playlist .song.selected,
body.playlist #playlist .song.selected,
body.profile #playlist .song.selected {
	background-color: #887D5A;
	color: #fff;
	font-weight: bold;
}

body.browse .scroller h2 {
	font-size: 11px;
}

body.home .Scroller-Container,
body.browse .Scroller-Container,
body.playlist .Scroller-Container,
body.profile .Scroller-Container {
  position: absolute;
}

body.home .Scrollbar-Track,
body.browse .Scrollbar-Track,
body.playlist .Scrollbar-Track,
body.profile .Scrollbar-Track {
  width: 9px; height: 152px;
  position: relative;
  background-color: #CCC;
  left: -1px;
}
body.home .Scrollbar-Handle,
body.browse .Scrollbar-Handle,
body.playlist .Scrollbar-Handle,
body.profile .Scrollbar-Handle {
  position: absolute;
  top: 0px; left: 0px;
  width: 8px; height: 30px;
  background-color: #999;
  border: 1px solid #fff;
  cursor: pointer;
}

body.support #support-list {
	width: 800px;
	padding: 3px 15px 3px 3px;
	border: 1px solid #999;
	background-color: #f3f3f3;
	margin-left: 20px;
}

body.support h2 {
	font-size: 12px;
	font-weight: normal;
}

body.support #support-ways ol li {
	padding: 3px;
	border: 1px solid #999;
}

#success-message {
	padding: 5px;
	background-color: #eec3c3;
	color: #b02727;
	margin-bottom: 8px;
	display: none;
}

body.browse a.genre {
	font-size: 18px;
	font-weight: bold;
}

body.browse h2 {
	font-size: 20px;
}

body.browse .column {
	margin-left: 20px;
}

body.browse #letters {
	font-size: 18px;
	text-align: center;
}

body.browse #ad {
	padding: 10px;
	text-align: center;
    margin-top: 10px;
}

body.browse #suggest {
	font-size: 16px;
	padding: 3px;
	background-color: #d9bfbf;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	width: 350px;
	font-weight: bold;
	text-align: center;
	margin: 15px auto 0 auto;
}

body.settings .column1 {
	width: 270px;
}

body.settings .column2 {
	width: 600px;
	margin-left: 30px;
}

body.settings .title {
	padding: 2px;
	border: 2px outset #e0d6ba;
	background-color: #fff3d3;
}

body.settings .info {
	border: 1px solid #e0d6ba;
}

body.settings .label {
	float: left;
	text-align: right;
	width: 150px;
	padding: 6px;
}

body.settings .input {
	float: left;
	padding: 6px;
}

body.search h1 {
	font-size: 16px;
	margin: 5px 0;
	font-weight: normal;
}

body.search h2, h3 {
	margin: 0;
	font-weight: normal;
	font-size: inherit;
}

body.search p.reshuffle {
	padding: 4px;
	border: 1px solid #ccc;
	width: 500px;
	background-color: #f3f3f3;
}

body.search p.reshuffle a {
	font-size: 16px;
	font-weight: bold;
	color: #786c76;
}

body.search .narrow-results {
	width: 225px;
	border: 1px solid #eee;
	padding: 3px;
	font-size: 16px;
	font-weight: bold;
	margin-right: 10px;
}

body.search #songs {
	width: 840px;
}

body.search #ads {
	margin-top: 53px;
}

body.search .song {
	padding: 3px;
	min-height: 95px;
	border: 1px solid #999;
	margin-bottom: 5px;
	width: 820px;
}

body.search .song .thumbnail {
	height: 75px;
	width: 95px;
}

body.search .song .title {
	font-size: 18px;
	font-weight: bold;
}

body.search .song .info {
	width: 520px;
}

body.search .song .rating {
	margin-left: 15px;
}

body.search #noresults {
	padding: 5px;
	border: 1px solid #ccc;
}

body.search .skyscraper-ad {
	position: fixed;
	margin-left: 840px;
	margin-top: 70px;
}

/* LISTEN page */
body.search .link-ads,
body.listen .link-ads {
	padding: 6px;
	text-align: center;
}

body.listen h1 {
	font-size: 16px;
}

body.listen #column1 {
	width: 340px;
}

body.listen #column2 {
	width: 340px;
	margin-left: 10px;
}

body.listen #player {
	border: 2px solid #ccc;
	background-color: #f3f3f3;
	padding: 10px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

body.listen #controls {
	margin-top: 12px;
}

body.listen.video #controls {
	margin: 0;
}

body.home #player,
body.browse #player,
body.playlist #player,
body.profile #player {
	text-align: center;
	border: 1px solid #ccc;
	padding: 10px;
}

body.listen.video #player {
	height: 500px;
}

body.listen.video #video {
	height: 435px;
}

body.listen .box {
	margin-top: 10px;
	border: 1px solid #ccc;
	padding: 3px;
}

body.listen .box .line {
	padding: 3px 0;
}

body.listen .title {
	padding: 3px;
	background-color: #f3f3f3;
	text-align: left;
	font-weight: bold;
	color: #333;
	font-size: 12px;
}

body.listen #switch-player,
body.home #switch-player {
	padding: 5px 0;
	border: 1px solid #999;
}

body.home #switch-player {
	width: 314px;
	left: 44px;
	position: relative;
}

body.home #volume-control,
body.browse #volume-control,
body.playlist #volume-control,
body.profile #volume-control {
	padding: 8px 0;
	font-family: monospace;
	position: relative;
	left: 45px;
	width: 314px;
}

body.listen #info {
	font-size: 10px;
}

body.listen #info #album-art {
	padding: 2px;
	border: 2px solid #ccc;
}

body.listen #info #details {
	margin-left: 10px;
	width: 239px;
}

body.listen .label {
	margin-right: 5px;
	text-align: right;
	width: 40px;
	color: #666;
	padding: 1px;
}

body.listen .label2 {
	margin-right: 5px;
	text-align: right;
	width: 70px;
	color: maroon;
	padding: 1px;
}

body.listen #info .track {
	width: 190px;
	text-align: left;
	padding: 1px;
}

body.playlist .tooltip,
body.browse .tooltip,
body.listen .tooltip,
body.search .tooltip,
body.home .tooltip,
body.profile .tooltip,
body.music .tooltip {
	position: absolute;
	display: none;
	width: 300px;
	height: auto;
	background-color:  #f3f3f3;
	border: 1px solid #ccc;
	padding: 10px;
	color: #333;
	font-size: 11px;
	z-index: 10;
	text-align: left;
}

body.listen #share #embed {
	font-size: 10px;
	margin-left: 16px;
}

body.listen #lyrics {
	max-height: 175px;
	overflow: hidden;
	font-family: verdana;
}

body.listen #lyrics .left {
	padding: 15px;
}

body.listen #description .description {
	font-size: 10px;
	text-align: left;
	padding: 7px;
}

body.listen #comments {
	min-height: 300px;
}

body.listen #dcomments {
	font-size: 10px;
	text-align: left;
	padding: 7px;
}

body.listen #dcomments h5 {
	color: #5f6a87;
	font-size: 12px;
}

body.listen #suggested .text {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 788px;
}

body.listen .suggested {
	margin: 8px 0;
    width: 260px;
    padding: 5px;
    border: 1px solid #ccc;
}

body.listen .suggested .thumbnail {
	width: 30px;
}

body.listen .suggested .details {
	width: 200px;
}

body.listen .suggested img {
	width: 25px;
}

body.listen .suggested a {
	font-size: 13px;
	font-weight: bold;
	color: #666;
}

body.listen div#featured {
	margin-top: 10px;
	margin-left: 8px;
	border: 1px solid #a5714e;
	width: 270px;
	-moz-border-radius-topleft: 15px; 
	-moz-border-radius-topright: 15px; 
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	border-top-right-radius: 15px; 
	border-top-left-radius: 15px; 
}

body.listen div#featured .label {
	background-color: #df9869;
	padding: 3px;
	-moz-border-radius-topleft: 15px; 
	-moz-border-radius-topright: 15px; 
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	border-top-right-radius: 15px; 
	border-top-left-radius: 15px; 
	width: 264px;
	color: #333;
	text-align: left;
}

body.listen div#featured .featured-sites {
	padding-left: 10px;
	padding: 3px;
}

body.listen div#featured .featured-sites #lettucedebate,
body.listen div#featured .featured-sites #riffit,
body.listen div#featured .featured-sites #chichigirls {
	display: none;
}

body.listen .flag-message {
	padding: 5px;
	margin: 10px 30px;
	border: 1px solid maroon;
	background-color: #eec3c3;
	color: #b02727;
}

body.listen .flagged {
	color: maroon;
	font-weight: bold;
}

body.listen.video #column2 {
	margin-top: 10px;
}

 /* Visualizer */
body.listen #visualizer,
body.home #visualizer,
body.browse #visualizer,
body.playlist #visualizer,
body.profile #visualizer {
	position: relative;
	top: 3px;
}

body.listen #visualizer img,
body.home #visualizer img,
body.browse #visualizer img,
body.playlist #visualizer img,
body.profile #visualizer img {
	width: 316px;
}

body.listen #visualizer #bars,
body.listen #visualizer #wave,
body.home #visualizer #bars,
body.browse #visualizer #bars,
body.playlist #visualizer #bars,
body.profile #visualizer #bars {
	position: absolute;
	top: 0;
	display: none;
	left: 0;
}

body.home #visualizer #bars,
body.browse #visualizer #bars,
body.playlist #visualizer #bars,
body.profile #visualizer #bars {
	left: 47px;
}

body.listen #visualizer .bar,
body.home #visualizer .bar,
body.browse #visualizer .bar,
body.playlist #visualizer .bar,
body.profile #visualizer .bar {
	height: 30px;
	width: 6px;
	background-color:rgba(255, 204, 153, 0.60);
	margin: 3px;
	position: relative;
	border: 1px solid #ffcc66;
}

body.listen #visualizer-buttons .vtext {
	font-family: monospace;
	padding-bottom: 1px;
}

body.listen #visualizer-buttons .vicon {
	padding: 0 4px;
	cursor: pointer;
}

body.listen #visualizer-buttons .vicon:hover {
	background-color: #999;
}

body.listen #visualizer-buttons .ibars {
	border: 2px solid #333;
}

body.listen #suggested .text2 {
	max-height: 850px;
	overflow-y: auto;
	overflow-x: none;  
}

body.listen #correct-genre {
	font-size: 11px;
}

body.listen #selection-genre {
	background-color: #89b085;
	padding: 2px;
	display: none;
	width: 237px;
}

/* END of LISTEN page */

/* MUSIC page */
body.music div.title,
body.profile .title {
	padding: 2px;
	background-color: #c2cbe1;
	color: #616570;
	font-size: 15px;
	font-weight: bold;
	border: 1px outset #616570;
	width: 200px;
}

body.music #edit,
body.playlist #playlist-controls,
body.profile #settings {
	margin: 10px 0;
	border: 1px solid #c6cfe4;
	background-color: #f0f3fb;
	width: 450px;
	padding: 3px;
}

body.profile #settings {
	width: 450px;
}

body.music #edit .row {
	margin-top: 10px;
}

body.music #edit .label,
body.playlist .label,
body.profile .label {
	padding: 2px;
	background-color: #fff;
	color: #333;
	border: 2px solid #c6cfe4;
	width: 150px;
	text-align: right;
	height: 17px;
}

body.playlist #note {
    border: 1px solid #ccc;
    padding: 4px;
    background-color: #eee;
    margin-bottom: 5px;
}

body.playlist .label {
	width: 250px;
}

body.playlist .bgcolor {
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

body.playlist .label,
body.playlist .input,
body.profile .label,
body.profile .input {
	border: 2px solid #fff;
	padding: 2px;
}

body.playlist .label {
	padding: 4px;
	font-size: 12px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px; 

	background: -webkit-linear-gradient(left, #CACACA, #fff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #CACACA, #fff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #CACACA, #fff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #CACACA, #fff); /* Standard syntax */
}

body.music #edit .xheight {
	height: 37px;
}

body.music #edit .input,
body.profile .label {
	padding: 2px;
	background-color: #c6cfe4;
}

body.playlist .label {
	padding: 7px 4px;
	background-color: #DADADA;
}

body.playlist .input {
	width: 180px;
	border: 0;
}

body.profile .input {
	width: 280px;
}

body.music #edit input,
body.music #edit select,
body.playlist #playlist-controls input,
body.playlist #playlist-controls select,
body.profile #settings input,
body.profile #settings select {
	font-size: 12px;
}

body.music .row2,
body.playlist .row2 {
	background-color: #f3f3f3;
}

body.music .column1,
body.music .column8,
body.music .column9,
body.playlist .column1 {
	width: 60px;
}

body.playlist .column9 {
	width: 30px;
}

body.playlist #titles .column9 {
	width: 60px;
}

body.music .column2,
body.music .column3,
body.music .column4,
body.music .column5,
body.music .column6,
body.music .column7,
body.playlist .column2,
body.playlist .column3,
body.playlist .column4,
body.playlist .column5,
body.playlist .column6,
body.playlist .column7,
body.playlist .column8 {
	width: 120px;
}

body.music #titles div,
body.playlist #titles div {
	background-color: #e1e3e8;
	color: #616570;
	border: 1px solid #fff;
	font-weight: bold;
	font-size: 14px;
	padding: 3px 0;
}

body.music #titles .clear,
body.playlist #titles .clear {
	padding: 0;
}

body.music .songs div,
body.playlist .songs div {
	padding: 2px;
}

body.music .songs .column2,
body.playlist .songs .column2,
body.playlist .songs .column3 {
	text-align: center;
}
/* END of MUSIC page */

body.playlist #player1 {
	padding: 0;
	margin: 0;
}

body.playlist #playlist-controls {
	margin-left: 15px;
}

body.playlist #colorPickerDiv {
	top: 210px;
}

body.playlist .pick {
	background-color: #fff;
	padding: 2px;
	font-size: 11px;
	margin-left: 155px;
}

body.profile #colorPickerDiv {
	top: 454px;
}

body.playlist #embed-code,
body.playlist #edit-playlist {
	margin-left: 15px;
	margin-top: 20px;
	font-size: 11px;
	color: #333;
}

body.playlist #embed-code input {
	font-size: 12px;
	width: 400px;
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 3px;
	color: #333;
}

body.profile .upload {
	margin: 10px;
}

body.profile #right-column {
	margin-left: 10px;
}

body.profile #follow,
body.community .follow,
body.community .unfollow {
	border: 1px solid #ccc;
	margin: 10px 0;
	padding: 10px;
}

body.profile .follow,
body.community .follow {
	background-color: #d7f1d1;
}

body.profile .unfollow,
body.community .unfollow {
	background-color: #f5c0cf;
}

body.profile #follow a,
body.community .follow a,
body.community .unfollow a {
	font-size: 24px;
	font-weight: bold;
}

body.profile #follow-message,
body.community .follow-message {
	display: none;
	border: 1px solid #ccc;
	margin: 10px 0;
	padding: 10px;
	background-color: #f5c0cf;
	font-weight: bold;
	color: maroon;
}

body.profile #followers,
body.profile #following {
	border: 1px solid #ccc;
	margin: 10px 0;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

body.profile #followers a,
body.profile #following a {
	padding: 3px;
	background-color: #fff;
}

body.profile #followers div,
body.profile #following div,
body.profile #followers div img,
body.profile #following div img {
	padding: 2px;
}

/* COMMUNITY */
body.community #options {
	display:none;
}

body.community #member-search,
body.community #post-update {
	 background-color: #d7f1d1;
	 padding: 5px;
	 width: 600px;
}

body.community #zip-code {
	padding-top: 15px;
	display: none;
}

body.community #checkboxes {
	padding-top: 15px;
}

body.community .member {
	padding: 7px;
	border: 1px solid #ccc;
	margin: 7px 0;
	width: 780px;
}

body.community .avatar {
	width: 150px;
	text-align: center;
}

body.community .avatar img {
	max-width: 100px;
}

body.community .follow-member {
	width: 375px;
	text-align: center;
}

body.community #tabs li {
	list-style:none;
	display:inline;
}

body.community #tabs a {
	padding:5px 10px;
	display:inline-block;
	background:#666;
	color:#fff;
	text-decoration:none;
}

body.community #tabs a.active {
	background:#fff;
	color:#000;
}

body.community .rerandomize {
	font-size: 18px;
	font-weight: bold;
	padding:5px 10px;
	color:#666;
}

body.community #other-user {
	font-size: 18px;
	margin-top: 8px;
	font-weight: bold;
	color:#666;
	border: 1px solid #666;
	padding: 5px;
	width: 600px;
}

body.community #notebook-write b.label {
	padding: 5px;
	font-size: 14px;
	background-color: #b9c5d8;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

body.community #note-content .date {
	padding: 3px;
	font-size: 16px;
	background-color: #d3dded;
	font-weight: bold;
	border: 1px solid #bac9df;
}

body.community #note-content .unfollow {
	padding: 0;
	margin: 0;
}

body.community #note-content .post {
	border: 1px dashed #bac9df;
	padding: 6px;
	background-color: #eff2f7;
	width: 784px;
}

body.community #note-content .post.update,
body.community #note-content-tags .post.update {
	background-color: #fff;
	padding: 3px;
	border: 1px solid #000;
}

body.community #note-content .post.update span {
	font-size: 14px;
	font-weight: bold;
}

#nav #control-panel a.community {
	padding: 0 3px;
	background-color: #f4790c;
	color: #fff;
	font-size: 16px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

#nav #control-panel a.mymusic {
	padding: 0 3px;
	background-color: #e8944a;
	color: #fff;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

#nav #control-panel a.linkset1 {
	padding: 0 3px;
	background-color: #fff;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

#nav #control-panel span.ptext {
	padding: 3px;
	background-color: #e6b372;
	color: #fff;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

div#register {
	width: 800px;
}

div#register #login {
    border-right: 1px dashed #27542C;
    width: 270px;
}

div#register #signup {
    padding-left: 5px;
    width: 400px;
}

div#footer {
    text-align: center;
}

body.new div#footer {
	margin: 0 -50px;
	background-color: #333;
    padding: 23px;
    color: #eee;
    border-top: 20px solid #4c4c4c;
}

body.new div#footer a {
	color: #6a6a6a;
	text-decoration: none;
}

body.new div#footer a:hover {
	text-decoration: underline;
}

body.select ul li {
	padding: 5px;
}

body.select #subscribe,
body.home #subscribe {
	padding: 5px;
	text-align: center;
}

body.select #subscribe .package {
	width: 300px;
	margin: 0 10px;
}

body.home #subscribe .package {
	width: 245px;
	margin: 0 5px;
}

/* HTML5 <audio> CSS */
.audiojs {
	width: 316px;
	height: 26px;
	/*background: -moz-linear-gradient(center top , #bab770 0%, #dbd884 50%, #bab770 51%, #bab770 100%) repeat scroll 0 0 #c9c679;*/
}

body.home .audiojs,
body.browse .audiojs,
body.playlist .audiojs,
body.profile .audiojs {
	position: relative;
	margin: 0 auto;
}

.audiojs .scrubber {
	width: 175px;
	margin: 5px;
}

.audiojs .play-pause {
	padding: 0;
	height: 26px;
}

.audiojs .time {
	padding: 6px 0 0 6px;
	line-height: 1;
	height: 20px;
}
/* END - HTML5 <audio> CSS */

.myMarquee {
	width:314px; 
	height:20px; 
	overflow:hidden; 
	position:relative;
	border:1px solid #aaa; 
	margin:0 auto; 
	background:#ccc;
}
.scroller {display:block; width:316px; height:20px; position:absolute; left:0; top:0;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-moz-animation-duration:10s;
-moz-animation-name: scroll;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-webkit-animation-duration:10s;
-webkit-animation-name: scroll;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
-o-animation-duration:10s;
-o-animation-name: scroll;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-duration:10s;
animation-name: scroll;
}

@-moz-keyframes scroll {
0% {left:0;}
100% {left:-216px;}
}

@-webkit-keyframes scroll {
0% {left:0;}
100% {left:-216px;}
}

@-o-keyframes scroll {
0% {left:0;}
100% {left:-216px;}
}

@keyframes scroll {
0% {left:0;}
100% {left:-216px;}
}

.scroller:hover {
 -moz-animation-play-state: paused;
 -webkit-animation-play-state: paused;
 -o-animation-play-state: paused;
 animation-play-state: paused;
 }