/**/
html {
    background-color: #000;
    }  
    
body {
    text-align: center;
    background-color: #000;
    background:#191919 url('img/dot2.png');
    background-size:15px 15px;
    padding:0;
    }  
    
/*common*/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.panel {
    margin-bottom:10px;
    }

#pu_wrap_gt {
    padding:20px 0;
    background-color:rgba(0, 0, 0, 0.1);
    background-image: -moz-radial-gradient(50% 30%, circle cover, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7) 70%);
    background-image: -webkit-radial-gradient(50% 30%, circle cover, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7) 70%);
    background-image: -o-radial-gradient(50% 30%, circle cover, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7) 70%);
    background-image: -ms-radial-gradient(50% 30%, circle cover, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7) 70%);
    background-image: radial-gradient(50% 30%, circle cover, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7) 70%);    
    }
    
#pu_wrap {
    width: 960px;
    margin:auto;
    text-align: left;
background: #828282 url('img/canvas.png');
    border:5px solid #102027;
    padding:5px;
    }

    #wrap {
        padding:0;      
        }    
    
        #pu_header {
            width: 960px;
            height:201px;
            background: transparent url('img/bgh.jpg') no-repeat;
    border-bottom:1px solid #2b2b2b;
    box-shadow: 0 1px 1px #000;
            
            }
        #pu_header a{
            width: 960px;
            height:201px;
            display:block;
            }
            
/*nav*/ 
        #pu_nav {
            background:transparent;
            padding:8px 0; 
            display:none;          
            }

            
/*top white link lists*/
.extra-menu {
    background:transparent;
    padding:8px 0;
    float:left;
    width:100%;
    text-align:center;
    margin: 4px 0;    
    }
.extra-menu ul {
    display:block;
    list-style:none;
    margin:auto;         
    }            
.extra-menu ul li {
    display:inline;        
    }
.extra-menu ul li a {
    padding:4px 8px;
    font:normal 12px sans-serif, Verdana, Arial;
    color:#fff;
    text-shadow:0 1px 2px #000;
    text-decoration:none;
    border-bottom:2px solid transparent;        
    }
.extra-menu ul li a:hover {
    border-bottom:2px solid #191919;         
    }                       
            
/*pu_headerbar*/ 
        #pu_headerbar {
            clear:both;
            background-color:#191919;
            background-image: linear-gradient(bottom, rgb(51,51,51) 17%, rgb(25,25,25) 59%, rgb(0,0,0) 87%);
            background-image: -o-linear-gradient(bottom, rgb(51,51,51) 17%, rgb(25,25,25) 59%, rgb(0,0,0) 87%);
            background-image: -moz-linear-gradient(bottom, rgb(51,51,51) 17%, rgb(25,25,25) 59%, rgb(0,0,0) 87%);
            background-image: -webkit-linear-gradient(bottom, rgb(51,51,51) 17%, rgb(25,25,25) 59%, rgb(0,0,0) 87%);
            background-image: -ms-linear-gradient(bottom, rgb(51,51,51) 17%, rgb(25,25,25) 59%, rgb(0,0,0) 87%);
            background-image: -webkit-gradient(
            	linear,
            	left bottom,
            	left top,
            	color-stop(0.17, rgb(51,51,51)),
            	color-stop(0.59, rgb(25,25,25)),
            	color-stop(0.87, rgb(0,0,0))
            );            
            border-radius:20px;
            box-shadow:0 1px 3px #000;
            margin-bottom:12px;           
            }
        #pu_headerbar ul {
            display:block;
            text-align:center;
            list-style:none;
            margin:auto;         
            }            
        #pu_headerbar ul li {
            float:left;
            margin-left:4px;
            border-right:1px solid #191919;         
            }
        #pu_headerbar ul li a {
            display:block;
            padding:8px 12px;
            font:normal 13px 'Showcard Gothic', Verdana;
            text-transform:uppercase;
            color:orange;
            text-decoration:none;                   
            }
        #pu_headerbar ul li a:hover {
            color:#667572;      
            }                       

