/*
 * Stolen with permission from:
 * http://web.mornfall.net
 *
 * We saw what happened last time I designed my own
 * website.  I don't have... artistic ability.
 */

body { font-family: Georgia,serif;
       margin: 0;
       padding: 0;
       background: #FFFCA6; }

div#content { margin-right: 15em;
              margin-bottom: 0;
              margin-left: 1em;
              margin-top: 1ex;
              padding: 2ex 3em 4ex 1.5em;
              border: 1px solid black;
              background-color: white; }

div#sidebar { font-family: Verdana, Arial, Helvetica, sans-serif;
              text-align: left;
              width: 11.0em;
              margin: 1.2ex 1em 2ex 1em;
	      padding: 1em;
	      padding-left: 2em;
	      position: absolute;
	      right: 0;
	      top: 7ex; }

#sidebar p { font-size: 83%;
	     text-align: center;
	     padding: 0;
	     margin: 0; }

#sidebar h1 { border-bottom: 1px solid gray;
	      padding: 0;
	      margin: 0; margin-top: 2ex;
	      margin-bottom: .5ex;
	      font-size: 83%;
	      text-align: center; }

#sidebar h2 { border: none;
	      padding: 0;
	      margin: 0; }

#sidebar ul { padding: 0;
              margin: 0; }

.noarchivedate span.archivedate { display: none; }

div.header { background: #FFD000;
             padding: 1ex;
             border-bottom: solid 1px black;
             margin: 0; }

div#footer { border: 1px black solid;
             padding: .5ex;
             padding-left: 1em;
             background: white;
             margin-top: 1ex;
             margin-right: 15em;
             margin-left: 1em;
             margin-bottom: 1ex; }

.header h1 { font-weight: light;
             display: inline;
             float: right;
             font-size: 3ex;
             margin: 0;
             margin-bottom: 1ex;
             margin-right: .7em; }

.header h2 { font-weight: normal;
             display: inline;
             font-family: Georgia, serif;
             font-size: 3ex;
             margin: 2pt;
             border: 0 none;
             color: black; }

.header h1 a:link,
.header h1 a:visited,
.header h1 a:active { color: #B30000; }

.header h1 a:link:hover,
.header h1 a:visited:hover,
.header h1 a:active:hover { text-decoration: none;
                            color: #B30000; }

.header h2 a:link:hover,
.header h2 a:visited:hover,
.header h2 a:active:hover { text-decoration: none;
                            color: #B30000; }

a:link { text-decoration: none; color: darkred; }
a:visited { text-decoration: none; color: darkred; }
a:active { text-decoration: none; color: red; }
a:link:hover { text-decoration: underline; color: darkred;  }
a:visited:hover { text-decoration: underline; color: darkred; }
a:active:hover { text-decoration: underline; color: darkred; }

#content > h1 { font-family: Georgia, serif;
                font-weight: bold;
                font-size: 144%;
                /* border-bottom: 2px solid black; */
                padding-left: 0em; padding-top: 0;
                margin-top: 1ex;
                margin-bottom: .5ex;
                color: #14377B; }
div.inlinepage {
    clear: both;
}

#content > h2,
.inlinepage > h1 { font-family: Georgia, serif;
                   font-weight: normal;
                   font-size: 120%;
                   border-bottom: 1px solid black;
                   padding-left: 0.2em;
                   margin-left: .8em;
                   margin-right: 0.1ex;
                   margin-bottom: 0.4ex;
                   margin-top: 0.2ex; }

.inlinepage > h1 { display: none; }
.inlinepage > h1.header { display: block; }

.inlinepage > h2,
#content > h3 { font-family: Georgia, serif;
                font-size: 100%;
                font-style: regular;
                font-weight: bold;
                padding-left: 0.6em; }

.inlinepage > .pagedate,
.inlinepage > .tags { font-style: italic;
		      font-family: Verdana, Arial, Helvetica, sans-serif;
		      font-size: 0.8em;
		      padding-left: 3em; }

.inlinepage > .tags { padding-bottom: 4em;
		      display: block; }

strong { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: demibold; }

b {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: demibold;
}

p {
    text-align: justify;
    padding: 0.3ex;
    padding-left: 1.2em;
    margin: 0;
	margin-bottom: 0.8ex;
}

code, tt { font-family: "Monaco", "Vera Sans Mono", "Nimbus Mono L"; }

pre { text-align: left;
      padding: 0.3ex;
      padding-left: 1.6em;
      margin: .8ex 0 .8ex 0; }

/* outlines */
li.L1 {
	list-style: upper-roman;
}
li.L2 {
	list-style: decimal;
}
li.L3 {
	list-style: lower-alpha;
}
li.L4 {
	list-style: disc;
}
li.L5 {
	list-style: square;
}
li.L6 {
	list-style: circle;
}
li.L7 {
	list-style: lower-roman;
}
li.L8 {
	list-style: upper-alpha;
}
/* Tag cloud. */
.pagecloud {
	float: right;
	width: 30%;
	text-align: center;
	padding: 10px 10px;
	border: 1px solid #aaa;
	background: #eee;
	color: black !important;
}
.smallestPC { font-size: 70%; }
.smallPC { font-size: 85%; }
.normalPC { font-size: 100%; }
.bigPC { font-size: 115%; }
.biggestPC { font-size: 130%; }
.infobox {
	float: right;
	margin-left: 2ex;
	margin-top: 1ex;
	margin-bottom: 1ex;
	padding: 1ex 1ex;
	border: 1px solid #aaa;
}

.notebox {
	float: right;
	margin-left: 2ex;
	margin-top: 1ex;
	margin-bottom: 1ex;
	padding: 1ex 1ex;
	border: 1px solid #aaa;
	width: 25%;
	background-color: white;
	z-index: 100;
}
.note, #pageinfo { font-family: Verdana, Arial, Helvetica, sans-serif;
                   font-size: 83%;
                   color: gray;
                   padding-top: .5ex; padding-left: 0.8em; }

.note a:link, .note a:visited, .note a:active { color: black; }

img.screeny { margin: 0 0 0 2em; }

.disabled h2 { color: grey; }
.disabled h3 { border-color: grey; }
.disabled a { color: grey; }
.disabled { color:grey; }

div.actions { display: inline; }

.actions ul {
        display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 83%;
        color: gray;
	padding-left: 0.8em;

        margin: 0;
	margin-top: -2.5ex;
        padding: 6px;
        list-style-type: none;
        /* border-bottom: 1px solid #000; */
}

.actions li {
        display: inline;
	padding: 0;
	margin: 0;
	margin-left: .1em;
	padding-left: .4em;
	/* border-left: 1px grey solid; */
}

.feedbutton { float: right; clear: both; }

.inlinetitle .pageinfo { margin-left: 2em; font-size: 100%; }
.aggregate .inlinetitle { list-style-type: disc; }
.aggregate { font-size: 83%; margin-left: 2em; margin-bottom: 1ex; }

@media print {
        a {
                text-decoration: underline;
        }
        body {
                background-color: transparent;
        }
        #sidebar, #footer {
                display: none;
        }
        div#content {
                width: 100%;
                margin: 0;
                padding: 0;
                border-style: none;
        }
        div.header {
                border-style: none;
        }
        .header h1, .header h2 {
                font-size: 1.2em;
        }
}