/* This is the CSS for styles common to all blog pages. */

body { 
    font-family: "gill sans", verdana, helvetica, arial, sans-serif; 
    color:#333333; 
}

/* Link/text styles */

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

.band,.author,.artist { color:#330066; }
.pseudotag { color: #006600; }



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 { 
    /*font-family: "gill sans", helvetica, sans-serif, arial; */
    font-size: 10pt;
    margin-bottom: 48pt;
    overflow: auto;
}
.blogitem li { margin-bottom: 12pt; }
.blogitem P { font-size: 10pt; color: #000000; }
.blogitem blockquote { font-size: 9pt; color: #7f0000; }
.blogitem blockquote img { border: 0px; }

P.blogitemfoot { font: 8pt "gill sans", sans-serif, arial, helvetica; }
.blogitemfoot .permalink { color: #ff0000; font-size: 8pt; }
SPAN.sources {  }
.blogitemfoot .permalink A { color: #990000; }

.blogitemfoot A.comment { 
    background-color: #990000;
    color: #ffffff;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    position: relative;
    border-radius: 4px;
    text-decoration: none;
    font-size: 9px;
    font-weight: bold;
    /*font-family: helvetica;*/
    font-family: "gill sans",sans-serif,helvetica,arial;
    margin-left: 6px;
    box-shadow: 1px 1px 1px #ccc;
}
.blogitemfoot A.comment:hover {
    text-shadow: 0px 0px 4px rgba(0.0,255,0.0,0.1);
    box-shadow: 0px 0px 7px #ffc;
}
.blogitemfoot A.comment:before {
    content: "\0020";
    display:block;
    position: absolute;
    top: 12px;
    right: 3px;
    width: 0; height:0;
    border: solid 6px transparent;
    border-left: solid 3px transparent;
    border-right: 0px;
    border-top-color: #990000;
}

.blogitemfoot A.comment:after {
}

.blogitemfoot .tags .selected,
.blogitemfoot .tags a {
    display: inline-block;
    *display: inline;
    padding-left: 1px;
    padding-right: 2px;
    position: relative;
    height: 14px;
    left: 6.9px;
    margin-left: 1px;
    margin-right: 2px;
    z-index: 3;
    box-shadow: 1px 1px 1px #ccc;
}


.blogitemfoot .tags .selected {
    background-color: #aaa;
    /*font-weight: bold; */
    color:#fff; 
}

.blogitemfoot .tags .selected:before,
.blogitemfoot .tags .selected:after
 {  
    z-index: 2;
    content: "\0020";
    display:block;
    position: absolute;
    top: 0px;
    left: -2.8px;
    width: 0; height:0;
    border: solid 7px white;
    border-right: solid 3.5px #aaa;
    border-left: 0px;
}
.blogitemfoot .tags .selected:after {
    left: -3px;
}

.blogitemfoot .tags a {
    color: black;
    font-weight: normal;
    background-color: #eeeeee;
    text-decoration: none;
}
.blogitemfoot .tags a:hover {
    background-color: #eeddbb;
    text-shadow: 0px 0px 2px #ffc;
}
.blogitemfoot .tags a:before,
.blogitemfoot .tags a:after
 {
    z-index: 2;
    content: "\0020";
    display:block;
    position: absolute;
    top: 0px;
    left: -2.8px;
    width: 0; height:0;
    border: solid 7px white;
    border-right: solid 3.5px #eeeeee;
    border-left: 0px;
}
.blogitemfoot .tags a:after {
    left: -3px;
}
.blogitemfoot .tags a:hover:before,
.blogitemfoot .tags a:hover:after {
    border-right-color: #eeddbb;
}
.blogitemfoot .tags a:link { color: #111111;  }
.blogitemfoot .tags a:visited { color: #111111;  }


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;
}

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

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; }

ul.recentcmts li {
    margin-bottom: 4px;
}
ul.recentcmts li a {
    margin-right: 4em;
}
ul.recentcmts .cmtcount {
    float: right;
    background-color: #990000;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    color: white;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 8px;
    font-weight: normal;
    font-family: helvetica,arial,sans-serif;
    position: relative;

    text-align: center;
}
ul.recentcmts .cmtcount:before {
    content: "\0020";
    display:block;
    position: absolute;
    top: 11px;
    left: 3px;
    width: 0; height:0;
    border: solid 4px transparent;
    border-left: 0px;
    border-top-color: #990000;
}
ul.recentcmts .cmtcount:after {
}


.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 a:hover { text-shadow: 0px 0px 3px #ff7; color:black; }
.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;
}