@import url("reset.css");

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:#333;
    background: #000000;
}

p {
    padding: 10px;
}

#wrapper {
    margin: 0 auto;
    width: 1000px;
}

#header {
    float: left;
    height: 70px;
    width: 1000px;
    background: #b5b5b5;
    -moz-border-radius: 6px;
}
#logo {
    float: left;
    height: 145px;
    width: 1000px;
    -moz-border-radius: 6px;
}
#nar {
    float: left;
    height: 20px;
    width: 1000px;
    -moz-border-radius: 6px;
}
#content {
    float: left;
    background: #b5b5b5;
    width: 900px;
    -moz-border-radius: 6px;
}

#membersarea{
    background: #b5b5b5;
    width: 200px;
    float: left;
    -moz-border-radius: 6px;
}
#memnav{
    background: #b5b5b5;
    width: 200px;
    float: left;
    -moz-border-radius: 6px;
}

#rightcolumn {
    background: #b5b5b5;
    width: 150px;
    float: right;
    -moz-border-radius: 6px;
}

#footer {
    height: 40px;
    width: 1000px;
    background: #b5b5b5;
    clear: both;
    -moz-border-radius: 6px;
}
.button {
font-family: Courier New;
color: #ffffff;
font-size: 17px;
padding: 10px;
text-decoration: none;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-box-shadow: 0px 1px 3px #666666;
-moz-box-shadow: 0px 1px 3px #666666;
text-shadow: 1px 1px 2px #666666;
border: solid #b3b3b3 2px;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#bfbfbf), to(#4f4f4f));
background: -moz-linear-gradient(top, #bfbfbf, #4f4f4f);
}
.button:hover {
background: #706f70;
}
*                               { margin: 0; padding: 0; }
body                            { font: 12px "Lucida Grande", Sans-Serif; }
h2                              { color: #fa9f00; font: 30px Helvetica, Sans-Serif; margin: 0 0 10px 0; }
a:link      {color:#fa9f00; text-decoration: none;}
a:visited       {color:#fa9f00;text-decoration: none;}
a:hover     {color:#fa9f00;text-decoration: none;}
a:active        {color:#fa9f00;text-decoration: none;}
ol      { color:#fa9f00; text-decoration: none;}
#page-wrap                      { width: 500px; padding:1px solid; margin: 30px auto; position: relative; }

#chat-wrap                      { border: 2px solid #eee; margin: 0 0 15px 0; }
#chat-area                      { height: 300px; overflow: auto; border: 3px solid; padding: 20px; background: white; }
#chat-area span                 { color: black; background: #FFF; padding:2px solid;  margin: 0 5px 0 0; }
#chat-area p                    { padding: 8px 0; border-bottom: 1px solid #ccc; }

#name-area                      { position: absolute; top: 12px; right: 0; color: white; font: bold 12px "Lucida Grande", Sans-Serif; text-align: right; }
#name-area span                 { color: #fa9f00; }

#send-message-area p            { float: left; color: white; padding-top: 27px; font-size: 14px; }
#sendie                         { border: 3px solid #999; width: 360px; padding: 10px; font: 12px "Lucida Grande", Sans-Serif; float: right; }
input.btn {   color:#fa9f00;   font: bold 84% 'trebuchet ms',helvetica,sans-serif;   background-color:#fed;   border:1px solid;   border-color: #696 #363 #363 #696; }