/* Reset */

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, font, 
img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.styled, caption, 
table.styled tbody, table.styled tfoot, table.styled thead, table.styled tr, table.styled th,
table.styled td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; } ol, ul { list-style: none; } 
blockquote, q { quotes: none; } 
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

/*table.styled { border-collapse: collapse; border-spacing: 0; }*/

/* General */

html {
  height: 100%;
}

body {
  background: #353530;
  color: #5A5A50;
  font: normal 13px Georgia,sans-serif;
  height: 100%;
  padding-bottom: 1px; /* force scrollbars */
}


/* Typography */

p {
  line-height: 1.4em;
  margin: 1em 0;
}

h1 { font: normal 260% Georgia,sans-serif; }
h2 { font: normal 220% Georgia,sans-serif; }
h3 { font: normal 200% Georgia,sans-serif; }
h4 { font: normal 180% Georgia,sans-serif; }
h5 { font: normal 160% Georgia,sans-serif; }
h6 { font: bold 120% Georgia,sans-serif; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 0.2em; }

blockquote {
  background: #F6F6F2 url('../img/backgrounds.gif') no-repeat 0 -414px;
  border-bottom: 1px solid #E0E0D4;
  border-top: 1px solid #E0E0D4;
  color: #332;
  display: block;
  margin: 1em 0;
  padding: 0 1em 0 46px;
  min-height: 48px;
}

/* Tables */

