* {margin:0; padding:0;}

body, input, table, td {font-family:arial,sans-serif;}
body {background-color:#fff; font-size:80%;}

a {text-decoration:none; color:#14417e;}
a:hover {text-decoration:underline; color:#dc1212;}
a img {border:none;}

#u_menu {font-size:100%; margin-top:5px; margin-left:22px;  }
#u_menu a {color:#900;}

#hat {background-color:#000000; margin-top:5px; font-size:85%; line-height:100%; color:#fff; padding:3px 0 6px; float:left; width:100%; height:35px;}
html>body #hat {height:auto; min-height:35px;}
#hat h1 {position:relative; float:left; width:283px;}
#hat h1 a {color:#FFFFFF;}
#hat h1 img {z-index:1;position:absolute; top:-3px; left:0; width:283px; height:40px; background:transparent url("./images/logo.gif") center no-repeat;}

#slogan {float:left; margin-top:3px; padding:5px 8px; border-left:1px solid #fff;}

#srch {float:right;}
#hat_menu {font-size:110%; margin-top:5px; margin-right:15px; }
#hat_menu a {color:#ffffff;}

#srch form {padding-top:7px; padding-right:12px;}
input.inp {width:170px; height:1.4em; border:1px solid #000; padding:0 5px; padding-top:.1em; font-size:1.2em;}
button {width:1.6em; height:1.6em; border:1px solid #f8d0d0; font-size:1.2em; background:transparent url("./images/btn.gif") center no-repeat; margin:0 10px; text-indent:-1000em; cursor:hand; cursor:pointer;}

#menu {clear:both; float:left; width:100%; background-color:#525250; border:1px solid #fff; border-width:1px 0; padding:5px 0; font-weight:bold; height:1.2em;}
#menu .ulm {list-style-type:none;}
#menu .lim {float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 21px; background:url("./images/dots.gif") 11px center no-repeat;}
#menu .lim:first-child {background:none;}
#menu a {color:#fff;}

#hat, #menu, #main_ctr, #u_menu, #b_menu {min-width:760px;}
#hat, #main_ctr {width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 760? '760px': 'auto');}
#menu {width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 760? '760px': '100%');}

#main_ctr {clear:both; background:url("./images/side.bg.gif") right repeat-y;}
#side {float:right; width:270px; background:#f2f2f2;}
#side a {color:#900;}

#side .block { border-left:2px solid #525250; padding:12px; }
#side .adv { text-align:center; }
#side form { margin:8px 0; }
#side input.inp { width:300px; font-size:1em; height:1.5em; vertical-align:middle; }
#side button { width:60px; height:20px; background-image:url("./images/btn2.gif"); border:none; margin:0; margin-left:8px; vertical-align:middle; }



#path { background-color:#dedede; padding:5px 14px 7px; color:#000; }
#path a { color:#900; text-decoration:underline; }
#path a:hover { color:#dc1212; }

#content { padding:10px 14px; padding-right:20px; }
#content h1, #content h2, #side h2, #content h3 { font-family:Verdana,Tahoma,Sans-serif; color:#525250; margin:.4em 0 .2em; }

#content h1 { font-size:125%; }
#content h2, #side h2 { font-size:100%; color:#A11313;}
#content h3 { font-size:105%; color:#BCBE04; }

.con { width: 700px; }

.r_list {list-style-type:none; border:1px dashed #ccc; border-width:1px 0;}
.r_list li {margin:1em 0;}

.pages {margin:15px 0;}
.pages .links {float:right; font-size:95%; font-weight:bold;}
.pages .links a {font-weight:normal;}
.pages .links, .pages .links a {color:#900;}

#adv_top { width:100%; margin-top:20px; }
#adv_top td { text-align:center; }

#adv_bot { clear:both; margin-top:1px; background-color:#dedede; padding:5px; }
#adv_bot table { width:100%; }

#b_menu { padding: 10px 15px; font-size:85%; color:#525252; }
#b_menu a { color:#900; }
#b_menu div { float:right; }

.input2 {border-bottom: #999999 1px solid; border-left: #999999 1px solid; border-right: #999999 1px solid; border-top: #999999 1px solid; font-family:"arial cyr", "arial"; font-size:12;}
.input2 {fontfamily:"arial cyr", "arial"; fontsize:12pt; width: 200px}

.input3 {border-bottom: #999999 1px solid; border-left: #999999 1px solid; border-right: #999999 1px solid; border-top: #999999 1px solid; font-family:"arial cyr", "arial"; font-size:12;}
.input3 {fontfamily:"arial cyr", "arial"; fontsize:12pt; width: 320px}

.button { background-color: #666666; border: 1px solid #C0C0C0; color: #FFFFFF; font-size: 12px; height: 20px;  }

#tooltip{
	background: #525250;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font: menu;
	margin: 0px;
	padding: 3px 5px;
	position: absolute;
	visibility: hidden;
	width: auto;
}

#active {
	color: #FF8204;
	font-size: 12px;
	text-decoration: none;
}

#input, #comments {
	background: #F7F7F7;
	border: 1px solid #C0C0C0;
	color: #000000;
	font-size: 12px;
}

#input:hover, #input:focus {
	background: #FFFFFF;
}

acronym {
	border-bottom: 1px dotted #000044;
	color: #000044;
	cursor: help;
}

.panel {
	background-color: #F7F6F4;
	border: 1px solid #EAEAEA;
	font-size: 12px;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	vertical-align: bottom;
	text-align: middle;
}

.button {
	background-color: #242629;
	border: 1px solid #8F9E74;
	color: #FFFFFF;
	font-size: 12px;
	height: 20px;
}

small {
	color: #666666;
	font-size: 12px;
	text-decoration: none;
}

.ssmall {
	color: #666666;
	font-size: 12px;
	text-decoration: none;
}

.comment {
	background-color: #F7F6F4;
	border: 1px solid #EAEAEA;
	font-size: 12px;
	margin: 10px 10px 10px 10px;
	padding: 4px 4px 4px 4px;
	vertical-align: top;
}

.comment-admin {
	background-color: #F7F6F4;
	border: 1px solid #AA0000;
	font-size: 12px;
	margin: 3px 10px 15px 10px;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
	text-align: left;
}

.short-story {
	background-color: #F7F6F4;
	border: 1px solid #EAEAEA;
	margin: 5px 5px 5px 5px;
	padding: 10px 10px 10px 10px;
	text-align: middle;
}
.top_posted {
	color: #999999;
	font-family: Georgia, Verdana, Arial;
	font-size: x-small;
	border-top: 1px solid #999999;
	text-align: left;
	margin-bottom: 25px;
	margin-top: 10px;
	line-height: normal;
	padding: 3px;
}
.bottom_posted {
	color: #999999;
	font-family: Georgia, Verdana, Arial;
	font-size: x-small;
	border-top: 1px solid #999999;
	text-align: left;
	margin-bottom: 1px;
	margin-top: 25px;
	line-height: normal;
	padding: 3px;
}

.quote {
    padding: 7px;
    margin: 10px 0 10px 15px;
    border: 1px solid #EEE;
    border-left: 5px solid #CCC;
    background: #FAFAFA url(./images/quotes.gif) top center no-repeat;
    color: #666;
    line-height: 140%;
}

code {
    padding: 7px;
    margin: 10px 0 10px 15px;
    border: 1px solid #EEE;
    border-left: 5px solid #CCC;
    background: #FAFAFA url(./images/quotes.gif) top center no-repeat;
    color: #666;
    line-height: 140%;
	display:block;
	overflow:auto;
}

.keyword {
  font-weight: bold;
}

.python .string {
  color: blue;
}

.php .string {
  color: blue;
}

.php .keyword {
  font-weight: bold;
}

.php .comment {
  color: green;
}

.php .function {
  color: blue;
  font-weight: bold;
}

code .string {
  color: #800;
}

code .comment,
code.python .decorator,
code.java .annotation {
  color: #888;
}

code .function .title,
code .class .title {
  color: #800;
}

code .tag .attribute .value,
code.css .rules .value,
code.css .id,
code.css .class {
  color: #800;
}

.html .atribute .value {
  color: green;
}

li {
	margin: 0 0 0 20px;
	padding: 3 0 0 20px;
}