/*pu_breadcrumb*/ 
        #pu_breadcrumb,
        .navbar {
            background:#e8e8e8;
background-image: linear-gradient(top, rgb(232,232,232) 17%, rgb(224,224,224) 59%, rgb(217,217,217) 71%);
background-image: -o-linear-gradient(top, rgb(232,232,232) 17%, rgb(224,224,224) 59%, rgb(217,217,217) 71%);
background-image: -moz-linear-gradient(top, rgb(232,232,232) 17%, rgb(224,224,224) 59%, rgb(217,217,217) 71%);
background-image: -webkit-linear-gradient(top, rgb(232,232,232) 17%, rgb(224,224,224) 59%, rgb(217,217,217) 71%);
background-image: -ms-linear-gradient(top, rgb(232,232,232) 17%, rgb(224,224,224) 59%, rgb(217,217,217) 71%);
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.17, rgb(232,232,232)),
	color-stop(0.59, rgb(224,224,224)),
	color-stop(0.71, rgb(217,217,217))
);            
            clear:both; 
            padding:4px 8px 2px;
            border:1px solid #191919;
            box-shadow:0 1px 3px #000;
            margin-bottom:10px;           
            }
            
        .navbar {
            padding:3px 6px;
            }            
            
/*forumlist*/
         .forabg, .forumbg {
            border-bottom:0;
            background:#ccc;
background-image: linear-gradient(bottom, rgb(204,204,204) 17%, rgb(178,178,178) 59%, rgb(166,166,166) 71%);
background-image: -o-linear-gradient(bottom, rgb(204,204,204) 17%, rgb(178,178,178) 59%, rgb(166,166,166) 71%);
background-image: -moz-linear-gradient(bottom, rgb(204,204,204) 17%, rgb(178,178,178) 59%, rgb(166,166,166) 71%);
background-image: -webkit-linear-gradient(bottom, rgb(204,204,204) 17%, rgb(178,178,178) 59%, rgb(166,166,166) 71%);
background-image: -ms-linear-gradient(bottom, rgb(204,204,204) 17%, rgb(178,178,178) 59%, rgb(166,166,166) 71%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.17, rgb(204,204,204)),
	color-stop(0.59, rgb(178,178,178)),
	color-stop(0.71, rgb(166,166,166))
);            
            padding:0;
            }
            
            .forabg .header a:active,
            .forabg .header a:hover,
            .forabg .header a:visited,
            .forabg .header a:link{
            color: #000;
            }                       
                       
         .pu_forabg_wrap,
         .pu_forumbg_wrap {
            padding:0 5px 10px;
            margin-bottom:10px;
            position:relative;
            background:#ccc;
background-image: linear-gradient(bottom, rgb(204,204,204) 17%, rgb(178,178,178) 59%, rgb(166,166,166) 71%);
background-image: -o-linear-gradient(bottom, rgb(204,204,204) 17%, rgb(178,178,178) 59%, rgb(166,166,166) 71%);
background-image: -moz-linear-gradient(bottom, rgb(204,204,204) 17%, rgb(178,178,178) 59%, rgb(166,166,166) 71%);
background-image: -webkit-linear-gradient(bottom, rgb(204,204,204) 17%, rgb(178,178,178) 59%, rgb(166,166,166) 71%);
background-image: -ms-linear-gradient(bottom, rgb(204,204,204) 17%, rgb(178,178,178) 59%, rgb(166,166,166) 71%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.17, rgb(204,204,204)),
	color-stop(0.59, rgb(178,178,178)),
	color-stop(0.71, rgb(166,166,166))
);            
            border-radius: 0 0 10px 10px;
            border:1px solid black;
            border-bottom:0;
            }
            
        .pu_forabg_wrap li.header dt, li.header dd,
        .pu_forumbg_wrap li.header dt, li.header dd {
            color: black;
            }
        .pu_forabg_wrap .forums,
        .pu_forumbg_wrap .topics {
            border:1px solid black;
            }
            
         .pu_forabg_wrap h3 {
            padding:5px 0;
            margin:0 0 5px;
            font:bold 12px/1 sans-serif, Verdana;
            border-bottom:1px solid black;
            }
            
          .pu_forabg_b,
          .pu_forumbg_b {
            position:absolute;
            bottom:0;
            width:920px;
            width:98%;
            margin:auto;
            height:13px;
            background:#ccc url('img/tbl_shad_bkgd.gif') center bottom repeat-x;
            display:block;
            }                       

         .pu_forabg_bl,
         .pu_forumbg_bl {
            position:absolute;
            left:0;
            bottom:0;
            width:25px;
            height:13px;
            background:transparent url('img/tbl_shad_left.png') left bottom no-repeat;
            display:block;
            }
         .pu_forabg_br,
         .pu_forumbg_br {
            position:absolute;
            left:auto;
            right:0;
            bottom:0;
            width:25px;
            height:13px;
            background:transparent url('img/tbl_shad_right.png') left bottom no-repeat;
            display:block;
            }                           
                                
            
