/* First some basics */
body { font-family: Verdana, sans-serif; margin: 0; }
h1 { font-family: Georgia, serif; color: black; font-size: 200%; } 
h2 { font-family: Georgia, serif; color: #BD521E; font-size: 180%; margin-bottom: 0.5em }
h3 { font-family: Georgia, serif; color: #BD521E; font-size: 150%; font-style: italic }
h4 { color: #BD521E; font-size: 130%; margin-bottom: 0.5em }
h5 { color: #BD521E; font-size: 110%; }
h6 { color: #BD521E; font-size: x-small; }
h3, h5, h6 { margin-bottom: 0; margin-top: 1em; }
p, dl, th, td { font-size: small; }
td {vertical-align: top; padding: 1px; margin: 0px; }
p { line-height: 1.4; margin: 0.5em 0;}
p.initial, dl { margin: 0 }
ul, ol { font-size: small; margin-bottom: 0; margin-top: 0; }
th { text-align: left; vertical-align: bottom; }
dt {font-weight: bold; }
sup { font-size: 50%; }
a { text-decoration: none; }
a:link { color: #B9A73C; }
a:visited { color: #BD521E; }
a:hover { text-decoration:underline; } 
table {border-collapse: collapse; }
img { border: none; }

/* Custom styles */

#banner { 
	width:100%;
	height:90px;
	background-color:white; 
	position:fixed;
	top:0px;
	z-index: 10;
}
.blogPhotoLeft {
	float: left;
	margin-right: 5px;
	border: solid 1px #cc6600
}
.blogPhotoRight {
	float: right;
	margin-left: 5px;
	border: solid 1px #cc6600 
}
.bottomfield { border:none; }
#canonicitynote { font-size:70%; font-style:italic; margin:0 0 2em 0 }
.center {text-align:center }
#classicintro { font-size:70%; font-style:italic }
#content { 
	position: absolute;
	top: 98px;
	right: 15px;
	left: 200px;
	
	/*
	margin-left: 200px;
	padding-right: 15px; 
	padding-top:98px;
	*/
	
	max-width: 800px; 
}
    #content a:link { color: #B9A73C; }
    #content a:visited { color: #BD521E; }
    #content .odd-row a {  }
    #content a:hover { text-decoration:underline; } 
    #content a[name] { text-decoration: none; }
    #content th a:visited { color: black; }
    #content th a:link { color: black; }
    #content > .functions { margin-top:2em }
	#content ul { padding: 1% 1% 1% 4%; }
	#content .standard li {
		list-style-type: disc;
		margin-left: -20px;
		margin-right: 20px;
		padding: 0.5em 0 0.5em 5px;
	}
.component-footer { 
	border-top: 5px solid #BFBFBF; 
	padding: 0 5px 0.3em 5px; 
	background-color: #BFBFBF 
}
#component-list li {
	list-style-type: none; 
	margin-left: -20px; 
	margin-right: 20px ; 
	padding: 0.5em 0 0.5em 5px;
	font-size: small 
}
	#component-list li a { font-weight: bold; }
	#component-list li a:link { color: #BD521E; }
	#component-list li .drill-down a:link { font-weight: normal }
.description p { text-indent: 1em; }
.description p:first-child { text-indent: 0 }
#disqus_thread { clear:both; padding-top: 2em }
.dropdown { 
	background-color: #f2e4bc; 
	border: 1px solid #ffcc99; 
	float: right; 
	margin-left: 5px; 
	padding: 2px; 
}
.errorlist li { list-style-type:none; background-color: #B9A73C; margin-left: -2em; padding-left: 2em }
fieldset label { display: block; font-weight: bold; margin-top:1em }
fieldset .box { display: inline; }
fieldset .tips { color: grey; }
fieldset .tips p { font-size:x-small }
fieldset .tips ul li { font-size:x-small }
.fieldwrapper td { vertical-align: top; }
.float-left { float: left; margin-right: 1.5em }
.float-right { float: right; margin-left: 1.5em }
#footer { font-size:75%; margin: 3em 0; }
	#footer p { margin:0em; }
	#footer img { float:left; margin: 0.25em 0.5em 0 0; }
.functions { float: right; }
	.functions form { margin-left: 10px; }
	.functions p { font-size: 50% }
	.functions .move-box {float:right; margin-left: 10px; position: relative; top:-0.4em;  }
	.functions .move-button { margin-left: -5px; position:relative; top: 0.3em}
#historytable { width:100%; border-collapse:collapse }
.imageleft { float:left; padding-right: 0.5em }
.imageright { float:right; padding-left: 0.5em }
.indent { text-indent: 1em }
#island-body { 
	padding: 0 0 0 0; 
	margin-top:0; 
	height:auto; 
	overflow:auto; 
	font-size: small; 
}
.islandcomponent-body { padding: 0 2% 0 0; }
	.islandcomponent-body ul { overflow: auto; margin-left: 1em; }
	.islandcomponent-body ul li { 
		list-style-type: disc;
		margin: 0;
		padding: 0.5em 0 0.5em 5px;
	}
	.islandcomponent-body blockquote {
		margin-left: 0.5em;
		background-color: #ccc;
		padding: 1px 5px 1px 5px
		
	}
#island-components { height:auto; overflow:auto }
	#island-components .component-title { margin-top:0; border-top: 1px solid #BD521E }
	#island-components .component-owner { font-size: 50% }
	#island-components h3 { 
		font-family: Georgia, serif; 
		color: #BD521E; 
		font-size: 150%; 
		font-style:normal 
	}
	#island-components .box { 
		border: 1px solid black; 
		width: 400px; 
		float:left; 
		margin: 2px 5px 5px 0; 
		padding: 0 2px 0 2px; 
		background-color: white 
	}
		#island-components .box .component-title {border: none; margin-left: 5px }
		#island-components .box .component-owner { margin-left: 5px }
		#island-components .box .component-footer { margin: 0 -2px 0 -2px }
		#island-components .box .islandcomponent-body { margin-left: 5px }
	#island-components .component-tags { font-size: x-small }
	#island-components .flow .component-title {padding-top: 0.5em }
#island-list li {
	list-style-type: none; 
	margin-left: -20px; 
	margin-right: 20px ; 
	padding: 0.5em 0 0.5em 5px;
	font-size: small 
}
	#island-list li a { font-weight: bold; }
	#island-list li a:link { color: #BD521E; }