table.data_table {
  border: 1px solid #CCB;
  margin: 1em 0;
  width: 100%;
}
table.data_table th {
  background: #DEDED2 url('../img/grain_dark.gif');
  border: 1px solid #CCB;
  color: #555;
  text-align: center;
  white-space: nowrap;
}
table.data_table tr { border-bottom: 1px solid #DDD; }
table.data_table td, table.data_table th { padding: 5px 10px; }
table.data_table td {
  background: #F4F4EB;
  border: 1px solid #DDC;
}
table.data_table tr.trow_0 td {
  background: #E4E4DB;
  border: 1px solid #DDC;
}

table.vacenter td { vertical-align: middle; }
table.gacenter td { text-align: center; }

table th.rubber { width: 100%; }

/* Lists */

dl { margin-bottom: 2em; }
dt,dd { padding: 8px 10px; }
dt {
  background: #DEDED2 url('../img/grain_dark.gif');
  border-bottom: 1px solid #CCB;
  color: #555;
  font-weight: bold;
}
dd {
  background: #F4F4EB;
  border-bottom: 1px solid #DDC;
  padding-left: 16px;
}

/* Links */

a { color: #543; }
a:hover {
  color: #C40;
  text-decoration: underline;
}

a.bbutton {
  background: #554433;
  color: #DEDED2;
  border-radius: 3px 3px 3px 3px;
  margin: 0;
  padding: 2px 6px 3px;
  text-decoration: none;
  text-shadow: 1px 1px 1px #35322B;
}

a.delete_wrap {
  display: inline-block;
  background: #554433;
  color: #DEDED2;
  border-radius: 3px 3px 3px 3px;
  margin: 0;
  padding: 2px;
  text-decoration: none;
}

a.delete_wrap .delete {
  display: block;
  background: url('../img/exit.gif') no-repeat scroll 0pt 0pt transparent;
  opacity: 0.6;
  width: 7px;
  height: 7px;
}

/* Forms */

fieldset {
  border-left: 1px solid #CCB;
  border-right: 1px solid #CCB;
  margin: 1em 0 1.2em;
}

input, textarea, select {
  background-color: #FFF;
  border-color: #777 #CCC #CCC #777;
  border-style: solid;
  border-width: 1px;
  font: normal 100% Verdana,sans-serif;
  padding: 4px;
}

input.button {
  background: #E9E8E8 url('../img/backgrounds.gif') repeat-x 0 -366px;
  border: 1px solid #888;
  border-color: #BBB #888 #888 #CCC;
  color: #444;
  cursor: pointer;
  font: normal 100% Verdana,sans-serif;
  margin-top: 5px;
  padding: 6px;
  width: auto;
}
input:focus,input:active,textarea:focus,textarea:active,select:focus,select:active,input.button:hover,input.button:focus { background: #FFFFF5; }
input.button:hover, input.button:focus {
  color: #123;
  cursor: pointer;
}

textarea { overflow: auto; }

input.image {
  border: 0;
  padding: 0;
}

.check-box {
  width: 17px;
  height: 17px;
  background: #CCC url('../img/checkbox.png') no-repeat left top;
}

.check-box.checked {
  background: #ADA url('../img/checkbox.png') no-repeat left bottom;
}

.check-box-container {
  float: left;
  margin: 1px 0;
}

.check-box-container input {
  margin: 0;
}

.check-box-label {
  float: left;
  padding: 1px 5px;
  margin: 1px 0;
}

/* Specific */

#html5_logo { margin-top: -40px; margin-bottom: 0; }

.form_row {
  background: #F4F4EB;
  border-bottom: 1px solid #E1E1D5;
  padding: 7px 0;
}
.form_required { font-weight: bold; }
.form_row_submit, .legend {
  background: #DEDED2 url('../img/grain_dark.gif');
  border-bottom: 1px solid #CCB;
  border-top: 1px solid #CCB;
  padding: 2px 0 4px;
}
.legend { padding: 4px 9px 3px; }
.form_property, .form_value { float: left; }
.form_property {
  font-size: 110%;
  text-align: right;
  width: 130px;
}
.form_value { padding-left: 16px; }
.form_row_submit .form_value { padding-left: 146px; }
.form_row_submit .form_value input { margin-right: 10px; }

.form_error {
    color: #A44;
}

.pale {
    opacity: 0.33;
}

.hl {
    background: #FFF6BF;
}

.color-box { padding: 10px; text-align: center; color: #000; text-shadow: #FFF 1px 1px 2px; }

#tooltip_panel {
  position: absolute;
  z-index: 999;
  left: -9999px;
  display: none;
  padding: 10px;
  background: #F4F4EB;
  border: 1px solid #E5E5D5;
  box-shadow: 5px 5px 10px #777;
}

.highlight { background: yellow; font-weight: bold; }

.spoiler_text { display: none; }

table.stable td { font-size: 90%; }

/* Messages */

.error, .notice, .success {
  margin-top: 1em;
  padding: 0 1em;
}

.error {
  background: #FBE3E4;
  border: 1px solid #FBC2C4;
  color: #8A1F11;
}

.notice {
  background: #FFF6BF;
  border: 1px solid #FFD324;
  color: #514721;
}

.success {
  background: #E6EFC2;
  border: 1px solid #C6D880;
  color: #264409;
}

/* Images */

img.bordered {
  background-color: #FFF;
  border: 1px solid #DDD;
  padding: 3px;
}

img.left { margin: 0 15px 12px 0; }
img.right { margin: 0 0 15px 12px; }


/* Floats */

.left { float: left; }
.right { float: right; }

.clear,.clearer { clear: both; }
.clearer {
  display: block;
  font-size: 0;
  line-height: 0;
}

.lefted { text-align: left; }
.centered { text-align: center; }
.righted { text-align: right; }

.nobr { white-space: nowrap; }

.centered table, .centered div { margin: 0 auto; }

/* Misc */

#visitweb {
  width: 660px;
  height: 60px;
  position: absolute;
  right: 0;
  top: 10px;
  line-height: 60px;
}

#visitweb a {
  display: block;
  float: left;
  margin-right: 5px;
}

#visitweb span {
  font: bold 100% Verdana,sans-serif;
  color: #F88;
}

.content_separator, .archive_separator {
  background: #D6D6C6;
  clear: both;
  color: #FFE;
  display: block;
  font-size: 0;
  height: 1px;
  line-height: 0;
  margin: 12px 0 24px;
}
.archive_separator { margin: 0 0 12px; }


