body,html {
background-color: #fff;
color: #271113;
font-family: verdana, helvetica, arial, sans-serif;
}

body {
/* work around IE 5 bug */
text-align: center;
}

html {
/* stop scrollbar resizing in opera, moz */
height: 100%; margin-bottom: 1px;
}

/* background */
body {
background-image: url(/images/399.png);
background-repeat: no-repeat;
}

/* center */
#wrap {
width: 80%;
margin: 0 auto;
text-align: left;
}

#container {
position:relative;
}

a img {
border: none;
}

#header {
text-align: right;
/* padding: 15px 5px 15px 5px; */
padding: 20px 0 20px 0;
margin: 0;
background-color: #fff;
border-bottom: 2px solid #271113;
}

/* font */
h2, h3, h4, h5, h6, label, .simplepie li strong {
font-family: "Franklin Gothic", arial, helvetica, verdana, sans-serif;
font-weight: normal;
text-transform: uppercase;
letter-spacing: +0.05em;
color: #354F08;
margin-bottom: 10px;
}

h1 {
font-size: 1.6em;
}

h2 {
font-size: 24px;
font-weight: bold;
}

h3 {
font-size: 20px;
font-weight: normal;
}

h4 {
font-size: 14px;
font-weight: bold;
}

h5 {
font-size: 11px;
font-weight: bold;
}

label {
font-size: 10px;
font-weight: normal;
}


#right h3 {
font-size: 11px;
font-weight: bold;
letter-spacing: +0.05em;
}

a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a.active-link {
font-weight: bold;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #354F08;
}

/* type */
p, ul, ol, dl, blockquote, pre, th, td, div.nav {
font-size: 0.7em;

line-height: 1.8em;
margin-bottom: 1.8em;
}

blockquote p {
font-size: 1.0em;
}

ul ul {
font-size: 1.0em;
}

ul, ol {
margin-left:1em;
line-height: 1.8em;
}

code {
font-size: 1.3em;
line-height: 1.2em;
}

p code {
font-weight: bold;
}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


/* menu */
#right ul, #right ol {
list-style-type: disc;
line-height: 1.4em;
}

#right ul.menu {
font-family: "Franklin Gothic", arial, helvetica, verdana, sans-serif;
text-transform: uppercase;
letter-spacing: +0.05em;
line-height: 1.4em;
list-style-type: none;
margin-left: 0;
}


#right p {
line-height: 1.4em;
}

#right a {
text-decoration: none;
color: #271113;
}
#right a:hover {
text-decoration: underline;
}

#right li p {
font-size: 10px;
font-style: italic;
margin-bottom: 2px;
}

/* content */

.contentWrap {
margin-right: 20px;
}

div.article {
border-bottom: 2px solid #271113;
margin: 20px 0 20px 0;
}

.article a {
color: #721A1A;
text-decoration: underline;
}

.article p {
margin: 1em 0 1em 0;
}

.article h3, .article h4, .article h5 {
margin: 2em 0 1em 0;
}

.article .caps {
letter-spacing: +0.05em;
}

.pl {
margin-top: 15px;
text-align: right;
}

.pl a, .comment a, .article-frontpage a, a#txpCommentHelpLink {
color: #354F08;
}

div.comment, div#cpreview {
width: 60%;
margin-right: auto;
border-bottom: 2px solid #271113;
margin-bottom: 15px;
}

.article ul {
list-style-type: disc;
margin-left: 2em;
}

.article ol {
list-style-type: number;
margin-left: 2em;
}

.article dt {
list-style-type: disc;
margin-left: 2em;
}

.article dd {
margin-left: 4em;
}

.article table {
width: 80%;
margin-left: 9%;
margin-right: 9%;
margin-top: 16px;
margin-bottom: 16px;
}

.article .top {
width: 100%;
clear: both;
}

.article .toc {
float:left;
}

.article .toc-pg {
text-align: right;
}

.article .adsense-top {
width: 320px;
height: 270px;
margin: 30px 10px;
float:right;
}

.entry-body {
width: 100%;
clear: left;
}

div.article img {
max-width: 100%;
width: auto;
height: auto;
}


.article div.article-image {
padding: 10px;
}

div.entry-images {
width: 100%;
clear:both;
}

div.article-image img {
max-width: 100%;
width: auto;
height: auto;
}

div.article-image-thumb {
width: 120px;
height: 120px;
float:left;
margin: auto;
}

