html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin : 0;
padding : 0;
border : 0;
font-size : 100%;
font : inherit;
vertical-align : baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display : block;
}
ol, ul {
list-style : none;
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : none;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
body {
overflow-wrap : break-word;
}
body, select, textarea, button, input {
font : 14px/1.45 Helvetica, Arial, sans-serif;
color : #2a2a2a;
outline : none;
}
a {
outline : none;
color : #ee4923;
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
a img {
border : none 0;
}
a > img {
vertical-align : bottom;
}
h1, h2, h3, h4, h5 {
font-weight : normal;
}
#logo-text {
font-weight : bold;
color : #808080;
font-size : 39px;
line-height : 43px;
letter-spacing : -0.05em;
}
h2, h1 {
font-size : 28px;
line-height : 32px;
}
h3 {
font-size : 22px;
line-height : 26px;
}
h4 {
font-size : 20px;
line-height : 24px;
}
h5 {
font-size : 16px;
line-height : 20px;
}
.mejs-container {
max-width : 100%;
}
video {
max-width : 100%;
}
iframe {
max-width : 100%;
}
textarea {
overflow : auto;
vertical-align : top;
}
input:focus {
outline : none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border : 0;
padding : 0;
}
button[disabled], input[disabled] {
cursor : default;
}
.btn, .bbcodes, .ui-button {
font-weight : bold;
display : inline-block;
cursor : pointer;
height : 37px;
line-height : normal;
margin : 0 2px;
padding : 6px 20px;
text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.2);
color : #fff !important ;
border-radius : 3px;
box-sizing : border-box;
box-shadow : 0 1px 3px 0 rgba(0, 0, 0, 0.2);
border : #ca1f0c solid 1px;
border-width : 0 0 1px 0;
}
.btn:active, .bbcodes:active, .ui-button:active {
background : #f54305;
box-shadow : 0 1px 4px 0 rgba(0, 0, 0, 0.2) inset;
}
.btn:hover, .bbcodes:hover, .ui-button:hover {
opacity : 0.85000002384185791015625;
}
.bbcodes, .ui-button {
height : 30px;
padding : 5px 14px;
}
p, dl, dd, pre, ul, ol, blockquote, address, table, fieldset {
margin-bottom : 20px;
}
blockquote {
margin-left : 20px;
padding : 0 20px;
font-family : Georgia, Times, serif;
font-style : italic;
border-left : 6px solid #d7d7d7;
color : #737373;
}
strong, b {
font-weight : bold;
}
em, cite, i {
font-style : italic;
}
caption {
text-align : left;
}
th, td {
vertical-align : middle;
}
small, .small {
font-size : 0.9em;
}
.thd, .ui-icon, .ico:before {
display : inline-block;
background-image : url(../images/sprite.png);
}
.thd, .ui-icon {
text-align : left;
overflow : hidden;
text-indent : -9999px;
white-space : nowrap;
}
.ico:before {
float : left;
content : "";
width : 12px;
height : 12px;
}
.clr {
clear : both;
}
.clrfix:after {
clear : both;
content : "";
display : block;
height : 0;
width : 0;
visibility : hidden;
}
#toolbar {
position : relative;
width : 100%;
box-shadow : 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}
#toolbar, .more a {
background-color : #353535;
border-bottom : 1px solid #070707;
}
#in-toolbar {
overflow : hidden;
display : block;
width : 100%;
height : 44px;
}
#in-toolbar a {
color : #fff;
}
#menu-btn {
cursor : pointer;
float : right;
width : 17px;
padding : 0 20px;
height : 44px;
position : relative;
}
#hamburger {
top : 20px;
}
#hamburger:after {
bottom : -3px;
}
#hamburger:before, #hamburger:after, #hamburger {
background : #fff;
content : "";
display : block;
height : 3px;
left : 0;
position : relative;
width : 17px;
}
#hamburger:before {
top : -6px;
}
#menu-head {
display : none;
}
#menu-head.open {
display : block;
}
#menu-head a {
border-top : 1px solid #222;
display : block;
height : 1%;
padding : 10px 20px;
color : #fff;
}
#menu-head a:hover {
background : #ee4923;
text-decoration : none;
}
#login-btn {
padding : 11px 20px;
font-weight : bold;
float : left;
cursor : pointer;
}
#login-btn:before {
margin : 2px 5px 0 0;
height : 14px;
background-position : 0 0;
}
.wideDialog {
padding-top : 45px;
display : none;
z-index : 99999;
height : 100%;
position : fixed;
top : 0;
left : 0;
right : 0;
bottom : 0;
background : #fff;
background : rgba(255, 255, 255, 0.9);
}
.wideDialog.open {
display : block;
}
#lg-close {
cursor : pointer;
position : absolute;
right : 0;
top : 0;
width : 45px;
height : 45px;
background-position : -30px -38px;
}
#loginpane {
float : left;
margin-top : 41px;
}
.loginbox {
position : fixed !important ;
}
.login-form {
padding : 20px;
margin-top : 13%;
}
.login-form .f_input {
font-size : 1.2em;
padding : 8px;
width : 100%;
height : 44px;
box-sizing : border-box;
}
.login-form li {
margin-bottom : 1em;
}
.login-form li label {
display : block;
margin-bottom : 0.2em;
}
.login-form a {
color : #ee4923 !important ;
}
.log-links {
padding : 15px 0;
text-align : center;
}
#usermenu {
padding : 20px;
}
#usermenu a {
display : block;
font-size : 1.5em;
color : #ee4923;
}
.background {
height : 35px;
background : url(../images/bgg.png) repeat-x #2a2a2a;
}
#header {
padding : 0 20px;
position : relative;
}
#header {
background-color : #fff;
}
#header, .post {
border-bottom : 1px solid #d4d4d4;
box-shadow : 0 4px 4px 0 rgba(0, 0, 0, 0.1);
}
#logo * {
display : block;
}
a#logo {
text-decoration : none;
}
a#logo * {
cursor : pointer;
}
#logo span {
font-size : 1.2em;
color : #595959;
}
#logo {
display : block;
text-align : center;
padding : 20px 0;
}
#quicksearch {
display : inline;
}
.quicksearch {
overflow : hidden;
width : 100%;
position : relative;
}
.quicksearch input {
padding : 6px 37px 6px 10px;
width : 100%;
height : 37px;
box-sizing : border-box;
}
.quicksearch button {
cursor : pointer;
width : 30px;
height : 35px;
margin : 1px;
position : absolute;
right : 0;
top : 0;
background-position : 0 -14px;
padding : 0;
background-color : transparent;
border : none 0;
transition : background-position 0.4s ease;
}
.quicksearch button:hover {
background-position : 0 -49px;
}
#go2full {
color : #8b8b8b;
text-shadow : 0 1px 0 #fff;
display : block;
width : 100%;
padding : 12px 0;
font-size : 0.8em;
}
#go2full:before {
margin : 2px 10px 0 0;
width : 31px;
background-position : -12px 0;
}
#footer {
text-align : center;
}
#footer .background {
height : 8px;
background-position : 50% 50%;
}
#copyright {
padding : 16px 20px;
font-size : 0.8em;
}
#copyright a, #copyright {
color : #6a6a6a;
}
#footmenu {
color : #fff;
height : 1%;
padding : 20px;
background : url(../images/dbg.png) #2d2d2d;
}
#footmenu h3 {
margin-bottom : 0.6em;
}
#footmenu a {
color : #fff;
}
.main-nav a {
display : block;
margin-bottom : 1px;
height : 1%;
padding : 5px 10px;
background : #262626;
border-radius : 3px;
}
.nav-sep {
display : inline-block;
height : 14px;
}
.post {
height : 1%;
padding : 20px;
}
.post img {
margin : 10px;
max-width : 100%;
}
.post .title {
margin-bottom : 0.5em;
}
.title a {
color : #2a2a2a;
}
.title a:hover {
color : #ee4923;
}
.post-info, .icat, .com-inf {
margin : 0;
font-size : 0.8em;
color : #6a6a6a;
}
.post-info a, .icat a {
font-weight : bold;
color : #6a6a6a;
}
.post-info a:hover, .icat a:hover {
color : #ee4923;
}
.post-info li {
display : inline-block;
margin-right : 1em;
}
.post-info li:before {
margin : 3px 5px 0 0;
}
.post-info {
margin-bottom : 5px;
}
.post-cont {
margin-bottom : 20px;
}
.iauthor:before {
width : 8px;
height : 10px;
background-position : -43px 0;
}
.idate:before {
width : 10px;
height : 10px;
background-position : -60px 0;
}
.iviews:before {
width : 10px;
height : 11px;
background-position : -70px 0;
}
.icat:before {
position : absolute;
margin : 4px 5px 0 -14px;
width : 9px;
height : 10px;
background-position : -51px 0;
}
.icat {
border-top : 1px solid #e7e7e7;
position : relative;
padding : 5px 0 15px 14px;
}
.com-num, .more a, .pager * {
border-radius : 3px;
}
.more a {
padding : 8px 20px;
float : left;
text-shadow : 0 -1px 0 #000;
}
.more a, a .pprev, a .pnext {
color : #fff;
box-shadow : 0 1px 3px 0 rgba(0, 0, 0, 0.2);
transition : opacity 0.4s ease;
}
.more a:hover, a:hover .pprev, a:hover .pnext {
text-decoration : none;
opacity : 0.89999997615814208984375;
}
.com-num {
color : #ee4923;
float : right;
padding : 8px 10px;
background : #f6f2ee;
}
.com-num:before {
float : none;
vertical-align : middle;
display : inline-block;
width : 13px;
height : 13px;
margin-right : 4px;
background-position : -80px 0;
}
.fullstory {
border-bottom-width : 0;
box-shadow : none;
}
.box {
margin-bottom : 2em;
}
.box h3 {
padding : 0 20px;
margin-bottom : 0.6em;
}
#rel-news {
border-bottom : 1px solid #e1e1e1;
}
#rel-news a {
display : block;
height : 1%;
padding : 8px 40px 8px 20px;
border-top : 1px solid #e1e1e1;
position : relative;
}
#rel-news a {
background-color : #f5f5f5;
}
#rel-news a:hover {
text-decoration : none;
color : #fff;
}
#rel-news a:before {
position : absolute;
right : 20px;
top : 50%;
margin-top : -6px;
background-position : -54px -14px;
}
#rel-news a:hover:before {
background-position : -30px -26px;
}
.gr-box {
text-align : center;
background : #f3f3f3;
padding : 20px;
border-bottom : 1px dashed #dbdbdb;
}
.vtitle, .vlist {
margin-bottom : 0.6em;
}
.vlist {
background : #fff;
text-align : left;
width : 80%;
padding : 14px;
margin : 0 auto 15px auto;
border-radius : 3px;
}
.vfoot .btn {
margin : 2px;
}
.berrors {
background : #fce5ba;
color : #a76846;
padding : 10px 20px;
height : 1%;
}
.berrors a {
color : #aa4e43;
}
.commentbox {
margin-bottom : 0;
}
.comment {
border-top : 1px solid #eaeaea;
height : 1%;
padding : 15px 20px;
}
.com-cont {
margin-bottom : 0.7em;
}
.comment .photo {
margin-top : -2px;
vertical-align : middle;
width : 25px;
height : 25px;
border-radius : 13px;
}
.com-inf .arg, .comment .photo {
margin-right : 10px;
}
.fast a, .del a {
margin-top : -5px;
float : right;
width : 30px;
height : 12px;
text-align : right;
padding : 9px 0;
}
.fast .thd {
width : 14px;
height : 12px;
background-position : -66px -14px;
}
.del .thd {
width : 11px;
height : 11px;
background-position : -54px -26px;
}
.mass-check {
float : right;
}
.mass_comments_action {
text-align : right;
border-top : 1px dashed #dbdbdb;
border-bottom : 1px solid #fff;
background : #f3f3f3;
padding : 20px;
}
.mass_comments_action *, .mass_comments_action {
font-size : 11px;
}
.pager {
padding : 20px;
}
.pager .ico:before {
float : none;
position : absolute;
margin-top : 4px;
}
.pprev, .pnext {
color : #979797;
padding : 8px 10px;
background : #f1f1f1;
position : relative;
}
.pprev {
padding-right : 30px;
float : right;
}
.pnext {
padding-left : 30px;
float : left;
}
.pprev:before {
right : 10px;
background-position : -30px -14px;
}
.pnext:before {
left : 10px;
background-position : -42px -14px;
}
a .pprev:before {
background-position : -30px -26px;
}
a .pnext:before {
background-position : -42px -26px;
}
a .pprev, a .pnext {
border-bottom : 1px solid #ca1f0c;
}
a .pprev, a .pnext, #rel-news a:hover, .btn, .bbcodes, .ui-button {
background-color : #ef502b;
}
.ux-form {
border-top : 1px solid #dbdbdb;
background : #f3f3f3;
padding : 20px;
}
.ux-form h3 {
margin-bottom : 0.6em;
}
.ui-form {
width : 100%;
overflow : hidden;
}
.ui-form li {
margin-bottom : 8px;
}
#fullsearch table {
margin : 0;
}
.tableform {
width : 100%;
}
.tableform td, .tableform th {
border-top : 1px dotted #ebebeb;
padding : 10px 0;
text-align : left;
}
.tableform tr:first-child td, .tableform tr:first-child th {
border : none 0;
}
.tableform th, .tableform .label, .tableform .addnews {
width : 25%;
font-weight : normal;
vertical-align : top;
padding-right : 10px;
padding-top : 8px;
}
.imp::after {
color : #e46950;
content : "*";
font-weight : bold;
}
p.label {
margin-bottom : 0.2em;
}
.recipient select {
width : 298px;
}
.checkbox {
color : #787878;
padding : 4px 0;
line-height : 1em;
}
.checkbox input {
margin-top : -2px;
vertical-align : middle;
}
.c-captcha-box {
padding : 15px;
font-size : 11px;
border-radius : 3px;
background : #fff;
}
.c-captcha {
position : relative;
height : 70px;
}
.c-captcha #dle-captcha, .c-captcha .f_input {
float : left;
margin-right : 5px;
}
.c-captcha #dle-captcha a {
display : block;
clear : both;
}
.c-captcha .f_input {
position : absolute;
left : 125px;
font-size : 20px;
height : 30px;
padding : 9px;
width : 100px;
}
textarea {
resize : vertical;
}
.f_wide {
box-sizing : border-box;
width : 100%;
}
.fieldtr select, .f_textarea, .f_input, .xfields textarea, .xprofile textarea, .tdfield select, .lfield input, .editor input[type="text"], #category, textarea.ui-corner-all, .pm select, .xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select, .bbeditor select, .textin, select.rating {
padding : 6px;
background : #fff;
border : #c2c2c2 solid 1px;
border-radius : 3px;
box-shadow : 0 1px 2px 0 #dbdbdb inset, 0 1px 0 0 #fff;
}
.fieldtr select:focus, .pm select:focus, .textin:focus, .f_textarea:focus, .f_input:focus, .xfields textarea:focus, .xprofile textarea:focus, .editor input[type="text"]:focus, #category:focus, textarea.ui-corner-all:focus, .tdfield select:focus, .lfield input:focus, .xfields input:focus, .xprofile input:focus, .xfields select:focus, .xprofile select:focus, .mass_comments_action select:focus, .bbeditor select:focus {
border-color : #7c7c7c;
}
.combofield {
position : relative;
padding-right : 120px;
}
.combofield .bbcodes {
width : 110px;
position : absolute;
top : 0;
right : 0;
}
.tlist {
width : 100%;
}
.tlist tr {
border-top : 1px dotted #eee;
}
.tlist tr td {
padding : 4px 0;
}
.tl-right {
width : 20%;
text-align : right;
}
.subtitle {
margin-bottom : 0.4em;
}
.voteprogress, .voteprogress span, .pollprogress, .pollprogress span {
display : block;
height : 6px;
}
.voteprogress, .pollprogress {
background-color : #e3e3e3;
padding : 1px;
margin : 2px 0 8px 0;
border-radius : 3px;
}
.voteprogress span, .pollprogress span {
background : #ee4923;
overflow : hidden;
text-indent : -9999px;
white-space : nowrap;
border-radius : 2px;
}