/* Layout */

.slogan {
  background: #DEDED2 url('../img/grain_dark.gif');
  padding: 0 1em;
  margin-bottom: 24px;
  text-align: justify;
  border: 1px solid #DEDED2;
  min-height: 1em;
}

/* General */

.center_wrapper {
  margin: 0 auto;
  padding: 0 10px;
  min-width: 960px;
  max-width: 1100px;
  width: 85%;
}

#header {
  background: #35322B url('../img/backgrounds.gif') repeat-x 0 0;
  padding-top: 8px;
  min-width: 940px;
}

/* Toplinks */

#toplinks {
  background: url('../img/toplinks.gif') repeat-x 0 -27px;
  color: #554;
  float: right;
  font-size: 90%;
  height: 27px;
}
#toplinks_left {
  background: url("../img/toplinks.gif") no-repeat left 0;
  height: 27px;
}
#toplinks_right {
  background: url("../img/toplinks.gif") no-repeat right -54px;
  height: 27px;
}
#toplinks_inner {
  padding: 3px 17px 0;
  text-align: center;
}
#toplinks a, #toplinks span { color: #887; }
#toplinks a.current_page_item { color: #DDC; }
#toplinks a:hover { color: #DDC; }

/* Site title */

#site_title {
  color: #998;
  padding: 0 0 16px;
  position: relative;
}
#site_title p { margin: 0.5em 0; }
#site_title a {
  font: normal 300% Georgia,sans-serif;
  color: #FFF;
  text-decoration: none;
}
#site_title a:hover { color: #FFB; }

#header_banner {
  float: right;
  width: 468px;
  height: 60px;
  margin-top: 12px;
}

/* Navigation */

#navigation_box ul, #navigation_box li { display: inline; }
#navigation, #navigation_box, #navigation_box a { background: #D6CFC2 url('../img/backgrounds.gif') repeat-x 0 -222px; }
#navigation_box a {
  border-right: 1px solid #AFA69C;
  color: #654;
  float: left;
  font: bold 100% Georgia,Tahoma,sans-serif;
  margin-right: 1px;
  padding: 10px 12px;
  text-align: center;
  text-decoration: none;
}
#navigation_box li:first-child a { border-left: 1px solid #AFA69C; }
#navigation_box a:hover, #navigation_box li.current_page_item a {
  background-position: 0 -294px;
  color: #543;
}

#navigation .center_wrapper { position: relative; }
#navigation_box { position: relative; z-index: 15; }

#navigation .navigation_extra {
  display: inline-block;
  position: absolute;
  right: 100px;
  top: -30px;
  z-index: 10;
}

#navigation .navigation_extra a {
  margin-top: 0;
  display: block;
  float: right;
  height: 48px;
  margin-left: 6px;
  width: 64px;
  text-decoration: none;
}

#navigation .navigation_extra a:hover { margin-top: -13px; }
#navigation .navigation_extra a.jq, #navigation p.navigation_extra a.jq:hover { margin-top: 0; }

#navigation .navigation_extra a.rss { background: url('../img/nav-icons.png') no-repeat right top; }
#navigation .navigation_extra a.twitter { background: url('../img/nav-icons.png') no-repeat left top; }

/* Main */

#main_wrapper_outer { background: #EEEEE4 url('../img/grain.gif'); min-width: 940px; }
#main_wrapper_inner {
  background: url('../img/main_wrapper_inner.gif') repeat-x left top;
  line-height: 1.4em;
  padding: 24px 0;
}
#main {
  font: normal 90% Verdana,sans-serif;
  /*width: 625px;*/
  width: 70%;
  min-height: 540px;
  padding-right: 27px;
}

#main ol, #main ul { margin: 0 0 1.2em 1.6em; }
#main ol li { list-style: decimal; }
#main ul li { list-style: disc; }
#main li { padding: 2px 0; }


/* Sidebar */

