html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
    margin:0;
    padding:0;
}

body {
	background:#000 url('../images/bg.jpg') no-repeat 50% 0 fixed;
    color:#1f282c;
    cursor:default;
    font:11px Tahoma, Arial, Helvetica, sans-serif;
}

#wrapper {
    margin:0 auto;
    padding:0 20px;
    width: 880px;
}

h1 {
    font-size:14px;
    padding-bottom:5px;
    font-weight:normal;
}

h2 {
    font:20px "Segoe Ui Light", "Segoe Ui", Calibri, Tahoma;
    padding:5px;
    font-weight:lighter;
    color:#fff;
    text-shadow:0 0 8px #fff;
}

a, a:visited {
    color:#333;
    text-decoration:none;
}

a:hover, a:active {
    color:#F7086D;
    text-decoration:none;
}

a img {
    border:0 none;
}

textarea {
    resize:vertical;
}

ul, ol {
    list-style:none;
}

:focus {
    outline:none;
}

.clr {
    clear:both;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

p {
    padding:5px;
}

hr {
	color:#aaa;
	border:0px none;
	border-top:dotted 1px #aaa;
	height:1px;
}

.social-but {
    overflow:hidden;
    margin-top:14px;
}

.social-but a {
    float:left;
    margin-right:10px;
    height:16px;
    background:url('../images/soc-i.png') no-repeat;
}
    
.social-but .rss {
	width:16px;
    background-position:0px 0;
}
    
.social-but .vk {
    width:14px; 
    background-position:-38px 0;
}
    
.social-but .tw {
    width:20px;
    background-position:-72px 0;
}

.social-but .gplus {
    width:20px;
	background-position:-110px 0;
}

.right-links {
    padding:0 5px;
    float:right;
    margin-top:-14px;
    border-radius:0 0 4px 4px;
    background:rgba(0,0,0,0.3);
}
                  
.right-links a {
	padding:6px 11px;
    text-transform:lowercase;
    color:#fff;
    float:left;
}

.right-links a:hover {
    background:rgba(0,0,0,0.5);
    padding:6px 11px;
}

#header {
    margin:30px 0;
    overflow:hidden;
}
            
#logo {
    margin-right:50px;
    float:left;
}

#logo:active {
    position:relative;
    top:1px;
}

#searchbar {
    border-radius:3px;
    border:1px solid #fff;
    background:#fff;   
    float:left;
    width:400px;
    height:30px;
}

.ser-text {
    width:320px;
    height:30px;
    padding-left:8px;
    font:11px Tahoma, Arial, Helvetica, sans-serif;
    border:none;
    background:none;
}

.ser-but {
    z-index:105;
    cursor:pointer;
    border:none;
    width:60px;
    border-radius:0 3px 3px 0;
    height:30px;
    float:right;
	font:bold 12px "trebuchet ms",Verdana,Arial,Helvetica,sans-serif;
    line-height:30px;
    background:#F7086D;
    border-bottom:solid 1px #B60952;
    border-right:solid 1px #CF085D;
    color:#fff;
    text-transform:uppercase;
}

.top-menu {   
    background:#fff url('../images/l-title.png') repeat-x bottom;
    border-radius:3px 3px 0 0;
    border:1px solid #ddd;
    border-bottom:0;
    height:37px;
    line-height:36px;
}

.top-menu li {
    float:left;        
}

.top-menu li a {
    padding:0 15px 0 15px;
    font-size:12px;
    border-right:1px solid #ddd;
}

.bottom-menu {
    background:url('../images/darbg.png') repeat-x;
    height:48px;
    line-height:48px;
    border-radius:0 0 7px 7px;
    margin-bottom:20px;
    box-shadow:0 12px 20px -14px #000;
}

.bottom-menu li {
    float:left;        
}

.bottom-menu li a {
    font-size:15px;
    padding:0 15px 0 15px;
    color:#fff;
    border-right:1px solid #707070;
}

.bottom-menu li a:hover {
    color:#f7086d;
}

.s-bar {
    margin-bottom:14px;
    color:#f9f9f9;
    font-size:12px;
}

.s-bar a {
    color:#fff;
}

.s-bar a:hover {
    text-shadow:0 0 8px #fff;
}

#content {
    background:rgba(0,0,0,0.3);
    padding:8px;
    overflow:hidden;
    border-radius:4px;
}

#r-content {
    margin-left:270px;
    overflow:hidden;
}

#side-panel {
    float:left;
    width:260px;
}

.side-block {
    border-radius:4px;
    box-shadow:0 0 5px #000;
    background:#fff;
    margin-bottom:10px;
}

.side-block .block-inner {
    padding:7px;
}

