/*
Theme Name: Another Castle
Theme URI: http://anothercastle.co.uk/
Description: Another Castle bespoke theme. Meep.
Version: 1.0
Author: Samir Talwar
Author URI: http://noodlesandwich.com/
Tags: none
*/

/*** GLOBAL ***/

* { margin: 0; padding: 0; }

html, body { height: 100%; }
body { font-family: Verdana, sans-serif; font-size: 0.75em; }
h1, h2, h3, h4, h5, h6 {
	font-family: "Century Gothic", Verdana, sans-serif;
	font-size: 1em;
	font-weight: bold;
}
	h1 { font-size: 2em; }
	h2 { font-size: 1.5em; margin-bottom: 1em; }
	h3 { font-size: 1.2em; }
	h1, h4, h5, h6 { margin-bottom: 5px; }
p { margin-bottom: 1em; }
img { border: none; }
a { text-decoration: none; color: #666; }
	a:hover { color: #aaa; }
ol, ul { margin: 0 0 1em 1em; }
	li { margin-left: 1em; }
code { font-family: Consolas, "Courier New", monospace; }
hr { width: 80%; margin: 0 auto; border: 1px solid #ccc; }
form { }
	input[type=submit] {
		padding: 3px;
		border: 1px solid #ccc;
		background: #ccc;
		color: #fff;
	}
		input[type=submit]:hover { border-color: #666; background: #666; }
		input[type=submit]:active { border-color: #000; background: #000; }
	textarea {
		border: 1px solid #888;
		font-family: Verdana, sans-serif;
		font-size: 1em;
	}

/*** HELPER CLASSES ***/

.clearer { clear: both; }
p.input { margin-bottom: 4px; }
	p.input:last-child { margin-bottom: 20px; }
.wp-caption { margin: 10px auto; padding: 5px; text-align: center; }

/*** PAGE ELEMENTS ***/

#page {
	width: 680px;
	min-height: 100%;
	margin: 0px auto;
	padding: 20px 52px;
	background: url(images/background.png);
}

#header { }
	#header h1 { float: left; padding-right: 20px; }
	#header #tagline { margin-bottom: 5px; text-align: right; }

#page_links { margin-left: 80px; list-style: none; }
	#page_links li {
		float: left;
		width: 145px;
		margin-left: 6px;
		font-family: "Century Gothic", Verdana, sans-serif;
		font-size: 1.5em;
		text-align: center;
		background: #ccc;
		color: #fff;
	}
		#page_links li#page_item_home { width: 147px; margin-left: 0; }
		
		#page_links li.current_page_item { background: #000; }
			#page_links li a { display: block; padding: 5px 0; color: #fff; }
			#page_links li a:hover { background: #666; }

#content { margin: 60px 0 0 80px; }

.navigation { height: 2em; }
	.navigation .previous { float: left; }
	.navigation .next { float: right; }

.post { }
	.post h2 { margin-bottom: 0; color: #000; }
		.post h2 a, .post h3 a { color: #000; }
			.post h2 a:hover, .post h3 a:hover { color: #666; }
	.post .entry { margin-top: 1em; }
		.entry h2 { margin-bottom: 1em; }
		.entry h3 { margin: 2em 0 0.75em; color: #000; }
	.post .author { margin-bottom: 10px; font-weight: bold; color: #999; }
	.post .time {
		float: right;
		text-align: right;
		font-size: 0.8em;
		font-weight: bold;
		color: #999;
	}
	.post .metadata { text-align: right; }
	.post .hr {
		width: 214px;
		height: 16px;
		margin: 40px auto;
		background: url(images/divider.png);
	}
		.post .hr hr { display: none; }

#comments { }
	#comments h3 { margin-bottom: 10px; }
	#comments ol, ul { margin-left: 0; list-style: none; }
		/* zoom: 1; is an IE hack to trigger hasLayout and fix the layout. */
		.comment { zoom: 1; margin: 0 0 10px 0; padding: 10px; background: #eee; }
			.comment:last-child { margin-bottom: 0; }
			.comment .author { font-weight: bold; }
			.comment div.avatar { float: right; margin: 0 0 5px 5px; }
			.comment .time {
				float: right;
				margin: 0 0 5px 5px;
				text-align: right;
				font-size: 0.8em;
				font-weight: bold;
				color: #999;
			}
			.comment .metadata { text-align: right; }
		.comment.bypostauthor { background: #bdb; }
			.comment.bypostauthor a, .comment.bypostauthor .time { color: #393; }
				.comment.bypostauthor a:hover { color: #6c6; }

.reply { }
	.reply #comment { width: 598px; }
	.reply .submit-button { text-align: right; }

#footer { clear: both; display: table; margin: 20px auto; }
	#footer li { display: inline; margin: 0; padding-right: 5px; }
		#footer li:before { content: '\00B7 \0020'; }
			#footer li:first-child:before { content: ''; }

/*** SPECIAL ELEMENTS ***/

.mugshots { display: table; margin: 0 auto; }
	.mugshot { float: left; text-align: center; }
.magazine-issue-link { float: left; margin: 0 10px 10px 0; }