/* SET UP
__________ */

* {margin: 0; padding: 0;}

body { 
margin: 0;
padding:0;
font-family: helvetica, arial, sans-serif; 
color: #000; 
/*background-image: url(assets/wave.png);*/
background-position: center;
background-attachment:fixed;
background-repeat: repeat-x;
background-color: #fff;
font: 62.5%/1.6em;
}

body.help { background-image: none; background-color: #fff;}

#wrapper {
width: 950px; margin-left: auto; margin-right: auto; 
}

#wrapper.help {width: 450px; background-color: #fff;}


 
/* SET UP
_________________ */

p, h1, h2, h3, ul, li {line-height: 180%; color: #4b9dcf;}

#help p, #help h1, #help h2, #help h3, #help ul, #help li {line-height: 180%; color: #363534;}


a {display: block; color: #4b9dcf; text-decoration: none; border-bottom: 1px #4b9dcf dotted;}
a.inline {display: inline; color: #4b9dcf; text-decoration: none; border-bottom: 1px #4b9dcf dotted;}


a:hover {display: block; background-color: #4b9dcf; color: #fff;}

#help a {color: #363534; text-decoration: none; border-bottom: 1px #363534 dotted;}



a.none {border-bottom: none;}

p {font-size: 0.8em; margin-bottom: 8px;}

p.larger {font-size: 0.8em; margin-bottom: 8px;}

p.column-intro {font-size: 0.9em; line-height: 130%;}

h1, h2 {color: #fff; font-size: 1.3em;}

h2 {font-size: 1em;}

h3 {font-size: 0.8em; display: block; padding: 10px 0;}

li {list-style-type: none; font-size: 0.8em; list-style-position: inside; font-size: 0.8em;}


.first {font-size: 0.9em; font-weight: bold;}

.highlight {font-weight: bold;}

.clearer {clear: both; height: 2px;}

.hidden {display: none;}

a {text-decoration: none;}

.left {float: left; margin: 0 5px 10px 0;}

.right {float: right; margin: 0 0 10px 5px;}

.up10px {margin-top: -10px;}



/* MASTHEAD
_________________ */

#masthead-wrapper {width: 100%; height: 130px; padding-top: 10px;}

#masthead {width: 950px; margin-left: auto; margin-right: auto; height: 130px; }

.logo {height: 110px; float: left; width: 950px; background-repeat: no-repeat; background-image:url(logo04.png); margin-top: 20px;}


.announcements {width: 950px; margin-left: auto; margin-right: auto; height: 50px; font-size: 1.2em; }


/* Columns */

.settings {float: right; width: 250px; padding-top: 30px; margin-left: 35px;}


/* requests and messages */

#request {width: 100%;}

#request .line {width: 400px; float: left; clear: both; margin: 10px 25px;}

#request input, #request textarea {background-color: #4b9dcf; border-collapse: collapse; height: 40px; width: 400px; border: 3px solid #4b9dcf; -moz-border-radius: 3px;
-webkit-border-radius: 3px; color: #000;}

#request textarea {height: 230px;}

#request p {color: #000;}

#request input.button {width: 140px; font-size: 1em;}




/* music */

#music {width: 200px; float: right;}

.music-content {float: left; width: 250px; margin-top: 30px;}




/* chat */

#chat {width: 450px; float: left;}

.chat-content {float: left; width: 450px; margin-top: 30px;}




/* buttons */

#buttons {width: 950px; margin-left: auto; margin-right: auto;}

.buttons {background-position: top left; background-repeat: no-repeat; float: left; margin-top: 25px;}

.fb {}

.no-play {margin-left: 235px; margin-top: 5px;}

.buttons p {padding: 35px 0 0 47px; line-height: 100%;}

.buttons a img {border: none;}




/* FOOTER
_________________ */

#footer {
clear: both; 
padding-top: 30px;
width: 950px; 
margin-left: auto;
margin-right: auto;
padding: 40px 0;
text-align: left;
}

#footer a, #footer a:hover {display: inline;}



/* Request */

/* last fm */

/*#lastfm {width: 950px; margin-left: auto; margin-right: auto; border:none; overflow:scroll; padding: 5px;}
#lastfm img {display: none;}
#lastfm li, #lastfm ul {border-bottom: none;}
#lastfm li {float: left; list-style-position: inside; margin-left: 8px; list-style-type: disc; !important}
#lastfm a {display: inline; border-bottom: none;}*/

.frame {
font:12px arial;
width:200;
height:200;
border:none;
overflow:scroll;
border:1px solid black;
padding:5;
}


.announcements a {display: inline;}