html {
    background-color:   #000000;  
}

body {
    width:      100%;
    background-color:   #000000;
    text-align:         center;
    font-size:          62.5%;
    font-family:        "Segoe UI", Tahoma, Verdana, Arial, Serif;   
}

a {
    color:      #00d3ff;   
}

a:hover {
    color:      #aae3ff;   
}

a.button 
{
       background-color:    #fe0d60;
       padding:             4px 8px 5px 8px;
       align:               center;
       color:               #ffffff;
       text-decoration:     none;
       border-radius:       5px;
       font-weight:         bold;
       text-transform:      uppercase;
       font-size:           9px;
}

a.button:hover
{
       background-color:    #fe3d90;
}

a.staff {
    background-color:   #aaddaa;   
    color:              #003300;
    margin-right:       5px;
}

a.staff:hover {
    background-color:   #bbeebb;   
}

a.chatbutton {
    padding:            0 8px 2px 8px;   
    font-weight:        bold;
}

#container {
    width:          960px;
    background-color:   #000000;
    text-align:         left;
    margin:             50px auto 50px auto; 
    background-image:   url(/content/images/bg_body.jpg);  
    padding:            10px 0 10px 0;
}

#wrapper {
    width:      940px;
    background-color:   #000000;
    margin:     0 auto;
    background-image:   url(/content/images/bg_wrapper.jpg);
    background-repeat:  no-repeat;
}

#header {
    
}

#header #logo {
    width:      240px;
    height:     152px;
    float:      left;   
}

#header #logo p {
    padding:    0;
    margin:     0;   
}

#header #additional {
    width:      700px;
    float:      left;   
}

#header #additional p {
    text-align:     right;
    color:          #ffffff;
    padding:        30px 40px 20px 0;
    font-size:      1.2em;   
}

#header #additional #nav {
    width:      100%;   
}

    #header #additional #nav ul {
        margin:         0 0 0 20px;
    }
    
    #header #additional #nav li {
        float:      left;
        padding:    10px 0 8px 0;
        margin:     0 10px 0 10px;
        text-transform: uppercase;
        font-size:      1.2em;  
        font-weight:    bold; 
    }
    
    #header #additional #nav li a {
        color:      #ffffff;   
        text-decoration:      none;
    }
    
    #header #additional #nav li a:hover {
        color:      #ff0060;   
        text-decoration:      none;
    }
    
    #header #additional #nav li.on {
        border-bottom:      3px solid #00d3ff;   
    }
    
    #header #additional #nav li.on a {
        color:      #ffffff;
    }
    
    #header #additional a.inbox {
        margin-right:   10px;   
    }
    
    
#banner {
    width:      920px;
    padding:    10px 0 0 0;
    border-top: 1px solid #00d3ff;   
    margin:     0 auto;
}

    #banner p {
        padding:        0;
        margin:         0;   
    }
    
    #banner p img {
        margin:     0;   
    }
  
 #sidebar {
    width:      250px;
    float:      left;   
 }  
 
    #sidebar h2 {
        color:          #00d3ff;
        font-size:      1.4em;
        padding:        40px 20px 20px 30px;
        font-weight:    bold;
        text-transform: uppercase;   
    }
    
    #sidebar h2.profile {
        padding-bottom: 5px;   
    }
    
    #sidebar li {
        color:          #ffffff;
        font-size:      1.2em;
        padding:        0 20px 20px 30px;   
    }
    
    #sidebar li small {
        color:          #ffffff;
        font-size:      0.8em;   
    }
    
     #sidebar p {
        color:          #ffffff;
        font-size:      1.2em;
        padding:        0 20px 20px 30px;
    }
    
    
    
 
 #maincontent {
    width:      710px;
    float:      left;  
 }
 
    #maincontent h1 {
        color:          #ffffff;
        font-size:      1.4em;
        padding:        40px 60px 20px 20px;
        font-weight:    bold;
        text-transform: uppercase;   
    }
    
    #maincontent h2 {
        color:          #ffffff;
        font-size:      1.2em;
        padding:        0 50px 5px 20px;
        font-weight:    bold;
        text-transform: uppercase;   
    }
    
    #maincontent p {
        color:          #dddddd;
        font-size:      1.2em;
        padding:        0 50px 10px 20px;
        line-height:    1.3em;  
    }
    
    
    
    #maincontent table {
        width:                  650px;
        margin:                 0 0 0 10px;
        border-collapse:        collapse;
    }
    
    #maincontent table tr {
        border-bottom:          1px solid #333333;
        margin:                 0 0 1px 0;
    }
    
    #maincontent table tr th {
        color:      #fe0d60;
        font-size:      1.2em;
        padding:        5px 10px 5px 10px;
    }
    
    
    #maincontent table tr td {
        color:          #eeeeee;
        padding:        5px 10px 5px 10px;   
        background-color:   #111111;
        font-size:          1.2em;
    }
    
    #maincontent table tr td.replies {
        color:          #eeeeee;
        padding:        5px 10px 5px 10px;   
        background-color:   #111111;
        font-size:          1.1em;
        width:              100px;
        text-align:         right;
    }