#sidebar {
  color: #665;
  /*width: 286px;*/
  width: 27%;
  border-left: 1px solid #CCB;
}
#sidebar_content { padding-left: 22px; }
#sidebar a { color: #665; }
#sidebar a:hover { color: #C40; }


/* Dashboard */

#dashboard {
  background: #DEDED2 url('../img/grain_dark.gif');
  border-top: 1px dashed #C0C0B0;
  min-width: 940px;
}
#dashboard_content { padding: 16px 0 22px; }

#dashboard .col3 { width: 30%; }
#dashboard .col3mid { width: 40%; }
#dashboard .col3mid .col3_content {
  border-left: 1px solid #CCB;
  border-right: 1px solid #CCB;
  padding: 0 20px;
  margin: 0 20px;
}

#dashboard li {
  color: #887;
  padding: 5px 0;
  border-top: 1px dashed #C6C6B6;
  overflow-x: hidden;
  white-space: nowrap;
}
#dashboard li a {
  color: #606050;
  text-decoration: none;
}
#dashboard li a:hover {
  color: #332;
  text-decoration: underline;
}

/* Footer links */

#footer {
  color: #AA9;
  padding: 12px 0;
  min-width: 940px;
}
#footer a { color: #BBA; text-decoration: none; }
#footer .right, #footer .right a {
  color: #777;
  text-decoration: none;
}
#footer a:hover { color: #CCB; }


/* Posts */

.post { margin-bottom: 24px; }

.post_title a,.post_date a { text-decoration: none; }
.post_date a:hover,.post_meta a:hover { text-decoration: underline; }

