@import url(/css/defaults0509.css);

//  This is the blog CSS for design 0509
//  (the first design for the PSP-based Null Device;
//  somewhat minimal and "clean")

body {
  margin: 0px 0px 0px 0px;
  background: #ffffff;
}

#title {
  position: absolute;
  width: 90%;
  height: 100px;
  left: 6%;
  top: 0px;
  //background: #333333;
  background: #ffffff;
  z-index: 1;
}

#sidebar {
  position: absolute;
  left: 70%;
  top: 128px;
  width: 192px;
  font-size: 7pt; 
  font-family: "gill sans",helvetica,arial,sans-serif;
  z-index: 1;
}

#main {
  position: absolute;
  left: 6%;
  top: 100px;
  width: 58%;
  z-index: 1;
}

h1 { 
  font-family: "gill sans", verdana, helvetica, arial, sans-serif; 
  font-size: 30pt;
}

//  the stylesheet code for the blog items themselves

// Spans defined by the BlogFormatter class

.blogitem P { font: 10pt "gill sans", arial, helvetica, sans-serif; color: #000000; }
DIV.blogitem { 
    font: 10pt "gill sans", arial, helvetica, sans-serif; margin-bottom: 48pt;
    overflow: auto;
}
.blogitem blockquote { font: 9pt "gill sans", arial, helvetica, sans-serif; color: #7f0000; }

.blogitem blockquote img { border: 0px; }
P.blogitemfoot { font: 8pt "gill sans", sans-serif, arial, helvetica; }
SPAN.permalink { color: #ff0000; font-size: 8pt; }
SPAN.sources {  }
SPAN.permalink A { color: #ff0000; }

P.date { font: 7pt "gill sans", arial, helvetica, sans-serif;  }
P.title { font: bold 8pt/8pt "gill sans", arial, helvetica, sans-serif; color:#333333; margin-bottom: 1px; padding-bottom: 0px;  }

P.notice {
  font: 10pt "gill sans", helvetica,arial,sans-serif; padding: 16px;
  font-weight: bold;
  border: thin dashed #cc0000;
  //background: #ffffcc;
}

//SPAN.linklog { font: 8pt;  }
//SPAN.blogroll { font: 8pt;  }
//SPAN.recently { font: 8pt;  }


A { font-weight: bold; text-decoration: none; }
A:link { color:#333333; }
A:visited { color:#999999; }
A:active {color:#ff9999; }
A:hover { color: #999999; }

.blogitemfoot .tags { font-size: 10px; }
.blogitemfoot .tags .selected { font-weight: bold; color:#777777; }
.blogitemfoot .tags a { font-weight: normal; border-bottom: 1px dotted #cccccc;  }
.blogitemfoot .tags a:link { color: #330000;  }
.blogitemfoot .tags a:visited { color: #330000;  }

p.flickrthumb img { border: 1px dotted #ffffff; }
p.flickrthumbhot img { border: 1px dotted #ff0000; }

ul.recentcmts { margin-left: 0px; padding-left: 0px; list-style:none; }

.archcalendar table { 
    width: 100%;
    font-size: 12px; 
    border-collapse:separate;
    border-style:none;
    border-spacing: 1px;
    empty-cells: show;
    background-color: #eee;
    margin: 4px;
}
.archcalendar th { border:none; font-weight: normal; color: #777; background-color: white; }
.archcalendar tr { background-color:white; empty-cells:show; border:none; }
.archcalendar td { border:none; padding:0px; margin:0px; text-align: center; padding:2px;}
.archcalendar td.unsel { background-color: white; }
.archcalendar td.empty { background-color: white; color: #ccc; }
.archcalendar td.sel { background-color: black; color:white;}


.tagcloud { text-align:justify;}
.tagcloud a { font-weight: normal; border-bottom: 1px dotted; }
.tagcloud .f0 { color: #999; font-size: 8px;}
.tagcloud .f1 { color: #888; font-size: 8px;}
.tagcloud .f2 { color: #777; font-size: 9px;}
.tagcloud .f3 { color: #666; font-size: 10px;}
.tagcloud .f4 { color: #555; font-size: 11px;}
.tagcloud .f5 { color: #444; font-size: 11px;}
.tagcloud .f6 { color: #333; font-size: 12px;}
.tagcloud .f7 { color: #222; font-size: 12px;}
.tagcloud .f8 { color: #111; font-size: 13px;}
.tagcloud .f9 { color: #000; font-size: 13px;}


/* Twitter feed */
.twitterfeed p {
    margin-bottom: 15pt;
}
.twitterfeed .twtext {
}

.twitterfeed .twtime {
    color: #666;
    float: right;
}

.deliciousfeed p {
    margin-top: 0pt;
    margin-bottom: 2pt;
}