#footer {
    width:      940px;
    background-image:   url(/content/images/bg_footer.jpg);   
    background-repeat:  no-repeat;
    margin:             20px 0 0 0;
}

#footer p {
    font-size:      1.0em;
    color:          #ffffff;
    padding:        20px 30px 20px 30px;
    font-weight:    bold;
}



p.header {
    font-weight:    bold;   
}

span.highlight {
    color:      #fe0d60;   
}


.pagecontent {
    width:      960px;
    background-image:   url(/content/images/bg_pagecontent.jpg);   
    background-repeat:  no-repeat;
}
    
fieldset 
{
    padding:        20px 0 20px 0;   
}
    
label 
{
    padding:        5px 0 5px 5px;
    color:          #ffffff;
    font-size:      1.2em;
    font-weight:       bold;  
    width:          120px;
    float:          left;
    text-align:     right; 
}
    
input[type="text"] 
{
    border:     1px solid #00d3ff;
    padding:        5px;
    font-size:      1.2em;
    color:          #00d3ff;
    float:          left;
    width:          200px;   
    background-color:   #111111;
    margin:         0 0 5px 10px;
}
select
{
    border:     1px solid #00d3ff;
    padding:        5px;
    font-size:      1.2em;
    color:          #00d3ff;
    float:          left;
    width:          200px;   
    background-color:   #111111;
    margin:         0 0 5px 10px;
}



input[type="password"] 
{
    border:     1px solid #00d3ff;
    padding:        5px;
    font-size:      1.2em;
    color:          #00d3ff;
    float:          left;
    width:          200px;   
    background-color:   #111111;
    margin:         0 0 5px 10px;
}

input[type="submit"] 
{
       background-color:    #fe0d60;
       padding:             4px 8px 5px 8px;
       align:               center;
       color:               #ffffff;
       text-decoration:     none;
       border-radius:       5px;
       font-weight:         bold;
       text-transform:      uppercase;
       font-size:           9px;
       margin:              0 0 0 135px;
       border:              0;
       cursor:              pointer;
}

input[type="submit"]:hover
{
       background-color:    #fe3d90;
       cursor:              pointer;
}

input[type="submit"].nomargin {
    margin:         0 0 0 10px !important;   
}

input[type="button"] 
{
       background-color:    #fe0d60;
       padding:             4px 8px 5px 8px;
       align:               center;
       color:               #ffffff;
       text-decoration:     none;
       border-radius:       5px;
       font-weight:         bold;
       text-transform:      uppercase;
       font-size:           9px;
       margin:              0 0 0 135px;
       border:              0;
       cursor:              pointer;
}

input[type="button"]:hover
{
       background-color:    #fe3d90;
       cursor:              pointer;
}

input[type="button"].nomarginchat {
    margin:         5px 0 0 10px !important;   
}



textarea
{
    border:         1px solid #00d3ff;
    padding:        5px;
    font-size:      1.2em;
    color:          #00d3ff;
    float:          left;
    width:          500px;   
    height:         300px;
    background-color:   #111111;
    margin:         0 0 5px 10px;
}


    
    
    
/* Fixes */

.clearFix {
    clear:          both;   
}

