/* Flexible Layout based on: http://www.webproducer.at/flexible-layout */

@import url(layout.css);

body {
    margin: 0;
    background-color: #eeeeff;
    /*background-color: #ffffff;*/
    color: #000000;
    padding: 1em;
    font-family: "Verdana", "Tahoma", "Arial", "Helvetica", sans-serif;
    font-size: 75.01%; /* 12px [1] */
    line-height: 1.5em; /* 18px [2] */
    min-width: 50em;
}

a {
    color: #990099;
    text-decoration: none;
}

.entry a {
    color: #990099;
    text-decoration: underline;
    /*
    text-decoration: none;
    font-size: 110%;
    */
}

blockquote {
    background-color: #eeccee;
    border-left: thin solid black;
    margin-left: 2em;
    padding-left: 1em;
}

code, pre {
    font-family: "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace;  /* [3] */
    font-size: 8pt;
}

pre {
    overflow: scroll;
}
pre {
    background-color: #cceecc;
    border-left: thin solid black;
    margin-left: 3em;
    padding-left: 1em;
    overflow: auto;
    width: 90%;
}
* html pre {
    overflow: scroll;
}

a:visited {
    color: #880088;
}

img {
    border: none;
}

a:link:hover {} /* [4] */

a:active, a:hover {
    /*
    color: #660066;
    text-decoration: underline;
    */
    background-color: #ddddee;
}

#header {
    text-align: center;
}

#blog_title {
    font-size: 24pt;
    padding: 0.2em;
}

#header a {
    color: #330033;
}

#blog_desc {
    font-size: 14pt;
    padding: 0.3em;
}

a .blosxomTitle, .blosxomDate {
    text-decoration: none;
}

.blosxomFirstDayDiv,
.blosxomDayDiv
{
    background-color: blue;
    padding: 4px;
    margin-top: 1em;
}

.blosxomDayDiv .blosxomDate,
.blosxomFirstDayDiv .blosxomDate
{
    font-size: 150%;
    font-weight: bold;
    color: white;
}

div.entry_footer {
/*
    background-color: blue;
    font-weight: bold;
    color: #ccccff;
*/
    background-color: lightblue;
    font-weight: bold;
    color: black;
}

div.entry_footer a {
    margin-right: 1em;
    color: black;
}

#col-c {
    align: center;
}

#col-c div.sidebox {
    width: 13em;
}

div.sidebox {
    border: thick blue solid;
    margin: 0.2em;
    font-size: 75%;
    /* Cribbed from http://blogs.nuxeo.com/sections/blogs/tarek_ziade/2005_05_13_css_no_more_round_box */
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-topright: 12px;
    -moz-border-radius-bottomleft: 12px;
    -moz-border-radius-bottomright: 12px;
}

div.sidebox div.title {
    background-color: blue;
    #background-color: #000000;
    color: white;
    font-weight: bold;
}

div.sidebox a {
    padding: 0.2em;
}

div.blosxomComment {
    padding-bottom 0.5em;
    border-bottom: thin blue dashed;
}

span.story-keywords a {
    margin-right: 0em;
    font-size: 75%;
}

div.comment-link:before {
  content: "\002023 ";
}

/*
\00204C = BLACK LEFTWARDS BULLET
\00204D = BLACK RIGHTWARDS BULLET
\002023 = TRIANGULAR BULLET
\002026 = HORIZONTAL ELLIPSIS
*/

@import url(buttons.css)

<!-- Code originally by JWZ, I think -->
div.sidebox a.xml-button {
color: FFFFFF;
background-color: FF6600;
border-color: FF6600;
border-style: outset;
text-decoration: none !important;
margin: 2em 0em 0em 0em;
padding: 0em 0.5em 0em 0.5em;
border-width: 2;
}
a.xml-button:hover {
background-color: FF9900;
}
a.xml-button:active {
border-style: inset !important;
}

/* See http://www.dylangreene.com/1/91_XML_button_created_via_CSS */
span.feed-icon {
border:1px solid;border-color:#FC9 #630 #330 #F96;padding:0 2px;font:bold 8px verdana,sans-serif;color:#FFF;background:#F60;text-decoration:none;margin:0;
}

