/* $Revision$ $Date$ */

/* Specify pairs of quotes for two levels in two languages */
q { quotes: "\201C" "\201D" "\2018" "\2019" } 

/* Insert quotes before and after Q element content */
q:before { content: "\201C" }
q:after  { content: "\201D" }

blockquote {
	text-align: justify;
	font-style: italic;
	font-size: smaller;
	background: #ffffff;
	font-family: "Helvetica Neue", Verdana, sans-serif;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	border-left: 1px dotted #000000;
	text-indent: 0;
}

blockquote:first-letter {
	font-size: large;
	font-style: normal;
}

body {
	font-family: Farnham, Georgia, serif;
	background: white;
	color: black;
	max-width: 1500px;
}

li { text-indent: 0; }

/* headers are sans-serif, slightly lighter than black on white */
h1 { font-size: 125%; } /* Page headers */
h2 { font-size: 100%; }
h3 { font-size: 100%; }
h5 { font-size: 75%; } /* taglines? */
h6 { font-size: 60%; margin: 0; padding: 0; } /* photo captions */
h1, h2, h3, h4, h5, h6 {
	color: #333333;
	background: white;
	font-family: "Helvetica Neue", Verdana, sans-serif;
}
h5, h6 { font-style: italic; }

#pretag {
	font-family: "OCR A Extended", Monaco, "Andale Mono", monospace;
	white-space: pre;
	font-size: smaller;
}

code {
font-family: "OCR A Extended", Monaco, "Andale Mono", monospace;
font-size: smaller;
}
strong { font-weight: bold; }
em { font-style: italic }

div.splash {
	max-width: 1500px;
	padding: 0;
}

div.foo {
	float: left;
}

div.bar {
 	/* border: thin solid red; */
	margin-bottom: 15px;
	padding-top: 40px;
	padding-left: 105px;
}

#quicklinks {
	max-width: 1500px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #003362;
	border-top: 1px solid #003362;
}

#hotlink {
	font-family: "Helvetica Neue", Verdana, sans-serif;
	font-size: 100%;
	font-weight: lighter;
	text-indent: 1em;
	white-space: nowrap;
}

/* Basic coloured textbox used in the custom HTTP error messages */
/* TODO: split this out into an error-page specific stylesheet */
/* Or rename it to something more presentational */
div.color {
	background: #ccccff;
   	color: black;
   	padding: 0.5em 1em 0.1em;
	font-family: "OCR A Extended", Monaco, "Andale Mono", monospace;
	border: none;
}

/* Default box for inline text */
div.box {
	border: 1px solid #cccccc;
	width: 90%;
	/* TODO: figure out the padding and margin balance */
	padding: 1%;
}

/* main text box for content */
div.main {
	max-width: 1500px;
	position: relative;
	float: left;
	min-width: 20em;
	width: 60%;
	height: auto;
	min-height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: left;
	color: black;
	background: white;
	/* padding: 1em 0em 0em 0em; */
	padding-top: 0em; 
	margin-left: 0;
}

/* The entire sidebar group */
div.sidebargroup {
	position: relative;
	float: left;
	width: 20%;
	height: auto;
	text-align: left;
	color: black;
	background: white;
	padding-top: 25px;
	margin-left: 3em;
	margin-right: 0em;
}

/* Individual sidebar sections */
div.sidebar {
	position: relative;
	font-size: smaller;
	font-family: "Helvetica Neue", Verdana, sans-serif;
	height: auto;
	min-width: 160px;
	top: 0%;
	right: 0;
	left: 0;
	text-align: left;
	color: black;
	background: white;
	padding-bottom: 1em;
}

/* Embedded 23 peoples badge */
div.photobadge {
	padding: 2%;
	margin: 2%;
	text-align: center;
}

/** 
 * Presentation for blog entry taglines.
 */
p.tagline {
   	font-size: smaller;
	font-style: italic;
}

/*
 * Presentation for blog datstrings.  Over-used as a generic "machine"
 * style for the blog entries.
 * TODO: Deprecate this use, and move into a blog-specific stylesheet 
 */
p.datestring {
	background: #ffffff;
	font-size: smaller;
	font-family: "Helvetica Neue", Verdana, sans-serif;
	text-align: justify;
}

/* default pullquote for full-page articles */
/* This essentially replaces a sidebar */
/* TODO: when the single place this is used is tossed, put this in the attic */
p.pullquote {
   	font-size: large;
	font-style: italic;
	font-weight: bolder;
	text-indent: 0.5em;
	padding-left: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-top: 0em;
	margin-top: 0em;
	margin-left: 0em;
	margin-bottom: 0em;
	background: white;
	color: #333333;
	text-align: left;
	font-family: Georgia, serif;
}

/* Alternate header used for all pages other than the main page */
/* TODO: Split presentation out of both of these. */
div.altheader {
	max-width: 1500px;
	padding: 0 10px 0 0;
	border-bottom: 1px solid #003362;
}

p.altheader {
	border-bottom: 1px solid #003362;
	font-size: 36pt;
	width: 90%;
	min-width: 500px;
	height: 60px;
	text-indent: 0em;
	margin-top: 0em;
	margin-left: 0em;
	margin-bottom: 0em;
	margin-right: 0em;
	background: white;
	color: #333333;
	text-align: right;
	padding: 1% 1% 1% 1%;
	font-family: "OCR A Extended", Monaco, "Andale Mono", monospace;
}

