* {margin:0; padding:0;}
img {border: 0;}
body {font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 12px; color: #222222; background:url('images/background.png') center top #095303; text-align: center;}

hr {clear:both; font-size:0; line-height:0; width:100%; background: none; border: none;}

input.submit{padding: 8px 20px; box-shadow:inset 0 1px 0 #529E21,inset 1px 0 0 #4A911C,inset -1px 0 0 #4A911C,inset 0 -1px 0 #3D7F12,inset 0 2px 0 rgba(255, 255, 255, 0.3),inset 0 0 4px rgba(255, 255, 255, 0.3),0 1px 2px rgba(0, 0, 0, 0.3); background:#6dbd45; border: none; border-radius:3px; color: #ffffff; font-weight:bold;}
input.submit:hover{cursor: pointer; background-color: #5dae46;}
input.submit:active{position: relative; top: 1px; left: 1px;}
input.text{width: 250px; padding: 5px; border: 2px solid #e5e5e5; border-radius: 5px; outline: none;}
input.text:focus{border: 2px solid #cccccc;}
select{width: 250px; padding: 5px; border: 2px solid #e5e5e5; border-radius: 5px; outline: none;}
select option{border-radius: 5px;}
textarea{width: 300px; height: 100px; padding: 5px; border: 2px solid #e5e5e5; border-radius: 5px; outline: none; font-family: Arial; line-height: 16px;}
textarea:focus{border: 2px solid #cccccc;}

.cookie_agree {background-color: #095303; color: #8eb08b; padding: 10px 0; -webkit-box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,0.6); box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,0.6);}
.cookie_agree p{display: block; margin: 0 auto;  position: relative;}
.cookie_agree p span{display: block; text-align: left; margin: 0 50px 0 15px; font-size: 13px; line-height: 1.5;}
.cookie_agree p a{color: #8eb08b;}
.cookie_agree p a.close{opacity: 0.75; display: block; width: 18px; height: 18px; position: absolute; top: 0; right: 15px; overflow: hidden; text-indent: 30px; background: url('../../images/close_white.png') center center no-repeat;}
.cookie_agree p a.close:hover{opacity: 1;}

.readonly{background-color: #f5f5f5; color: #aaaaaa;}
.error{background-color: #ffeeee !important; border: 2px solid #ee0000 !important;}
.center {text-align: center;}

a {text-decoration: underline; color: #666666;}
a:hover {color: #555555;}

.userbar {height: 31px;}
.userbar .bar {position: fixed; top: 0; width: 100%; height: 41px; overflow: hidden; text-align: center; background-color: #000000; background-color: rgba(0, 0, 0, 0.6); z-index: 999;}
.userbar .bar .in{margin: 0 auto; padding: 5px 0; width: 980px; text-align: left;}
.userbar .bar .in ul{list-style: none; float: right;}
.userbar .bar .in ul li{display: inline-block; padding: 0 16px 0 0; float: left; height: 31px;}
.userbar .bar .in ul li.user a{display: block; text-decoration: none; color: #ffffff; font-weight: bold; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.4);}
.userbar .bar .in ul li.user a:hover{color: #eeeeee;}
.userbar .bar .in ul li.user a img{border-radius: 2px; border: 3px solid rgba(0, 0, 0, 0.2);}
.userbar .bar .in ul li.user a span{display: inline-block; padding: 8px 0 0 10px; float: right;}
.userbar .bar .in ul li.notice{padding: 0 10px 0 12px; background:url('../../images/separator.png') no-repeat left center;}
.userbar .bar .in ul li.notice a{display: inline-block; background-color: #ff0000; font-weight: bold; text-decoration: none; color: #ffffff; padding: 2px 6px; border-radius: 2px; margin: 6px 0 0 0; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.4); box-shadow: -1px -1px 1px 0 rgba(0, 0, 0, 0.4); font-size: 11px;}
.userbar .bar .in ul li.notice a span{display: none;}
.userbar .bar .in ul li.logout{padding: 0 0 0 12px; background:url('../../images/separator.png') no-repeat left center;}
.userbar .bar .in ul li.logout a{display: inline-block; padding: 3px 0;}

.header {margin: 0 auto; padding: 25px 0 35px 0; width: 980px; text-align: center;}
.header span{display: block; font-family: 'courgette', Times New Roman; padding: 0 330px 0 0;}
.header h1{font-size: 48px; font-weight: normal; font-family: 'courgette', Times New Roman; padding: 0 330px 0 0;}
.header h1 a{text-decoration: none; color: #ffffff; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);}
.header span.title{font-size: 48px;}
.header span.title a{text-decoration: none; color: #ffffff; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);}
.header span.subtitle{font-size: 26px; color: #eeeeee; color: rgba(255, 255, 255, 0.6); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);}

.main {margin: 0 auto; width: 980px; text-align: left;}
.main .content{width: 680px; float:left;}
.main .content h1.category{text-align: center; font-size: 24px; font-family: 'courgette', Times New Roman; font-weight: normal; padding: 15px 0; margin: 0 30px 0 0; color: #ffffff; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); background:url('../../images/line.png') repeat-x top;}
.main .content .empty{padding: 80px 24px; margin: 0 30px 20px 0; border-radius: 10px; background-color: #ffffff; box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.4);}
.main .content .empty p{display: block; font-size: 14px; padding: 80px 0 0 0; text-align: center; background:url('../../images/empty.png') no-repeat center top;}
.main .content .box{padding: 24px; margin: 0 30px 20px 0; border-radius: 10px; background-color: #ffffff; box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.4);}
.main .content .box h1 {font-weight: normal; font-size: 32px; color: #000000; font-family: 'courgette', Times New Roman;}
.main .content .box h2 {font-weight: normal; font-size: 24px; color: #222222; font-family: 'courgette', Times New Roman;}
.main .content .box h2 a{color: #222222;}
.main .content .box h2 a:hover{color: #000000;}
.main .content .box p.info{font-size: 14px; padding: 5px 0 15px 0; color: #444444; font-style: italic; display: block; background:url('../../images/line.png') repeat-x center bottom;}
.main .content .box p.info a{color: #444444;}
.main .content .box p.info strong{font-weight: normal;}
.main .content .box .part{font-size: 14px; line-height: 28px; margin: 15px 0;}
.main .content .box .part img{float: right; margin: 0 0 10px 10px; padding: 5px; border: 1px solid #eeeeee; border-radius: 5px;}
.main .content .box .part a{color: #222222;}
.main .content .box .boxfoot{padding: 15px 15px 5px 15px; clear: both; display: block; background:url('../../images/line.png') repeat-x center top; text-align: right;}
.main .content .box .boxfoot a{color: #888888; padding: 3px 0 3px 25px; display: inline-block; background:url('../../images/comments.png') no-repeat left center;}
.main .content .box .boxfoot a:hover{color: #666666;}
.main .content .box .perex{font-size: 18px; line-height: 32px; margin: 0 0 15px 0; padding: 15px 0; background:url('../../images/line.png') repeat-x center bottom;}
.main .content .box .article{font-size: 14px; line-height: 28px; margin: 15px 0;}
.main .content .box .article p + p{padding: 5px 0 0 0;}
.main .content .box .article ul{padding: 5px 0 5px 35px;}
.main .content .box .article ol{padding: 5px 0 5px 35px;}
.main .content .box .article li{padding: 2px 0 2px 10px;}
.main .content .box .article a{color: #01709c;}
.main .content .box .article a:hover{color: #1180ac;}
.main .content .box .article img[align=left]{margin: 0 10px 10px 0;}
.main .content .box .article img[align=right]{margin: 0 0 10px 10px;}
.main .content .box .article img[align=center]{margin: 0 0 10px 0;}
.main .content .box .share{margin: 5px 0; padding: 10px 0 10px 0; text-align: center;}
.main .content .box .share iframe{border:none; overflow: hidden; width: 100%; height: 30px;}
.main .content .box .ad{border-radius: 5px; padding: 15px 25px; margin: 5px 0; border: 1px solid #dbe4e4; background-color: #eef5f7; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);}
.main .content .box .adlink{border-radius: 5px; padding: 15px 25px; margin: 5px 0; border: 1px solid #dbe4e4; background-color: #eef5f7; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);}
.main .content .box .comments{padding: 15px 0;}
.main .content .box .comments p.count{color: #666666; display: block; padding: 0 0 10px 0; font-size: 11px;}
.main .content .box .comments ul{list-style: none;}
.main .content .box .comments ul li{display: block; padding: 5px 0;}
.main .content .box .comments ul li p{display: block;}
.main .content .box .comments ul li .left{background:url('../../images/commentbg.gif') no-repeat right center; float: left; width: 80px;}
.main .content .box .comments ul li .left img{border: 3px solid #f5f5f5; border-radius: 3px;}
.main .content .box .comments ul li .right{margin: 0 0 0 80px; padding: 15px; background-color: #f0f0f0; border-radius: 5px; border-top: 1px solid #e5e5e5; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);}
.main .content .box .comments ul li .right span.name{display: inline-block; font-size: 15px; font-weight: bold; color: #222222;}
.main .content .box .comments ul li .right span.name a {font-size: 15px; font-weight: bold; color: #222222;}
.main .content .box .comments ul li .right span.date{display: inline-block; float: right; font-size: 11px; color: #999999;}
.main .content .box .comments ul li .right span.comment{display: block; line-height: 22px; padding: 5px 0 0 0;}
.main .content .box .comments ul li form p{padding: 5px 0;}
.main .content .box .comments ul li form p.center{text-align: center;}
.main .content .box .comments ul li form p span{display: inline-block; width: 100px; font-weight: bold; float: left; padding: 5px 0 0 0;}
.main .content .box .comments ul li form p img{margin: 0 0 0 100px;}
.main .content .box .comments ul li form p a{display: inline-block; padding: 2px 0 2px 26px; margin: 0 0 0 10px; background:url('../../images/login.png') no-repeat left center;}
.main .content .box .login{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; text-align: center; background-color: rgba(255, 255, 255, 0.6);}
.main .content .box .login .loginbox{text-align: left; width: 100%; position: fixed; top: 50%; margin: -136px 0 0 0; text-align: center;}
.main .content .box .login .loginbox form{display: inline-block; border: 13px solid rgba(0, 0, 0, 0.4); border-radius: 10px; margin: 0 auto; text-align: left;}
.main .content .box .login .loginbox form h2{font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 14px; font-weight: bold; padding: 13px 20px; color: #ffffff; background:url('../../images/h2.png') repeat-x top #19314a;}
.main .content .box .login .loginbox form p{background-color: #ffffff;}
.main .content .box .login .loginbox form p.blog{padding: 25px 35px 0 35px;}
.main .content .box .login .loginbox form p.pass{padding: 15px 35px 15px 35px;}
.main .content .box .login .loginbox form p.reg{padding: 0 35px 15px 35px;}
.main .content .box .login .loginbox form p.reg a{color: #666666;}
.main .content .box .login .loginbox form p.reg a:hover{color: #222222;}
.main .content .box .login .loginbox form p.center{padding: 0 35px 25px 35px;}
.main .content .box .login .loginbox form p span{display: inline-block; width: 55px; font-weight: bold; float: left; padding: 5px 0 0 0;}
.main .content .box .login .loginbox form p input.text{width: 150px;}
.main .content .box .login .loginbox form p select{border-color: #ffffff; border-radius: 0; width: 150px;}
.main .content .box .login .loginbox iframe{z-index: 9999; width: 500px; height: 280px; background-color: #ffffff; border: none; margin: 0 auto; text-align: left; -webkit-box-shadow: 0 0 0 13px rgba(0,0,0,0.4); box-shadow: 0 0 0 13px rgba(0,0,0,0.4);}

.main .content ul.paging{margin: 0 30px 0 0; padding: 5px 0 15px 0; list-style: none; text-align: center;}
.main .content ul.paging li{display: inline-block; padding: 2px;}
.main .content ul.paging li a{display: block; text-decoration: none; padding: 7px 12px; background:url('../../images/page.png') repeat-x top #3f4347; border-radius: 5px; border: 1px solid #2b2e31; box-shadow: inset 0 1px 0 #62686d; text-shadow: 0 1px 0 #222222; color: #f5f5f5;}
.main .content ul.paging li a:hover{background: #404448;}
.main .content ul.paging li a.selected{font-weight: bold; border: 1px solid #212327; background: #2f3236; box-shadow: inset 0 1px 0 #4c4e50;}
.main .content ul.paging li.arr a{padding: 7px 7px;}

.main .menu{width: 300px; float:right; text-align: center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);}
.main .menu h2{display: none;}
.main .menu .profile {padding: 0 0 25px 0; background:url('../../images/line.png') repeat-x center bottom;}
.main .menu .profile h3{display: none;}
.main .menu .profile img{padding: 8px 9px 9px 8px; border-radius: 6px; background: #000000; background: rgba(0, 0, 0, 0.2); box-shadow: -1px -1px 1px 0 rgba(0, 0, 0, 0.4);}
.main .menu .profile h4{font-weight: normal; font-size: 26px; color: #ffffff; font-family: 'courgette', Times New Roman; padding: 10px 0;}
.main .menu .profile p{display: block; width: auto; text-align: left; color: #ffffff; font-size: 14px; line-height: 24px;}
.main .menu .search {background:url('../../images/line.png') repeat-x center bottom; margin: 0 0 25px 0;}
.main .menu .search h3{display: none;}
.main .menu .search form{padding: 25px 0; text-align: center;}
.main .menu .search form p{display: inline-block; padding: 8px 9px 9px 8px; margin: 0 10px 0 0; border-radius: 6px; background: rgba(0, 0, 0, 0.2); box-shadow: -1px -1px 1px 0 rgba(0, 0, 0, 0.4);}
.main .menu .search form p span{display: inline-block; border-radius: 4px; background: rgba(255, 255, 255, 0.9); box-shadow: -1px -1px 1px 0 rgba(0, 0, 0, 0.2); padding: 0 10px;}
.main .menu .search form input{display: inline-block;}
.main .menu .search form input.text{padding: 7px 0; width: 200px; background: none; border: none; color: #666666; outline: none;  font-style: italic;}
.main .menu .search form input.button{width: 22px; height: 22px; text-indent: -100px; background:url('../../images/search_button.png') center top; border: none; cursor: pointer;}
.main .menu .search form input.button:active{position: relative; top: 1px; left: 1px;}
.main .menu .categories {text-align: left; margin: 0 0 25px 0;}
.main .menu .categories h3{font-weight: normal; font-size: 22px; color: #ffffff; font-family: 'courgette', Times New Roman;}
.main .menu .categories ul{padding: 15px 0 0 15px; list-style: none;}
.main .menu .categories ul li{padding: 5px 0 5px 20px; background:url('../../images/li_white.png') no-repeat left center;}
.main .menu .categories ul li a{font-size: 14px; color: #ffffff;}
.main .menu .categories ul li a:hover{color: #ffffff; color: rgba(255, 255, 255, 0.8);}
.main .menu .links {text-align: left; margin: 0 0 25px 0;}
.main .menu .links h3{font-weight: normal; font-size: 22px; color: #ffffff; font-family: 'courgette', Times New Roman;}
.main .menu .links ul{padding: 15px 0 0 10px; list-style: none;}
.main .menu .links ul li{padding: 5px 0 5px 25px; background:url('../../images/link_white.png') no-repeat left 4px; color: #eeeeee; color: rgba(255, 255, 255, 0.6);}
.main .menu .links ul li a{font-size: 14px; color: #ffffff;}
.main .menu .links ul li a:hover{color: #ffffff; color: rgba(255, 255, 255, 0.8);}
.main .menu .archive {text-align: left; margin: 0 0 25px 0;}
.main .menu .archive h3{font-weight: normal; font-size: 22px; color: #ffffff; font-family: 'courgette', Times New Roman;}
.main .menu .archive ul{padding: 15px 0 0 10px; list-style: none;}
.main .menu .archive ul li{display: inline-block; padding: 3px;}
.main .menu .archive ul li a{display: inline-block; padding: 8px 15px 9px 14px; font-size: 12px; color: #ffffff; font-weight: bold; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5); border-radius: 6px; background: rgba(0, 0, 0, 0.2); box-shadow: -1px -1px 1px 0 rgba(0, 0, 0, 0.4);}
.main .menu .archive ul li a:hover{background: rgba(0, 0, 0, 0.3); box-shadow: -1px -1px 1px 0 rgba(0, 0, 0, 0.5);}
.main .menu .archive ul li a.selected{background: rgba(0, 0, 0, 0.3); box-shadow: -1px -1px 1px 0 rgba(0, 0, 0, 0.5);}
.main .menu .archive ul li ul{padding: 0; display: inline-block;}
.main .menu .archive ul li ul li{display: inline-block; padding: 3px;}
.main .menu .archive ul li ul li a{font-size: 11px; color: #ffffff; font-weight: bold; background: rgba(0, 0, 0, 0.1); padding: 9px 15px 9px 14px;}
.main .menu .counter {text-align: left; background:url('../../images/line.png') repeat-x center top; padding: 25px 0 0 0; margin: 0 0 25px 0;}
.main .menu .counter h3{font-weight: normal; font-size: 22px; color: #ffffff; font-family: 'courgette', Times New Roman;}
.main .menu .counter ul{margin: 15px 20px 0 20px; padding: 10px 25px; list-style: none; border-radius: 6px; background: rgba(255, 255, 255, 0.05);}
.main .menu .counter ul li{padding: 10px 0; font-size: 14px; color: #ffffff;}
.main .menu .counter ul li + li{background:url('../../images/line.png') repeat-x center top;}
.main .menu .counter ul li.online{color: #32a133; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);}
.main .menu .counter ul li span{float: right; font-weight: bold;}
.main .menu .owncontent {text-align: left; background:url('../../images/line.png') repeat-x center top; padding: 25px 0 0 0; margin: 0 0 25px 0; color: #ffffff;}
.main .menu .owncontent ul li a{font-size: 14px; color: #ffffff;}
.main .menu .owncontent ul li a:hover{color: #ffffff; color: rgba(255, 255, 255, 0.8);}

.ownfooter {margin: 25px auto 0 auto; padding: 25px 0 0 0; width: 980px; text-align: left; background:url('../../images/line.png') repeat-x center top;}

.footer {margin: 25px auto; padding: 15px 0; width: 980px; text-align: left; background:url('../../images/line.png') repeat-x center top;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);}
.footer p{padding: 5px 15px; line-height: 18px; color: #ffffff;}
.footer p a{color: #ffffff;}