html {
height:100%;
background:#CCC;
}

body {
width:auto;
height:auto;
text-align:center;
font-family:Verdana;
background:url('../images/main/bk.jpg') #CCC repeat-x;
margin:0;
}

img {
border:0;
}

a {
color:#09C;
text-decoration:none;
}

a:hover {
color:#000;
text-decoration:none;
}

#center {
width:850px;
text-align:left;
background:transparent;
margin:0 auto;
}

#header {
background:url('../images/main/header.png') no-repeat;
width:835px;
height:93px;
}

#toHome {
height:70px;
width:240px;
display:inline-block;
margin:5px 0 10px 30px;
}

#toHome a {
display:block;
width:240px;
height:70px;
background:transparent;
}

.search {
background:url('../images/search/search.png') no-repeat;
height:30px;
width:27px;
display:inline-block;
margin-top:0;
margin-right:-2px;
vertical-align:bottom;
padding:0;
}

.search-f {
background:url('../images/search/search.png') no-repeat right;
height:22px;
font-family:Arial;
display:inline;
padding-top:8px;
padding-left:3px;
border:none;
outline:none;
}

#nav {
width:440px;
float:right;
font-family:Arial;
text-decoration:none;
margin:25px 40px 10px 0;
}

#nav a span img {
display:inline-block;
border:0;
margin:3px -6px -5px;
}

#nav .dropDown {
display:none;
position:absolute;
z-index:1002;
background:#394046;
color:#FFF;
width:120px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:9px 0 0;
}

#nav #communityDrop {
margin:-14px 0 0 38px;
}

#nav #accountDrop {
width:100px;
margin:-15px 0 0 379px;
}

#nav .dropDown a {
background:none;
display:block;
}

#nav a span {
background:url('../images/main/nav_m.png') no-repeat right top;
display:inline-block;
height:21px;
padding:4px 15px 10px 7px;
}

#nav a span b {
font-size:9pt;
vertical-align:middle;
padding-bottom:5px;
}

#nav a {
background:url('../images/main/nav.png') no-repeat left top;
height:35px;
padding-left:7px;
display:inline-block;
text-decoration:none;
color:#FFF;
}

#nav a:hover,#nav a.activated {
background:url('../images/main/nav.png') no-repeat left -38px;
}

#nav a:hover span,#nav a.activated span {
background:url('../images/main/nav_m.png') no-repeat right -38px;
}

#nav .current,#nav .current span,#nav .current:hover,#nav .current span:hover,#nav a.current:hover span {
background:transparent;
color:#000;
font-weight:700;
text-decoration:none;
text-shadow:none;
padding:3px;
}

#ban {
width:750px;
height:90px;
margin:3px 0 10px 57px;
padding:2px;
}

#top {
width:800px;
height:20px;
background:url('../images/main/top.jpg');
margin:0 0 0 32px;
}

#main {
width:800px;
min-height:100px;
margin-left:32px;
background:url('../images/main/main.jpg');
}

#homepage {
width:96%;
height:250px;
}

#home {
margin-bottom:35px;
}

#themain {
width:509px;
float:left;
font-size:9pt;
padding:5px 10px 0;
}

#themain h1 {
font-family:Arial, Helvetica, sans-serif;
color:#A5C5E4;
font-size:15pt;
margin:0 0 9px;
padding:0;
}

#themain h2 {
font-family:Arial, Helvetica, sans-serif;
color:#A5C5E4;
font-size:13pt;
margin:5px 0 0;
padding:0;
}

#themain h1 span {
font-size:10pt;
color:gray;
display:inline;
font-weight:400;
margin:0;
}

#homecomments {
display:block;
float:right;
margin-top:15px;
}

.floatright {
float:right;
display:inline-block;
}

#loginhome {
width:47%;
min-height:250px;
display:inline-block;
vertical-align:top;
padding:0 10px 5px 2px;
}

#loginhome h1 {
font-family:Arial;
color:#A5C5E4;
text-align:right;
}

#loginhome .homepage {
text-align:right;
padding-right:0;
}

#loginhome .homepage input,#reghome input {
font-size:15pt;
width:80%;
padding:20px;
}

#reghome {
width:47%;
min-height:250px;
vertical-align:top;
display:inline-block;
border-left:1px #CCC solid;
padding:0 2px 5px 10px;
}

#reghome h1 {
font-family:Arial;
color:#A5C5E4;
}

#sidebar-main {
background:#D5E4F3;
width:290px;
height:100px;
padding-left:10px;
}

#sidebar-main h2 {
color:#FFF;
font-family:Arial;
margin:10px 0 0;
}

