/* conner4.css - styles for the Conner 4 Web site
 *
 * Copyright (C)  2011 Benjamin Barenblat
 *
 * Permission is granted to copy, distribute, and/or modify this
 * document under the terms of the Creative Commons Attribution-
 * ShareAlike 3.0 United States License.  You may obtain a copy of
 * said license at
 * http://www.creativecommons.org/licenses/by-sa/3.0/us/.  Attribute
 * this document as "Conner Four CSS style / Benjamin Barenblat".
 */

/* General styles
 */
html {
	color: black;
	background-color: white;
	font-family: Helvetica, "Tex Gyre Heros", Arial, sans-serif;
}

a {
	border-bottom: 1px solid;
	border-color: #ccc;
	color: inherit;
	text-decoration: none;
}
a:hover {
	border-color: #888;
}

.largework {
	font-style: italic;
}

.struck {
	text-decoration: line-through;
}

.username, .email {
	font-family: monospace;
}

.heavy {
	font-weight: bold;
}

code.block {
	display: block;
	margin: 1em;
}

#content img {
	border: 1px solid #ccc;
}

body {
	border: none;
	margin: 0;
	padding: 1em 0 0 1em;
}

/* Floating skull and crossbones
 */
img.upper-right-corner {
	position: fixed;
	top: 0;
	right: 0;
	z-index: -1;
}

/* Main page content boxes
 */
#content,
#metadata {
	margin-left: auto;
	margin-right: 25%;
	padding: 1em;
	max-width: 55em;
	background-color: inherit;		    /* CSS2.1 */
	background-color: rgba(255, 255, 255, 0.7); /* CSS3 */
}
#content {
	border: thin solid #ccc;
}
#metadata * {
	color: #888;
}
#metadata > * {
	font-size: 0.8em;
}
#metadata h2 {
	display: none;
}

/* Title and headers
 */
#sitetitle {
	text-transform: lowercase;
}
#sitetitle:before {
	content: "(";
}
#sitetitle:after {
	content: ")";
}

h1 {
	margin-top: 0;
	font-size: 3em;
}
h2 {
	margin-bottom: 0;
	font-size: 2em;
}
h3 {
	border-bottom: thin solid #ccc;
}

/* Two-column layout
 */
div.twocolumn {
	/* Force two-column layouts to be as long as the longest
	 * element.
	 */
	overflow: hidden;
}
div.twocolumn .column1 {
	float: left;
	margin-top: -1em;
	width: 50%;
}
.clearboth {
	clear: both;
}

/* Resident list
 */
.resident {
	min-height: 95px;
}

.resident img {
	margin-right: 0.5em;
	float: left;
	height: 95px;
	width: 95px;
}

.resident .name {
	font-weight: bold;
}

.resident .username:before {
	content: "<";
}
.resident .username:after {
	content: ">";
}

table {
	margin-left: 1em;
}
th[scope="row"] {
	text-align: right;
}


/* Local Variables:    */
/* mode:css            */
/* css-indent-offset:8 */
/* indent-tabs-mode:t  */
/* End:                */