
@font-face {
  font-family: 'Buenard';
  font-style: normal;
  font-weight: 400;
  src: local('Buenard'), local('Buenard-Regular'), url(http://themes.googleusercontent.com/static/fonts/buenard/v3/duJQeQ_GjW4qq4zzf0vRKw.woff) format('woff');
}

/* Basic body stuff */

html {
	margin : 0px;
}
body {
	color : #000;
	background : #eee;
	margin : 0px;
	font-family: Buenard, serif;
	font-size : 90%;
}

.Error {
	color : #f88;
}
.Warning {
	font-weight: bolder;
}
.Indent {
	margin-left: 3em;
}
.overline {
	border-top: solid 2px #000;
}
.right {
	text-align: right;
}
.floatright {
	float: right;
}
.left {
	text-align: left;
}
.floatleft {
	float: left;
}
.center {
	text-align: center;
}



/* Links */

a {
	color: #008;
}
a:active {
	color: #f44;
}
a.New {
	color: #822;
}
a.External {
	color: #444;
}
a img {
	border: 0;
	text-decoration: none;
}

/*
	Menu on the left, content to the right, context menu floats within content
*/
div.Body-Content {
    font-size: 140%;
}
div.Body-Menu {
    font-size: 140%;
}

@media screen and (max-width: 605px) {
    div.Body-Content {
        padding: 0.3em;
    }
    div.Body-Menu {
        margin-top: 2em;
        padding-left: 2em;
        padding-right: 2em;
    }
    div.Body-User {
    }
    div.Site-Search {
    }
}
@media screen and (min-width: 605px) {
	div.Body-Content {
        max-width: 1000px;
		margin-top: 1.8em;
		padding-left: 9em;
		padding-right: 2.5em;
	}
	div.Body-Menu {
		position: absolute; top: 0px; left: 0px;
		width: 7.5em;
		max-width: 40%;
		min-width: 150px;
		padding-top: 130px;
		background-image: url(/_resources/buttercup/logo.png);
		background-repeat: no-repeat;
    }
	ul.Menu {
        padding-left: 1.5em !important;
    }
	div.Menu-User {
		position: absolute; top: 0px; left: 155px;
		white-space: nowrap;
		font-size: 0.8em;
	}
	div.Site-Search {
		white-space: nowrap;
		position: absolute; top: 0px; right: 0px;
		padding: 0px;
		margin: 0px;
	}
}
@media print {
	div.Body-Menu {
		display: none;
	}
	div.Body-Content {
		width: 98%;
		padding-left: 1%;
		padding-right: 1%;
	}
	div.Menu-User {
		display: none;
	}
	div.Site-Search {
		display: none;
	}
}

div.Body-Menu ul {
        padding-top: .2em;
        padding-bottom: .4em;
        list-style-type: none;
}
div.Body-Menu li {
	margin-left: -13px;
}
div.Menu-First span.Menu {
	display: none;
}
div.Menu-User div.Menu {
	padding: .2em;
}
div.Menu-User ul {
	display: inline;
	margin: 0px;
	padding: 0px;
}
div.Menu-User li {
	display: inline;
	margin: 0px;
	margin-left: 2em;
	padding: 0px;
}
div.Menu-User a {
	color: #000;
}

/* Site search form */
div.Site-Search div {
	display: inline;
}
div.Site-Search form {
	display: inline;
}
div.Site-Search input#search_term {
	background: #f4f4ff;
	width: 100px;
	margin: 0px;
}


/* Site badges */

div.Badge div {
	margin-top: 0px;
	margin-bottom: .2em;
}
div.Badge img {
	border: 0px;
}
div.Body-Menu div.Badge {
	margin-top: 2em;
	margin-bottom: 0.5em;
	text-align: center;
}

/* Menus */

div.Menu {
	margin: 0px;
	margin-bottom: 5px;
}
span.Menu {
	font-weight: bolder;
}
div.Body-Menu div.Menu {
	background: #fff;
	margin-left: 5px;
	border: solid 1px #ddf;
}
div.Body-Menu ul {
	margin: 0px;
	padding-left: 15px;
}
div.Body-Menu li {
	padding-left: 0px;
}
div.Menu-Context div.Menu {
	background: #eee;
	padding-top: .1em;
	padding-bottom: .1em;
}
div.Body-Content span.Menu {
	display: none;
}
div.Body-Content div.Menu ul {
	margin: 0px;
	padding: 0px;
}
div.Body-Content div.Menu li {
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
	font-size: .8em;
}
div.Body-Menu div.Menu a {
	color: #000;
	text-decoration: none;
}
div.Menu-Context a {
	color: #000;
}

/* Headings */

h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight : bolder;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
}
h2 {
	clear: none;
	font-weight : bolder;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #888;
}
h3 {
	clear: none;
	font-weight : bolder;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
}
h4 {
	clear: none;
	font-weight : bolder;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
}
h5 {
	clear: none;
	font-weight : bolder;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
}

