html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}
a { color: inherit; }

h2{
	font-size:30px;
	letter-spacing:-1px;
}
h3{
	font-size:16pt;
	letter-spacing:-1px;
}
h1, h2, h3, h4, .slogan {
	font-family:Georgia,serif;
}
body {
	background-color:#ddd;
	color: #222;
	font-size:16px;
	font-family:Verdana,Sans-serif;
	margin:0;
}

textarea, input[type="text"], input[type="password"] {
	background-color:#eee;
	border:solid 1px #999;
	padding:0.3em;
	margin: 0.3em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus {
	background-color:#fef;
}

/* Structure */

body > header {
	background-color:#222;
	color: #E2D21B;
	display:block;
	height:6em;
	margin:0;
	min-width:55em;
}

		body > header h1 {
			font-size:70px;
			font-weight:normal;
			float:left;
		}

		body > header .slogan {
			float:right;
			text-align:right;
			margin-top:1.6em;
			width:19em;
		}


body > nav {
	background-color: #E2D21B;
	border-bottom: 4px solid #222;
	display:block;
	font-weight:normal;
	margin-left:-0.8em;
}

	body > nav  ul {
		font-weight:bold;
		margin-left:-0.5em;

	}
		body > nav li {
			display:inline;
			float:left;
		}
			body > nav ul li a {
				display:block;
				font-weight:bold;
				text-transform:uppercase;
				text-decoration: none;
				padding: 0.3em 1em;
			}

			body > nav ul li a:hover {
				color: #ddd;
				background-color: #222;
			}

	body > nav  form.search {
		float:right;
		font-size: 74%;
	}

		body > nav  form.search input.query {
			background-color:#eee !important;
			background-image:none !important;
		}

		
div.wrapper {
	margin:0 auto;
	width: 53em;
}

section#content {
	padding: 1em;
}

	section#content h2 {
		border-bottom:1px dotted;
		font-weight:normal;
		margin:0;
	}

	section#content h3 {
		margin: 0.8em 0 0.4em;
		font-weight:bold;
	}

	section#content p {
		line-height:1.5em;
		margin: 0.8em 0;
	}

	section#content ul, section#content ol {
		margin-left: 2em;
	}

	section#content ul li {
		list-style: circle;
	}
	
	section#content a {
		font-weight: bold;
		text-decoration: none;
	}

	section#content a:hover {
		text-decoration: underline;
	}

	section#content a.link-subtle {
		font-weight: normal;
		text-decoration: none;
		border-bottom:1px dotted;
	}
	section#content a:hover.link-subtle {
		border-top:1px dotted;
	}

section#sidebar {
	float:right;
	font-size:18px;
	width: 14em;
}
	
body > footer {
	clear:both;
	background-color: #222;
	color: #E2D21B;
	border-top: 4px solid #E2D21B;
	display:block;
	font-weight:normal;
	margin-left:-0.8em;
	padding:0.7em;
	text-align:center;
}

body > footer div.col {
	float:left;
	width:46%;
}

body > footer div.col:first-child {
	border-right:1px solid #333;
	margin-right:20px;
	padding-right:20px;
}

body > footer li { margin-right:1.5em; padding:0.5em 0.5em 0.5em 38px; float:left; display: inline-block; }

/* Links */

body > header a {
	text-decoration:none;
}

.pagination a, .pagination span.current {
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #eee;
	border:1px solid #666;
	display:inline-block;
	margin-right:0.5em;
	padding:0 0.6em;
}
.pagination a {
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color:#222;
	color:#E2D21B;
	font-weight: normal !important;
	text-decoration:none;
}

.pagination a:hover {
	background-color:#eee;
	color: #222;
	text-decoration:none !important;
}

hr { border:0; border-bottom:1px solid #666; }

/* PyroCMS stuff */
.error-box, .notice-box, .success-box {
	border-bottom:1px solid #222;
	border-top:1px solid #222;
	margin:10px 15px;
	padding:0.5em;
	text-align:center;
}

pre {
	 white-space: pre-wrap;       /* css-3 */
	 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	 white-space: -o-pre-wrap;    /* Opera 7 */
}

code, pre.code {
	background-color:#222;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:limegreen;
	display:block;
	font-family:courier new,sans-serif;
	font-size:11px;
	margin:10px 4px;
	overflow:auto;
	padding:8px;
}

blockquote {
	background-color:#999;
	border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 1em;
}

/* CONTENT */

.comments legend { font-weight: bold; }

fieldset#comment-list-wrapper ul {	list-style:none; margin-left: 0; padding:0.5em 1em 0; }
fieldset#comment-list-wrapper li { display:block; clear:both; border-top: 2px solid #999; padding: 1em 0; }
fieldset#comment-list-wrapper img.gravatar { padding: 10px; float: left; }
fieldset#comment-list-wrapper .comment-body p { margin:0; }

fieldset#write-comment input { margin:0.3em; padding:0.3em; }
fieldset#write-comment textarea {width:98% !important; }