.side-block .block-head {
    background:url('../images/l-title.png') repeat-x;
    padding:0 15px;
    border-bottom:1px solid #ddd;
    text-shadow:0 1px 0 #fff;
    font-size:14px;
    height:32px;
    line-height:32px;
    border-radius:4px 4px 0 0;
}

.side-block.nomargin {
    margin-bottom:0;
}

.side-block.b-tags {
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.9) inset;
    background:url('../images/tags-block.png') #111 no-repeat top right;
    color:#f9f9f9;
}

.side-block.b-tags a {
    color:#fff;
}

#slide-menu {
    padding:5px 0;
    font-size:12px;
}

#slide-menu li a, #slide-menu li span {
    color:#1f2931;
    display:block;
    background:#eee;
    border-bottom:1px solid #fff;
    padding:0 15px;
    height:30px;
    line-height:29px;
}

#slide-menu li span {
    cursor:pointer;
    background:url('../images/slidemenu.png') no-repeat 93% 6px #eee;
}

#slide-menu li a:hover, #slide-menu li span:hover {
    color:#fff;    
    background-color:#555;
}

#slide-menu li.selected span {
    color:#fff;
    border:none;
    background-color:#db143d;
    background-position:93% -26px;
}

#slide-menu li.submenu ul {
    padding:10px 0 5px 0;
}

#slide-menu li.submenu ul li a {
    border:none;
    font-size:11px;
    padding-bottom:5px;
    background:none;
    line-height:normal;
    height:auto;
    padding-left:25px;
}

#slide-menu li.submenu ul li a:hover {
    color:#F7086D;
}

.topnews {
    padding-bottom:8px;
}

.topnews li {
    position:relative;
    padding:8px;
    display:block;
    border-bottom:1px solid #ddd;
}

.topnews li:hover {
	background:#eee;
}
 
.topnews li:hover .xinfo {
    display:block;
}

.topnews li .title {
    font-size:12px;
    display:block;
}

.topnews li .p-cat {
    padding:5px 0;
    font-size:10px;
}

.topnews li img {
    float:left;
    width:50px;
    height:45px;
    border-radius:4px;
    margin-right:5px;
}

.xinfo {
    display:none;
    z-index:999;
    position:absolute;
    left:100%;
    top:0;
    width:230px;
    margin-left:6px;
    border-radius:3px;
    padding:12px;
    background:#fff;
    box-shadow:2px 2px 7px rgba(0, 0, 0, 0.4);
}

.root {
    position:absolute;
    left:-17px;
    top:20px;
    width:17px;
    height:36px;
    background:url('../images/short-arrow.png') no-repeat;
}

.vinfo {
    padding-bottom:5px;
    margin-bottom:5px;
    background:url('../images/vtitle.png') no-repeat 50% 100%;
    color:#fff;
}

.vinfo b {
    border-radius:3px;
    display:block;
    padding:8px;
    font-weight:normal;
    font-size:12px;
    background:#1e1d21;
}

.vresult {
    width:31px;
    height:25px;
    margin-top:4px;
    float:right;
    background: url('../images/vresult.png') no-repeat;
}

.vresult:hover {
    background-position: 0 -25px;
}

.berrors {
    border-radius:0 4px 4px 0;
    box-shadow:0 0 5px #000;
    border-left:4px solid #F7086D;
    margin-bottom:10px;
    padding:10px;
    background:#f9f9f9;
}

.berrors ul {
    list-style:none;
}
    
.berrors b {
    font-weight:normal;
    font-size:12px;
}

.box-out {
    border-radius:4px;
    overflow:hidden;
    box-shadow:0 0 5px #000;
    background:#fff;
    padding:7px;
}

.box-out .block-head {
    background:url('../images/darbg.png') repeat-x bottom;
    padding:0 15px;
	color:#fff;
    font-size:14px;
    height:32px;
    line-height:31px;
    border-radius:4px;
    border:1px solid #111;
    margin-bottom:7px;
    box-shadow:0px 0px 1px rgba(255,255,255,0.3) inset, 0px 1px 0px rgba(255,255,255,0.15) inset;
}   

.box-out.margin {
    margin-bottom:10px;
}

.stats {
    width:33.3%;
    float:left;
    margin-bottom:10px;
}
    
.info-block {
    background:#F5F5F5;
    border-radius:5px;
    padding:10px;
    margin:8px 0;
}

select {
    padding:1px;
    height:20px;
	box-shadow:0px 1px 0px rgba(0,0,0,0.1) inset;
    border:1px solid #bababa;
    font-size:11px;
    border-radius:2px;
}

.checkbox {
    padding:4px 0;
    line-height:1em;
}

.checkbox input {
    margin-top:-2px;
    vertical-align:middle;
}

