/*
Theme Name: The Ancient Standard Wide
Theme URI: http://www.AncientStandard.com
Description: 2 column theme.
Version: 1.2
Author: Ancient Standard
Author URI: http://www.RealityHosting.ca
*/


/*
 *  -- Tags
 */

* { margin: 0; padding: 0; }
html, body { font-size: 75.01%; }
body {
	font: 1em/1.4em Verdana, serif;
	text-align: center;
	color: #555; background: url('img/background.jpg') repeat top left;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: normal;
	font-family: Georgia, Verdana, serif;
}
h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5, h6 { font-size: 1em; }
ul, ol { padding: 0; padding-left: 1em; }
ul li { list-style-type: none; }
img { border: none; }
a { text-decoration: none; }
label { cursor: pointer; }

input, textarea { padding: .4em; }
input.button { padding: .4em .8em; font-weight: 900;}
textarea { width: 100%; font: 1em/1.4em Verdana, sans-serif; }
.clearfix:after { content: " ";  clear: both;  height: 0px; padding: 0px; margin: 0px; display: block; visibility: hidden; }.clearfix { zoom: 1;}

/*
 *  -- #header
 */

#header {
	width: 909px;
	height: 215px;
	background: url('img/header.jpg') no-repeat top left;
}
	#header h1 { padding-top: 50px; }
		#header h1 a {
			text-indent: -999em;
			width: 240px; height: 80px;
			display: block;
			outline: none;
		}


/*
 *  -- #navigation
 */

#navigation { padding-top: 40px; }
	#navigation ul {
		font: 2em Georgia, Verdana, serif;
		color: #602713;
	}
		#navigation ul li {
			float: left;
			padding: 0 12px;
		}
		#navigation ul li.home {
			padding-left: 0; padding-right: 24px;
			background: url('img/header-home.gif') no-repeat center right;
		}
			#navigation ul li a { color: #602713; }
	#navigation p {
		float: right;
		padding-top: 6px; padding-right: 100px;
		font: 1.4em Georgia, Verdana, serif;
		color: #602713;
	}


/*
 *  -- #container
 */

#container {
	margin: 0 auto;
	width: 1180px;
	text-align: left;
	background: url('img/container.jpg') repeat-y top left;
}
#container-left { padding-left: 120px; background: url('img/container-left.jpg') repeat-y top left; }
#container-right { padding-right: 120px; background: url('img/container-right.jpg') repeat-y top right; }
#container-left-inner { padding-left: 16px; background: url('img/container-left-inner.jpg') repeat-y top left; }
#container-right-inner { padding-right: 16px; background: url('img/container-right-inner.jpg') repeat-y top right; }


/*
 *  -- #content
 */

#standout {

    background-color:#CC0000;

}
     
	   
#content {
	padding-top: 110px;
	clear: right; float: left;
	padding: 0;
	width: 625px;
	color: #594528;
	background: url('img/content.jpg') repeat-y;
	overflow-x: hidden;
}
	#main-content {
		clear: right; float: left;
		padding: 60px 24px 0 24px;
		width: 580px;
		background: url('img/main-content.jpg') no-repeat top left;
	}
	#content h2 {
		font-variant: normal;
		text-align: center;
		color: #594528;
	}
	#content h3, #content h3 a {
		font: 1.4em Georgia, Verdana, serif;
		color: #594528;
		text-decoration: none;
	}
	#content p {
		padding: .6em 0;
		line-height: 1.4em;
		color: #594528;
	}


/*
 *  -- .post
 */

.post {
	clear: both;
	margin-bottom: 1em;
}
	.post span.edit { font-size: .6em; color: #88765c; }
	.post a { font-weight: 900; color: #ba5e14; text-decoration: underline; }
	.post a:hover, .post .content a:active { text-decoration: none; }
	.post img {
			margin: .2em;
		}
	.post blockquote {
		margin-left: 1em; padding: .6em;
		font-style: italic;
		color: #999;
	}
		.post li { margin-left: 2em; }
		.post ul li {
			list-style-type: circle;
		}

.post2 {
	clear: both;
	padding-left: 5px;
	margin-bottom: 1em;
	background-color: #f0dc86;
	padding-top: 10px;
	padding-bottom: 10px;
	
}
	.post2 span.edit { font-size: .6em; color: #88765c; }
	.post2 a { font-weight: 900; color: #ba5e14; text-decoration: underline; }
	.post2 a:hover, .post .content a:active { text-decoration: none; }
	.post2 img {
			margin: .2em;
		}
	.post2 blockquote {
		margin-left: 1em; padding: .6em;
		font-style: italic;
		color: #999;
	}
		.post2 li { margin-left: 2em; }
		.post2 ul li {
			list-style-type: circle;
		}

/*
 *  -- #comment-block
 */

#comment-block {}
	#comment-block h4 {
		padding: .4em 0;
		font-size: 1.4em;
	}
	#comment-block p { margin-bottom: .4em; }
	#comment-block a { color: #594528; font-weight: 900; }
	#comment-block a:hover, #comment-block a:active { text-decoration: underline; }
	#commentform {width: 96%; margin: 0 auto;}
	#user-data { margin: 0 auto; width: 100%; }
	#userdata input { width: 86%; }


/*
 *  -- .comment
 */

.comment {
	margin-bottom: 1em;
	font-size: .92em;
}
	.comment .author { }
	.the-comment {
		overflow: scroll; overflow: auto;
		padding: .4em .6em;
		font-size: .98em;
		color: #8c8776; background: #fffbea;
	}
		.the-comment a { text-decoration: underline; }
		.the-comment blockquote {
			margin: 0 .4em;
			font-style: italic;
			color: #999; background: #fcfcfc;
			border-left: .1em solid #eee;
		}
			.the-comment blockquote p {
				 padding: .3em .6em;
			}


/*
 *  -- #sidebar
 */

#sidebar {
	float: right;
	margin: 0; padding-top: 2em;
	width: 280px;
	color: #fef6d5;
}
	#sidebar h4 { margin: -10px -8px 0 0; padding: 0 0 10px 26px; font: 1.5em Georgia, Verdan serif; background: url('img/sidebar-heading.gif') no-repeat bottom right; }
	#sidebar p, .sidebar-block div { margin: .6em; }
	#sidebar ul { margin: .6em 0; }
		#sidebar li { list-style-type: none; margin-bottom: .2em; }
	#sidebar a { color: #d78b4e; }
	#sidebar a:hover, #sidebar a:active { text-decoration: underline; }
	#sidebar table { font-size: 1em; color: #fef6d5; }
.sidebar-block { margin-bottom: 1em; padding: 8px; background: url('img/sidebar-block.jpg') no-repeat 8px 0; }


/*
 *  -- #footer
 */

#footer {
	clear: both;
	margin: -16px; margin-top: 0;
	width: 943px; height: 110px;
	color: #999; background: url('img/footer.jpg') no-repeat bottom left;
}
	#footer p {
		margin: 0 8px; padding-top: 48px;
		font: 1.2em Georgia, Verdana, serif;
		text-align: center;
	}
		#footer p a {
			color: #888;
		}
		#footer p a:hover, #footer p a:active {
			text-decoration: underline;
		}


/*
 *  -- Misc
 */

.clearer { clear: both; }

.left, .mid, .right { width: 33.3%; float: left; }

.prevnext { text-align: center; }
.prevnext a { font-weight: 900; color: #594528; }
.prevnext a:hover, .prevnext a:active { text-decoration: underline; }