@import url(styles.reset.css);

body { background:#120612; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#ccc; }

a { font-weight:bold; text-decoration:none; color:#ddd; }
a:hover { text-decoration:underline; }

h1 {}
h2 { font-size:16px; margin-bottom:20px;}
h3 {}
h4 {}
h5 {}
h6 {}

div.purple { padding:20px; background:#461d46; margin-bottom:20px; }
div.purple p { color:#c198c1; }
div.purple h2 { color:#915c91; }
div.purple span { color:#c198c1; }

div.green { padding:20px; background:#3d6938; margin-bottom:20px; }

p { font-size:14px; line-height:20px; margin-bottom:20px; }



a.button { font-weight:normal;color:#fff; width:175px; height:30px; line-height:30px; text-align:center; font-size:14px; border:0; text-decoration:none; display:block; margin:0; background:#c198c1; cursor:pointer;}
a.button:hover,a.button:active { color:#461d46; }

.wrap { margin:0 auto; width:800px; }

.logo { text-align:center; margin-top:30px; margin-bottom:10px; }
.button { width:200px; height:30px; background:#916fae; color:#fff; line-height:30px; text-align:center; }

.clear { clear:both; }

/* Footer */
.footer { color:#c198c1; text-align:right; margin-bottom:20px; }

/* Now Playing */
.now_playing { background:#333; padding:10px; margin-bottom:10px; overflow:hidden; }
.now_playing .dj_icon { float:left; margin-right:10px; }

.now_playing .dj_offline { background:#5a84aa; color:#a3c8ea; float:left; height:55px; padding:10px; margin-right:10px; text-align:center; width:465px; }
.now_playing .dj_offline span { font-size:13px; line-height:14px; color:#fff; font-weight:bold; }

.now_playing .dj_info { background:#5a84aa; color:#a3c8ea; float:left; height:55px; padding:10px; margin-right:10px; text-align:center; width:365px; }
.now_playing .dj_info span { font-size:13px; line-height:14px; color:#fff; font-weight:bold; }

.now_playing .dj_sample { background:#5a84aa; color:#a3c8ea; float:left; height:55px; padding:10px; margin-right:10px; text-align:center; width:70px; }
.now_playing .dj_sample span { font-size:13px; line-height:14px; color:#fff; font-weight:bold; }

.now_playing .dj_song { background:#5a84aa; color:#a3c8ea; float:left; height:55px; padding:10px; margin-right:10px; text-align:center; width:200px; }
.now_playing .dj_song span { font-size:13px; line-height:14px; color:#fff; font-weight:bold; }


/* Menu */
.menu { background:#333; padding:10px; margin-bottom:20px; }
.menu ul { margin-left:10px; margin-right:-5px; list-style-position:outside; }
.menu ul li { display:inline; color:#999; font-size:14px; margin-right:15px; line-height:20px; }
.menu ul li a { font-size:16px; font-weight:bold; color:#999; text-decoration:none; }
.menu ul li a:hover, .menu ul li a.current { color:#c198c1; }

/* MooTools.Tips */
.tip-top { color:#fff; width:139px; z-index:13000; }
.tip-title { width:123px; font-weight: bold; font-size: 11px; margin: 0; color: #9FD4FF; padding:8px 8px 4px; background: url(/_images/tip_bubble.png) top left; }
.tip-text { width:123px; font-size:11px; padding:4px 8px 8px; background:url(/_images/tip_bubble.png) bottom right; color:#fff; }
.tip-text a { color:#069; }
.tip-loading { background:url(ajax_load.gif) center center no-repeat; width:30px; height:30px; margin:0 auto; }

/* Forms */
.form { }
.form legend { color:#fff; *margin-left:-7px; font-size:16px; font-weight:bold; }
.form fieldset { border:1px solid #ccc; padding:20px; margin-bottom:15px; }
.form fieldset div { overflow:hidden; display:inline-block; margin-bottom:10px; }
.form fieldset div { display:block; }

.form fieldset div label { float:left; width:170px; font-size:12px; line-height:23px; font-weight:bold; color:#c198c1; }
.form fieldset div input { font-size:12px; padding:3px; color:#666; }
.form fieldset div input.text { width:225px; }
.form fieldset div input.short { width:150px; }

.form fieldset div input:hover { }

.form a.right { float:right; }
.form a.left { float:left; }