.post_date {
  color: #777;
  margin-bottom: 14px;
}
.post_date a { color: #444; }

.post_body p { text-align: justify; }

.post_body p.centered { text-align: center; }

.post_body pre {
  width: 90%;
  background: #F4F4EB;
  border: 1px solid #E5E5D5;
  color: #332;
  padding: 0.8em;
  margin: 1em 0;
  overflow-x: auto;
}

.post_body pre p { margin: 0; }

.post_example {
  background: #DEDED2 url('../img/grain_dark.gif');
  padding: 10px;
}

.post_example pre {
  width: auto;
}

.post_note {
  background: #DEDED2 url('../img/grain_dark.gif');
  padding: 10px;
  text-align: justify;
}

.post_note h3 {
  color: #A44;
}

.post_note .post_date {
  margin: 10px 0;
}

.post_meta {
  background: #F4F4EB;
  border: 1px solid #E5E5D5;
  color: #776;
  font-size: 90%;
  padding: 8px 10px;
  margin-top: 14px;
  clear: both;
}
.post_meta a { color: #665; }
.post_meta a:hover { color: #001; }

.post_tags {
  font-size: 90%;
  margin-top: 14px;
  clear: both;
  background: transparent url('../img/icon_tag.gif') no-repeat left top;
  padding-left: 18px;
}

.post_tags a {
  background: #DEDED2 url('../img/grain_dark.gif');
  border-radius: 2px 2px 2px 2px;
  margin: 0;
  padding: 1px 4px 2px;
  text-decoration: none;
  text-shadow: 1px 1px 1px #F6F6F2;
}

.post_tags a:hover {
  background: #554433;
  color: #DEDED2;
  text-shadow: 1px 1px 1px #35322B;
}

/* Archives */

.archive_pagination { margin-bottom: 1.6em; }
.archive_post { margin-bottom: 1em; }
.archive_post_date {
  background: #F4F4EB;
  border-bottom: 1px solid #C5C5B5;
  border-right: 1px solid #CFCFBF;
  float: left;
  padding: 3px 0 5px;
  text-align: center;
  width: 44px;
}
.archive_post_day { font: normal 180% Georgia,serif; }
.archive_post_title { margin-left: 57px; }

/* Pagenav */

.pagenav { text-align: center; margin-bottom: 2em; }

.pagenav a {
  background: #DEDED2 url('../img/grain_dark.gif');
  border: 1px solid #CCB;
  text-decoration: none;
  padding: 2px 5px;
}

.pagenav a:hover {

}

.pagenav a.cur {
  background: #554433;
  color: #DEDED2;
}

/* Thumbnails */

.thumbnails { margin: 0 -0 2em -8px; }
.thumbnails a.thumb {
  background: #DEDED2 url('../img/grain_dark.gif');
  display: block;
  float: left;
  margin: 0 0 8px 8px;
  padding: 3px;
}
.thumbnails a.thumb:hover { background: #C6C6BA; }
.thumbnails .thumb img { display: block; }


/* Box */

.box { margin-bottom: 1.5em; }
.box_title {
  background: #DEDED2 url('../img/grain_dark.gif');
  color: #665;
  font-weight: bold;
  padding: 5px 8px;
}
.box_content {
  padding: 8px 0 8px;
}
.box_content p { text-align: justify; margin: 0; padding: 0 6px; }
.box_content ul {
  margin: 0 6px;
}
.box_content li {
  border-top: 1px solid #DDC;
  padding: 4px 6px;
}
.box_content li.current a { font-weight: bold; }
.box_content li:first-child { border-top: none; }

#htmlguide ul {
  overflow-y: auto;
  max-height: 134px;
  background: #F4F4EB;
  border: 1px solid #DDC;
}

#li .box_content { text-align: center; }

#ourbutton .box_content { text-align: center; }

#ourbutton pre {
  font: normal 90% 'Courier New';
  text-align: left;
  overflow: auto;
  background: #F4F4EB;
  border: 1px solid #DDC;
  line-height: normal;
  padding: 2px;
  margin: 0 6px 6px;
}

/* Comments */

div.comment_list {
  border-top: 1px solid #D6D6C6; 
  margin: 1em 0 2em;
}

.comment {
  border-bottom: 1px solid #D6D6C6;
  padding: 10px 5px 0;
}
.comment_date {
  font-size: 90%;
  padding-top: 4px;
}
.comment_date a {
  color: #665;
  text-decoration: none;
}
.comment_date a:hover {
  color: #001;
  text-decoration: underline;
}
.comment_body { padding-top: 4px; }

.comment_body pre {
  width: 90%;
  background: #F4F4EB;
  border: 1px solid #E5E5D5;
  color: #332;
  padding: 0.8em;
  margin: 1em 0;
  overflow-x: auto;
}

.comment_gravatar { width: 48px; }
.comment_gravatar img {
  background: #FFF;
  border: 1px solid #DDD;
  padding: 2px;
}
.comment_author { padding-top: 3px; }
.comment_author a { color: #5A5A50; text-decoration: none; font-weight: bold; }
.comment_author span { font-weight: bold; }

.comment_controls a {
  background: #DEDED2 url('../img/grain_dark.gif');
  border-radius: 3px 3px 3px 3px;
  margin: 0;
  padding: 2px 6px 3px;
  text-decoration: none;
  text-shadow: 1px 1px 1px #F6F6F2;
}

.comment_controls a:hover {
  background: #554433;
  color: #DEDED2;
  text-shadow: 1px 1px 1px #35322B;
}

/* Search */

#search form {
  margin: 0;
  padding: 0;
}
#search fieldset {
  margin: 0;
  border: none;
}
#search_layout { position: relative; text-align: center; }
#search_layout #q {
  width: 90%;
  color: #665;
  background: #F4F4EB;
  border: 1px solid #DDC; 
  margin: 0;
}
#search_layout #q.is_clear {
  background: #F4F4EB url('../img/yandex.png') no-repeat 4px center;
  text-indent: 44px;
  color: #AA9;
  cursor: pointer;
}
#search_layout #qsubmit {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 5%;
  top: 5px;
  padding: 0;
  border: none;
  background: transparent url('../img/q.png') no-repeat left top;
}

#search_ya { margin: 20px 0; }
#search_ya_t { padding: 4px 10px; }
.search_item { margin: 0 0 20px; }

/* Inside block */