#sidebar-footer {
background:url('../images/sidebar/bottom.jpg') no-repeat;
width:315px;
height:22px;
}

#sidebar-top {
background:url('../images/sidebar/top.jpg') no-repeat;
width:315px;
height:22px;
}

#sidebar-small-top {
background:url('../images/sidebar/topsm.jpg') no-repeat;
width:260px;
height:13px;
}

#sidebar-small-main h2 {
color:#666;
font-family:Arial;
font-size:14pt;
padding-top:10px;
margin:0;
}

#sidebar-small-main {
background:#D5E4F3;
width:240px;
min-height:0;
padding-left:10px;
font-size:10pt;
}

#sidebar-small-main a {
color:#0D3168;
margin-left:4px;
text-decoration:none;
}

#sidebar-small-main a:hover {
color:#6CF;
}

#sidebar-small-footer {
background:url('../images/sidebar/bottomsm.jpg') no-repeat;
width:260px;
height:13px;
}

#new span {
padding-top:13px;
display:inline-block;
vertical-align:top;
font-family:Arial;
font-weight:400;
}

#new a {
font-size:11pt;
color:#039;
text-decoration:none;
border:none;
}

#pages {
display:block;
text-align:center;
}

#pages ul {
display:inline;
}

#pages li {
display:inline-block;
color:#CCC;
padding:6px;
}

#pages li a {
border:1px silver solid;
color:gray;
text-decoration:none;
padding:6px;
}

#pages li a:hover {
border:1px #06F solid;
color:#000;
}

#pages li.cpage {
background:#0C6FDC;
font-weight:700;
border:1px #06F solid;
color:#FFF;
}

#commentbox {
background:url(../images/comment/tail.jpg) no-repeat bottom left;
display:inline-block;
vertical-align:top;
margin:10px 0 0 10px;
}

#userside {
display:inline-block;
margin-right:-7px;
margin-bottom:0;
vertical-align:bottom;
font-size:8pt;
font-weight:500;
width:64px;
text-align:center;
-o-text-overflow:ellipsis;
text-overflow:ellipsis;
overflow:hidden;
}

.deleteicon a {
background:url(../images/main/delete.png) no-repeat;
float:right;
z-index:1002;
width:25px;
height:24px;
margin-top:-8px;
margin-right:-8px;
filter:alpha(opacity=50);
-moz-opacity:0.5px;
-khtml-opacity:0.5px;
opacity:0.5px;
}

.deleteicon a:hover {
cursor:pointer;
filter:alpha(opacity=100);
-moz-opacity:1px;
-khtml-opacity:1px;
opacity:1px;
}

.roundedcornr_box {
background-color:#CDFC94;
margin-left:9px;
}

.roundedcornr_top div {
background:url(../images/comment/tl.png) no-repeat top left;
}

.roundedcornr_top {
background:url(../images/comment/tr.png) no-repeat top right;
}

.roundedcornr_bottom div {
background:url(../images/comment/bl.png) no-repeat bottom left;
}

.roundedcornr_bottom {
background:url(../images/comment/br.png) no-repeat bottom right;
}

.roundedcornr_top div,.roundedcornr_top,.roundedcornr_bottom div,.roundedcornr_bottom {
width:100%;
height:10px;
font-size:1px;
}

.roundedcornr_content {
padding:0 10px;
}

.timeago {
display:block;
color:#999;
font-size:7pt;
}

#commentPost textarea {
border:none;
background:url(../../images/form/ta-r.jpg) no-repeat right bottom;
height:60px;
font-family:Verdana;
font-size:10pt;
display:inline-block;
overflow-y:none;
margin:0;
padding:10px 4px 0 0;
}

#commentPost .left {
display:inline-block;
background:url(../../images/form/ta-l.jpg) no-repeat right center;
height:70px;
width:9px;
margin-right:-5px;
margin-bottom:-3px;
}

#commentPost .button {
display:inline-block;
height:68px;
vertical-align:top;
width:67px;
border:none;
background:url(../../images/form/postbutton.jpg) no-repeat top left;
}

#username {
font-family:Arial;
font-weight:700;
font-size:13pt;
height:50px;
vertical-align:top;
display:inline-block;
}

#username span {
font-size:7pt;
color:gray;
float:right;
}

#avt {
width:50px;
height:50px;
display:inline-block;
}

#ranking {
margin-bottom:20px;
}

#ranking span {
margin-right:15px;
}

.new {
display:inline-block;
background:url('../images/ranking/green.png') no-repeat;
height:10px;
padding:18px 0 18px 37px;
}