.bb-editor textarea, .xfields input, input.textin, .xfields textarea, .f_input,input.f_input, textarea.f_textarea  {
    border:1px solid #bababa;
    background:#fff;
    padding:4px;
    font:12px Tahoma, arial;
    transition:all 0.2s ease;
    color:#666;
    border-radius:2px;
    box-shadow:0px 1px 0px rgba(0,0,0,0.1) inset;
}
        
.bb-editor textarea:hover, .xfields input:hover,input.textin:hover,.xfields textarea:hover,.f_input:hover,input.f_input:focus, textarea.f_textarea:hover {
    border-color:#909090;
}

.bb-editor textarea:focus, .xfields input:focus,input.textin:focus,.xfields textarea:focus,.f_input:focus,input.f_input:focus, textarea.f_textarea:focus{
    border-color:#F7086D;
    color:#000;
    box-shadow:0px 1px 0px rgba(0,0,0,0.1) inset, 0px 0px 5px #cb0056;
}

a.fbutton:link, a.fbutton:visited, .fbutton, input.bbcodes {
    background:url('../images/l-title.png') repeat-x bottom;
    border:0px;
    border:1px solid #ddd;
    color:#111;
    font:bold 11px Arial,Geneva,sans-serif;
    border-bottom:1px solid #acacac;
    border-right:1px solid #bfbebe;    
    border-radius:2px;
    cursor:pointer;
    padding:4px 9px;
}

a.fbutton:hover, .fbutton:hover, input.bbcodes:hover {
    color:#000;
}

a.fbutton:active, .fbutton:active, input.bbcodes:active {
    color:#555;
}

table.tableform {
    width:100%;
}

table.tableform td {
    padding:2px 0px 3px 0px;
    border-bottom:1px dotted #EAEAEA;
    vertical-align:middle;
}

.tableform td.label {
    width:20%;
    padding-right:0;
}

table.tableform input.f_input {
    width:300px;
}

.log-white {
	color:#fff;
	float:right;
	background:#fff url('../images/l-title.png') repeat-x bottom;
	border-radius:4px 23px 23px 4px;
}

.log-white a {
    display:block;
    padding:5px 15px 5px 15px;
}
        
.login-panel {
	border-radius:4px 23px 23px 4px;
	float:right;
    padding:4px;
	background:rgba(0,0,0,0.8);
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.9) inset;
}

.log-link {
	float:left;
}

.log-link a {
	color:#fff;
	padding:5px 13px 5px 13px;
	display:block;
}

.logarea {
    display:none;
}

.popuplog {
    border-radius:4px;
    background: #fff;
}

.popup-head {
    font-size:15px;
    padding:0 20px;
    height:45px;
    line-height:45px;
    border-bottom: 1px solid #ddd;
    background:url('../images/l-title.png') repeat-x bottom;
}

.popup-close {
    margin-top:16px;
    width:16px;
	height:16px;
	float:right;
	background:url('../images/close.png') no-repeat;
}

.popupcol {
	padding: 15px;
}

.popupcol .usermenu {
	margin:-5px 0 0 120px;
}

.popupcol .usermenu li a {
	border-bottom:1px dotted #bbb;
	display:block; 
	padding: 5px 0;
}

.popupcol .edge p {
	color: #7e7e7e;
    padding:0 !important;
	margin-bottom:4px;
}

.popupcol .edge input {
	margin-bottom:8px;
    padding:5px;
	width: 97%;
}

.pm-menu {
    overflow:hidden;
}
        
.pm-menu li {
    float:left;
    margin-right:10px;
}

.uavatar {
    position:relative;
	float:left;
}

.uavatar img {
    width:100px;
    border-radius:4px;
}

.avatar {
    position:relative;
	float:left;
}

.avatar img {
    width:70px;
    border-radius:4px;
}

.user-status {
	position:absolute;
    top:3px;
    right:3px;
    background:rgba(0,0,0,0.8);
    padding:3px 5px 2px 5px;
    border-radius:3px;
}

.user-status img {
    width:10px !important;
    height:10px !important;
}
        
.ulist {
    margin-left:10px;
    display:inline-block;
}

.uinfo {
    width:49.9%;
    float:left;
}

.grey {
    color:#555;
}

.bcomment {
    overflow:hidden;
    border-radius:4px;
    box-shadow:0 0 5px #000;
    background:#f9f9f9;
    margin-bottom:10px;
    padding:7px;
}
    
.bcomment .commm-user {
    color:#666;
}
                
.bcomment .bcomm {
	margin-left:80px;
}
                        
.comm-text {
	font-size:12px;
    padding:5px 0px;
}
            
.bcomment .author {
	font-size:14px;
}
    
.comedit {
    float:right;
}

.comedit a {
	display:inline-block;
	padding:2px;
	opacity:0;
}

.bcomment:hover .comedit a {
	opacity:0.4;
	transition:all 0.3s ease;
}

.bcomment .comedit a:hover {
    opacity:1.0;
}

