#page
{
    background: #baa;
    padding: 0 2px 2px 0;
    margin: auto;
    width: 780px;
}

.nav_head
{
    padding: 0;
    margin: 0;
    font-weight: bold;
    color: #322;
}

body
{
	margin: 0 0 10px 0;
	padding: 0;
	font-family: Verdana, Arial;
	font-size: 13px;
	background: #af9988;
}


h1, h2, h3
{
}

h1
{
	font-size: 18px;
	font-weight: bolf;
	margin: 0px;
}

h2
{
	font-size: 16px;
	font-weight: bold;
	color: green;
margin-bottom: -4px;
padding-top: 8px;
}

h3
{
	font-size: 15px;
	font-weight: bold;
	color: green;
}

p, li
{
    color: #111;
	font-size: 13px;
	line-height: 17px;
}

strong.normal
{
	font-weight: normal;
}

small
{
	font-size: 10px;
	color: #666;
}

blockquote
{
    margin: 15px 0;
	padding: 3px 20px;
    border-left: 3px solid #ddd;
    background: #f4f4f4;
}

hr
{
	margin: 10px 0;
	border: 0;
	border-top: 2px solid #999;
}

img
{
	border: 0px;
}

input
{
	font-size: 12px;
}

textarea
{
	font-family: Verdana;
	padding: 2px;
	font-size: 13px;
	width: 400px;
	height: 120px;
}

.article-head
{
	font-size: 13px;
	line-height: 16px;
	background-color: #C9C9C9;
	background-image: url(/images/21.png);
	background-repeat: repeat-x;
	padding: 2px 4px;
    margin: 6px 0;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
}

.category-head
{
	font-size: 17px;
	color: white;
	line-height: 18px;
	background-color: #018B01;
	background-image: url(/images/22.png);
	background-repeat: repeat-x;
	padding: 6px;
	margin-bottom: 12px;
	border-top: 1px solid lightgreen;
	border-left: 1px solid lightgreen;
	border-bottom: 1px solid darkgreen;
	border-right: 1px solid darkgreen;
}

a
{
	text-decoration: underline;
	color: darkgreen;
}

h1 a, h2 a, h3 a
{
	color: #111;
	text-decoration: none;
}

#navbar a
{
	color: #500;
	text-decoration: none;
}

#navbar a:hover
{
	color: #500;
	text-decoration: underline;
}

#site_slogan a
{
	color: #cfc;
    text-decoration: none;
}

#site_slogan a:hover
{
	color: #cfc;
    text-decoration: underline;
}

#foot a
{
	color: #222;
}

#container
{
	position: relative;
	background-color: white;
	margin: auto;
	padding: 10px;
	width: 760px;
	\width: 770px;
	w\idth: 760px;
}

#head
{
	background-color: green;
	margin: auto;
	height: 148px;
	width: 780px;
}

#site_slogan
{
  padding: 2px 20px;
	font-size: 14px;
	color: #cfc;
}

#content
{
	margin: 0 158px 0 0;
	padding: 10px;
	min-height: 1400px;
}

#navbar
{
	position: absolute;
	top: 10px;
	right: 0;
	width: 172px;
	padding: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:150px;
}

body > #navbar
{
	width: 150px;
}

#foot
{
	font-size: 12px;
	margin-top: 5px;
	clear: both;
	color: #222;
	text-align: center;
}

#navbar p
{
	margin-top: 0px;
	margin-bottom: 8px;
	padding-top: 0px;
	line-height: 17px;
}

#navbar li
{
	line-height: 125%;
	margin-bottom: 4px;
	list-style-position: inside;
}

#navbar ul
{
	margin-left: 0;
	padding-left: 0;
}

.active
{
	font-weight: bold;
}

.comments_error
{
	color: #000;
	background-color: #ffe5e5;
}

ul.comments_error
{
	padding: 0.3em;
	list-style-type: circle;
	list-style-position: inside;
	border: 2px solid red;
}

div#cpreview
{
	color: #000;
	background-color: #ddf;
	border: 2px solid blue;
	padding: 6px;
	margin-bottom: 14px;
}

form#txpCommentInputForm td
{
	vertical-align: top;
	background-color: #eee;
}

.comment-head
{
	font-size: 14px;
    color: darkgreen;
}

.comments-wrapper
{
	padding: 6px;
    margin-bottom: 10px;
	background-color: #eee;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
}

.code
{
	font-family: Monospace, "Andale Mono", Terminal, ;
	background-color: #eee;

	border-left: 1px solid #eee;

	border-top: 1px solid #ddd;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;

	color: #000;
	padding: 6px;
	font-size: 11px;
line-height: 16px;
max-height: 260px;
overflow: auto;
}

.ruby .imp {color: red;}
.ruby .kw1 {color:#cc7733;}
.ruby .kw2 {color:#0000FF;}
.ruby .kw3 {color:#CC0066;}
.ruby .co1 {color:#008;}
.ruby .coMULTI {color:#008;}
.ruby .es0 {color:#000099;}
.ruby .br0 {color:#006600;}
.ruby .st0 {color:green;}
.ruby .nu0 {color:#006666;}
.ruby .me1 {color:#9900CC;}

.apache .imp {color: red;}
.apache .kw1 {color: #CC0066;}
.apache .kw2 {color: #0000ff;}
.apache .co1 {color: #008;}
.apache .es0 {color: #000099;}
.apache .br0 {color: #66cc66;}
.apache .st0 {color: #7f007f;}
.apache .nu0 {color: #ff0000;}

.sql .imp {color: red;}
.sql .kw1 {color: #993333;}
.sql .co1 {color: #808080; font-style: italic;}
.sql .co2 {color: #808080; font-style: italic;}
.sql .coMULTI {color: #808080; font-style: italic;}
.sql .es0 {color: #000099;}
.sql .br0 {color: #66cc66;}
.sql .st0 {color: #ff0000;}
.sql .nu0 {color: #cc66cc;}

.php .imp {color: red;}
.php .kw1 {color: #b1b100;}
.php .kw2 {color: black;}
.php .kw3 {color: #CC0066;}
.php .co1 {color:#008;}
.php .co2 {color:#008;}
.php .coMULTI {color:#9933cc;}
.php .es0 {color: #000099;}
.php .br0 {color: #66cc66;}
.php .st0 {color: darkgreen;}
.php .nu0 {color: #cc66cc;}
.php .me1 {color: #006600;}
.php .me2 {color: #006600;}
.php .re0 {color: black;}
.php .re1 {color: #ff0000}

@media print {
.noprint { display: none; }
.comments-wrapper { display: none; }
a { text-decoration: none; }
body { background-color: white; }
img, #head, #navbar { display: none; }
#content { width: 95%; margin: 0; padding: 0 20px; }
.article-head, .category-head { background-image: none; }
#container { width: 95%; }
#page { width: 95%; margin: 0; padding: 0;}
}

#sponsors {
  border: 2px solid #ccc;
  padding: 5px;
}


.txpCommentInputMessage {
  width: 100%;
height: 200px;
}