/* Proper logical header for blog titles */
h1.blog {
 	/* border: thin solid red; */
   	font-size: 110%;
	margin-top: 0em;
	margin-left: 0em;
	margin-bottom: 0em;
	margin-right: 0em;
	background: #ffffff;
	color: #333333;
	text-align: left;
	font-family: "Helvetica Neue", Verdana, sans-serif;
}

/* Blog article presentation box */
div.blog {
	/*
 	border-bottom: 1px solid #cccccc;
    */
    border-bottom: 1px solid #003362;
	margin-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 10px;
	padding-bottom: 1em;
	color: #000000;
	background: #ffffff;
	overflow: hidden;
}

/* control blog control bar layout and flow */
div.controlbar {
	padding: 4px;
	padding-top:16px;
	margin-bottom: 150px;
	margin-top: 50px;
	color: #000000;
	background: #cccccc;
	font-family: "Helvetica Neue", Verdana, sans-serif;
	font-weight: bold;
	border: 1px solid #003362;
}

/* next|prev HTML */
#next_page {
	padding: 1px;
	margin: 2px;
	font-family: "Helvetica Neue", Verdana, sans-serif;
}

/* Sidebar section header */
p.sidebar {
 	border: thin solid white ;
   	font-size: 125%;
	text-indent: 0em;
	margin-top: 0em;
	margin-left: 0em;
	margin-bottom: 0em;
	margin-right: 0em;
	color: #333333;
	text-align: left;
	font-family: "Helvetica Neue", Verdana, sans-serif;
	visibility: visible;
}

/* Default sidebar presentation */
p.navbar {
 	border-bottom: thin solid #003362;
	text-indent: 0em;
	width: 90%;
	height: auto;
	min-width: 500px;
	margin-top: 0.5%;
	margin-left: 0%;
	margin-right: 0%;
	margin-bottom: 0.5%;
	background: white;
	color: black;
	text-align: left;
	padding: 0.5% 1%;
	padding: 1%;
	font-family: "Helvetica Neue", Verdana, sans-serif;
}

/* The link colours */
/* #00407B	#001F3B	#0065C3	#004788	#003362 */

/* permalink article title link style */
a.permalink:link {
    color: #001F3B;
    background: transparent;
    text-decoration: none;
}
a.permalink:active {
    color: #001F3B;
    background: transparent;
    text-decoration: none;
}
a.permalink:visited {
    color: #001F3B;
    background: transparent;
    text-decoration: none;
}
a.permalink:hover {
    color: #0065c3;
    background: transparent;
    text-decoration: none;
}

/* navbar link style */
a.navbar:link {
	color: #00407B;
	background: transparent;
	text-decoration: none;
}
a.navbar:active {
	color: #001F3B;
	background: transparent;
	text-decoration: none;
}
a.navbar:visited {
	color: #00407B;
	background: transparent;
	text-decoration: none;
}
a.navbar:hover {
	color: #00407B;
	background: transparent;
	text-decoration: none;
}

/* default link style */
a:link {
	color: #00407B;
	background: transparent;
	text-decoration: none;
}
a:active {
	color: #001F3B;
	background: transparent;
	text-decoration: none;
}
a:visited {
	color: #0065C3;
	background: transparent;
	text-decoration: none;
}
a:hover {
	color: #004788;
	background: transparent;
	text-decoration: underline;
}

/* trickery to let non-CSS browsers know they are hosed */
.ahem {
	display: none;
}

.border1 {
	border: 1px solid;
}

.noborder {
	border: 0px none;
}

/* generic middle aligned property */
.center {
	text-align: center;
	margin: 0 auto 0 auto;
}

/* The blink tag is dead! Long live the blink tag! */
.blink {
	text-decoration: blink;
}

.acronym {
	font-family: "Helvetica Neue", Verdana, sans-serif;
}
abbr, acronym {
	cursor: help;
}

/* for san-serif in-line */
.sans {
	font-family: "Helvetica Neue", Verdana, sans-serif;
}

/* Generic <strike> for use in a span */
.strike {
	text-decoration: line-through;
}

/* A more XHTML version of an <hr> */
div.hr {
 	border-bottom: 1px dotted #333333;
	width: 10em;
	margin: 0 auto 0 auto; /* TODO: Duplicate code with .center */
	text-align: center; /* For IE */
}

/* Footnotes for blog entries */
li.footnote {
}

/* Presentation for bolded list items */
li.seen {
	font-weight: bold;
}

p.footnote {
	font-size: small;
	color: gray;
	font-family: "Helvetica Neue", Verdana, sans-serif;
}

ol.footnotes {
	font-size: small;
	color: gray;
	font-family: "Helvetica Neue", Verdana, sans-serif;
}

.headbutton {
        float: left;
        border: 0px none;
}

.alignright {
        text-align: right;
        background: transparent;
        border: 0px none;
}

p.banner {
	font-family: "Helvetica Neue", Verdana, sans-serif;
    font-size: 150%;
    text-align: center !important;
}

#twitter_update_list {
	margin-left: 1em;
	padding-left: 0px;
}

.invisible {
	background: white;
	color: white;
	font-size: 1%;
	font-style: italic;
}