.pagination li a {
    overflow:hidden; 
    display:block; 
    height:0; 
    line-height: normal;
}

#slides, .slides_container, .prev, .next {
    position:relative; 
    height:390px;
    border-radius:8px;
}
    
#slides {
	margin-bottom: 20px;
}
    
.slides_container {
	background-color:#000;
    width:100%;
    overflow:hidden;
}

.pagination {
    padding:4px 6px;
    border-radius:4px;
	position:absolute;	
    background:rgba(0,0,0,0.9);
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.9) inset;
    left:10px;
    top:10px;
    height:20px; 
}

.pagination li, .pagination li a {
    float:left;
}

.pagination li a {
    margin-right:2px;
    background: url('../images/pagination.png') no-repeat -20px 0;
    width: 20px;
    padding-top: 20px;
}

.pagination li a:hover {
    background-position: -40px 0;
}
                
.pagination li.current a {
	background-position: 0 0;
}

.prev, .next {
	position:absolute;
    overflow:hidden;
    padding-left:40px;
    width:0;
    top:0;
    background: url('../images/prevnext.png') no-repeat;
}

.prev {
    left:-40px;
    background-position:0 50%;
}

.next {
	right:-40px;
    background-position:-130px 50%;
}

.prev:hover {
	background-position: -82px 50%;
}

.next:hover {
	background-position: -42px 50%;
}

 .ratebox {
    float:right;
    margin-top:6px;
}
    
.news-bot {
    background:#f1f1f1;
    width:79.4%;
        float:right;
    border-radius:2px;
    padding:0 8px;
    height:28px;
    line-height:28px;
}
            
.comnum a {
	margin-left:10px;
    line-height:35px;
    text-align:center;
    font-size:16px;
    float:right; 
    width:36px;
    height:36px; 
    background:#eee;
    border-radius:4px;
}

.argmore a {
    border-radius:2px;
    font-weight:bold;
    padding: 0 15px;
    height:28px;
    line-height:27px;
    float:left;
    color:#fff;
    background:#333;
}

.argmore a:hover {
    background:#444;
}

.news-head {
    border-bottom:1px solid #eee;
    padding-bottom:6px;
    margin-bottom:6px;
}
                    
.news-info {
	background:#888;
    padding-left:8px;
    color:#fff;
    height:23px;
	float:left;
    line-height:22px;
	border-radius:4px;
}
                            
.news-info li {
	float:left;
    padding-right:8px;
}
    
.news-det {
	height:24px;
    float:left;
    line-height:23px;
}

.news-det li {
	float:left;
    padding:0 8px;
    margin-right:3px;
    border-radius:4px;
    background:#f7086d;
}
                
.news-info li a {
    color:#fff;
}
    
.news-title {
	font-size:17px;
}

.news-text {
    font-size:12px;
    margin-top:7px;
}

#footer {
    padding:15px 0;
    overflow:hidden;
    color:#fff;
}

#footer a {
    color:#fff;
}

#footer a:hover {
    text-decoration:underline;
    text-shadow:0 0 8px #fff;
}

#footer img {
    float:left;
}

#footer b {
    font-weight:normal;
    font-size:12px;
}

#footer .padding {
    margin-left:20px;
    display:inline-block;
}
        
#footer .menu {
    margin-left:-6px;
}
                
#footer .menu li a {
	float:left;
    border-right:1px solid #ddd;
    padding:0 6px;
}    

.counts ul li {
    float: right;
    width: 88px;
    height: 31px;
    margin-left:8px;
    opacity:0.7;
}

.counts ul li:hover {
    opacity:1.0;
}

.navigation a, .navigation span {
    color:#fff !important;
    font-size:16px;
    padding:0 6px;
    border-radius:2px;
}
    
.np-nav, .np-nav a {
    margin-top:5px;
    color:#fff;
}
    
.np-nav a:hover {
    text-shadow:0 0 5px #fff;
}

.navigation a:hover {
    background:#E5E5E5;
    color:#000 !important;
}

.navigation span {
    color:#fff !important;
    background:#db143d;
}

.relnews {
    color:#999;
}

.relnews li a {
    color:#fff;
    font-size:12px;
    display:block;
}

.relnews li {
    padding:4px 10px;
    display:block;
    overflow:hidden;
}

.relnews li:hover {
    background:rgba(131,131,131,0.2);
    border-radius:4px;
}

.relnews img {
    float:left;
    width:80px;
    height:50px;
    border-radius:4px;
    margin-right:8px;
}

.relnews li a:hover {
    text-shadow:0 0 10px #fff;
}

.relnews-area {
    overflow:hidden;
    margin-top:10px;
    background:rgba(0,0,0,0.5);
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.9) inset;
    margin-bottom:10px;
    padding:8px;
}