/* ikiwiki local style sheet */

/* Add local styling here, instead of modifying style.css. */

body, html {
	font-family: sans-serif;
	margin: 0;
	padding: 0;
	color: black;
}

html {
	background-color: white;
	background-image: url(kludge_two.png);
	background-position: 199px 0;
	background-repeat: repeat-y;
}

.header {
	margin-top: 0.5em;
	font-size: medium;
        border-bottom: 1px solid #aaa;
}

div#feedlink {
	margin: 1.2em 0 0.2em 0;
}

.inlinepage {
	margin: 1.5em 0.5em 0.5em 0.5em;
	padding: 0.5em;
}

.inlinepage .pageinfo {
    font-size: x-small;
    clear: none;
}

#footer {
    color: #aaa;
    clear: both;
    border-top: 1px solid #aaa;
    margin-top: 2em;
    /*padding-top: 0.5em;*/
}

.pageinfo {
    color: #aaa;
}

div.tags {
    border-top: none;
}

#backlinks, .tags {
    margin: 0.5em 0;
}

/** Logo **/

div.navbar div.logo {
	margin: 0;
	padding: 1.5em 1em;
	text-align: right;
}

div.content a.logo {
	margin: -0.5em -1em;
}

div.content img.logo {
	margin: 0;
}

a img.logo {
        border: none;
}

/** Navigation bar **/

div.navbar {
	float: left;
	margin: 0;
	padding: 0;
	width: 199px;
	font-size: 90%;
}

div.navbar ul {
	margin: 0;
	padding: 0;
	background-color: #f6f6f6;
	border-top: 1px solid #aaa;
	list-style-type: none;
}

div.navbar ul li {
	display: block;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #aaa;
}

div.navbar ul li a, div.navbar ul li span {
	display: block;
	margin: 0;
	padding: 0.3em 0.5em;
	color: #111;
	text-decoration: none;
	background-color: #f6f6f6;
	background-repeat: repeat-y;
}

div.navbar ul li span.selflink {
	position: relative;
	left: 1px;
	background-color: #fff;
}

div.navbar ul li a:hover {
	background-color: #dde3ff;
	font-weight: bold;
}

div.navbar h2 {
	font-weight: bold;
	font-size: 100%;
	margin: 1em 0 0 0;
	padding: 0.2em 0.4em;
/*  jds cried about the loss of capital letters. */
/*      text-transform: lowercase; */
	color: #333;
}

/** Main content **/

div.content {
	margin: 0 0 0 200px;
	padding: 1em;
}

div.content h1 {
	font-weight: normal;
	font-size: 180%;
	margin: 0.8em 0 0.2em 0;
	padding: 0 0 0.1em 0;
	border-bottom: 1px solid #bbb;
}

div.content h2 {
	font-weight: normal;
	font-size: 130%;
	margin: 1em 0 0.2em 0;
	padding: 0 0 0.2em 0;
	border-bottom: 1px solid #ccc;
}

div.content p {
	margin: 0.6em 0;
	padding: 0;
}

div.content a {
	color: #049;
	text-decoration: none;
}

div.content a:hover {
	text-decoration: underline;
}

/** Termcard **/

ul.termnavigation {
	display: block;
}

ul.termnavigation li {
	list-style: none;
	display: inline;
	color: #999;
}

/** Events **/

div.event {
	border: 1px solid #ccc;
	background-color: #f6f6ff;
}

div.event h3 {
	font-weight: bold;
	font-size: 110%;
	margin: 0 0 0.2em 0;
	padding: 0 0 0.2em 0;
}

p.speaker {
	color: #333;
	display: block;
	margin: 0 0 0.3em 0;
	padding: 0;
	font-size: 100%;
}

p.location {
	color: #555;
	display: block;
	margin: 0 0 0.8em 0;
	padding: 0;
	font-size: 100%;
}

div.event p, div.event ul li {
	font-size: 90%;
}

div.event blockquote {
	font-size: 90%;
	margin: 1em 0;
	padding: 0 2em;
}

/* Sadly, you can't say where to break, so this doesn't work.
div#termcard {
	-moz-column-count: 2;
	-moz-column-gap: 2em;
}
*/

div#termcardindex {
	-moz-column-count: 2;
	-moz-column-gap: 2em;
}

/* Fixes the big-frontpage-box ie bug */
.tags {
	clear: right;
}

/** Misc **/
span.error {
	color: #f00;
}

.dottylinks {
	text-align: right;
}

.dottylinks a {
	padding: 0.2em;
	border: 1px dotted #ccc;
}

.dottylinks a:hover {
	border: 1px solid #049;
	text-decoration: none !important;
}