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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}

body                           { width: 100%; min-width: 600px; font-size: 100%; font-family: "Palatino Linotype", Palatino, Georgia, Times, "Times New Roman", serif; color: #222; background-color: #EE3; text-transform: lowercase; text-align: justify; }
html>body                      { font-size: 16px; }
p                              { line-height: 1.5em; font-size: 1em; }

a                              { color: #C00; font-weight: normal; text-decoration: none; }
a:hover, a:active              { color: #333; }

h1                             { font-size: 2em; line-height: 1.5em; }
h2                             { font-size: 0.8em; line-height: 2.5em; color: #AA3; width: 100%; clear: both; }
h2 span                        { font-size: 1.5em; color: #222; display: inline-block; margin: 0 3px; }
h2 a                           { color: #AA3 !important; font-weight: inherit !important; }
h3                             { line-height: 1.5em; }

#header                        { clear: both; float: left; width: 100%; border-bottom: 1px dashed #666; }
#header h1                     { padding: 10px 0 0 10px; }
#header p                      { padding: 0 10px 10px 10px; }

#footer                        { clear: both; float: left; width: 100%; border-top: 1px dashed #666; }
#footer dl                     { padding: 10px; }

.colmask                       { position: relative; clear: both; float: left; width: 100%; overflow: hidden; }
.colright, .colmid, .colleft   { float: left; width: 100%; position: relative; }
.col1, .col2, .col3            { float: left; position: relative; padding: 0.5em 0 1em 0; overflow: hidden; }
.threecol                      { background: #f6f6f6; }
.threecol .colmid              { border-right: 1px dashed #666; right: 33%; background: #fff; }
.threecol .colleft             { border-right: 1px dashed #666; right: 34%; background: #f6f6f6; }
.threecol .col1                { width: 30%; left: 102%; }
.threecol .col2                { width: 29%; left: 39%; }
.threecol .col3                { width: 29%; left: 77%; }

dl.vcard dt, dl.vcard dd       { display: none; }
dd.visible                     { display: inline !important; }
dd.visible:after               { content: " \2022"; font-size: 80%; line-height: 1em; }

ul.listish                     { margin-bottom: 10px; line-height: 1.4em; }
ul.listish li                  { display: inline; }
ul.listish li.last             { padding-right: 0; border-right: none; }
ul.listish li:after            { content: " \2022"; font-size: 80%; line-height: 1em; }
ul.listish li .comment         { color: #666; }

.last                          { padding-right: 0 !important; border-right: none !important; }
.last:after                    { content: "" !important; }

#flickrific li                 { float: left; margin: 2px 4px; }
#flickrific img                { width: 75px; height: 75px; }
h2#code                        { padding-top: 13px; }