/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
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, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    line-height: 1;
    font-family: inherit;
    text-align: left;
    vertical-align: baseline;
}
a img, :link img, :visited img {
    border: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
ol, ul {
    list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
    content: "";
}

ul{list-style: disc;}
strong,b{font-weight:bold}

.checkbox_tbl td{vertical-align:middle}
.checkbox_tbl td.ch{padding-right:5px}

em{font-style:italic}
b,strong{font-weight:bold}

pre code {
font-family: "Courier New", Courier, monospace;
color:#000;
}

pre {}

.params, .variable {
color: #000099;
}

.string,
.function .title,
.class .title, 
.tag .attribute .value,
.css .rules .value,
.cpp .preprocessor,
.ruby .symbol,
.vbscript .built_in {
  color: #800;
}
    
.comment,
.python .decorator,
.java .annotation {
  color: #888;
}
    
.number,
.regexp,
.javascript .literal {
  color: #080;
}
    
.javadoc,
.ruby .string {
  color: #88F;
}
    
.keyword,
.css .id,.css .class,
.phpdoc,
.function .title,
.class .title,
.vbscript .built_in {
  font-weight: bold;
}
	 
.html .tag{color:#0032ff;}
.html .keyword{font-weight:normal;}

.css .id{color:maroon;}
.css .keyword{font-weight:normal;}
.css .rule .value,.css .string{color:#00f}
.css .rule .number{color:#800080;}
	 
body{
background-color: #fff; 
font-family:"Courier New", Courier, monospace;
font-size: 12px;
}

/* global layout (footer attached to bottom) */
html, body {height:100%}
#global {
margin-top:-50px; 
height: auto !important; /* for ie6 */
height: 100%; /* for ie6 */
min-height:100% /* for ie7 & ff */
}
#globalcont {padding-top:50px}
#footer {height:50px; clear:both;}

a,a:hover{color:blue;text-decoration: underline;}
a:hover{text-decoration: none;}
a:visited{/*color:Maroon;*/}
p{margin:10px 0px 10px 0px}
ol,ul{padding-left:30px;}
blockquote{padding-left:10px;font-style:italic;color:#555;border-left:4px solid silver;}
pre{margin:10px 0 10px 0;background-color:#f1f1f1;}

.header{height:50px;padding:20px}
.header h1{margin:0px;}
.header h1 a{text-decoration: none;color:maroon;}
.header .secondary{margin:0px;color:maroon;}
.header .secondary a{color:maroon}
.header .secondary a.active{text-decoration: none;color:#FF4500;}

#copyright{color:gray;padding:0px 20px 0px 20px;text-align: right;}
#copyright a{color:gray}
/*#footer */
.f{height:36px;width:100%}
.f .c{background: url('../img/ftr.png') no-repeat;width:558px;}
.f .l, .f .r{border-bottom:1px solid #c5c5c5;}
.f .r{width:1px}

/* headings */
h1,h2,h3,h4{font-weight: bold;margin: 15px 0px 15px 0px;}
h1{font-size: 36px;}
h2{font-size: 22px;}
h3{font-size: 16px;}
h4{font-size: 14px;}

/* post */
.post{margin-bottom:40px;}
.post *{line-height:120%;}
.post .t{margin-bottom:1em;/*margin-left:20px;*/}
.post .date{width:250px;color:#fff;padding:3px 3px 3px 20px;font-weight: bold; margin:0px;background:Silver;}
.post h1.title{width:250px;padding:0px;margin: 0px;background:#DCDCDC;font-family:"Courier New", Courier, monospace;}
.code-title{font-family: "MS Serif", "New York", serif;}
.post h1.title a{font-size:18px;text-decoration: none; color:gray;display: block;padding:3px 3px 3px 40px}
.post h1.title a:hover{background: silver;color:gray;}
.post .entry{padding-left:20px;margin-bottom:30px}
.post .postmetadata{padding-left:20px;color:gray;}
.first{margin-bottom:70px;}
.first .date{width:330px;color:#fff;background:#3a7af2}
.first h1.title{width:330px;background:#97B9F6;}
.first h1.title a{color:#000;}
.first h1.title a:hover{background:#3a7af2;color:#000}
.first .t{margin-left:0px;}

.post ul{padding-left:30px;list-style-type:square;}
.post ol{padding-left:30px;list-style-type:decimal;}
.post ul li,.post ol li{margin-bottom:3px;}
.post blockquote{padding-left:20px;border-left: 3px solid silver; color: Teal;}

.other-posts-divider{height:10px;width:100%}
.other-posts-divider .a{background-color: #dcdcdc;width:100%}
.other-posts-divider .b{text-align: right; color: gray;font-weight:bold;letter-spacing: 2px;padding-left:10px;}

.content{padding:10px 10px 30px 0px; width:60%;vertical-align: top;}
.sidebar{width:40%;padding:30px 10px 30px 120px;vertical-align: top;}

.sidebar-elm{float:left; margin:0px 30px 30px 0px;width:130px}
.cats, .tags{list-style-type: none;padding:0;}
.cats li, .tags li{margin-bottom:5px;white-space: nowrap;}

.active-tag{font-weight:bold;color:maroon;text-decoration:none;}

h1.section-heading{color:Maroon;font-size: 20px;padding-left:20px;font-weight: normal;}
h1.single{
background: #FAFAD2;
display:block;
color:Black;
text-decoration: none;
padding-left:20px;
font-size: 24px;
}

/* useful classes */
.margin0{margin: 0px;}
.topmargin0{margin-top: 0px;}
.width100{width:100%;}
.right_align{text-align:right;}
.center_align{text-align:center;}
.left_align{text-align:left;}
.top_align{vertical-align:top;}
.bottom_align{vertical-align:bottom;}
.middle_align{vertical-align:middle;}
.nowrap{white-space:nowrap;}
.padding1{padding:1px}
.padding2{padding:2px}
.padding3{padding:3px}
.padding4{padding:4px}
.padding5{padding:5px}

label{cursor: pointer;}

.err{color:red}
.ok{color:green}
.info{color:gray}
.info a{color:gray;}

/* paging */
.paging{margin:10px 0px 0px 20px;padding:0px;}
.paging li{display:inline;padding:3px; margin:0px 5px 0px 0px;font-size:14px;}
.paging .label{font-size:inherit;}
.paging li a,.paging li a:hover{text-decoration: none;color:#000}
.paging li.page-nmb{border:1px solid #DCDCDC;cursor: pointer;}
.paging li.page-nmb:hover{border:1px solid blue}
.paging li.current{cursor:auto; background-color: #3A7AF2;color:#fff;border:1px solid gray;font-weight:bold;}
.paging li.current:hover{border:1px solid gray;}
.pageSizes{margin-top:10px}

/* comments */
#comments{}
#comments .count-info{
background: #f1f1f1;
color:gray;
padding-left:20px;
}
#comments li.comment{padding:5px;color:#000;}
#comments .even {background-color: #f5f5f5;}
#commentlist{
padding-left:30px;
list-style-type: decimal;
}
#commentlist li.comment{margin:0px 0px 20px 10px;color:#000;}
#commentlist .secondary, #commentlist .secondary a{color:gray}
.comment-form-heading{
background: #FFFFE0;
padding-left:20px;
color:gray;
font-size: 22px;
}
#commentFormContainer{
padding-left:20px;
}

#commentForm .textarea{width:400px; height:150px;}
#commentForm #captcha_container{background-color: #f1f1f1;height:40px;width:105px;}

.comment_form_div{padding-left:20px;}


div.hr{height:1px;border-top:1px solid gray;margin:3px 0 3px 0;}
.dashed{border-style:dashed !important;}
a.adm-link{color:#cc6600;}

.adm-panel{position:absolute;top:0;right:200px;background-color: #ffffcc;padding:5px 10px 10px 10px;
border:1px dashed gray;border-top:0px none;}