.inside_block { margin: 1em 0; font-family: Georgia,sans-serif; }
.inside_block_inner { padding: 0; }

.inside_block .box_content {
  padding: 8px;
  background: #F4F4EB;
  border: 1px solid #DDC; 
  border-top: none;
}

#tags_cloud { text-align: center; }

#tags_cloud a {
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: -0.02em;
  padding: 0 3px;
}

#tags_cloud a:hover { background: #DEDED2 url('../img/grain_dark.gif'); }

/* Horizontal menu */

#hormenu {
  background: #DEDED2 url('../img/grain_dark.gif');
  padding: 1em;
  margin-bottom: 24px;
  border: 1px solid #DEDED2;
  line-height: 2em;
}

#hormenu a, #hormenu span {
  background: #DEDED2 url('../img/grain_dark.gif');
  border-radius: 3px 3px 3px 3px;
  margin: 0;
  padding: 2px 6px 3px;
  text-decoration: none;
  text-shadow: 1px 1px 1px #F6F6F2;
}

#hormenu a.active {
  background: #554433;
  color: #DEDED2;
  text-shadow: 1px 1px 1px #35322B;
}
#hormenu a:hover {
  background: #554433;
  color: #DEDED2;
  text-shadow: 1px 1px 1px #35322B;
}

/* Stickers */

#stickers { margin: 10px 10px 10px; z-index: 9000; }

#stickers .stick {
  font-family: tahoma,arial,verdana,sans-serif,Lucida Sans;
  font-size: 11px;
  background: rgba(37, 37, 32, 0.85);
  overflow: auto;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0pt 2px 15px rgb(0, 0, 0);
  text-shadow: 0px 1px 0px rgb(38, 38, 38);
  color: #FFF;
  margin: 5px;
  padding: 0 30px 0 10px;
  width: 300px;
  border-radius: 5px;
}

#stickers .exit_wrap {
  background: rgb(37, 37, 32);
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0pt 0pt 2px rgb(17, 17, 17);
  padding: 5px;
  opacity: 0.6;
  cursor: pointer;
  float: right;
  margin: 7px -23px 0 0;
}

#stickers .exit {
  display: block;
  background: url('../img/exit.gif') no-repeat left top;
  opacity: 0.6;
  width: 7px;
  height: 7px;
}

#stickers a { color: #FFF; text-decoration: none; font-weight: bold; }

/* Userpanel */

#userpanel { padding-top: 0; font-family: Verdana,sans-serif; line-height: 1.4em; }
#userpanel .uinfo1 {
  width: 70px;
}
#userpanel .gravatar img {
  background: #FFF;
  border: 1px solid #DDD;
  padding: 2px;
}
#userpanel .uawards { padding: 5px 3px 0; }
#userpanel .uawards img { margin-left: -5px; }
#userpanel .uawards img:first-child { margin-left: 0; }
#userpanel .uinfo2 { padding: 3px 8px; }
#userpanel .uname {
  font-size: 110%;
  font-weight: bold;
  margin-bottom: 5px;
}
#userpanel .urank {
  font-size: 80%;
  margin-bottom: 5px;
  padding-left: 5px;
}
#userpanel .urates span { cursor: help; }

.userpage {
  margin-top: 1em;
  padding: 1em;
  border: 1px solid #CCB;
  background: #F4F4EB;
  line-height: 1.4em;
}

.userinfo .uinfo1, .userpage .uinfo1 {
  width: 138px;
}
.userinfo .gravatar img, .userpage .gravatar img {
  background: #F4F4EB;
  border: 3px solid #DDD;
  padding: 1px;
}
.userinfo .uawards, .userpage .uawards { padding: 5px 3px 0; }
.userinfo .uawards img, .userpage .uawards img { margin-left: -5px; }
.userinfo .uawards img:first-child, .userpage .uawards img:first-child { margin-left: 0; }
.userinfo .uinfo2, .userpage .uinfo2 { padding: 3px 8px; }
.userinfo .uname, .userpage .uname {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 5px;
}
.userinfo .urank, .userpage .urank {
  font-size: 80%;
  margin-bottom: 5px;
  padding-left: 5px;
}

