@charset "utf-8";
/*///////////////////////////
CSS Stylesheet for Uber Melons Clan
Base / Global Styles
///////////////////////////*/

body { background: #000 url(../images/bg.png) repeat-x top fixed; font-family: Arial, Helvetica, sans-serif; font-size: 0.80em; color: #fff; margin: 0; padding: 0;}
h1,h2,h3,h4,h5,a,img,p,form { margin: 0; padding: 0; border: 0; text-decoration: none;}
#preloader { display: none;}
textarea#comment{width: 540px; height: 150px;}

/*////////////////////////////////////////////////////////////////////////////////////
Page framework divs
////////////////////////////////////////////////////////////////////////////////////*/
#container { background: #353535 url(../images/content-bg.jpg) repeat-x top; border-left: 1px solid #5c5c5c; border-right: 1px solid #5c5c5c; width: 939px; margin: 0 auto;}
#header { height: 490px;}
#header h1 { display: none;}
.navigation { background: url(../images/logo.png) no-repeat; width: 526px; height: 64px; margin: 0 31px; padding: 0 0 0 351px;}
.navigation ul { list-style-type: none; margin: 0; padding: 0;}
.navigation ul li { float: left; position: relative; z-index: 100;}
.navigation ul li a { font-family: Tahoma; font-size: 11px; font-weight: bolder; height: 18px; display: block; color: #753fc3; height: 13px; padding: 25px 12px; text-align: center; text-transform: uppercase;}
.navigation ul li a:hover { background: url(../images/nav-bg.png) repeat-x;}
#inner { padding: 0 31px;}
p { margin-bottom: 1em;}
#left { float: left; font-size: 11px; color: #6e6e6e; line-height: 1.5em; width: 287px; margin: 0 16px 0 0;}
#left a { color: #4b89ab;}
#left a:hover, #right a:hover { text-decoration: underline;}
#right { background: #f9f9f9 url(../images/content-title.png) no-repeat top; float: left; color: #454444; line-height: 1.5em; width: 542px; padding: 9px 16px;}
#right a, #right b, #right strong { color: #753fc3;}
#right ul { list-style-type: square;}
#footer { float: none; clear: left; color: #999; padding: 34px; text-align: right;}
#footer a { text-decoration: underline; color: #fff;}
#footer span { float: left;}
#footer ul { list-style-type: none; margin: 0; padding: 1.6em 0 0 0; text-align: center;}
#footer ul li { display: inline;}
#footer ul li a { display: inline; border-right: 1px solid #666; color: #fff; height: 13px; padding: 0 8px; text-decoration: underline;}
#footer ul li a:hover { color: #c2c2c2;}
#footer ul li a.last { border: 0;}

/*////////////////////////////////////////////////////////////////////////////////////
Content styles
////////////////////////////////////////////////////////////////////////////////////*/
.clear { float: none; clear: both;}
h1.top, .box h2  { font-size: 18px; font-weight: bolder; color: #fff; line-height: normal; padding: 0 0 1.4em 0;}
h3 { font-size: 1.6em; font-weight: normal; color: #753fc3; padding: 0 0 0.4em 0;}
h4 { display: block; font-size: 1.6em; color: #e98b05; padding: 0.8em 0; clear: left; float: none;}
.box { background: #202020 url(../images/box-title-bar.png) no-repeat top; width: 265px; padding: 9px 11px; margin: 0 0 12px 0;}
.news-container { border-bottom: 1px solid #ccc; margin: 0 0 1.5em 0; padding: 0 0 16px 0;}
.news-container span { display: block; background: url(../images/icon-news-item.png) no-repeat left; font-size: 0.75em; margin: 0 0 10px 0; padding: 0 0 0 16px;}
ul.rosterid { list-style-type: none; margin: 0; padding: 0;}
ul.rosterid li { list-style-type: none; display: block; float: left; border-bottom: 1px solid #ccc; padding: 15px 0; width: 100%;}
ul.rosterid li.top { border-top: 1px solid #ccc;}
ul.rosterid li img { border: 1px solid #888; float: left; margin: 0 14px 0 0;}
ul.rosterid li p { float: left; font-size: 11px; color: #444; line-height: 16px; width: 250px;}
ul.rosterid li b { font-size: 16px; display: block; line-height: normal;}

/*////////////////////////////////////////////////////////////////////////////////////
For server information page
////////////////////////////////////////////////////////////////////////////////////*/
table#directory { border: 1px solid #c2c2c2; border-spacing: 0px; width: 100%; margin: 0 0 16px 0;}
table#directory tr td { border-bottom: 1px solid #c2c2c2; padding: 6px; font-size: 1em; color: #454444;}
table#directory tr td.title { background: #c2c2c2; font-weight: bolder; width: 50%; color: #454444;}