.blosxomDate {
    color: #99cc99;
    font-size: 8pt;
}
a .blosxomTitle {
    color: #0000cc;
    font-size: 140%;
    font-weight: bold;
}
a .blosxomTitle {
    background-color: #eeeeff;
}
.blosxomCalendarCell {
    font-size: 75%;
}
.blosxomCalendarToday, .blosxomCalendarToday a {
/*
    color: #ccccff;
    background-color: #9999cc;
*/
    border: thin blue solid;
    font-size: 75%;
}
.blosxomCalendarBlogged a {
    font-weight: bold;
    font-size: 75%;
}
.blosxomCalendarSpecificDay a {
    font-size: 75%;
}

/*
    text-align: left;
    text-align: center;
    border: 1px solid #999999;
    font-family: "Courier New", Courier, monospace;
    text-addgn: left;
a:ddnk, a:visited {
    color: #0000ff;
    text-decoration: underline;
}
 Blosxom registry stuff ..................................... 
.blosxomRegistryHeader {
	border: 1px solid #999;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

.blosxomCalendarBlogged a:link { color: #0000ff; text-decoration: underline; }
.blosxomCalendarBlogged a:visited { color: #0000ff; text-decoration: underline; }
.blosxomCalendarBlogged a:active { color: #0000ff; text-decoration: underline; }
.blosxomCalendarBlogged a:hover { color: #0000ff; text-decoration: underline; }

.blosxomCalendarToday a:link { color: #ffffff; text-decoration: underline; }
.blosxomCalendarToday a:visited { color: #ffffff; text-decoration: underline; }
.blosxomCalendarToday a:active { color: #ffffff; text-decoration: underline; }
.blosxomCalendarToday a:hover { color: #ffffff; text-decoration: underline; }

.blosxomCalendar {
	border: 1px solid #999;
	margin: 0px;
	padding: 0px;
}
.blosxomCalendarBlogged {
	background: #ffffff;
	text-align: center;
	color: #4e4e4e;
}
.blosxomCalendarCell {
	background: #ffffff;
	text-align: center;
	color: #4e4e4e;
}
.blosxomCalendarToday {
	background: #4e4e4e;
	color: #ffffff;
}
.blosxomCalendarSpecificDay {
	background: #ffffcc;
	text-align: center;
	color: #000000;
}

Blosxom stuff ................................................
.blosxomDayDiv {
	float: left;
	width: 100%;
}

.blosxomEntry {
	width: 100%;
	margin-top: 1em;
	margin-bottom: 2em;
	padding: 1em;
}	

.blosxomEntrySummary {
	width: 100%;
	padding: 1em;
}	

.blosxomBody {
	font-size:11pt;
	color: #222222;
	padding-left: 1em;
	padding-right: 1em;
}

.blosxomBody a:link { color: #245699; text-decoration: underline; }
.blosxomBody a:visited { color: #245699; text-decoration: underline; }
.blosxomBody a:active { color: #245699; text-decoration: underline; }
.blosxomBody a:hover { color: #4e4e4e; font-weight: bold; text-decoration: underline; }

.blosxomStoryLinks a:link { color: #245699; text-decoration: underline; }
.blosxomStoryLinks a:visited { color: #245699; text-decoration: underline; }
.blosxomStoryLinks a:active { color: #245699; text-decoration: underline; }
.blosxomStoryLinks a:hover { color: #4e4e4e; font-weight: bold; text-decoration: underline; }


.blosxomComments {
	margin-top: 2em;
	border-top: 1px dashed #444444;
}

.blosxomTitle {
	font-size: 13pt;
	font-weight: bold;
	color: #245699;
	background: #ffffff;
}
.blosxomDate {
	border-bottom: 1px solid #888888;
	font-size: 11pt;
	font-weight: bold;
	color: #4e4e4e;
} 

.blosxomEntryDate {
	font-weight: bold;
	font-size: 100%;
	color: #aaaaaa;
} 

.blosxomTime { 
	text-decoration: none;
	color: #4e4e4e;
}

/ * Blosxom comment stuff .......................................... * /
.blosxomComment {
	background: #eeeeee;
	border-top: dashed 1px #444444;
	padding: 0.2em;
	padding-bottom: 1em;
}

.blosxomCommentInfo {
	font-size: smaller;
}

.blosxomCommentBody {
	margin-left: 0.5em;
}

.blosxomCommentForm {
	border-top: dashed 1px #444444;
*/

/*
  [1] All calculations are based on the assumption that 1em is 12px.
  [2] If you specify a font-size, also consider specifying a line-height property.
  [3] If you don't specify something other than monospace, mozilla will calculate
      its own font-size based on the user preferences.
  [4] "... prevents hover styles from being applied to non-hyperlink anchors."
      <http://devedge.netscape.com/viewsource/2003/arbitrary-hover/>
*/