#island-summary { 
	float:right; 
	width:30%; 
	border: 1px solid black; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	margin:0 5px 5px 5px; 
	padding: 0 5px 0 5px 
}
	#island-summary h4 { margin-top: 0.5em; text-align:center }
	#island-summary p { font-size: 70% }
	#island-summary ul { margin-left: 1em; }
	#island-summary ul li { 
		font-size: 70%; 
		list-style-type: disc;
		margin: 0;
		padding: 0.2em 0 0.2em 0;
	}
	#island-summary .tagged_toc li { list-style-type: none }
.last-row { border-bottom: 1px solid #ffcc99 }
#legal { font-size: 50%; font-style: italic; }
.leftfield { border:none; float:left; }
#nav {
    border-top: none;
    float: left;
    left: 0px;
    margin-right: 30px;
    margin-top: 120px;
    width: 170px;
    position: fixed;
}

	#nav ul {
		padding: 7px 15px 0px 3px;
	}

/* the primary navigation is a simple unordered list */

	#nav li {
		color: black;
		font-size: x-small;
		list-style-type: none;
		padding: 3px 0px 3px 2em;
	}

/* use display: block in the a tag so that the entire area 
   becomes clickable, not just the text. */
   
	#nav li a {
		color: black;
		display: block;
		text-decoration: none;
	}
	#nav li a:hover { font-weight: bold; }
	#nav .selected { font-weight: bold; }
	#nav .sub { padding-left: 2em; }
	#nav .sub > li:first-child {
		font-style: italic;
		font-weight: bold;
		margin-left: -1em;
	}
	#nav h2 { text-align: center; color:black; font-size:120%; margin-top: 2em }
	#nav #searchbox {font-size: 80%; text-align: center}
	#nav #searchbox label { font-size: 80% }
	#nav #tag-cloud { font-size: 80%; padding: 0 2px 0 5px }
	#nav #tag-cloud p { font-size: 60%; text-align: justify }
	#nav #tag-cloud .tags-in-cloud { text-align: center; font-size: 40% }