.userinfo .uprops .param, .userpage .uprops .param { width: 160px; }

/* Users */

#users_table { margin-top: 1em; }

#users_table .gravatar img {
  background: #FFF;
  border: 1px solid #DDD;
  padding: 2px;
}

#users_table a.uname {
  font-size: 110%;
  font-weight: bold;
  text-decoration: none;  
}

#users_table .uawards img { margin-left: -5px; }
#users_table .uawards img:first-child { margin-left: 0; }

a.uname { color: #5A5A50; }
div.uadmin, a.uadmin, span.uadmin { color: #C40; }
div.ubanned, a.ubanned, span.ubanned { color: #AAA; }

/* Article links */

#article_links 
{
  background: #DEDED2 url('../img/grain_dark.gif');
  padding: 10px;
  margin-top: 14px;
}

#article_links li { list-style: none; overflow-x: hidden; white-space: nowrap; }
#article_links li a { }

/* Active users */

#active_users {
  font-family: Georgia,sans-serif;
  text-align: center;
}

#active_users_link { font-family: Georgia,sans-serif; text-align: right; margin-top: 3px; }

#active_users .item {
  display: inline-block;
  text-align: center;
  width: 40px;
  margin: 2px;
}

#active_users span { display: block; }

#active_users .item .gravatar img {
  background: #FFF;
  border: 1px solid #DDD;
  padding: 2px;
}

#active_users a { text-decoration: none; }
#active_users span.uname { margin-top: 2px; }

/* HTMLFormat */

.htmlcode pre {
  max-height: 700px;
}

.log pre {
  max-height: 200px;
}

.htmlcode pre, .log pre {
  overflow-y: auto;
  margin: 0;
}

/* CSSTidy */

.csscode pre {
  max-height: 700px;
}

.log pre {
  max-height: 200px;
}

.csscode pre, .log pre {
  overflow-y: auto;
  margin: 0;
}

/* Sape */

#s_links
{
  background: #DEDED2 url('../img/grain_dark.gif');
  padding: 10px;
  margin-top: 14px;
}

.s_links * {
  background: transparent none repeat scroll 0 0 !important;
  border: medium none !important;
  clear: none !important;
  clip: rect(auto, auto, auto, auto) !important;
  font-size: 100% !important;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: normal !important;
  height: auto !important;
  letter-spacing: normal !important;
  line-height: normal !important;
  margin: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  position: static !important;
  text-align: left !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  text-transform: none !important;
  vertical-align: baseline !important;
  visibility: visible !important;
  white-space: normal !important;
  width: auto;
  word-spacing: normal !important;
  z-index: auto !important;
  cursor:  pointer !important;
}
.s_links li {
  display: list-item !important;
  list-style-image: none !important;
  list-style-position: outside !important;
  list-style-type: none !important;
  display:  inline;
}
.s_links li div {
  padding: 0.5em !important;
}

.s_links div, .s_links table {
  padding:  5px !important;
}

.s_links {
  width:  auto !important;
  font-family:  Verdana !important;
  font-size:  11px !important;
  position:  relative !important;
  display: block !important;
  
}
.s_links_icnt, .s_links_icnt * {
  text-align:  left !important;
}

.s_links_text, .s_links_text a, .s_links_text a: hover {
  color:  #000000 !important;
  font-size:  11px !important;
}
.s_links_url {
  color:  #006600 !important;
  font-size:  11px !important;
}
.s_links_header, .s_links_header a {
  font-size:  13px !important;
  font-weight:  bold !important;
  text-decoration:  underline !important;
}
.s_links_sign {
  color:  #999999 !important;
  font-size:  10px !important;
  text-align:  left !important;
}

.s_links_clear {
  clear: both !important;
}

.s_links table {
  width:  100% !important;
  border:  0px !important;
}