.member {
display:inline-block;
background:url('../images/ranking/brown.png') no-repeat;
height:5px;
color:#CCC;
padding:18px 0 18px 37px;
}

.member- {
display:inline-block;
background:url('../images/ranking/brown.png') no-repeat 0 -45px;
height:5px;
padding:18px 0 18px 37px;
}

.gold {
display:inline-block;
background:url('../images/ranking/gold.png') no-repeat 0 0;
height:5px;
color:#CCC;
padding:18px 0 18px 37px;
}

.gold- {
display:inline-block;
background:url('../images/ranking/gold.png') no-repeat 0 -45px;
height:5px;
padding:18px 0 18px 37px;
}

.super {
display:inline-block;
background:url('../images/ranking/super.png') no-repeat 0 0;
height:7px;
color:#CCC;
padding:18px 0 18px 37px;
}

.super- {
display:inline-block;
background:url('../images/ranking/super.png') no-repeat 0 -45px;
height:10px;
width:50px;
padding:20px 0 20px 40px;
}

.genbutton {
height:34px;
width:239px;
background:url('../images/form/gen-button.jpg') 0 -48px;
text-align:center;
font-family:Arial;
color:#FFF;
font-size:17pt;
margin-bottom:10px;
padding:10px 5px 5px;
}

.genbutton:hover {
background:url('../images/form/gen-button.jpg') 0 0;
}

.thumbsup {
display:inline-block;
cursor:pointer;
height:25px;
width:25px;
background:url('../images/ranking/thumbs.png') no-repeat top left;
}

.thumbsdown {
display:inline-block;
height:25px;
cursor:pointer;
width:25px;
background:url('../images/ranking/thumbs.png') no-repeat top right;
}

.thumbsup:hover,.thumbsupS {
display:inline-block;
height:25px;
width:25px;
background:url('../images/ranking/thumbs.png') no-repeat bottom left;
}

.thumbsdown:hover,.thumbsdownS {
display:inline-block;
height:25px;
width:25px;
background:url('../images/ranking/thumbs.png') no-repeat bottom right;
}

#footer {
width:790px;
height:22px;
background:url('../images/main/footer.jpg') no-repeat;
padding-left:10px;
padding-top:23px;
font-size:7pt;
margin:0 0 0 32px;
}

#error {
background:url('../images/main/noaccess.png') #FFAFAF no-repeat left 5px;
border:1px red solid;
font-weight:700;
font-family:Arial;
font-size:15pt;
width:94%;
margin:0 10px 20px;
padding:10px 10px 10px 35px;
}

#isgood {
background:url('../images/main/tick.png') #D9FFD9 no-repeat left;
border:1px #00B700 solid;
font-weight:700;
font-family:Arial;
font-size:15pt;
width:94%;
margin:0 10px 20px;
padding:10px 10px 10px 35px;
}

#alert {
background:url('../images/main/alert.png') #FFC no-repeat left;
border:1px #FF6 solid;
font-weight:700;
font-family:Arial;
font-size:15pt;
width:94%;
margin:0 10px 20px;
padding:10px 10px 10px 40px;
}

.onlinenow {
background:url('../images/profile/online.png') no-repeat;
height:21px;
width:52px;
position:absolute;
margin-left:27px;
margin-right:0;
}

a#silverbutton {
background:url('../images/form/button_silver_l.png') no-repeat;
height:23px;
display:inline-block;
padding:0;
}

a#silverbutton span {
background:url('../images/form/button_silver_r.png') no-repeat top right;
display:inline-block;
margin-left:10px;
height:20px;
color:#000;
min-width:10px;
padding:3px 15px 0 5px;
}

a.text2silver span {
display:inline-block;
margin-left:10px;
height:20px;
color:#000;
min-width:10px;
cursor:pointer;
padding:3px 10px 0 0;
}

a.text2silver {
height:23px;
display:inline-block;
cursor:pointer;
padding:0;
}

a.text2silver:hover span {
color:#3494E2;
}

a#silverbutton:hover,a.text2silverSet {
background:url('../images/form/button_silver_l.png') no-repeat bottom left;
height:23px;
display:inline-block;
cursor:pointer;
padding:0;
}

a#silverbutton:hover span,a.text2silverSet span {
background:url('../images/form/button_silver_r.png') no-repeat bottom right;
display:inline-block;
margin-left:10px;
height:20px;
color:#000;
min-width:10px;
cursor:pointer;
padding:3px 10px 0 0;
}

a#silverbutton:hover span {
padding:3px 15px 0 5px;
}

.clear {
clear:both;
}

#ban img,#homecomments img,#new img {
border:none;
}