body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/* BUTTONS */
.menu-admin {height:36px;padding-left:12px;position:absolute;left:30px;top:0px}
.menu-admin a:hover, .menu-admin a:active, .menu-admin a:link, .menu-admin a:visited {background:url(/i/bbg.gif);height:19px;float:left;margin:13px 0 0 6px;padding:4px 16px 0 16px;color:white;font-size:12px}
.menu-admin a:hover {background:#74080d}


h1 {font-size:16pt;font-family:arial;font-weight:normal;color:#20588c;margin:0 0 20px 0}
h4 {margin-bottom:4px}

.text * {line-height:16pt}
.text h1 {font-size:16pt;font-weight:normal;margin-bottom:10px}
.text h2 {font-size:14pt;font-weight:normal;color:gray;margin:20px 0 10px 0}

body {font-size:9pt;line-height:11pt;font-family:Verdana,Arial,Helvetica,sans-serif;}
body {background:url(/i/bg2.gif) #555753;padding: 36px 30px 0 30px;}

.page {background:white;width:100%;height:100%;float:left;margin-bottom:30px}
.shw {height:7px;background:url(/i/shadow.png) top repeat-x white;font-size:1px;}

.menu {float:left;padding-right:38px}
.menu a:link, .menu a:visited, .menu a:active, .menu a:hover {color:#c3dcf6;font-weight:bold;font-size:16px;line-height:24px;font-family:Arial;text-decoration:none;}
.menu a:hover {color:white;text-decoration:underline;}
.menu a.h1:hover, .menu a.h1:link, .menu a.h1:active, .menu a.h1:visited {color:white;font-family:Tahoma, Arial;font-size:32px;font-weight:normal;border-bottom:1px dashed white}
.menu a.h1:hover {border-bottom:2px solid white;color:white;text-decoration:none;}
.menu ul {margin-top:12px;font-family:Arial}

.top {border:1px solid #c3dcf6;background:#729fcf;color:#133155;height:110px;border-bottom:none;padding:28px;}

.left {width:60%;float:left;}
.right {width:40%;float:left;}

a:link, a:visited, a:active, a:hover { color:#2D618A;text-decoration:none; }
a:hover { color:#9d0a0e;text-decoration:underline; }

h2 {color:#8f5902;font-size:13.2pt;margin-bottom:10px;clear:left;font-family:arial}
h2 a {color:#8f5902 !important;}

.tms {float:left;width:36px;height:34px;background:#f0f0e0;margin:0 8px 4px 0;padding:8px 6px 4px 6px;border:1px solid #e0e0d0;border-top:none;border-left:none;color:#555753;font-size:11px;font-weight:bold;text-align:center;line-height:14px;}

ul.comments, ul.tags {float:left;background:url(/i/comments.png) no-repeat 0px 6px;padding-left:16px;font-size:9pt;margin-right:12px;}
ul.comments li, ul.tags li {padding:4px !important;margin:0px;float:left;padding-right:12px;clear:none !important;border:none !important;}
ul.comments li a, ul.tags li a {color:gray;font-weight:normal;padding:0px 1px 0px 1px}
ul.comments li a:hover, ul.tags li a:hover {color:white;background:#3597e2;text-decoration:none}

ul.tags {background-image:url(/i/tag.gif);height:24px}
ul.tags li a:hover {background:#fcaf3e}

ul.entries li {clear:left;border-top:1px dashed #c3dcf6;overflow:hidden;padding:12px 0 12px 0;}
ul.entries li.first {border-top:none}
ul.entries div.t {margin-left:56px;color:black;font-size:9pt;line-height:12.4pt;text-align:justify;padding:4px 0 4px 0;}

a.t {font-weight:bold}

.seltags a:link, .seltags a:visited, .seltags a:active, .seltags a:hover {font-family:verdana,tahoma,arial;font-size:9pt;line-height:14pt;color:gray;text-decoration:none;padding:2px;margin-right:4px}
.seltags a:hover {background-color:#fcaf3e;color:white !important;}

/* border */
div.b {padding:20px}

.last_comments li {padding-bottom:8px}
.last_comments a {color:black;text-decoration:none;font-size:9pt;line-height:8pt;font-family:tahoma;font-weight:bold}
.last_comments a span {color:gray;font-weight:normal;font-size:9pt;line-height:8pt;font-family:tahoma}
.last_comments img, img.av, img.av48 {background:url(/i/av24.gif) 1px 1px no-repeat #d3d7cf;padding:1px;border:1px solid #888a85;width:24px;height:24px;margin-right:4px;float:left}
img.av48 {background-image:url(/i/av.gif);width:48px;height:48px}
.last_comments a:hover {color:#f57900}
.last_comments a:hover span {color:#888a85} 

div.block {margin-bottom:12px;overflow:hidden;}

#flickr a {background: #ccc;padding:2px;float:left;margin:3px;}
#flickr a:hover {background: #ff8c00;}
#flickr img {border: 1px solid white;float:left;width:75px;height:75px;}

/* ERRORS */
div.errors, div.info { background:#fffce2;border:1px solid #ffbe61;padding:8px }
div.errors ul li {margin:4px 0 4px 0;list-style:square inside;color:#ee6600;}
div.errors h2 { padding:0px;margin:0px;font-size:130%; }

.archive .year {font-weight:bold;background:url(/i/archive.gif) 0 2px no-repeat;height:30px;text-indent:30px;font-size:12pt;padding:6px 0 16px 0;float:left;clear:left}
.archive .list {float:left;padding-top:6px;margin-left:60px;}
.archive .list div {padding-bottom:8px;font-size:8.6pt}
.archive .list div span {font-size:8.6pt;background:#f0f0e0;padding:2px;border:1px solid #e0e0d0;border-top:none;border-left:none;}

/* PAGES */
div.pages { padding:4px;}
div.pages a:link, div.pages a:visited, div.pages a:active, div.pages a:hover { text-decoration:underline;color:black; }
div.pages a, div.pages span { color:black;padding: 3px 6px 3px 6px;margin-right:1px;margin-left:1px;background:#f0f0e0 }
div.pages span { background:#729fcf;color:white;font-weight:bold;}

.project img {border:2px solid #cccccc;padding:6px;width:151px;}
.project a:hover img {border-color:#ff8c00}

.vert img {float:left;margin-right:-170px;}
.vert div {font-size:9pt;line-height:16pt;float:left;margin-left:180px;}
.vert li {padding-bottom:16px;clear:left;float:left}

.pics a img {border:2px solid #cccccc;width:200px;height:116px}
.pics a:hover img {border:2px solid #ff8c00;width:200px;height:116px}

.link, .link span {background: transparent url("/i/bg_link.gif") no-repeat 0 0;color: #fff;clear: both;float: left;display: inline;height: 24px;line-height: 24px;}
.link span {background-position: 100% 0;position: relative;right: -15px;padding-right: 30px;}
.link:hover {background-position: 0 -24px;text-decoration: none;}
.link:hover span {background-position: 100% -24px;}

table.t {background:silver;border-collapse:separate;border-spacing:1px;}
table.t th {background:#ebebeb;padding:5px}
table.t td {background:white;padding:5px}

div.changelog {padding:8px 0 8px 0}
div.changelog div {float:left;clear:left;padding:4px 0 4px 0}
div.changelog span.t {background:#f0f0e0;border:1px solid #e0e0d0;border-top:none;border-left:none;padding:0 10px 0 10px;}
div.changelog span.v {padding:0 10px 0 10px;font-weight:bold}

#twitter_update_list li {font-size:8pt;padding-bottom:8px;border:1px solid #ece7d4;background:#f7f2de;border-top-color:#fef9e4;border-left-color:#fef9e4;padding:4px;margin-bottom:6px}
#twitter_update_list li span {font-size:8pt}

/* syntax highlighting code */
.code {background:#e5e5e5;border:1px dashed #b2b2b2;padding:4px}
.code .br0	{ color: #000000; } // ()
.code .co1	{ color: #808080; font-style: italic; }
.code .co2	{ color: #808080; font-style: italic; }
.code .coMULTI	{ color: #808080; font-style: italic; }
.code .es0	{ color: #000099; font-weight: bold; }
.code .kw1	{ color: #0000ff; } 
.code .kw2	{ color: #0000ff; font-weight: normal; } 
.code .kw3	{ color: #0000ff; }
.code .kw4	{ color: #993333; }
.code .kw5	{ color: #0000ff; }
.code .me0	{ color: #000000; } 
.code .nu0	{ color: #ff0000; }
.code .re0	{ color: #660000; }
.code .re1	{ color: #0000ff; }
.code .re2	{ color: #0000ff; }
.code .re4	{ color: #009999; }
.code .sc0	{ color: #00bbdd; }
.code .sc1	{ color: #ddbb00; }
.code .sc2	{ color: #009900; }
.code .st0	{ color: #008200; } 

.tmsline {font-weight:bold;color:#133155}
.postinfo {background:url(/i/vp.gif) left top repeat-y #f0f0e0;padding:8px;margin-bottom:24px;border:1px solid #e0e0d0;border-top:none;border-left:none}
div.title {margin:4px 0 0 16px;font-size:14pt;padding:6px 16px 6px 16px;background:#cccccc;float:left;color:white}

.fullcomments {width:100%;border-top:1px solid #cccccc;clear:left;overflow:hidden}
.fullcomments .av48 {float:left;margin-right:10px;overflow:hidden;}
.fullcomments li {padding:16px;color:#2e3436}
.fullcomments .u {font-size:100%;font-weight:bold;text-decoration:underline}
.fullcomments .u a {font-weight:bold; }
.fullcomments span.t {font-size:90%;color:#555753}
.fullcomments div.t {margin-left:62px;line-height:13pt}
.fullcomments .p {margin-left:12px;color:#204a87;font-size:80%;text-decoration:underline;float:right}

.formcomments {overflow:hidden;padding:0;margin:0;width:100%;clear:left;}
.formcomments div {padding-bottom:12px}
.formcomments form {border-top:1px solid #cccccc;padding:20px;clear:left;overflow:hidden}
.formcomments div.t {width:120px;float:left;clear:left;font-weight:bold} 
.formcomments textarea {width:100%}

.article-bottom {background:#faf9f5;float:left;clear:left;width:100%}

/* EDITOR */
ul.buttons {float:left;height:24px;list-style-type:none;padding:0px;margin:0px;margin-right:6px;border:1px solid #919191;margin-bottom:4px}
ul.buttons li {float:left;height:22px;padding:0px;margin:0px;}

ul.buttons li a:link, ul.buttons li a:hover, ul.buttons li a:active, ul.buttons li a:visited {background:url(/i/btngr.gif) repeat-x #e6e5e6;text-decoration:none;display:block;padding:2px}
ul.buttons li a:hover {background-image:url(/i/btngr1.gif)}
ul.buttons li a span {background:url(/i/editor.gif);width:20px;height:20px;display:block;}
ul.buttons li a.i span {background-position:-20px 0px}
ul.buttons li a.u span {background-position:-40px 0px}
ul.buttons li a.s span {background-position:-60px 0px}
ul.buttons li a.pl span {background-position:-80px 0px}
ul.buttons li a.pc span {background-position:-100px 0px}
ul.buttons li a.pr span {background-position:-120px 0px}
ul.buttons li a.ol span {background-position:-140px 0px}
ul.buttons li a.ul span {background-position:-160px 0px}
ul.buttons li a.us span {background-position:-180px 0px}
ul.buttons li a.q span {background-position:-200px 0px}
ul.buttons li a.im span {background-position:-240px 0px}
ul.buttons li a.vd span {background-position:-220px 0px}
ul.buttons li a.lb span {background-position:-260px 0px}
ul.buttons li a.lk span {background-position:-280px 0px}
ul.buttons li a.custom:link, ul.buttons li a.custom:hover, ul.buttons li a.custom:active, ul.buttons li a.custom:visited {color:#4d4d4d}
ul.buttons li a.custom span {width:auto;background:none;padding:0px 8px 0px 8px}
.grip {height: 9px;overflow: hidden;background:url(/i/grip.gif) center 1px no-repeat  #eee;border:1px solid #babdb6;border-top:none;cursor: s-resize;margin-bottom:8px}