/*
 * Type basics
 */

@font-face
{
	font-family: Vollkorn;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	src: url("/files/vollkorn.otf");
}

/* Vollkorn doesn't have italic or bold variants, so implement it via color. */
body
{
	font-family: Vollkorn, Cambria, Georgia, serif;
	font-size: 14pt;
	color: #555;
}
em, i, cite
{
	color: #222;
	font-style: normal;
}
strong, b
{
	color: #111;
	font-weight: normal;
}
em strong, strong em, i b, b i, cite strong, strong cite, cite b, b cite
{
	color: #000;
}


/*
 * Blocks
 */

#content
{
	width: 870px;	/* A + G + B; C + E + D + F + B */
	/* Taken together, the margin-left and margin-right center the block. */
	margin-left: auto;
	margin-right: auto;

	/* debugging */
/*	border: thin red solid; */
}

#header
{
	margin-left: 10px;	/* A */
	margin-right: 10px;	/* B */
	width: 850px;	/* G = C - A + E + D + F */
	clear: both;
	
	/* debugging */
/*	border: thin orange solid; */
}

#article
{
	margin-left: 30px;	/* C */
	margin-right: 40px;	/* D */
	width: 550px;	/* E; 500 is enough for two small or one medium Flickr image */
	float: left;

	line-height: 160%;

	/* debugging */
/*	border: thin blue solid; */
}

#article #meta
{
	font-size: 75%;
}


#sidebar
{
	margin-left: 620px;	/* = C + E + D; effectively "float: right", relative to #article */
	margin-right: 10px;	/* B */
	width: 240px;	/* F */
	font-size: 75%;
	
	line-height: 133%;

	/* debugging */
/*	border: thin green solid; */
}

#footer
{
	clear: both;
	margin-left: 10px;	/* A */
	margin-right: 10px;	/* B */
	width: 850px;	/* G */
	padding-top: 1em;
	text-align: center;
	font-size: 75%;
	
	/* debugging */
/*	border: thin purple solid;*/
}


/*
 * Headings
 */

h1, h2, h3, h4, h5, h6
{
	color: #444;
	line-height: 115%;
	
	/* debugging */
/*	border: thin grey solid;*/
}

h1
{
	font-size: 250%;
}
h2
{
	font-size: 200%;
}
h3
{
	font-size: 150%;
}
#content h3
{
	margin-bottom: 0;
	padding-bottom: 0;
}
#sidebar h3
{
	margin-bottom: 0.5em;
	padding-bottom: 0;
}
h4
{
	font-size: 125%;
}
h5
{
	font-size: 100%;
}
#content h5
{
	margin-bottom: 0;
	padding-bottom: 0;
}
h6
{
	font-size: 85%;
}

#article h2
{
	margin-left: -20px;
}

.subhead
{
	color: #444;
	font-size: 50%;
	text-transform: lowercase;
	line-height: 100%;
}

.excerpt h4
{
	margin-bottom: 0.5em;
}
.excerpt h4 + p
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}


/*
 * Links
 */

a
{
	color: #44f;
}
a em, a cite, em a, cite a
{
	color: #22a;
}
a:visited
{
	color: #707;
}
a:visited em, a:visited cite, em a:visited, cite a:visited
{
	color: #505;
}
a:active
{
	color: #b00;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a cite, h2 a cite, h3 a cite, h4 a cite, h5 a cite, h6 a cite, h1 a:visited cite, h2 a:visited cite, h3 a:visited cite, h4 a:visited cite, h5 a:visited cite, h6 a:visited cite
{
	display: block;
	color: black;
	background-color: inherit;
	text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, h1 a:visited:hover, h2 a:visited:hover, h3 a:visited:hover, h4 a:visited:hover, h5 a:visited:hover, h6 a:visited:hover
{
	color: black;
	background-color: inherit;
}


/* Lists */

ul
{
	margin: 1em 0 0 0;
	padding: 0 0 0 1em;
	list-style-position: outside;
}

/*
 * Misc
 */

#article img
{
	margin: 10px;
	border: none;
}
#article img.left
{
	float: left;
	margin-left: 0;
}
#article img.right
{
	float: right;
	margin-right: 0;
}

.divider
{
	text-align: center;
	margin: 1em 0 1em 0;
}

/*.history-nav
{
	text-align: center;
}*/
.navprev
{
	float: left;
}
.navnext
{
	float: right;
}


/*
 * Sidebar stuff
 */

/* Bouquet */

#bouquet a, #bouquet a:visited
{
	background-color: inherit;
}

/* Delicious */

.delicious-posts ul, .delicious-posts ul li
{
	list-style-type: disc;
	margin: 0 0 0 1em;
}
.delicious-extended
{
	font-size: inherit !important;
}
.delicious-banner
{
	display: none;
}

/* Flickr */

#flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited
{
	text-decoration:none;
	background:inherit;
}
#flickr_badge_wrapper img
{
	margin: 0 1em 1em 0;
	border: thin #333 solid;
	vertical-align: middle;
}

/* Twitter */

#twitter h4
{
	margin-bottom: 0.5em;
}
#twitter h4 + ul
{
	margin-top: 0.5em;
}
/* time style */
#twitter_update_list_sben span + a, #twitter_update_list_meghan span + a
{
	font-size: inherit !important;
}
#twitter_update_list_sben span + a:before, #twitter_update_list_meghan span + a:before
{
	content: "(";
}
#twitter_update_list_sben span + a:after, #twitter_update_list_meghan span + a:after
{
	content: ")";
}