body {background-color: #fff; font-family: Georgia, Times,'Times New Roman',serif; font-size: 12px; line-height: 14px; color: #333;}
h1 {font-family: Georgia,'Arial Narrow',sans-serif; font-size: 28px; font-weight: normal; line-height: 30px; /*text-shadow: 1px 1px #333;*/ text-transform: uppercase;}
h1 a:hover {color: #444;}
a {color: #f55;}
ul {margin-left: 35px; list-style-image: none; list-style-position: outside; list-style-type: dot;}
li {margin-bottom: 1px;}
li a:hover{color: #B33C1B;}
li a:visited{}
li a {color: #939C0B; text-decoration: none;}

#container {width: 1024px; margin: 0 auto 0; background-color: #fff;}

#header {width: 100%; height: 160px; background-color: #fff;}
#sidebarL {float: left; width: 170px; background-color: #fff;}
#sidebarR {float: left; width: 170px; background-color: #fff;}
#sidebar {float: left; width: 340px; background-color: #fff;}
/*#sidebar {position: fixed; left: 1010px; width: 340px; background-color: #fff;}*/
#footer {width: 684px; height: 160px; background-color: #000; color: #fff; border-radius: 5px;}

#content {float: left; width: 684px; background-color: #fff; font-family: 'Times New Roman',serif; line-height: 1.3em; font-size: 16px;}
.content-inner {padding: 25px; margin-bottom: 10px; border-left: 1px solid #eee;}

.next-art {margin-top: 40px;}
.next-art-char {float: left; width: 5%; font-size: 16px;}

#comments {}
#comments-head {margin: 60px 0 20px 0; font-size: 18px; font-weight: bold;}

.comment-even {margin-bottom: 20px; padding: 5px 5px 20px 5px; background-color: #f7f7f7; border-radius: 5px;}
.comment {margin-bottom: 20px; padding: 5px 5px 20px 5px; background-color: #fff;}

.comment-author {line-height: 1.57em; margin: 2px 0 30px 0; color: #09c; font-family: Times,'Times New Roman',serif; text-transform: uppercase;}
.comment .nr {float: right; width: 10%; font-size: 20px; font-weight: bold; border-radius: 5px; background-color: #777; padding: 4px; text-align: center; color: #fff;}
.comment-even .nr {float: right; width: 10%; font-size: 20px; font-weight: bold; border-radius: 5px; background-color: #777; padding: 4px; text-align: center; color: #fff;}
.comment-date {float: left; width: 70%;}

.sm-title {font-size: 0.9em; line-height: 100%;}
.sm-art-date {line-height: 105%; margin: 2px 0 10px 0; color: #888; font-size: 0.6em; font-variant: small-caps; letter-spacing:0.13em;}
.art-list-head {margin-bottom: 10px; font-size: 1.3em; color: #444;}

#setup {float: left; width: 818px; background-color: #ddd;}
#help {border: 1px solid #aaa; padding: 10px; margin-bottom: 10px; color: #555;}

.floatL {float: left;}
.floatR {float: right;}
.clear {clear: both;}

.err {font-size: 12px; color: #f00; margin: 5px 0 8px 0; display: none; line-height: 100%;}
.info {font-size: 11px; color: #666;}
.upload-err {font-size: 12px; color: #f00; margin: 5px 0 8px 0; padding: 10px 0;}

.no-found {font-size: 18px;}
.cp {cursor: pointer;}

.bord1 {border: 1px solid #aaa;}

.lh24p {line-height: 24px;}

.w5  {width: 5%;}
.w10 {width: 10%;}
.w15 {width: 15%;}
.w20 {width: 20%;}
.w25 {width: 25%;}
.w30 {width: 30%;}
.w40 {width: 40%;}
.w50 {width: 50%;}
.w60 {width: 60%;}
.w70 {width: 70%;}
.w80 {width: 80%;}
.w85 {width: 85%;}
.w90 {width: 90%;}
.w95 {width: 95%;}
.w100 {width: 100%;}

.w60px {width: 60px;}
.w80px {width: 80px;}
.w100px {width: 100px;}
.w140px {width: 140px;}

.h24px {height: 24px;}

.m10px0 {margin: 10px 0;}
.m20px0 {margin: 20px 0;}
.mb20p {margin-bottom: 20px;}

.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}

.inp {margin: 0; padding: 3px; color: #555; font-family: Georgia, sans-serif;}

.src {font-family: Times,'Times New Roman',serif; font-size: 12px; color: #444;}

.art-date {margin: 2px 0 20px 0; color: #888; font-size: 0.8em; font-variant: small-caps; letter-spacing:0.13em;}
.art-edit-btn {padding: 1px 10px; background-color: #000; color: #eee;}
.cmnt-edit-btn {padding: 1px 10px; background-color: #000; color: #eee; font-size: 11px;}

.art-prev-body {padding: 25px; border: 1px solid #fff;}
.art-prev-body:hover {background-color: #eee; border-radius: 5px;}
.art-prev {}
.art-prev-footer {color: #999; font-style: normal; font-variant: small-caps; letter-spacing:0.15em; text-align: right; margin-top: 26px; font-size: 0.7em; padding: 5px; border-radius: 5px; background-color: #fbfbfb;}
.art-prev-info {color: #999; font-weight: normal; font-style: italic; font-variant: small-caps; }

.inp-user-comment {padding: 8px; border: 1px solid #aaa; margin: 0; width: 594px !important;}
.inp-login {border: 1px solid #eee; border-radius: 5px; width: 130px; margin: 1px; padding: 2px;}

.box-sm {display: block; border-radius: 5px; border: 1px solid #ddd; margin: 0 6px 6px 6px; padding: 10px; line-height: 18px;}
.box-sm-el {margin-left: 0;}
.box-sm-el a:hover {color: #000;}
.box-year {width: 126px; border-radius: 5px; border: 1px solid #ddd; margin: 0 6px 6px 6px; padding: 8px 10px 10px 20px; line-height: 18px; color: #777;}
.box-year-el {float: left; cursor: pointer; margin-right: 10px;}
.box-year-el-active {color: #FF5555;}
.box-big {border-radius: 5px; border: 1px solid #ddd; margin: 0 6px 6px 6px; padding: 10px; width: 306px;}

#blog-search {width: 230px; margin: 0; font-size: 18px; color: #aaa; border: 1px solid #eee; border-radius: 5px; padding: 5px;}

#menu {position: relative; top: 20px; left: 190px; float: left;}
#menu ul {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: normal; list-style-type: none; padding: 3px 0; margin-left: 0; margin-top: 1px; text-align: center;}
#menu li {display: inline; margin: 0;}
#menu li a {text-decoration: none; padding: 5px 20px; margin-right: 5px; border: 1px solid #000; background: #fff; border-radius: 5px; box-shadow: 5px 5px 8px rgba(0,0,0,.2); color: #444;}
#menu li a:hover {color: #f55;}

.sub-menu-active{ color: #000; }

#language {position: relative; top: 20px; left: 10px; cursor: pointer; float: left;}
#language ul {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; list-style-type: none; padding: 3px 0; margin-left: 0; margin-top: 1px; text-align: center;}
#language li {display: inline; margin: 0; padding: 5px 16px; margin-right: 5px; border: 1px solid #000; background: #fff; border-radius: 5px; box-shadow: 5px 5px 8px rgba(0,0,0,.2); color: #444;}
#language li:hover {color: #f55;}

.language-active {font-size: 22px; font-weight: normal;}

#login {position: relative; top: -24px; left: 1000px; width: 215px; z-index: 10; opacity: 0.5;}
#login-area {position: relative; top: -15px; left: -220px; display: none; border-radius: 5px; padding: 5px; color: #eee; background-color: #000;}

#matze {position: relative; top: 80px; left: 420px; font-size: 480%; color: #eee; opacity: 0.5;}

#setup-body {padding: 25px; background-color: #fff; margin-bottom: 10px; border: 1px solid #eee;  border-radius: 5px 5px 5px 5px; background-color: #eee;}
#setup-body .title {font-size: 24px; margin-bottom: 30px;}
#setup-body .active-lang {font-size: 16px; line-height: 26px; background-color: #555; color: #eee;}
#setup-body .subtitle {font-weight: bold; line-height: 24px; font-size: 14px;}

.setup-sub-menu {}
.setup-sub-menu ul {margin-left: 0; padding: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; list-style-image: none; list-style-position: inside; list-style-type: none;}
.setup-sub-menu li {margin-bottom: 1px;}
.setup-sub-menu li a:hover{ background: transparent; color: #000;}
.setup-sub-menu li a:visited{}
.setup-sub-menu li a { background-color: #B33C1B; text-decoration: none; display: block; padding: 6px 6px; color: #fff;}

pre {font-family: Times,'Times New Roman',serif; font-size: 13px; background-color: #fffff9; border: 1px solid #eeeee8; border-radius: 5px; padding: 10px; line-height: 16px; overflow: auto;}

#input-area {background-color: #f1f1f1; border-radius: 5px; padding: 10px;}
#input-head {margin: 10px 0 0 0; font-size: 18px; font-weight: bold;}
#input-info {margin-top: 10px; display: none;}

#preview {margin-top: 10px; font-weight: normal;}
.preview-body {margin-top: 50px; font-size: 18px; font-weight: bold;}

#prev-comments {margin-top: 20px;}
.prev-comment {margin-bottom: 20px; line-height: 1.65em; font-size: 13px;}

.next-preview {margin: 10px 0 20px 0;}

.dl-cat {font-size: 16px; font-weight: bold; margin-bottom: 15px;}
.dl-file {margin-left: 50px; font-weight: normal; line-height: 1.8em; font-size: 13px;}

.footer-pos1 {position: relative; top: 30px; left: 50px; color: #101010; font-size: 160px; line-height: 166px;}
.footer-pos2 {position: relative; top: -180px; left: -50px; color: #171717; font-size: 110px; line-height: 116px;}
.footer-pos3 {position: relative; top: -240px; left: 60px; color: #1f1f1f; font-size: 60px; line-height: 66px;}
.footer-pos4 {position: relative; top: -210px; left: -10px; text-align: right; color: #eee; font-size: 11px;}

.cmnt {font-size: 10px; color: #666;}
/*.test:hover {color: #000;}*/

.registered-only {margin: 5px 0; padding: 8px; border: 2px solid #f00;}