body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0pt; padding: 0pt; }
table { border-collapse: collapse; border-spacing: 0pt; }
fieldset, img { border: 0pt none ; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style-type: none; list-style-image: none; list-style-position: outside; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
q:before, q:after { content: ''; }



body { font-family: arial,helvetica,clean,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; line-height: normal; font-size-adjust: none; font-stretch: normal; }
table { font-size: inherit; }
select, input, textarea { font-family: arial,helvetica,clean,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 99%; line-height: normal; font-size-adjust: none; font-stretch: normal; }
pre, code { font-family: monospace; font-style: normal; font-variant: normal; font-weight: normal; font-size: 115%; line-height: normal; font-size-adjust: none; font-stretch: normal; }
body * { line-height: 1.22em; }

html { height: 100%; }
body { background: White url('cazo.gif') no-repeat fixed top; height: 100%; font-family: Helvetica,Arial,sans-serif; font-size: 77%; color: Black; text-align: right; z-index: 200;  background-position: left;  }
* { outline-color: -moz-mac-focusring; outline-style: none; outline-width: medium; }
a:link, a:visited, a:active { border-bottom: 1px solid rgb(222, 230, 247); text-decoration: none; color: #08a5d6;  background-color: White; text-decoration: none;}
a:hover { border-width: 0pt 0pt 2px; color: rgb(4, 30, 83); }
h1, h2, h3, h4 { color: rgb(17, 17, 17); font-weight: normal; }
h2 { font-size: 114%; }
h2 a:link, h2 a:visited, h2 a:active { border: 0pt none ; }
h2 a:hover { border: 0pt none ; background: transparent none repeat; }
h3 { font-size: 107%; }
abbr { border-bottom: 1px dotted rgb(34, 34, 34); cursor: help; }
code, pre { font-family: Courier,monospace; }
p { margin: 1em 0pt; background-color: White;  text-align: justify;  padding: 5px;  border: 2px; border-color: #08a5d6; border-style: solid; width: 290px;}
#doccc { border-style: none; border-color: rgb(221, 221, 221); border-width: 0pt 0px; margin: 0pt auto; width: 800px; text-align: right;  }
#hd { border-style: none; border-color: rgb(255, 255, 255); border-width: 0pt 18px; margin: 0pt auto;  position: relative; width: 420px; height: 60px; text-align: center; }
#bd { border-style: none; border-color: rgb(255, 255, 255); border-width: 0pt 0px; margin: 0pt auto; padding: 15px 0pt 0pt;  position: relative; width: 420px; min-height: 300px; height: auto ! important; text-align: right;  }
#bd:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
#ft { border-bottom: 5px solid rgb(221, 221, 221); margin: 0pt; padding: 16px 0pt 0pt; background: rgb(255, 255, 255) none repeat; position: relative; height: 152px; text-align: center; font-size: 92%; }
#system-message { border-bottom: 1px solid rgb(211, 211, 211); margin: 0pt; background: rgb(247, 247, 247) url('message_bkgd.gif') repeat; overflow: hidden; position: relative; height: 0pt; font-size: 92%; text-align: left; }
#hd h2 { color: rgb(0, 0, 0); }
#hd a:link, #hd a:visited, #hd a:active { border-color: rgb(255, 255, 255); color: rgb(0, 0, 0); }
#hd a:hover { border-color: rgb(93, 112, 151); }
#header-main { border-bottom: 8px solid rgb(238, 238, 238); margin: 0pt auto; width: 920px; color: rgb(119, 119, 119); text-align: left; }
#header-main h2 { font-size: 122%; }
#header-main a:link, #header-main a:visited, #header-main a:active { margin: 0pt 4px; }
#header-main a:hover {  }
#home { height: 27px; margin-left: -4px; padding-top: 20px; font-size: 232%; text-transform: lowercase; }
#home a:link, #home a:visited, #home a:active { border: 0pt none ; display: block; color: rgb(0, 0, 0); }
#home a:hover { border: 0pt none ; background: transparent none repeat; }
#home #logo { margin: -12px 0pt 0pt -50px; padding: 12px 0pt 0pt 50px; background: transparent url('star.png') no-repeat; display: block; float: left; height: 50px; font-size: 63%; }
#home #tagline { display: block; float: left; margin-left: 2px; padding-top: 3px; font-size: 47%; letter-spacing: 0pt; color: rgb(170, 170, 170); }
#navigation { position: absolute; top: 28px; right: 50%; margin-right: -172px; text-align: right; }
#navigation ul, #navigation li { display: inline; }
#navigation li a:link, #navigation li a:visited, #navigation li a:active {  }
#navigation li a:hover { border-bottom: 3px solid rgb(123, 138, 170); padding: 0pt 0pt 3px; background: transparent none repeat; }
#navigation #nav-header, #navigation #nav-home, #navigation #nav-search { display: none; }
#site-search { float: right; margin-top: -28px; }
#site-search h3 { display: none; }
#site-search label { display: none; }
#search-field { border: 1px solid rgb(223, 223, 223); padding: 3px; width: 240px; margin-left: 4px; }
#search-field.grey { color: rgb(153, 153, 153); }
#system-message-container { margin: 0pt auto; padding: 10px 0pt 6px; overflow: hidden; position: relative; width: 920px; }
#system-message-container h2 { color: rgb(0, 0, 0); font-size: 136%; text-transform: lowercase; }
#system-message-container p { margin: 1em 0pt 0pt; }
#system-message-container .style-thumb { border: 1px solid rgb(211, 211, 211); margin: -26px 14px 4px 0pt; background: transparent url('style_thumbs.gif') no-repeat; display: block; float: left; width: 118px; height: 106px; text-indent: -9999px; }
#system-message-container #style-light { margin-left: 120px; }
#system-message-container #style-dark { background-position: -118px 0pt; }
#main { margin: 0pt; padding: 0pt 0pt 12px; width: 625px; float: right; }
#main p { line-height: 19px; }
#main p.date { margin: 0pt 0pt 1em; color: rgb(170, 170, 170); font-size: 92%; }
#main p.permalink { margin: -2.7em 0pt 1em; text-align: right; font-size: 92%; }
#main code { font-size: 12px; color: rgb(196, 179, 0); }
#main ol { margin: 1em 0pt; padding-left: 2em; list-style-type: decimal; }
#main ul { margin: 1em 0pt; padding-left: 2em; list-style-image: url('list_dots.gif'); }
#main li { margin: 5px 0pt; line-height: 19px; }
#main strong { font-weight: bold; }
#main em { font-style: italic; }
#main blockquote { padding: 0pt 26px; background: transparent url('quotes.gif') no-repeat scroll -20px 0pt; overflow: visible; color: rgb(102, 102, 102); }
#main blockquote p {  }
#main blockquote span.end-quote { margin: 0pt 0pt 0pt 5px; padding: 1px 10px 15px; background: transparent url('quotes.gif') no-repeat; overflow: visible; }
#main .citation { color: rgb(153, 153, 153); text-align: right; }
#recent-posts { border-top: 8px solid rgb(221, 221, 221); margin: 0pt 0pt 0pt -460px; position: absolute; z-index: 10; top: 10px; left: 50%; width: 920px; padding-top: 16px; text-align: left; }
#recent-posts ul { padding-top: 8px; }
#recent-posts ul li { margin-bottom: 8px; }
#recent-posts ul li span.num-comments { color: rgb(179, 179, 179); }
#ft-nav { position: absolute; z-index: 30; top: 34px; right: 50%; margin-right: -172px; font-size: 107%; text-align: right; }
#ft-nav ul, #ft-nav li { display: inline; }
#ft-nav li a:link, #ft-nav li a:visited, #ft-nav li a:active { border-color: rgb(255, 255, 255); margin: 0pt 4px; color: rgb(0, 0, 0); }
#ft-nav li a:hover { border-color: rgb(93, 112, 151); }
#ft-nav h2 { display: none; }
#copyright { margin: 0pt 0pt 0pt 214px; position: absolute; z-index: 30; top: 34px; left: 50%; width: 250px; text-align: left; }
#ex-ft { padding: 0pt; position: relative; width: 920px; height: 28px; text-align: center; }
#footer-graph { background: transparent url('footer_graph.png') no-repeat; position: absolute; top: 44px; left: 390px; width: 530px; height: 120px; }
#main .post { padding-bottom: 2em; }
#main .post h2 a { border: 0pt none ; background: transparent none repeat; color: rgb(0, 0, 0); }
#main .post h2 a:hover { border: 0pt none ; background: transparent none repeat; color: rgb(0, 0, 0); }
#main .post .date abbr { border: 0pt none ; line-height: 19px; cursor: default; }
#main .updated { display: none; }
#main .post-footer { padding: 4px 0pt; margin-bottom: 1em; color: rgb(153, 153, 153); font-size: 92%; }
#main .post-footer p { margin: 0pt; }
#main .post-footer strong { font-weight: normal; }
#main .post-footer .posted-by { margin-bottom: 2px; }
#main .post-footer .comment-info { margin-bottom: 0pt; }
#main .post-footer .share { margin: -1.4em 0pt 0pt; text-align: right; }
#main .post-footer .share a { margin: 0pt 2px; }
#main .post-footer .tags { margin: -1.9em 0pt 5px; text-align: right; }
#main .code-container { overflow: hidden; }
#main ol.code { margin: 0pt; padding: 4px 5px 5px 32px; background: transparent none repeat; overflow: auto; list-style-type: decimal-leading-zero; color: rgb(170, 170, 170); font-family: Courier,monospace; }
#main ol.code li { margin: 0pt; padding: 2px 5px; background-color: rgb(242, 242, 242); }
#main .code-controls { padding-right: 10px; font-size: 92%; text-align: right; text-transform: lowercase; }
#main .code-plain-link { visibility: hidden; }
#main ol.code li + li { margin-top: 2px; }
#main ol.code li.tab1 { padding-left: 25px; }
#main ol.code li.tab2 { padding-left: 50px; }
#main ol.code li.tab3 { padding-left: 75px; }
#main ol.code li.tab4 { padding-left: 100px; }
#main ol.code li.tab5 { padding-left: 125px; }
#main ol.code li.tab6 { padding-left: 150px; }
#main ol.code li code { color: rgb(51, 51, 51); font-size: 12px; }
#main ol.code li.cmnt code, #main ol.code li span.cmnt { color: rgb(222, 87, 93); }
#main .code-plain { border: 1px solid rgb(238, 238, 238); margin: 4px 5px 0pt; padding: 8px; background: rgb(247, 247, 247) none repeat; overflow: auto; display: none; width: 599px; font-size: 12px; }
#main .code-plain pre { color: rgb(51, 51, 51); font-size: 100%; }
.comment { border-bottom: 4px solid rgb(229, 229, 229); margin: 1.5em 0pt; }
.comment h3 { height: 20px; font-size: 122%; }
.comment h3 span.author { display: block; float: left; }
.comment h3 span.date { display: block; float: right; font-size: 85%; color: rgb(182, 182, 182); }
.comment h3 span.number { margin: -7px 0pt 0pt -230px; display: block; position: absolute; width: 200px; font-size: 300%; color: rgb(114, 114, 114); text-align: right; }
.comment code { font-size: 12px; }
#comment-form { margin: 1.5em 0pt; }
#comment-form label { margin: 4px 0pt 1px; display: block; }
#comment-form input.submit { margin: 0pt 0pt 0pt 15px; position: relative; top: -4px; }
#comment-author, #comment-text { border-style: solid; border-color: rgb(187, 187, 187) rgb(221, 221, 221) rgb(221, 221, 221) rgb(187, 187, 187); border-width: 1px; padding: 3px; width: 414px; font-size: 100%; }
#tags-allowed { position: absolute; margin-top: -225px; margin-left: 438px; width: 160px; font-size: 92%; line-height: 15px; color: rgb(136, 136, 136); }
#tags-allowed code { color: rgb(102, 102, 102); font-size: 92%; }
#comment-preview h2 {  }
#comment-preview #preview-text { margin: 0pt; }
#sidebar { margin: 0pt 0pt 0pt 44px; padding: 0pt 0pt 12px; width: 250px; float: left; color: rgb(119, 119, 119); }
#sidebar .sidebar-section { margin: 0pt 0pt 1.8em; }
#sidebar h3 { margin: 0pt 0pt 0.3em; padding: 3px 4px 0pt; font-size: 100%; color: rgb(0, 0, 0); }
#sidebar p { margin: 0.3em 0pt 1em; padding: 3px 4px 0pt; font-size: 100%; }
#sidebar li { padding: 4px; font-size: 92%; line-height: 17px; }
#live-results { overflow: hidden; display: none; height: 0pt; }
#live-results h3 { overflow: hidden; }
#live-results h3 span { display: block; float: left; }
#live-results h3 span.total { display: block; float: right; margin-top: 4px; color: rgb(153, 153, 153); font-size: 92%; }
#live-results .view-full { text-align: right; }
#sidebar-tags a { margin-right: 2px; }
#current-links h3 { overflow: hidden; }
#current-links h3 span { display: block; float: left; }
#current-links h3 #delicious-link { display: block; float: right; padding-top: 2px; font-size: 92%; }
#current-links li a { margin-right: 3px; }
#reading li { overflow: hidden; }
.librarious_cover img { border: 1px solid rgb(230, 230, 230); padding: 5px; margin-right: 8px; }
.librarious_rating, .librarious_tags { display: none; }
.update-date { color: rgb(170, 170, 170); text-align: right; }
#sidebar-tags h3 { overflow: hidden; }
#sidebar-tags h3 span { display: block; float: left; }
#sidebar-tags h3 span.side-link { display: block; float: right; padding-top: 1px; font-size: 92%; }
#page-info li { overflow: hidden; }
#page-info li span { display: block; float: left; }
#page-info li span.side-link { display: block; float: right; }
li.share a { margin: 0pt 2px; }
#technorati-link-count { margin-left: 10px; }
#technorati-link-count a { border: 0pt none ; }
#post-nav { overflow: hidden; }
#post-nav h3 { float: left; }
#post-nav ul { float: right; }
#post-nav ul li { display: inline; color: rgb(153, 153, 153); }
li.new-section { margin-top: 1em; }
#main.archives {  }
#main.archives .bookmark, #main.archives .updated { display: none; }
#archives { padding-bottom: 58px; }
#archives p {  }
#archives h3 { clear: both; padding-top: 0.5em; font-size: 107%; }
#archives h3 a:link, #archives h3 a:visited, #archives h3 a:active { border-color: rgb(255, 255, 255); color: rgb(0, 0, 0); }
#archives h3 a:hover { border-color: rgb(93, 112, 151); }
#archives dt { margin: 0pt 1em 0pt 5px; padding: 2px 0pt 3px; width: 28px; float: left; }
#archives dd { padding: 0pt 0pt 3px; float: left; color: rgb(179, 179, 179); line-height: 18px; }
#archives dl { margin: 3px 0pt 0pt; padding: 4px; clear: both; line-height: 17px; }
#archives dl a { margin-right: 2px; }
#archives dl.month { border-bottom: 4px solid rgb(229, 229, 229); padding: 0.75em 0pt; overflow: hidden; }
#archives dd.post { margin: 0pt 0pt 0pt 46px; padding: 0pt; color: rgb(68, 68, 68); }
.img-dec { border: 1px solid rgb(221, 221, 221); padding: 4px; }
#author-page #author-title { overflow: hidden; margin-bottom: 0pt; }
#author-page .fn { border: 0pt none ; display: block; float: left; margin-right: 8px; font-size: 114%; color: rgb(0, 0, 0); }
#author-page .fn:hover { border: 0pt none ; }
#author-page .org { display: block; float: left; margin-top: 2px; color: rgb(153, 153, 153); }
#author-page .email { display: block; float: right; margin-top: 2px; margin-right: 8px; }
#author-page .download-vcard { border: 0pt none ; background: transparent url('icon-hcard-add.png') no-repeat; display: block; float: right; width: 30px; height: 20px; text-indent: -9999px; }
#author-page .download-vcard:hover { border: 0pt none ; }
#author-page .photo { border: 1px solid rgb(221, 221, 221); margin: 13px 8px 5px 0pt; padding: 4px; float: left; }
.author #archives { margin-top: 3em; }
.author #archives h2 { margin-bottom: 0.8em; }
#main.examples ul { margin: 1em 0pt; padding: 0pt; list-style-type: none; list-style-image: none; }
#main.examples li { margin: -1px 0pt 0pt; padding: 4px; line-height: 17px; }
#main.examples code { font-size: 12px; }
#main.examples .date { color: rgb(179, 179, 179); }
.tag-posts h2 span { font-size: 92%; color: rgb(153, 153, 153); }
.tag-posts h2 span.tag { font-weight: bold; color: rgb(0, 0, 0); }
#tag-list ul { padding: 0pt; list-style-type: none; list-style-image: none; clear: both; text-align: justify; }
#tag-list li { display: inline; padding-right: 0.4em; line-height: 1.4em; }
#tag-list li.popular { font-size: 100%; }
#tag-list li.v-popular { font-size: 120%; }
#tag-list li.vv-popular { font-size: 140%; }
#tag-list li.vvv-popular { font-size: 160%; }
#tag-list li.vvvv-popular { font-size: 180%; }
#num-results { margin-top: 0pt; }
#main.search-results ul { margin: 1em 0pt; padding: 0pt; list-style-type: none; list-style-image: none; }
#main.search-results li { border-style: solid; border-color: rgb(229, 229, 229); border-width: 1px 0pt; margin: -1px 0pt 0pt; padding: 1em 4px 0pt; line-height: 17px; }
#main.search-results h3 span { color: rgb(179, 179, 179); font-size: 85%; }
strong.search-term { padding: 0pt 0.4em; background: rgb(221, 221, 221) none repeat; color: rgb(0, 0, 0); font-weight: bold; }
#main.error { margin-bottom: 3em; }
p.error-message {  }
div.stats-header { position: absolute; bottom: 4px; width: 210px; height: 260px; }
div.stats-header h2 span { display: block; float: right; color: rgb(56, 57, 59); }
div.stats-header p { margin-bottom: 1.5em; font-size: 92%; }
div.stats-header dl { font-size: 92%; }
#stat-visitors { margin-left: 0pt; }
#stat-links { margin-left: 234px; }
#stat-comments { margin-left: 468px; }
#stat-posts { margin-left: 702px; }
div.stats-header strong { color: rgb(68, 68, 68); font-weight: bold; }
div.stats-header dl { border-bottom: 1px dotted rgb(202, 202, 202); clear: both; height: 1em; margin-bottom: 4px; padding-bottom: 4px; }
div.stats-header dl.section-start { margin-top: 1.5em; }
div.stats-header dt { display: block; float: left; width: 148px; padding-left: 4px; margin-right: 8px; }
div.stats-header dd { display: block; float: left; width: 46px; padding-right: 4px; color: rgb(68, 68, 68); font-weight: bold; text-align: right; }
#main.statistics { width: 920px; height: 510px; float: none; font-size: 92%; }
#main.statistics #home { margin-bottom: 0pt; }
#main.statistics .stat-pane { border: 1px solid rgb(211, 211, 211); padding: 4px; position: absolute; }
#main.statistics #thirty-days { top: 29px; width: 672px; height: 210px; }
#main.statistics #basic-stats { top: 29px; width: 212px; height: 210px; margin-left: 690px; }
#main.statistics #most-popular { top: 257px; width: 212px; height: 160px; }
#main.statistics #referrers { top: 257px; width: 212px; height: 160px; margin-left: 230px; }
#main.statistics #search-strings { top: 257px; width: 212px; height: 160px; margin-left: 460px; }
#main.statistics #browsers { top: 257px; width: 212px; height: 160px; margin-left: 690px; }
#main.statistics #last-year { top: 436px; width: 902px; height: 210px; }
#main.statistics .text div { padding: 0pt; overflow: auto; width: 212px; height: 160px; }
#main.statistics .text div h3 { border: 0pt none ; padding: 1px 1px 0pt 4%; background: rgb(221, 221, 221) none repeat; width: 94%; height: 14px; font-family: "Trebuchet MS",Verdana,Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 0.9em; line-height: 1.4em; font-size-adjust: none; font-stretch: normal; color: rgb(0, 0, 0); }
#main.statistics .text div dt { padding: 3px 4% 0pt; overflow: hidden; width: 78%; height: 16px; float: left; }
#main.statistics .text div dd { padding: 3px 4% 0pt 0pt; overflow: visible; width: 50%; height: 16px; float: right; margin-top: -19px; text-align: right; }
#main.statistics .text div dl { border-bottom: 1px dotted rgb(211, 211, 211); width: 94%; clear: both; margin-top: -1px; font-family: "Trebuchet MS",Verdana,Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 0.9em; line-height: 1.4em; font-size-adjust: none; font-stretch: normal; }
#main.statistics #basic-stats-time { border: 0pt none ; top: 29px; width: 212px; height: 210px; }
#main.statistics #thirty-days-time { border: 0pt none ; top: 29px; width: 672px; height: 210px; margin-left: 230px; }
#main.statistics #one-year-time { border: 0pt none ; top: 257px; width: 902px; height: 210px; }
.strong { font-weight: bold; }
.spaced { margin: 1em 0pt 0.5em; }
.first { padding-top: 1.5em; }
.indent { padding-left: 2.5em; }
.white { color: rgb(255, 255, 255); }
.left { float: left; }
.clear { clear: both; }
br.clear { display: none; }
* html #content { height: 100%; }
* html #tags-allowed { margin-left: -120px; margin-top: 0px; width: 125px; }
* html .comment h3 span.number { margin-left: -670px; left: 50%; }
* html #authors img { margin-left: -44px; }
* html #authors .last img { margin-left: -70px; }
* html #current-links h3 { height: 16px; }
* html #main.statistics { font-size: 10px; }
* html #main.statistics .text div dl { width: 86%; font-size: 10px; }
* html #main.statistics .text div h3 { width: 86%; }
* html #home #logo { margin: 0pt; padding: 0pt; background: transparent none repeat; height: auto; }

/* ::::: http://techfoolery.com/examples/scroller/?PHPSESSID=698b6b72144a6cc5feac0a0455835d32 ::::: */
/*
#bd { height: auto; }
#main { height: 2370px; }
#p1 { position: absolute; top: 120px; }
#p2 { position: absolute; top: 700px; }
#p3 { position: absolute; top: 1300px; }
#p4 { position: absolute; top: 2000px; }
#ex-ft { position: absolute; top: 2500px; }
*/