.hidden {
display : none;
}
.green {
color : #98bc1d;
}
a.side {
color : #555;
text-decoration : none;
}
a:hover.side {
color : #f6a504;
text-decoration : underline;
}
a.white, li.white a {
color : #fff;
text-decoration : none;
}
a:hover.white, li.white a:hover {
color : #fff;
text-decoration : underline;
}
hr {
height : 1px;
border : 0;
border-bottom : 1px dotted #666666;
margin : 10px 0;
}
hr.side-hr {
height : 1px;
border : 1px solid #eee;
}
td {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
}
pre {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
}
.alt {
color : #04688d;
}
.spacer {
margin-bottom : 5px;
}
.admin-message {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
text-align : center;
color : #555;
background-color : #f6f6f6;
border : 1px solid #e1e1e1;
padding : 3px 4px 5px 4px;
margin-bottom : 5px;
}
form {
margin : 0;
}
.button, .graphic-button {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #fff;
background-color : #c02e23;
border : 1px solid #c02e23;
margin-top : 2px;
padding : 3px 5px;
}
.graphic-button {
background : url(images/button-red.gif) no-repeat 0% 0%;
text-align : center;
font-weight : bold;
padding : 3px 0 0 0;
height : 17px;
}
.bbcode {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #4c5054;
background-color : #e3e3e3;
border : 1px solid #d7d7d7;
margin-top : 2px;
}
.textbox, .textbox-comment {
font-family : Tahoma;
font-size : 11px;
color : #4c5054;
background-color : #e3e3e3;
border : 1px solid #d7d7d7;
padding : 3px;
}
.textbox-comment {
width : 538px;
height : 80px;
background-color : #e3e3e3;
border : 1px solid #d7d7d7;
}
.main-body {
font-size : 11px;
color : #555;
background-color : #fff;
border : 1px solid #ddd;
padding : 4px;
}
.side-left .side-border-right {
display : none;
}
.side-right .side-border-left {
display : none;
}
.side-border-left {
color : #777;
background-color : #fff;
padding : 10px 10px 10px 0;
width : 175px;
}
.side-border-right {
color : #777;
background-color : #fff;
padding : 10px 0 10px 10px;
width : 175px;
}
.news-category {
border : 0;
margin : 3px 5px 0 0;
float : left;
}
.capmain {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #fff;
background-color : #555;
background-image : url(images/cap.gif);
background-repeat : repeat-x;
padding : 6px 4px 6px 4px;
}
.capmain-left {
width : 3px;
height : 25px;
background-color : #555;
background-image : url(images/cap-left.gif);
}
.capmain-right {
width : 3px;
height : 25px;
background-color : #555;
background-image : url(images/cap-right.gif);
}
.main-bg {
color : #555;
background-color : #fff;
padding : 10px 0 5px 0;
}
.center {
margin : 0 auto;
}
.tbl-border {
border : 1px solid #efefef;
}
.tbl {
font-size : 11px;
color : #555;
padding : 4px;
}
.tbl1 {
font-size : 11px;
color : #555;
padding : 4px;
}
.tbl2 {
font-size : 11px;
color : #555;
padding : 4px;
}
.forum-caption {
font-size : 11px;
font-weight : bold;
color : #888;
background-color : #f1f1f1;
padding : 2px 4px 4px 4px;
}
.cmsg .quote {
font-size : 11px;
background-color : #ededed;
border : 1px solid #a9a9a9;
padding : 4px;
margin : 0 20px 0 20px;
}
.comment-name {
font-weight : bold;
color : #04688d;
}
.shoutboxname {
font-weight : bold;
color : #04688d;
}
.shoutbox {
color : #777;
}
.shoutboxdate {
font-size : 10px;
color : #888;
}
.small {
font-size : 10px;
font-weight : normal;
}
.small2 {
font-size : 10px;
font-weight : normal;
color : #555;
}
.side-small {
font-size : 10px;
font-weight : normal;
color : #555;
}
.side-label {
color : #555;
background-color : #f1f1f1;
margin : 2px 0 2px 0;
padding : 2px 2px 3px 2px;
}
#navigation h2 {
font-size : 10px;
font-weight : normal;
background-color : #f1f1f1;
margin : 0;
padding : 4px;
}
#navigation ul {
margin : 0;
padding : 0;
list-style-type : none;
}
* html #navigation ul li {
height : 1%;
}
#navigation a {
display : block;
color : #555;
padding : 2px;
text-decoration : none;
}
#navigation a:hover {
color : #fff;
background-color : #f6a504;
}
.pagenav {
padding : 4px;
width : 100%;
text-align : center;
float : left;
}
.pagenav span {
color : #474747;
background-color : #cecece;
border : 1px solid #8f8f8f;
padding : 2px 4px 2px 4px;
margin : 2px;
}
.pagenav a {
color : #474747;
background-color : #bfbdbd;
border : 1px solid #8f8f8f;
padding : 2px 4px 2px 4px;
margin : 2px;
text-decoration : none;
}
.pagenav a:hover {
color : #474747;
background-color : #d1d0d0;
margin : 2px;
text-decoration : none;
}
h1, h2, h3, h4, a, ul {
outline-style : none;
outline-width : 0;
margin : 0;
padding : 0;
}
body {
background : #d9d9d9 url(images/page-background.gif) repeat-x 0% 0%;
font-family : Tahoma, Verdana, Arial;
font-size : 11px;
color : #373a3c;
margin : 0;
}
a {
color : #373a3c;
text-decoration : none;
}
a:hover {
color : #373a3c;
text-decoration : underline;
}
img {
border : 0;
}
#background {
width : 100%;
height : 100%;
position : absolute;
top : 0;
left : 0;
background : url(images/background.gif) no-repeat 50% 136px;
}
#page {
width : 1061px;
margin : 0 auto;
}
#top {
width : 100%;
float : left;
height : 125px;
background : url(images/top.jpg) no-repeat 0% 100%;
position : relative;
padding-top : 11px;
}
#logo {
width : 242px;
height : 70px;
display : block;
position : absolute;
top : 53px;
left : 25px;
}
#top .welcome {
float : left;
background : url(images/bullet.gif) no-repeat 21px 10px;
padding : 5px 0 0 30px;
}
#top .welcome a {
font-weight : bold;
color : #3d3d3d;
}
#login-panel {
float : right;
padding-right : 10px;
}
#login-panel li {
display : inline;
margin-left : 10px;
float : left;
}
#login-panel li span {
font-weight : bold;
float : left;
padding-top : 3px;
}
#login-panel li .text {
width : 136px;
height : 20px;
background : url(images/login-form.gif) no-repeat 0% 0%;
border : 0;
color : #5a5a5a;
font : normal 11px Tahoma;
padding : 0 10px;
float : left;
}
#login-panel li .submit {
width : 66px;
height : 20px;
background : url(images/login-form.gif) no-repeat 100% 0%;
border : 0;
float : left;
}
#login-panel li label input {
vertical-align : middle;
}
#top #user-panel {
width : 90%;
float : left;
padding : 3px;
}
#top #user-panel li {
display : inline;
float : left;
border-right : 1px solid #e5e5e5;
padding : 0 5px;
}
#top #user-panel li a {
float : left;
height : 18px;
}
#top #user-panel li a:hover {
background : url(images/user-panel-hover.gif) no-repeat 0% 0%;
color : #fff;
text-decoration : none;
}
#top .logout {
float : right;
padding : 3px 0 0 0;
height : 17px;
margin-right : 20px;
}
#top .logout:hover {
color : #fff;
}
#top #user-panel li a span {
height : 16px;
padding : 2px 5px;
float : left;
}
#top #user-panel li a:hover span {
background : url(images/user-panel-hover-right.gif) no-repeat 100% 0%;
}
#top #user-panel li.user-name {
background : url(images/bullet.gif) no-repeat 0% 7px;
padding-left : 10px;
padding-top : 2px;
}
#top #user-panel li.user-name a {
background : none;
height : auto;
font-weight : bold;
float : none;
}
#top #user-panel li.send {
margin-left : 25px;
font-weight : bold;
padding-top : 2px;
}
#top #user-panel li.border {
border : 0;
}
#menu {
float : left;
padding : 11px 0 0 20px;
height : 30px;
}
#menu li {
display : inline;
float : left;
background : url(images/menu-bullet.gif) no-repeat 100% 5px;
height : 100%;
position : relative;
z-index : 5;
}
#menu li a {
font-weight : bold;
color : #fff;
font-size : 12px;
height : 21px;
display : block;
float : left;
cursor : pointer;
}
#menu li a:hover, #menu li a.select {
background : url(images/menu-c.jpg) repeat-x 0% 0%;
text-decoration : none;
}
#menu li a .bg-l {
height : 21px;
width : 100%;
float : left;
}
#menu li a:hover .bg-l, #menu li a.select .bg-l {
background : url(images/menu-l.jpg) no-repeat 0% 0%;
}
#menu li a .bg-r {
height : 21px;
width : 100%;
float : left;
}
#menu li a:hover .bg-r, #menu li a.select .bg-r {
background : url(images/menu-r.jpg) no-repeat 100% 0%;
}
#menu li a .bg-c {
height : 18px;
float : left;
padding : 3px 13px 0;
}
#menu li a:hover .bg-c, #menu li a.select .bg-c {
background : url(images/menu-cc.jpg) no-repeat 50% 0%;
}
#menu li ul {
width : 154px;
position : absolute;
top : 22px;
left : 0;
z-index : 10;
display : none;
}
#menu li ul li {
background : none;
width : 100%;
float : left;
}
#menu li ul li a {
width : 124px;
height : 20px;
display : block;
float : left;
background : url(images/menu-hover.png) no-repeat 0% 0%;
font : normal 11px Tahoma;
padding : 10px 0 0 30px;
}
#menu li ul li a .gray {
color : #607218;
}
#menu li ul li a:hover {
background : url(images/menu-hover.png) no-repeat 0% 100%;
}
#menu li ul li a:hover .gray {
color : #abaaaa;
}
div#content {
width : 100%;
float : left;
background : #fff url(images/content-bg-top.gif) no-repeat 0% 0%;
margin-top : 5px;
}
#content-bg {
width : 1021px;
height : 100%;
float : left;
background : url(images/content-bg-bottom.gif) no-repeat 0% 100%;
padding : 0 20px 20px;
}
.layout-list {
float : left;
margin : 0;
padding : 0;
}
.layout-list li {
display : inline;
}
.layout-list li.border {
border-right : 1px solid #d9d9d9;
}
#breadcrumbs {
margin : 10px 0;
width : 800px;
}
#breadcrumbs li span {
color : #666a6f;
}
#breadcrumbs li a {
color : #b3271d;
background : url(images/arrow-right.gif) no-repeat 0% 50%;
padding-left : 15px;
}
#site-profile {
float : right;
margin : 5px 0;
}
#site-profile li {
float : left;
margin : 0 2px;
}
#site-profile li span {
width : 80px;
height : 20px;
float : left;
background : url(images/site-profile.gif) no-repeat 0% 0%;
}
#site-profile li a {
width : 20px;
height : 20px;
display : block;
float : left;
background : url(images/site-profile.gif) no-repeat 0% 0%;
}
#site-profile li a#facebook {
background-position : -89px 0%;
}
#site-profile li a#nk {
background-position : -113px 0%;
}
#site-profile li a#vimeo {
background-position : -137px 0%;
}
#site-profile li a#yt {
background-position : -160px 0%;
}
#left {
width : 377px;
float : left;
}
#hot-news {
width : 373px;
height : 162px;
border : 1px solid #d4d4d4;
padding : 1px;
position : relative;
margin-top : 2px;
}
#hot-news div {
position : absolute;
bottom : -1px;
left : 1px;
width : 373px;
height : 36px;
background : url(images/black-bg.png) repeat 0% 0%;
}
#hot-news div h2 {
font-size : 12px;
float : left;
padding : 10px 0 0 10px;
}
#hot-news div h2 a {
color : #fff;
}
#hot-news div ul {
padding : 10px 0 0 0;
float : right;
}
#hot-news div ul li {
background : url(images/news-bullet.gif) no-repeat 0% 50%;
color : #bfbfbf;
font-size : 10px;
padding : 0 5px 0 10px;
}
#hot-news div ul li a {
color : #bfbfbf;
}
#hot-news img {
width : 373px;
height : 162px;
float : left;
}
#left h1, #center h2, #right h2, #main h1, .main-forum h2 {
background : url(images/left-headline-red.gif) no-repeat 7px 50%;
height : 27px;
font-size : 17px;
color : #4c5054;
font-weight : normal;
font-style : italic;
font-family : Calibri;
letter-spacing : -0.2px;
padding : 7px 0 0 32px;
border-bottom : 1px dotted #cccccc;
margin-bottom : 1px;
float : left;
width : 345px;
}
#main h1 {
width : 668px;
}
#left h1.gray, #main h1.red {
background-image : url(images/left-headline-gray.gif);
}
#main h1.red {
width : 668px;
font-size : 12px;
color : #c02e23;
font-weight : bold;
font-style : normal;
font-family : tahoma;
padding-top : 10px;
height : 24px;
}
.main-forum h2 {
width : 96%;
background-image : url(images/left-headline-gray.gif);
}
.forum-main-panel {
width : 100%;
float : left;
background : url(images/news-bg.gif) repeat-x 0% 0%;
padding : 20px 0 0 0;
}
.news, .main-panel {
width : 367px;
background : url(images/news-bg.gif) repeat-x 0% 0%;
float : right;
padding : 12px 5px 0;
border-bottom : 1px solid #d9d9d9;
margin-bottom : 1px;
}
#main .main-panel {
width : 690px;
border-bottom : 0;
}
.news .news-image {
width : 61px;
height : 61px;
float : left;
border : 1px solid #d4d4d4;
padding : 2px;
margin-right : 10px;
margin-top : 3px;
}
.news img {
border : 1px solid #d4d4d4;
padding : 2px;
}
.news h2 {
float : left;
font-size : 12px;
width : 270px;
}
.more-news h2 {
width : 235px;
}
.news h2 a {
color : #c02e23;
}
.news p {
width : 350px;
line-height : 20px;
padding : 0;
margin : 0;
}
.news p a:hover {
color : #c02e23;
text-decoration : none;
}
.news .news-fotter, .first-new ul {
width : 100%;
padding-top : 12px;
float : left;
}
.news .news-fotter li, .first-new ul li {
float : left;
padding : 2px 10px;
}
.news .news-fotter li a, .first-new ul li a {
font-weight : bolder;
}
.news .news-fotter li.more a {
width : 21px;
height : 18px;
display : block;
float : right;
background : url(images/more.gif) no-repeat 0% 0%;
margin-top : -3px;
}
.news .news-fotter li.more {
float : right;
padding-left : 0;
padding-right : 0;
}
.news-gray {
background : #ededed;
border-bottom : 1px solid #d9d9d9;
border-top : 1px solid #d9d9d9;
}
#left .news-gray {
border : 0;
border-bottom : 1px solid #d9d9d9;
}
.more-news {
width : 340px;
float : left;
padding : 0;
border : 0;
}
.more-news p {
width : 235px;
height : 50px;
overflow : hidden;
line-height : 16px;
}
.more-news .news-fotter li {
float : left;
padding : 2px 7px;
}
.more-news .news-border {
width : 330px;
padding : 12px 5px;
float : left;
border-top : 1px solid #fff;
border-bottom : 1px solid #fff;
margin : 1px 0;
}
.news-right {
float : right;
}
.news-archive {
width : 377px;
background : url(images/news-bg.gif) repeat-x 0% 0%;
float : left;
border-top : 1px dotted #cccccc;
}
.news-archive li {
float : left;
width : 357px;
list-style-type : none;
background : url(images/bullet.gif) no-repeat 6px 50%;
padding : 10px 10px 10px 15px;
border-bottom : 1px solid #d9d9d9;
}
.news-archive li h2 {
font-size : 11px;
float : left;
}
.news-archive li span {
float : right;
font-size : 10px;
background : url(images/bullet-2.gif) no-repeat 0% 50%;
padding : 0 0 0 10px;
width : 80px;
}
.page-nav {
width : 100%;
float : left;
text-align : center;
padding : 10px 0;
}
.page-nav ul {
float : left;
width : 100%;
}
.page-nav ul li {
list-style-type : none;
float : left;
margin-right : 2px;
}
.page-nav ul li a {
background : url(images/page-nav.gif) no-repeat -23px 0%;
width : 21px;
height : 16px;
text-align : center;
float : left;
padding-top : 2px;
color : #fff;
}
.page-nav ul li span {
float : left;
}
.page-nav ul li a:hover, .page-nav ul li a.select {
background-position : 0% 0%;
font-weight : bold;
text-decoration : none;
}
.page-nav ul li span {
font-weight : bold;
padding-top : 2px;
padding-right : 8px;
float : left;
}
.page-nav ul li a.normal {
width : auto;
color : #c02d21;
background : none;
padding-left : 8px;
}
.page-nav ul li a.normal:hover {
font-weight : normal;
text-decoration : underline;
}
.page-nav ul li a.arrow {
font-size : 14px;
padding-top : 0;
height : 18px;
}
#center {
width : 305px;
margin-left : 18px;
float : left;
}
#center h2, #right h2 {
width : 270px;
height : 25px;
float : left;
background : url(images/side-headline-green.gif) no-repeat 0% 0%;
color : #fff;
padding : 7px 0 0 35px;
margin : 0;
font-size : 16px;
border : 0;
}
#right h2 {
background : url(images/side-headline.gif) no-repeat 0% 0%;
color : #4c5054;
font-weight : bold;
font-size : 17px;
height : 26px;
}
#right .tab h2 {
padding-left : 15px;
}
#center h2.gray, #right h2.gray {
background : url(images/side-headline-gray.gif) no-repeat 0% 0%;
}
#right h2.green {
background : url(images/side-headline-green.gif) no-repeat 0% 0%;
}
#right h2.green, #right h2.gray {
color : #fff;
font-weight : normal;
}
#center .panel, #right .panel {
width : 305px;
float : left;
background : url(images/side-background.gif) repeat-x 0% 1px;
padding : 17px 0 10px;
}
#center .panel .first-new {
width : 289px;
padding : 0 8px;
float : left;
border-bottom : 1px solid #d9d9d9;
}
#center .panel .first-new img {
float : left;
width : 60px;
border : 1px solid #d4d4d4;
padding : 2px;
margin-right : 10px;
margin-top : 3px;
}
#center .panel .first-new h3 {
width : 210px;
font-size : 12px;
float : left;
}
#center .panel .first-new h3 a {
color : #c02e23;
}
#center .panel .first-new p {
width : 210px;
line-height : 20px;
float : left;
margin : 0;
}
#center .panel .first-new .layout-list li {
padding : 5px 10px;
}
#right .panel .new-list {
margin-top : -10px;
}
.new-list {
width : 100%;
float : left;
}
.new-list li {
width : 302px;
float : left;
padding : 9px 0 0 3px;
border-bottom : 1px solid #d9d9d9;
height : 21px;
margin-bottom : 1px;
}
.new-list li h3 {
color : #3d3d3d;
font-size : 11px;
background : url(images/bullet.gif) no-repeat 8px 4px;
padding-left : 21px;
float : left;
}
.new-list li span {
float : right;
background : url(images/bullet-2.gif) no-repeat 0% 1px;
padding-left : 10px;
font-size : 10px;
width : 90px;
}
.new-list li.dark {
background : url(images/new-list-background.gif) repeat-x 0% 0%;
}
.forum-panel ul li {
padding-left : 10px;
width : 295px;
}
.forum-panel ul h3 {
background : none;
padding-left : 8px;
}
.forum-panel ul img {
float : left;
}
#center .forum-panel {
padding-top : 5px;
}
#center .comments-panel {
padding-top : 5px;
}
#center .panel-padding {
padding-left : 10px;
padding-right : 10px;
width : 285px;
}
.poll .question {
width : 100%;
float : left;
text-align : center;
font-weight : bold;
padding : 0 0 10px;
border-bottom : 1px dotted #cccccc;
}
.poll li {
width : 100%;
float : left;
}
.poll ul {
padding : 10px 0 0 10px;
}
.poll li {
padding-bottom : 2px;
}
.poll li span.ans {
font-weight : bold;
color : #6e6e6e;
width : 100%;
float : left;
padding : 2px 0 2px 6px;
}
.poll li .bar, .poll li .bar div {
width : 285px;
height : 10px;
float : left;
background : url(images/poll-empty.gif) no-repeat 0% 0%;
padding-top : 2px;
}
.poll li .bar div {
background : url(images/poll-full.gif) no-repeat 100% 0%;
margin-left : 7px;
height : 8px;
}
.poll li .bar {
position : relative;
}
.poll li .bar span {
position : absolute;
top : 1px;
right : 5px;
font : normal 9px Tahoma;
color : #999999;
}
.quote-week p {
width : 285px;
float : left;
background : url(images/quote-icon.gif) no-repeat 100% 0%;
text-align : center;
font-weight : bold;
line-height : 18px;
margin : 0;
margin-left : 8px;
}
.quote-week span.date {
float : right;
padding-right : 20px;
}
#right {
width : 305px;
float : right;
}
#right .tab h2 {
background : none;
width : auto;
}
#right .tab-nav {
float : right;
}
#right .tab-nav li {
display : inline;
float : left;
}
#right .tab-nav li a {
background : url(images/contest-button.gif) no-repeat 0% 0%;
height : 33px;
float : left;
display : block;
}
#right .tab-nav li a.top-users {
background-position : 0% 0%;
width : 75px;
}
#right .tab-nav li a.top-users:hover, #right .tab-nav li.select a.top-users {
background-position : 0% 100%;
}
#right .tab-nav li a.league {
background-position : 100% 0%;
width : 99px;
}
#right .tab-nav li a.league:hover, #right .tab-nav li.select a.league {
background-position : 100% 100%;
}
.contest-list {
width : 278px;
padding : 0 0 0 10px;
}
.contest-list li {
width : 278px;
height : 16px;
background : url(images/contest-row.gif) no-repeat 0% 0%;
float : left;
font-weight : bold;
padding-top : 2px;
margin-bottom : 4px;
}
.contest-list li span {
float : left;
}
.contest-list li .no {
width : 21px;
padding-right : 5px;
text-align : center;
}
.contest-list li .name {
width : 166px;
padding-right : 4px;
padding-left : 5px;
}
.contest-list li .pkt {
width : 53px;
text-align : center;
}
.contest-list li a {
width : 20px;
height : 20px;
float : right;
margin-top : -2px;
}
.red, .red:hover {
color : #d1291e;
}
#button-forum, #button-arts, #button-office {
width : 305px;
height : 45px;
display : block;
float : left;
background : url(images/right-buttons.gif) no-repeat 0% 0%;
margin-bottom : 3px;
}
#button-arts {
background-position : 0% -48px;
}
#button-office {
background-position : 0% 100%;
margin-bottom : 12px;
}
#right .shoutbox {
padding-top : 5px;
}
.shoutbox .messages {
width : 300px;
height : 270px;
overflow : auto;
float : right;
}
.shoutbox .messages div {
width : 265px;
float : left;
border-bottom : 1px solid #d9d9d9;
margin-bottom : 1px;
padding : 5px 0 5px 10px;
}
.shoutbox .messages .name {
width : 100%;
float : left;
}
.shoutbox .messages a {
font-weight : bold;
padding-right : 10px;
}
.shoutbox .messages div p {
line-height : 18px;
margin : 0;
}
.shoutbox .messages div.dark {
background : #ededed;
}
.shoutbox .messages .option {
float : right;
padding-right : 10px;
}
.shoutbox .messages .option a {
font-weight : normal;
font-size : 9px;
padding : 0;
color : #555555;
}
.shoutbox textarea {
width : 260px;
height : 45px;
float : left;
border : 1px solid #d9d9d9;
font : normal 11px Tahoma;
color : #3d3d3d;
padding : 5px 10px;
margin : 10px 0 0 15px;
}
.shoutbox .submit, .shoutbox .refresh {
width : 66px;
height : 20px;
background : url(images/shoutbox-buttons.gif) no-repeat 0% 0%;
border : 0;
float : right;
margin : 7px 2px 0 0;
}
.shoutbox .refresh {
width : 23px;
background : url(images/shoutbox-buttons.gif) no-repeat 100% 0%;
margin-right : 10px;
}
#right .partners {
padding-left : 10px;
width : 295px;
}
#stats {
width : 921px;
float : left;
padding : 15px 0 15px 140px;
background : url(images/stats-h.gif) no-repeat 15px 15px;
}
#stats li {
float : left;
background : url(images/bullet.gif) no-repeat 0% 5px;
padding : 0 20px 0 10px;
}
#stats li span, #stats li b {
float : left;
}
#foot {
width : 1021px;
height : 26px;
background : url(images/foot.gif) no-repeat 0% 0%;
float : left;
padding : 15px 20px 0;
color : #fff;
}
.left {
float : left;
}
#foot a {
font-weight : bold;
color : #fff;
}
#foot .right {
float : right;
}
#foot .right img {
float : left;
margin-right : 5px;
}
#foot-menu {
width : 1021px;
float : left;
padding : 7px 20px;
}
#foot-menu li {
padding : 0 2px;
float : left;
}
#foot-menu li a {
background-color : #a9a9a9;
padding : 2px 5px;
color : #fff;
}
#foot-menu li a:hover {
background : #cd2a1f;
text-decoration : none;
}
#foot-menu li.up {
float : right;
}
#main {
width : 700px;
float : left;
clear : both;
}
#main .content {
width : 680px;
float : left;
}
#main .news .news-image {
float : left;
}
#main .news {
background-image : none;
margin-bottom : 5px;
line-height: 17px;
}
#main h1.red .comments {
background : url(images/comments-icon.gif) no-repeat 5px 1px;
font-size : 11px;
font-weight : normal;
color : #555555;
float : right;
padding : 0 30px 5px;
letter-spacing : normal;
}
#main .news .news-fotter li {
padding-bottom : 5px;
}
#main .news .news-fotter li.right {
float : right;
}
.comment {
float : left;
margin-bottom : 7px;
}
.comment .avatar {
width : 45px;
float : left;
text-align : center;
margin-right : 5px;
}
.comment .avatar img {
width : 45px;
height : 42px;
float : left;
margin-bottom : 3px;
border : 1px solid #dadada;
padding : 2px;
}
.comment .arrow {
width : 8px;
height : 12px;
float : left;
background : url(images/comment-arrow.gif) no-repeat 0% 0%;
float : left;
margin : 20px -2px 0 6px;
position : relative;
}
.comment .txt {
width : 625px;
border : 1px solid #e1e1e1;
background-color : #e3e3e3;
float : left;
}
.comment .txt .txt-b {
width : 603px;
border : 1px solid #fff;
float : left;
padding : 10px;
}
.comment .options {
width : 100%;
float : left;
text-align : right;
font-size : 10px;
color : #3e3e3e;
}
.comment .options a {
font-size : 10px;
color : #3e3e3e;
}
.comment-form {
text-align : center;
padding-top : 5px;
float : left;
}
.comment-form .textbox-comment {
width : 682px;
height : 103px;
}
.comment-form .graphic-button {
margin : 12px 0 0 300px;
}
.graphic-button {
width : 66px;
height : 20px;
background : url(images/submit.gif) no-repeat 0% 0%;
display : block;
font : bold 11px Tahoma;
text-align : center;
color : #fff;
border : 0;
padding : 0 0 3px 0;
}
#user-option {
width : 100%;
float : left;
}
#user-option #options {
width : 137px;
float : left;
border : 1px solid #d9d9d9;
border-width : 1px 1px 0 1px;
}
#user-option #options li {
list-style-type : none;
width : 100%;
height : 26px;
float : left;
background : url(images/user-option-bg.gif) repeat-x 0% 100%;
border-bottom : 1px solid #d9d9d9;
}
#user-option #options li a {
width : 122px;
height : 19px;
float : left;
color : #4c5054;
padding : 7px 0 0 15px;
font-weight : bold;
}
#user-option #options li.select, #user-option #options li:hover {
background-position : 0% 0%;
}
#user-option #options li.select a, #user-option #options li:hover a {
color : #ab2118;
text-decoration : none;
}
#user-option .avatar .av {
width : 100px;
border : 1px solid #d9d9d9;
border-width : 1px 1px 1px 0;
padding : 4px;
float : left;
}
#user-option .avatar #range {
float : left;
margin : 3px 0 0 1px;
}
#user-option .avatar .pkt {
float : left;
width : 110px;
text-align : center;
line-height : 16px;
}
#user-option .avatar {
float : left;
width : 110px;
}
#user-option .user-info {
width : 440px;
float : right;
}
#user-option .user-info li {
float : left;
padding : 8px 7px;
list-style-type : none;
}
#user-option .user-info li.both {
clear : both;
}
#user-option .user-options {
border : 1px solid #ededed;
float : left;
height : 25px;
margin-left : 5px;
}
#user-option .user-options li {
display : inline;
height : 23px;
background : #ededed;
float : left;
margin : 1px 0;
}
#user-option .user-options li a {
font-weight : bold;
padding : 4px 7px 0 25px;
background : url(images/user-option-icon.gif) no-repeat 0% 0%;
height : 19px;
float : left;
}
#user-option .user-options li.msg {
margin-left : 1px;
}
#user-option .user-options li.msg a {
background-position : 5px 3px;
}
#user-option .user-options li.warning {
margin-right : 1px;
}
#user-option .user-options li.warning a {
background-position : -288px 3px;
}
#user-option .user-options li.friend a {
background-position : -135px 4px;
}
.user-data, .liste {
width : 100%;
float : left;
}
.user-data li, .liste li {
list-style-type : none;
width : 100%;
float : left;
height : 21px;
padding-top : 5px;
}
.user-data li.dark {
background : url(images/gray-bg.gif) repeat-x 0% 0%;
}
.user-data li.red {
background : url(images/red-bg.gif) repeat-x 0% 0%;
color : #c47878;
}
.user-data li.red a {
font-weight : bold;
color : #c47878;
}
.user-data li.red span {
font-weight : bold;
color : #fff;
}
.user-data li span, .liste li span {
font-weight : bold;
width : 500px;
padding-left : 20px;
float : left;
}
.liste li span {
padding-left : 60px;
width : 560px;
background : url(images/user-post-icon.gif) no-repeat 25px 3px;
}
.forum-liste li.dark {
background : url(images/new-list-background.gif) repeat-x 0% 1px;
border : 1px solid #ededed;
}
.forum-liste li {
height : 26px !important ;
}
.forum-liste li span {
height : 21px;
padding-top : 5px;
}
#buy-account-premium {
width : 306px;
height : 45px;
background : url(images/premium-button.gif) no-repeat 0% 0%;
float : left;
margin-top : 38px;
margin-bottom : 5px;
}
#right .user-friends img {
width : 50px;
border : 1px solid #d9d9d9;
padding : 2px;
margin : 0 2px;
float : left;
}
.news-blog {
width : 330px;
float : left;
}
.news-blog p {
width : 240px;
}
.news-right {
float : right;
}
.user-profil, .group-profil {
float : left;
text-align : center;
width : 81px;
background-color : #d9d9d9;
padding-bottom : 5px;
margin : 5px 13px;
}
.user-profil img, .group-profil img {
border : 2px solid #d9d9d9;
width : 77px;
height : 77px;
float : left;
margin-bottom : 5px;
}
.user-profil a, .group-profil a {
font-weight : bold;
color : #007692;
}
.user-profil .delete, .group-profil .delete {
margin-right : 5px;
}
.delete {
float : right;
width : 16px;
height : 16px;
background : url(images/editdelete.png) no-repeat 0% 0%;
display : block;
padding : 0;
}
.message {
width : 100%;
background-color : #791d1d;
border : 1px solid #b70808;
padding : 3px 0;
text-align : center;
color : #fff;
float : left;
}
.center-text {
text-align : center;
width : 100%;
float : left;
line-height : 18px;
font-weight : bold;
color : #666666;
}
.premium-list {
float : left;
margin : 20px 0 10px 10px;
}
.premium-list li {
background : url(images/premium-bullet.jpg) no-repeat 25px 5px;
padding-left : 40px;
margin-bottom : 5px;
list-style-type : none;
}
.premium-list li.headline {
background : url(images/premium-bullet-headline.jpg) no-repeat 0% 0%;
padding-left : 25px;
color : #ab2118;
font-weight : bold;
padding-bottom : 5px;
}
.premium-table {
width : 450px;
margin : 20px auto 0;
border-collapse : collapse;
}
.premium-table th {
color : #646464;
}
.premium-table th, .premium-table td {
border : 1px solid #d9d9d9;
border-spacing : 0;
padding : 5px 0;
}
.premium-table td {
font-weight : bold;
padding-left : 10px;
}
.premium-table td a {
background : url(images/premium-icon.jpg) no-repeat 100% 2px;
padding-right : 25px;
padding-left : 10px;
}
.premium-table tr.dark td {
background-color : #ede9e9;
}
#basic-modal-content {
display : none;
}
#simplemodal-overlay {
background-color : #000;
cursor : wait;
}
#simplemodal-container {
width : 560px;
color : #fff;
background-color : #191a1a;
border : 1px solid #242424;
padding : 17px 0;
}
#simplemodal-container code {
background : #141414;
border-left : 3px solid #65b43d;
color : #bbb;
display : block;
margin-bottom : 12px;
padding : 4px 6px 6px;
}
#simplemodal-container a {
color : #ddd;
}
#simplemodal-container a.modalCloseImg {
background : url(/images/x.png) no-repeat;
width : 25px;
height : 29px;
display : inline;
z-index : 3200;
position : absolute;
top : -15px;
right : -16px;
cursor : pointer;
}
#simplemodal-container #basic-modal-content {
padding : 8px;
}
#user-login-box, #register-box, .buy_form {
display : none;
}
#user-login-box h1, #register-box h1, .buy_form h1 {
width : 540px;
text-align : center;
font-size : 11px;
color : #b9ff28;
margin : 0 auto;
}
.buy_form h1 {
color : #fff;
font-weight : normal;
}
#user-login-box ul, #register-box ul, .buy_form ul {
float : left;
width : 375px;
margin : 15px 0 0 95px;
}
#user-login-box ul li, #register-box ul li, .buy_form ul li {
width : 100%;
float : left;
margin-bottom : 4px;
list-style-type : none;
}
#user-login-box ul li span, #register-box ul li span, .buy_form ul li span {
width : 115px;
float : left;
text-align : right;
padding-right : 5px;
padding-top : 3px;
}
#user-login-box ul li .textbox, #register-box ul li .textbox, .buy_form ul li .textbox {
float : left;
color : #fff;
width : 169px;
height : 14px;
background : #242424;
}
#user-login-box ul li .submit, #register-box ul li .submit, .buy_form ul li .submit {
background-color : #242424;
border : 1px solid #333333;
color : #fff;
font-family : Tahoma;
font-size : 11px;
width : 28px;
height : 22px;
text-align : center;
margin-left : 7px;
}
#user-login-box ul li .lost, #register-box ul li .lost {
color : #3c3c3b;
font-weight : bold;
margin-left : 150px;
}
.buy_form ul li.gray {
color : #4a4a4a;
padding : 10px 0 0 0;
text-align : center;
}
#simplemodal-container .buy_form ul li.gray a {
font-weight : bold;
color : #4a4a4a;
}
.forum-index {
width : 701px;
margin-top : -5px;
float : left;
}
.forum-index table {
float : left;
}
.forum-ng {
width : 100%;
height : 33px;
float : left;
background : url(images/forum-headline.gif) repeat-x 0% 0%;
margin-top : 5px;
}
.forum-ng .pagenav {
float : right;
width : 200px;
margin : 5px 10px 0 0;
color : #4f4f4f;
}
.forum-ng .pagenav a {
background-color : #1c1c1c;
border : 1px solid #262626;
color : #fff;
}
#main .forum-ng h1 {
background : none;
margin : 0;
padding : 10px 0 0 40px;
color : #ac241b;
font-size : 12px;
font-weight : bold;
border : 0;
font-style : normal;
font-family : Tahoma;
}
.forum-ng h1 a {
color : #9b9b9b;
}
.forum-ng h1.nav, .forum-ng h1.nav a {
color : #4a4a4a;
}
.forum-ng h1.nav .green {
color : #b9ff28;
}
.forum-index-info {
width : 100%;
float : left;
height : 22px;
background : url(images/forum-shadow.gif) repeat-x 0% 0%;
margin-top : 1px;
}
.forum-index-info ul {
float : left;
margin-top : 5px;
}
.forum-index-info ul li {
float : left;
display : inline;
}
.forum-index-info ul li.stan {
width : 75px;
text-align : center;
}
.forum-index-info ul li.forum {
width : 270px;
}
.forum-index-info ul li.last-post {
width : 180px;
}
.forum-index-info ul li.threads {
width : 60px;
text-align : center;
}
.forum-index-info ul li.posts {
width : 70px;
text-align : center;
}
.forum-index-section {
width : 100%;
height : 32px;
float : left;
margin-bottom : 2px;
background : url(images/forum-list.gif) repeat-x 0% 0%;
padding-top : 3px;
}
.forum-index-section ul {
width : 100%;
height : 100%;
float : left;
}
.forum-index-section ul li {
height : 100%;
float : left;
display : block;
}
.forum-index-section ul li.stan {
width : 75px;
text-align : center;
}
.forum-index-section ul li.stan img {
margin-top : 5px;
}
.forum-index-section ul li.forum {
width : 270px;
}
.forum-index-section ul li.forum a {
font-size : 12px;
width : 100%;
font-weight : bold;
float : left;
}
.forum-index-section ul li.forum span {
font-size : 10px;
width : 100%;
color : #4f4f4f;
float : left;
}
.forum-index-section ul li.last-post {
width : 175px;
padding-left : 5px;
padding-top : 0;
height : auto;
}
.forum-index-section ul li.last-post span {
margin-top : 3px;
float : left;
}
.forum-index-section ul li.last-post a {
font-weight : bold;
}
.forum-index-section ul li.threads {
width : 60px;
padding-top : 7px;
text-align : center;
height : auto;
}
.forum-index-section ul li.posts {
width : 70px;
padding-top : 7px;
text-align : center;
height : auto;
}
.forum-index-foot-info {
width : 100%;
float : left;
text-align : center;
color : #4f4f4f;
margin : 10px 0;
}
.forum-index-foot-info span {
margin : 0 5px;
}
.forum-index-foot-info a {
color : #4f4f4f;
}
.forum-index-foot-legend {
width : 100%;
float : left;
text-align : center;
margin : 10px 0;
}
.forum-index-foot-legend ul {
list-style-type : none;
}
.forum-index-foot-legend ul li {
display : inline;
margin : 0 5px;
}
.forum-index-foot-legend ul li img {
margin : 0 15px;
vertical-align : top;
}
.forum-threads-info {
width : 100%;
float : left;
height : 25px;
background : url(images/forum-shadow.gif) repeat-x 0% 0%;
margin-top : 1px;
}
.forum-threads-info ul {
width : 100%;
float : left;
margin-top : 5px;
}
.forum-threads-info ul li {
float : left;
display : inline;
}
.forum-threads-info ul li.stan {
width : 50px;
margin-left : 10px;
}
.forum-threads-info ul li.thread {
width : 270px;
}
.forum-threads-info ul li.thread-author {
width : 100px;
text-align : center;
}
.forum-threads-info ul li.views {
width : 85px;
text-align : center;
}
.forum-threads-info ul li.replay {
width : 85px;
text-align : center;
}
.forum-threads-info ul li.last-post {
width : 85px;
text-align : center;
}
.forum-threads-section-border {
width : 100%;
height : 36px;
border-bottom : 1px solid #1c1c1c;
border-top : 1px solid #1c1c1c;
float : left;
margin-bottom : 2px;
background-color : #212121;
}
.forum-threads-section {
width : 100%;
height : 32px;
margin-top : 1px;
background : url(images/forum-list.gif) repeat-x 0% 0%;
padding-top : 3px;
float : left;
}
.forum-threads-section ul {
width : 100%;
height : 100%;
float : left;
}
.forum-threads-section ul li {
float : left;
display : block;
}
.forum-threads-section ul li.stan {
width : 45px;
margin-left : 15px;
}
.forum-threads-section ul li.stan img {
margin-top : 8px;
}
.forum-threads-section ul li.thread {
width : 270px;
}
.forum-threads-section ul li.thread a.thread {
font-size : 11px;
font-weight : bold;
float : left;
margin-top : 7px;
}
.forum-threads-section ul li.thread span {
float : left;
font-size : 10px;
margin : 7px 0 0 10px;
}
.forum-threads-section ul li.thread input {
float : left;
margin : 9px 5px 0;
}
.forum-threads-section ul li.thread-author {
width : 100px;
padding-top : 8px;
text-align : center;
}
.forum-threads-section ul li.views {
width : 85px;
padding-top : 8px;
text-align : center;
}
.forum-threads-section ul li.replay {
width : 85px;
padding-top : 8px;
text-align : center;
}
.forum-threads-section ul li.last-post {
width : 85px;
padding-top : 1px;
text-align : center;
}
.forum-dark {
background : url(images/forum-dark.gif) repeat-x 0% 0%;
}
.viewthread {
width : 100%;
float : left;
}
.vt-headline {
width : 1019px;
border : 1px solid #ededed;
float : left;
}
.vt-headline .headline {
width : 1017px;
float : left;
margin : 1px;
background : #ededed;
}
.vt-headline .headline h1 {
font-size : 15px;
color : #4c5054;
padding : 5px 0 5px 15px;
margin : 0;
float : left;
font-weight : normal;
}
.vt-headline .headline .gray, .vt-headline .headline .red, .forum-index .forum-ng .gray {
width : 85px;
height : 17px;
background : url(images/button-gray.gif) no-repeat 0% 0%;
float : right;
text-align : center;
color : #fff;
font-weight : bold;
padding-top : 3px;
margin : 4px 5px 0 0;
font-size : 11px;
}
.forum-index .forum-ng .gray {
margin : -3px 15px 0 0;
}
.vt-headline .headline .red {
background : url(images/button-red.gif) no-repeat 0% 0%;
width : 78px;
}
.viewthreads-posts {
width : 1025px;
margin : 8px 0 0 -2px;
float : left;
background : url(images/viewthread-headline.gif) no-repeat 0% 0%;
}
.viewthreads-posts .headline {
width : 100%;
height : 23px;
float : left;
font-size : 12px;
color : #4c5054;
font-weight : bold;
padding-top : 10px;
}
.viewthreads-posts .headline .author {
width : 133px;
text-align : center;
float : left;
}
.viewthreads-posts .headline .msg {
padding-left : 55px;
color : #ac241b;
float : left;
}
.viewthreads-posts .post {
width : 100%;
float : left;
padding-top : 15px;
border-bottom : 1px dotted #cccccc;
padding-bottom : 10px;
}
.viewthreads-posts .post .user-info {
width : 133px;
float : left;
text-align : center;
}
.viewthreads-posts .post .user-info p {
line-height : 18px;
margin : 0;
}
.viewthreads-posts .post .user-info a {
font-size : 11px;
font-weight : bold;
}
.viewthreads-posts .post .user-info .avatar {
width : 100px;
border : 1px solid #d9d9d9;
padding : 4px;
float : left;
margin : 5px 0 2px 12px;
}
.viewthreads-posts .post .msg {
width : 880px;
float : right;
}
.viewthreads-posts .post .msg .title {
border-bottom : 1px solid #e6e6e6;
padding-bottom : 5px;
color : #666a6f;
}
.viewthreads-posts .post .msg .title span {
float : right;
padding-right : 15px;
}
.viewthreads-posts .post .msg .cmsg {
width : 95%;
float : left;
padding : 5px 2px;
line-height : 17px;
}
.viewthreads-posts .post .msg .cmsg a, .news-readmore a {
font-weight : bold;
color : #ac241b;
}
.viewthreads-posts .post .post-option {
width : 890px;
float : left;
padding-left : 140px;
}
.viewthreads-posts .post .post-option .info {
float : left;
border : 1px solid #ededed;
padding : 1px;
margin-top : 10px;
}
.viewthreads-posts .post .post-option .info li {
padding : 8px 15px;
list-style-type : none;
float : left;
color : #666a6f;
font-weight : bold;
background : #ededed url(images/border.gif) no-repeat 100% 50%;
}
.viewthreads-posts .post .post-option .info li.last {
background-image : none;
}
.viewthreads-posts .post .post-option .info li a {
color : #666a6f;
}
.viewthreads-posts .post .post-option .info-right {
float : right;
margin-right : 5px;
}
.distinction li {
height : 41px;
padding : 15px 0 0 15px;
width : 675px;
}
.distinction li.dark {
background : url(images/distinction.gif) repeat-x 0% 0%;
}
.distinction li span {
width : auto;
padding-top : 5px;
}
.distinction li img {
float : left;
}
#menu2 #search {
float : right;
padding : 11px 18px 0 0;
}
#menu2 #search li {
list-style-type : none;
float : left;
}
#menu2 #search li .textbox {
width : 119px;
height : 21px;
float : left;
background : url(images/search-form.gif) no-repeat 0% 0%;
border : 0;
font : normal 9px Tahoma;
color : #abaaaa;
padding : 0 0 0 10px;
}
#menu2 #search li .submit {
width : 35px;
height : 21px;
float : left;
background : url(images/search-form.gif) no-repeat 100% 0%;
border : 0;
}
#top .menu {
position : absolute;
right : 5px;
top : 47px;
}
#top .menu li {
display : inline;
float : left;
background : #c2c0c0;
margin-right : 2px;
}
#top .menu li:hover {
background : #cd2a1f;
}
#top .menu li a {
color : #fff;
background : url(images/top-icon.gif) no-repeat 0% 0%;
padding : 2px 8px 2px 20px;
float : left;
}
#top .menu li a.home {
background-position : 2px 3px;
}
#top .menu li a.map {
background-position : -102px 3px;
}
#top .menu li a.contact {
background-position : -192px 3px;
}
#top .menu li a:hover {
text-decoration : none;
}
.file-options {
float : left;
margin : 10px 0 0;
}
.file-options li {
float : left;
display : inline;
margin-right : 6px;
}
.file-options li .size {
width : 115px;
height : 17px;
background : url(images/file-option.gif) no-repeat 0% 0%;
float : left;
padding-left : 35px;
padding-top : 3px;
}
.file-options li .down {
width : 109px;
height : 20px;
background : url(images/file-option.gif) no-repeat 100% 0%;
float : left;
}
ul.form {
width : 550px;
float : left;
margin-left : 50px;
padding-bottom : 10px;
margin-top : 15px;
}
ul.form li {
width : 100%;
float : left;
list-style-type : none;
margin-bottom : 3px;
}
ul.form li span {
width : 360px;
float : left;
}
ul.form li {
margin-bottom : 0;
padding : 5px 0;
}
ul.form li span {
width : 110px;
font-weight : bold;
margin-top : 3px;
font-size : 13px;
}
ul.form li .textbox {
width : 350px;
}
ul.form li .radio input {
margin : 3px 5px;
vertical-align : middle;
}
ul.form li .textarea {
width : 545px;
height : 520px;
line-height : 17px;
margin-top : 5px;
}
ul.form li .textarea-min {
height : 260px;
}
ul.form li.dark {
background-color : #f2f2f2;
padding : 9px 13px 10px;
margin : 0;
width : 527px;
}
ul.form .bbcode-box {
float : left;
width : 100%;
padding : 5px 0;
text-align : center;
}
ul.form li.center {
text-align : center;
}
ul.form li.center input {
margin-left : 250px;
}
.news-blog-user p {
width : 330px;
}
.news-blog-user h2 {
width : 240px;
}
#kayes {
width : 100%;
float : left;
padding : 10px 0;
line-height : 17px;
}
#page-headline{
	clear: both;
	padding: 5px 10px 3px;
	font-size: 14px;
}
#fb-slider{
	width: 255px;
	height: 294px;
	background: url(images/fb-slider.png) no-repeat 0 0; 
	position: fixed;
	right: -260px;
	z-index: 100;
	display: none;
	padding: 4px 0 0 40px;
}
#top #advert{
	position: absolute;
	right: 20px;
	top: 70px;
}