.alignright {
    float:          right;   
}

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


div.discussionitem {
    margin:         0 0 20px 0;  
    background-color:   #111111;
    border-radius:      5px;
    padding:            10px 0 0 0; 
    width:              680px;
}

div.profilebox {
    float:          left;
    margin:         -10px 0 0 -240px;
    background-color:   #111111;
    border-radius:      5px;
    width:          230px;  
    padding:        10px 0 0 0; 
}

div.smilies {
    float:          left;
    margin:         -10px 0 0 -240px;
    background-color:   #111111;
    border-radius:      5px;
    width:          230px;  
    padding:        10px 0 0 0; 
}

img.avatar {
    width:          40px !important;   
    height:         40px !important;
    margin-bottom:  40px;
}

img.avatarprofile {
    width:          40px !important;   
    height:         40px !important;
    margin-bottom:  0;
}

a.discussiontitle {
    font-weight:        bold;   
}

a.username {
    font-size:          1.4em;   
}

span.banned {
    font-weight:        bold;
    color:              #c10000;  
    padding-right:      5px; 
}

span.staff {
    font-weight:        bold;
    color:              #aaddaa;   
    padding-right:      5px;
}

span.moderator {
    font-weight:        bold;
    color:              #ddddaa;   
    padding-right:      5px;
}

span.inactive {
    font-weight:        normal;
    color:              #333333;   
    padding-right:      5px;
}


ul.paging {
    margin:     20px 60px 10px 15px;
}

ul.paging li {
    float:      left;
    margin:     0 5px 5px 5px;   
}

hr {
    border:     0;
    border-bottom:  1px solid #00d3ff;
    width:      920px;
    margin:     0 0 20px -240px;   
}

ul.userlist li {
    display:        inline;   
}

#chatroom {
    width:      920px;
    padding:    10px 0 0 0;
    border-top: 1px solid #00d3ff;   
    margin:     0 auto;
}

    
    #chatroom #chatcontent {
        width:      688px;
        height:     500px;
        overflow:   auto;
        float:      left;  
        margin:         0 0 0 10px;
        border:         1px solid #00d3ff;
        background-image:   url(/content/images/chat.png);
        background-repeat:  no-repeat;
    }
    
    #chatroom #chatcontent div.chatmessage {
        border-bottom:      1px dotted #666666;
    }
    
    #chatroom #chatcontent p {
        color:      #ffffff !important;
        padding:    5px 5px 5px 5px !important;
        float:      left;
    }
    
    #chatroom #chatcontent p.user {
        text-align:     right;
        width:          80px;
        overflow:       hidden;
        margin:         0 !important;
        font-size:      12px !important;
        font-weight:    bold;
    }
    
    #chatroom #chatcontent p.time {
        width:      40px;
        overflow:       hidden;
        margin:         0 !important;
        font-size:      12px !important;
    }
    
    #chatroom #chatcontent p.chatmessage {
        margin:         0 !important;
        font-size:      12px !important;
        width:          500px;
    }
    
    #chatroom #chatters {
        width:      208px;
        float:      left;   
        border:         1px solid #00d3ff;
        height:     500px;
        overflow:   auto;
    }
    
    #chatroom #chatters li {
        color:      #ffffff !important;
        padding:    5px 10px 5px 10px !important;
        font-size:  1.2em !important;   
    }
    
    #chatroom #addtochat #chatline {
        width:      678px;   
        border-right:   2px solid #00d3ff;
        color:          #ffffff !important;
    }
    
    img.smilyicon {
        vertical-align: text-bottom;   
    }
    
    div.col30 {
        width:      30%;
        float:      left;   
    }    
    
    div.col40 {
        width:      40%;
        float:      left;   
    }
    
    div.col50 {
        width:      50%;
        float:      left;   
    }
    
    div.col60 {
        width:      60%;
        float:      left;   
    }
    
    div.col70 {
        width:      70%;
        float:      left;   
    }
    
    
    
    div.error {
        background-color:   #fe0d60;   
    }
    
    div.error p {
        font-weight:    bold;   
        color:          #ffffff !important;
        padding:        10px !important;
        margin:         30px 30px 10px 0 !important;
    }