/*ads*/            
         #pu_ad_leaderboard {
            margin:0 auto 10px;
            text-align:center;
            }
         #pu_ad_bottom {
            margin:10px auto;
            text-align:center;
            }
         .skyscraper_ad {
            margin:10px auto !important;
            padding:10px 0;
            text-align:center;
            height:600px;
            }              
            
/*columns*/
#page-body {
    padding: 0;
    margin:0 8px;
    }    
#pu_col1 {
    width:77.9%;
    /*background-color:blue;*/
    float:left;
    padding:0;    
    }
#pu_col2 {
    width:21%;
    /*background-color:blue;*/
    float:left;
    padding:0;
    text-align:center;
    margin-left:1%;   
    }    
    
#pu_sidebar{
    width:100%;
    height:200px;
    display:block;
    margin:0 auto;
    text-align:left;
    }
    
.pu_sidebar_block{
    background-color:#ccc; 
    box-shadow: 0 0 5px #000;
    margin-bottom:10px;
    padding-top:10px;
    }
.bg_white{
    background-color:#fff; 
    }    

    .sb_header {
            background-color:#191919;
            background-image: linear-gradient(bottom, rgb(51,51,51) 17%, rgb(25,25,25) 59%, rgb(0,0,0) 87%);
            background-image: -o-linear-gradient(bottom, rgb(51,51,51) 17%, rgb(25,25,25) 59%, rgb(0,0,0) 87%);
            background-image: -moz-linear-gradient(bottom, rgb(51,51,51) 17%, rgb(25,25,25) 59%, rgb(0,0,0) 87%);
            background-image: -webkit-linear-gradient(bottom, rgb(51,51,51) 17%, rgb(25,25,25) 59%, rgb(0,0,0) 87%);
            background-image: -ms-linear-gradient(bottom, rgb(51,51,51) 17%, rgb(25,25,25) 59%, rgb(0,0,0) 87%);
            background-image: -webkit-gradient(
            	linear,
            	left bottom,
            	left top,
            	color-stop(0.17, rgb(51,51,51)),
            	color-stop(0.59, rgb(25,25,25)),
            	color-stop(0.87, rgb(0,0,0))
            );            
            border-radius:15px;
            box-shadow:0 1px 3px #000;
            color:orange;
            padding: 5px 0;
            margin:0 5px 10px;
            display:block;
            text-align:center;
            font:normal 13px 'Showcard Gothic',  Arial, sans-serif;
        }    
    
    .sb_list {
        list-style:none;
        }
    .sb_list li{
        border-top:1px solid #ddd;
        padding:5px;        
        }
    .sb_list li:nth-of-type(odd){
        background: #c2c2c2;        
        }        
    .sb_list li a{
        display:block;
        font:normal 11px/1.3 Georgia;
        }
        
    .sb_list li:hover,
    .sb_list li a:hover{
        background: #aaa;
        }
        