/* code */

p.txp:before, pre.txp:before {
content: "[TXP]";
display: block;
text-align: right;
font-size: 10px;
color: #999;
}

p.php:before, pre.php:before {
content: "[PHP]";
display: block;
text-align: right;
font-size: 10px;
color: #999;
}

p.out:before, pre.out:before {
content: "[XHTML]";
display: block;
text-align: right;
font-size: 10px;
color: #999;
}

p.txp, p.php, p.out, blockquote p {
padding: 0 8px 16px 8px;
margin: 0;
}

p.txp, pre.txp, code.txp {
background-color: #ffeeee;
}

p.php, pre.php, code.php {
background-color: #eeeeff;
}

p.out, pre.out, code.out {
background-color: #eeffee;
}

p.none, pre.none, code.none {
background-color: #fff;
}

blockquote p, pre code {
background-color: #eeeeee;
}

blockquote {
margin-left: 2em;
margin-right: 2em;
/* margin-bottom: 0; */
}

/* bc */

/*
code.txp, code.php, code.out {
padding: 0 8px 16px 8px;
margin: 0;
}
*/

pre {
margin-left: 2em;
margin-right: 2em;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 16px;
}

pre code {
background-color: #eeeeee;
/* display: block; */
/* margin: 0 8px 0 8px; */
}

/* adsense */
div.adsense {
margin-top: 16px;
margin-bottom: 16px;
margin-left: auto;
margin-right: auto;
width: 100%;
text-align: center;
}

/* comments
----------------------------------------------- */

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

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

div#cpreview {
color: #000;
background-color: #f1f1f1;
border: 2px solid #ddd;
}

#txpCommentInputForm td {
vertical-align: top;
padding: 5px;
}

#txpCommentInputForm textarea {
width: 300px;
height: 200px;
}

/* footer */

#footer {
text-align: center;
}

#footer a {
text-decoration: none;
color: #271113;
}

fieldset {
width: auto;
margin: 0;
padding: 0 0.5em 0.5em;
}

fieldset legend, p.zem_bugreport_neg, p.zem_paypal_account_neg, p.zem_auth_resetpass_form_neg {
font-family: "Franklin Gothic", arial, helvetica, verdana, sans-serif;
font-size: 0.7em;
font-weight: normal;
text-transform: uppercase;
letter-spacing: +0.05em;
color: #354F08;
padding: 0 0.5em;
margin: 0;
}

div#patronize {
width: 200px;
background: #eee;
border: 1px dotted #999;
padding: 0 1em;
float: right;
margin: 0 1em;
}

div#patronize h4 {
margin-top: 1em;
}

div#patron-login {
background: #eee;
border: 1px dotted #999;
padding: 0 0.5em 0.5em;
margin: 0 0.5em 0.5em;
}

div#patron-login p {
margin-bottom: 0;
}

div.nav {
text-align: center;
}
div.nav a {
text-decoration: none;
color: #271113;
}
div.nav a.active {
font-weight: bold;
}

table.zem_ipn_products, table.zem_ipn_subscriptions {
width: 90%;
text-align: left;
margin: 1em 1em;
}

ul.bn_error {
/*
color: #f22;
font-weight: bold;
margin: 0 0 0.5em;
list-style-type: none;
*/
font-weight: bold;
background-color: #fee;
margin: 1em 0;
padding: 0 1em;
list-style-type: none;
}
ul.bn_message {
background-color: #efe;
margin: 1em 0;
list-style-type: none;
}
input.bn_error, textarea.bn_error {
background-color: #fee;
}

div.bn_input_text, div.bn_input_textarea, div.bn_input_text_multi {
margin: 1em 0;
}

div.bn_button {
margin-right: 1em;
float: left;
}

input.bn_button {
padding: 0 1em;
}

fieldset {
overflow: auto;
width: auto;
margin: auto;
}

div#sidebar-login-form {
margin: 1em 0 2em;
}

div#sidebar-login-form ul {
margin-bottom: 0;
}

div#sidebar-login-form p {
margin-bottom: 0;
}

div.comments_preview {
font-size: 16px;
padding: 1em;
background-color: #eee;
border: 1px dotted #888;
}

.simplepie img {
max-width: 100%;
height: auto;
}

.simplepie li p {
font-size: 1.0em;
}

.simplepie ul {
list-style-type: none;
}