body {
        background-image:url(../img/layout/background.gif);
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        margin: 0px;
        padding: 0px;
        background-repeat: repeat-x;
        background-color: #000000;
}
* {margin: 0px;padding: 0px;}
p {
        padding: 10px 10px 10px 20px;
        display:block;
        color:#525757;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold
}
a {
        color:#6b7272;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
}
#container {
        margin: 0px auto;
        text-align: left;
        width: 860px;
}
#header{
        height:304px;
        width:777px;
        margin-left: -25px;
        background-image:url(../img/layout/header.png);
        background-repeat: no-repeat;
}
#content{
}
#left{
        width:192px;
        float:left;
}
#middle{
        margin-left:206px;
        margin-right:196px;
        width:450px;
}
#right{
        width:192px;
        float:right;
}
/********************* menu ****************************/
.menuheader{
        width:192px;
        height:37px;
        background-image:url(../img/layout/menutop.gif);
        display:block;
}
.menucontent{
        width:192px;
        background-image:url(../img/layout/menumiddle.gif);
        padding-top:10px;
        background-repeat: repeat-y;
}.menuheader h3{
        padding: 10px 0px 0px 20px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: bold;
}
.menufooter{
        width:192px;
        height:15px;
        background-image:url(../img/layout/menubottom.gif);
        display:block;
}
.postheader,.menuheader{
        color:#CCCCCC;
        text-transform: uppercase;
}
/********************* post ****************************/
.post{
        margin-bottom:15px;
}
.postheader{
        background-image:url(../img/layout/posttop.gif);
        display:block;
        width:450px;
        height:33px;
}
.postheader h1{
        padding: 7px 0px 0px 20px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: bold;
}
.postheader h1 a{
        color:#CCCCCC;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: bold;
        text-decoration:none;

}

.postcontent{
        background-image:url(../img/layout/postmiddle.gif);
        background-repeat: repeat-y;
        padding: 20px 0px;
}
.postfooter{
        background-image:url(../img/layout/postbottom.gif);
        background-repeat: no-repeat;
        display:block;
        width:450px;
        height:15px;
}
/********************* header ****************************/
#header{
        position:relative;
}

#header h1{
        font-family: 'Special Elite', arial, serif;
        font-size: 40px;
        font-weight: bold;
        /*color:#CCCCCC;*/
        text-transform: uppercase;
        /* Test Real 3D */
        color:#eee;
        text-shadow:
        0 0 1px #000,
        0 1px #ccc,
        0 2px #bbb,
        0 3px #aaa,
        0 4px 1px #666,
        0 3px 3px rgba(0,0,0,0.5),
        0 4px 10px rgba(0,0,0,0.5);
        
}
#logo {
        margin-top:0;
        padding-top:160px;
        /*text-shadow:1px 1px #FFFFFF;*/
}
#header h2 {
        font-family: 'Special Elite', arial, serif;
        font-size: 20px;
        /*color:#CCCCCC;*/
        /* Test Real 3D */
        color:#eee;
        text-shadow:
        0 0 1px #000,
        0 1px #ccc,
        0 2px #bbb,
        0 3px #aaa,
        0 4px 1px #666,
        0 3px 3px rgba(0,0,0,0.5),
        0 4px 10px rgba(0,0,0,0.5);
}
#slogan{
        padding-left:90px;
        /*text-shadow:1px 1px #FFFFFF;*/
}
#header ul{
        position:absolute;
        top:250px;
        display:block;
        padding-top: 5px;
        margin-left: 25px;
        width: 860px;
        text-align:center;
}
#header ul li{
        display:inline;
        text-align:center;
        margin:auto;
        width:auto;
        border-right: 1px solid #6b7272;	
}
#header ul li:last-child{
        border-right: 0px none #6b7272 !important;
}
#header ul li a{
        display:inline;
        text-align:center;
        text-decoration:none;
        padding: 0px 10px;
        text-transform: uppercase;
}
#header ul li a:hover{
        text-decoration:underline;
}

/********************* footer ****************************/
#footer{
        width:850px;
        padding-bottom: 30px;
}
#footer .footerlogo{
        display:inline;
}
#footer .footerlogo .CODMW2{
        height:41px;
        width:192px;
        background-image:url(../img/layout/CODMW2.png);
        background-repeat: no-repeat;
        float:left;
        margin-top: 5px;
}
#footer .footerlogo .BFBC2{
        height:55px;
        width:192px;
        background-image:url(../img/layout/BFBC2.png);
        background-repeat: no-repeat;
        float:right;
}
#footer ul{
        display:block;
        margin-left:190px;
}
#footer ul li{
        display:inline;
        text-align:center;
        margin:auto;
        width:auto;
        border-right: 1px solid #6b7272;	
}
#footer ul li a{
        display:inline;
        text-align:center;
        text-decoration:none;
        padding: 0px 10px;
        text-transform: uppercase;
}
#footer ul li a:hover{
        text-decoration:underline;
}
#footer span{
        color:#525757;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-align:center;
        width:850px;
        display:block;
        padding: 15px 0px;
}
/********************* menu members ****************************/
.menu ul{
        list-style-position: inside;
        list-style-type: disc;
        padding: 0px 0px 0px 20px;
        color:#666666;
}
.menu ul li{
        padding-top: 5px;
        color:#666666;
}
.menu ul li a{
        text-decoration:none;
        padding: 0px;
        text-transform: uppercase;
}
.menu ul li a:hover{
        text-decoration:underline;
        text-transform: uppercase;
}
.member{
        display:inline;
        float:left;
        margin-left:17px;
        margin-bottom:30px;
        width:70px;
        height:70px;
}
.member span{
        display:block;
        text-align:center;
        padding: 2px 0px 13px 0px;
        /*text-transform: uppercase;*/
}
.member img{
        width:64px;
        height:64px;
        /*padding:3px 3px 3px 3px;*/
        border: medium none;
        /** border: solid 2px #999999; **/
}
#online.member img{
        /*background-image:url(../img/layout/iconholder_online70x70.jpg);
        background-repeat: no-repeat;*/
        -moz-border-radius:3px 3px 3px 3px;
        border-radius:3px 3px 3px 3px;
        border:3px solid #6ABCE2;
}
#online.member img:hover{
        -moz-box-shadow:0 0 8px #999999;
        box-shadow:0 0 8px #999999;
}
#in-game.member img{
        /*background-image:url(../img/layout/iconholder_ingame70x70.jpg);
        background-repeat: no-repeat;*/
        -moz-border-radius:3px 3px 3px 3px;
        border-radius:3px 3px 3px 3px;
        border:3px solid #9BCC54;
}
#in-game.member img:hover{
        -moz-box-shadow:0 0 8px #999999;
        box-shadow:0 0 8px #999999;
}
#offline.member img{
        /*background-image:url(../img/layout/iconholder_ingame70x70.jpg);
        background-repeat: no-repeat;*/
        -moz-border-radius:3px 3px 3px 3px;
        border-radius:3px 3px 3px 3px;
        border:3px solid #666;
}
#offline.member img:hover{
        -moz-box-shadow:0 0 8px #999999;
        box-shadow:0 0 8px #999999;
}
.clear{
        clear:both;
}