/*fb_plugin*/

#pu_headerbar ul li.fb_button {
       border:none;
       position:relative;
       margin-left:12px;
    }
    
#pu_headerbar ul li.fb_button a{
    background:#3b5998 url('img/fb_icon.png') bottom right no-repeat;
    font:normal 10px Tahoma, 'Showcard Gothic', Verdana;
    padding:4px 16px;
    position:absolute;
    top:8px;
    border-radius:8px;
    color: #fff;
    }
    
#pu_headerbar ul li.fb_button a:hover{
    color: #f5f5f5;
    }
.facebook-icon, .facebook-icon a { background-image: url('img/icon_fb_link.png'); }

.header_beside_fb_like {
    display:block;
    margin-bottom:10px;
    }
#fb_like_wrap {
            background-color:#191919;
            background-image: linear-gradient(bottom, rgb(51,51,51) 17%, rgb(25,25,25) 59%, rgb(0,0,0) 87%);
            background-image: -o-linear-gradient(bottom, rgb(51,51,51) 17%, rgb(25,25,25) 59%, rgb(0,0,0) 87%);
            background-image: -moz-linear-gradient(bottom, rgb(51,51,51) 17%, rgb(25,25,25) 59%, rgb(0,0,0) 87%);
            background-image: -webkit-linear-gradient(bottom, rgb(51,51,51) 17%, rgb(25,25,25) 59%, rgb(0,0,0) 87%);
            background-image: -ms-linear-gradient(bottom, rgb(51,51,51) 17%, rgb(25,25,25) 59%, rgb(0,0,0) 87%);
            background-image: -webkit-gradient(
            	linear,
            	left bottom,
            	left top,
            	color-stop(0.17, rgb(51,51,51)),
            	color-stop(0.59, rgb(25,25,25)),
            	color-stop(0.87, rgb(0,0,0))
            );            
            border-radius:15px;
            box-shadow:0 1px 3px #000;            
    padding:0 0 5px 15px;
    display:inline;
    text-align:center;
    margin-left:10px;
    margin-bottom:10px;
    float:right;

    }   
    
        
/*sidebar ad*/
.box_centered {
 text-align:center;
 padding-bottom:8px;
 } 
 
/*viewtopic*/

.post {
    margin:10px 0;
    }
   
   
   
/*ads*/

.ad1 {
    background:pink;
    padding:10px;
    width:720px;
    height:60px;
    clear:both;
    margin:0 auto 10px;
    text-align:center;
    font:normal 40px/60px Arial;
    }
    
.ad3 {
    background:lightblue;
    padding:10px;
    width:710px;
    height:60px;
    clear:both;
    margin:10px auto 10px;
    text-align:center;
    font:normal 40px/60px Arial;
    display:block;
    } 
    
 .ad5 {
    background:orange;
    padding:10px;
    width:480px;
    height:60px;
    clear:both;
    margin:10px auto 10px;
    text-align:center;
    font:normal 40px/60px Arial;
    display:block;
    }
    
 .ad6 {
    background:red;
    padding:10px;
    width:480px;
    height:60px;
    clear:both;
    margin:10px auto 10px;
    text-align:center;
    font:normal 20px/60px Arial;
    display:block;
    } 
    
.ad7 {
    background:pink;
    padding:10px;
    width:720px;
    height:60px;
    clear:both;
    margin:0 auto 10px;
    text-align:center;
    font:normal 40px/60px Arial;
    }  
    
.ad8 {
    background:lightblue;
    padding:10px;
    width:720px;
    height:60px;
    clear:both;
    margin:0 auto 10px;
    text-align:center;
    font:normal 40px/60px Arial;
    }   

/*forum content*/
.content img {
    max-width: 500px
    }