/* Articles */

div.Article {
	margin-top: 0px;
	background: #fff;
	padding: 10px;
	border: solid 1px #aaf;
    overflow: auto;
}
div.Article table {
	width: 100%;
}
div.Article .center table {
	width: auto;
	margin: auto;
}
div.Article th {
	background: #ddd;
}
div.Article td {
	background: #f4f4f4;
}
td.Center {
	text-align: center;
}
ul.PartOf {
	color: #666;
	font-size: .7em;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.PartOf li {
	margin: 0px;
	padding: .25em 0px;
}
ul.PartOf a {
	color: #666;
}
div.Article-Content {
	line-height: 1.2; /* IE hacks to stop content from disappearing */
	width: 100%;
	height: auto;
	clear: both; /* The only bit we actually wanted here */
}
div.Categories br {
	clear: both;
}
div.Category {
	background: #f8f8f8;
	padding: 5px;
	border: dashed 1px #faa;
	margin-top: .2em;
	margin-bottom: .2em;
}
div.Category a {
	color: #000;
}
div.Category a:active {
	color: #f44;
}
div.Page-Details {
	font-size: .7em;
	color: #666;
	margin-bottom: .3em;
}
div.Article-Details {
	text-align: center;
}
div.Copyright {
	background: #ddd;
	border: solid 1px #833;
	margin-top: .4em;
	margin-bottom: .8em;
	padding: .2em;
}
div.Copyright div.Badge {
	margin: .2em;
}
div.Copyright div.Notice {
	font-size: .8em;
}
acronym {
	text-decoration: none;
	border-bottom: 1px dotted #999;
	cursor: help;
}
img.thumb {
	height: .8em;
}
div.Icon {
	float: right;
}
div.Icon img {
	height: 3em;
}
div.Show {
	float: right;
	padding-left: .8em;
	padding-bottom: .8em;
}
.floatright span.Image-Display {
	display: block;
	background: #fff;
	padding-left: .8em;
	padding-bottom: .8em;
}
.floatleft span.Image-Display {
	display: block;
	background: #fff;
	padding-right: .8em;
	padding-bottom: .8em;
}
div.Show img {
	padding: 3px;
	border: 1px solid #ddd;
}
span.Image-Display img {
	padding: 3px;
	border: 1px solid #ddd;
}
div.Show div.Caption {
	font-size: .8em;
	font-style: italic;
}
span.Image-Display span.Image-Caption {
	font-size: .8em;
	font-style: italic;
}
p.Cites {
	margin-top: 0px;
	margin-left: 50px;
	padding-top: 0px;
	font-size: .8em;
}
blockquote {
	background: #f8ffff;
	margin-left: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-left: 4px solid #088;
}
blockquote p.Cites {
	margin-left: 0px;
}

/* Gallery * images */

ul.Gallery {
	padding-left: 0px;
	margin-left: 0px;
}
ul.Gallery li {
	display: inline;
	float: left;
	margin: 0px 5px 5px 0px;
	padding: 0px;
}
div.Image-Gallery {
	overflow: hidden;
	width: 150px; height: 180px;
	text-align: center;
	border: 1px solid #888;
}
span.Image-Thumbnail {
	display: block;
	background: #fff;
	width: 150px;
	text-align: center;
	border: 1px solid #888;
	padding-bottom: 5px;
}
.floatright .Image-Thumbnail {
	margin-left: 1.5em;
}
.floatleft .Image-Thumbnail {
	margin-right: 1.5em;
}
.Image-Thumb {
	display: block;
	height: 135px; line-height: 135px;
	margin: 3px;
}
.Image-Thumb a {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
.Image-Thumb img {
	vertical-align: middle;
	padding: 3px;
	margin: 0px;
	border: 1px solid #ddd;
}
.Image-Caption {
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	font-size: .8em;
}


/* Footnotes & sidebar */

.sidebar {
	background: #fee;
	color: #000;
	font-size: .9em;
	font-weight: bolder;

	float: right;
	clear: right;

	width: 20em;
	max-width: 50%;

	padding: 5px;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	border: 2px inset #daa;
}
.clear {
	clear: both;
}
span.Footnote-Note {
	background: #efe;
	color: #000;
	font-size: .9em;

	float: right;
	clear: right;

	width: 20em;
	max-width: 50%;

	padding: 5px;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	border: 2px inset #ada;
}
span.Footnote-Number {
	font-family: Arial Unicode MS, sans-serif;
}
span.Footnote-Marker {
	font-size: .8em;
	font-weight: bolder;
	vertical-align: text-top;
}
span.Footnote-Note-Number {
	float: left;
	font-size: 2em;
	margin-right: 3px;
	margin-bottom: 3px;
}
span.Footnote-Note-Marker {
	float: left;
	font-size: 1.5em;
	font-weight: bolder;
	margin-right: 3px;
	margin-bottom: 3px;
}
span.Footnote-Note-In {
	display: none;
}
span.Footnote-Note-Out {
	display: none;
}
span.Footnote-p {
	display: block;
	margin-bottom: 1em;
}


/* Property sheets */

table.Attributes {
	width: 100%;
}
table.Attributes th {
	width: 10em;
	text-align: right;
	padding-right: .33em;
	background: #fff;
	border: solid 1px #faa;
}
table.Attributes td {
	vertical-align: top;
	background: #fff;
	border: solid 1px #faa;
}

/* Object lists */

dl.Instances dt {
	float: left;
}

/* News */

div.SynEvent,
div.Blog {
	margin-top: 1.3em;
}
div.SynEvent div.Item,
div.Blog div.Item {
	clear: both;
	border: solid 1px #44b;
	padding: 5px;
	margin-bottom: 5px;
    overflow: auto;
}
div.SynEvent div.Item h2,
div.Blog div.Item h2 {
	margin-top: .2em;
	margin-bottom: 0px;
}
div.SynEvent div.Announcement-Content {
	font-size: .8em;
	border: solid 1px #fbb;
	padding: .2em;
}
dl.Years dt.Year {
	font-size: 2em;
	font-weight: bolder;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
}
dl.Months dt.Month {
	font-weight: bolder;
}
dl.Days dt.Day {
	float: left;
}

/* Forums */

div.Discussion {
	background: #fff;
	border: 1px solid #4a4;
	padding: 10px;
	margin-top: .4em;
}
div.Discussion h2 {
	margin-top: 0px;
}
div.Thread {
	border: 1px solid #4a4;
	padding: 10px;
	margin-top: .4em;
}
div.Thread h2 {
	margin-top: 0px;
	margin-bottom: 0px;
}

dl.Post {
	background: #fff;
	border: 1px solid #888;
	margin-bottom: .4em;
}
dl.Post dt {
	padding: .2em;
	background: #ffe;
	font-size: .9em;
	font-weight: bolder;
}
dl.Post dt span.Thread {
	font-size: 1.2em;
}
dl.Post dt span.User {
	display: block;
}
dl.Post dt span.When {
	font-size: .8em;
}
dl.Post dd {
	margin-left: 0px;
}
dl.Post ul.Menu-Post {
	background: #eee;
	margin: 0px;
	padding: 0px;
	padding-top: .1em;
	padding-bottom: .1em;
}
dl.Post ul.Menu-Post li {
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
	font-size: .8em;
}
dl.Post ul.Menu-Post a {
	color: #000;
}
dl.Post div.Post {
	padding: 5px;
}
dl.Post br.Signature {
	clear: both;
}
dl.Post div.Signature {
	margin: 5px;
	padding: 5px;
	background: #fee;
	font-size: .8em;
}


/* Forms */

form {
	margin: 0px;
	padding: 0px;
}
fieldset {
	margin-top: .2em;
	padding: 2px;
}
legend {
	font-weight: bolder;
	font-size: .9em;
}
dl.Attributes dt.Label {
	font-weight: bolder;
}
dl.Attributes dd {
	margin-left: 0px;
}
textarea {
	color: #000;
	background: #f4f4ff;
	width: 100%;
	font-family: Verdana, sans-serif;
	font-size : 90%;
	height: 5em;
}
#contents { /* IE kludge as it can't select properly */
	height: 40em;
}
textarea[rows="5"] {
	height: 40em;
}
select {
	color: #000;
	background: #f4f4ff;
	width: 100%;
}
input {
	color: #000;
	font-family: Verdana, sans-serif;
	font-size : 90%;
}
dl.Attributes input { /* Kludge for IE */
	width: 100%;
	background: #f4f4ff;
}
input[type="text"] {
	width: 100%;
	background: #f4f4ff;
}
input[type="password"] {
	width: 100%;
	background: #f4f4ff;
}
input[type="submit"] {
}
div.Submit {
	margin-top: .4em;
	text-align: center;
	padding: .3em;
	background: #ddf;
	border: solid 1px #88a;
}
div.Namespace-Option {
	float: left;
	white-space: nowrap;
	width: 33%;
}

/* Source code */

pre {
	background: #eee;
	padding: 4px;
	border: 4px inset #888;
	font-family: Ariel, sans-serif;
    overflow: auto;
}
pre code {
	font-family: Ariel, sans-serif;
}
code .keyword,
code .doctype {
	color: #448;
	font-weight: bolder;
}
code .comment {
	color: #484;
	font-weight: bolder;
}
code .number,
code .string,
code .value,
code .attribute {
	color: #844;
	font-weight: bolder;
}

.input {
	color: red;
}
.output {
	color: blue;
}

pre.console {
	font-family: "Lucida console unicode", monospace;
	background: black;
	color: white;
}

/* Syntax colouring from webify.bundle */

table.highlighttable pre {
    border: 0;
}
table.highlighttable td {
    width: 3em;
}
table.highlighttable td.code {
    width: 100%;
}

/* Final bits */