.notation {
	font-family: Courier New, monospaced; 
	font-weight: bold; 
	text-indent: 1em; 
	padding-top: 0.3em; 
	margin-top: 1em; 
	margin-bottom: 1em; 
	background-color: #ffcc99; 
}
.odd-row { background-color: #ffcc99 }
.other_posts { text-align: right; border: 1px white solid; }
.other_posts .previous { float: left; border: 1px white solid }
.other_posts .next { border: 1px white solid }
.pagination { padding-top:1em; font-size:75%; text-align:right }
.post_date { clear:both; font-style:italic }
#register > p > input { position: absolute; left: 400px }
.rightfield { border:none; }
.size-block { display: block; font-weight: bold; margin-bottom: 0.5em }
.statblock { }
	.statblock p { }
	.statblock h3 {margin-bottom: 0.2em; }
	.upperstatblock {
		clear:right; 
		border-top: 2px solid black; 
		border-bottom: 2px solid black; 
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}
		.upperstatblock p {margin-bottom: -0.2em; }
		.upperstatblock ul {list-style-type: none;padding-left: 2em;}
		.upperstatblock ul li { margin-top: 0.5em; }
		.upperstatblock .superscript {font-size: 50%; vertical-align: super; }
		.upperstatblock b a:link {color:black; }
		.upperstatblock b a:visited {color:black; }
	.noteblock {
		padding-top: 1em; 
		margin-bottom: 1em; 
		border-bottom: 2px black solid
	}
	#statblocktable {
		width:500px;
		border:1px black solid
	}
	#statblocktable .superscript { font-size: 70%; vertical-align: super; }
	.titlebar { 
		background-color: grey; 
		text-align:center; 
		font-weight:bold; 
		color:white;
		border-top: 2px black solid;
	}
	.titlebar td { padding: 5px 0 5px 0 }
	.stat_name { 
		background-color: #ccc;
		text-align: right;
		font-size: 70%
	}
	.stat_name td { font-size: 70% }
	.statvalue { text-align: center }
	.checkbox { border: black solid 2px }
.sub-last-row { border-bottom: 1px solid #ffcc99; text-indent: 1em; }
.subgear { text-indent: 1em; }
.subtitle { font-size: small; font-style: italic }
.syntax_table { margin: 1em; width: 400px }
.syntax_table td { border: 1px black solid }
#tagged-component-list li {
	list-style-type: none; 
	margin-left: -20px; 
	margin-right: 20px ; 
	padding: 0.5em 0 0.5em 5px;
	font-size: small 
}
	#tagged-component-list li a { font-weight: bold; }
	#tagged-component-list li a:link { color: #BD521E; }
	#tagged-component-list li .drill-down a:link { font-weight: normal }

.tbodd { background: #ccc }
.thumbs
	.thumbs a:visited {border:black solid 2px;}
	.thumbs td { border:black solid 2px; width: 200px; }
	.thumbs td td {text-align: center; border: none; }
	.thumbtitle {font-weight: bold; font-family: Georgia, serif;}
	.thumbnote { font-size: 75%; }
#updates li a { font-weight: bold; }
.updated { font-size: 50%; color: #777; margin-top: -2em }
#welcome { font-size: 50%; text-align: center; margin-top: 2em }