/*   
Theme Name: Winter Solstice
Theme URI: http://www.craigyeh.com/
Description: A blue based, fixed width, two column theme.
Author: Craig Yeh
Author URI: http://www.craigyeh.com/
Version: 1.0
*/

body {
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
/* 	background: #3f6427 url("images/halo3-bg.png") 50% 0 repeat-y; */
	background: #3f6427 url("images/faux.png") 50% 0 repeat-y;
	}

body { margin-left: 1px; } /* The background is off by 1px in IE */
html>body { margin-left: 0; } /* Keeps things normal for modern browsers (read: not IE) */

a { text-decoration: none; }

img { border: 0; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#container {
	text-align: left;
	width: 700px;
	margin: 0 auto;
	padding: 0 16px;

	}

#header {
	width: 698px;
	height: 140px;
	margin: 0 1px 1px 1px;
	overflow: hidden;
	background: #3f6437 url("images/header.jpg") no-repeat;
	}

	#header h1 {
		font: bold 1.5em "trebuchet ms", arial, helvetica, sans-serif;
		color: #fff;
		text-align: center;
		margin: 0;
		padding: 38px 0;
		}

	#header a { color: #fff; }

#navigation {
	font-size: 0.75em;
	color: #fff;
	width: 698px;
	margin: 0 1px 1px 1px;
	background: #5cc1fa url("images/navigation.gif") repeat-x;
	}

	#navigation ul {
		list-style: none;
		margin: 6px 10px;
		padding: 0;
		float: left;
		}

	#navigation li {
		margin: 0;
		padding: 0;
		display: inline;
		}

	#navigation li:before { content: "| "; }
	#navigation li:first-child:before { content: ""; }

	* html #navigation li.page_item {
		margin-left: 0.5em;
		padding-left: 0.5em;
		border-left: 1px solid #fff;
		} /* IE workaround */

/* Hides from IE-mac \*/
	* html #navigation { height: 1%; }

	* html #navigation li {
		display: block;
		float: left;
		}
/* End hide from IE-mac */

	* html #navigation li:first-child { border-left: 0; } /* Mac IE 5 */

	#navigation a { color: #fff; }

#wrap {
	width: 698px;
	margin: 0 1px 1px 1px;
	background: url("images/faux_2.gif") repeat-y;
	}

#content {
	width: 460px;
	margin: 30px 20px 0 20px;
	float: left;
	display: inline; /* IE doubles the left margin */
	}

	#content .post { margin-bottom: 20px; }

	#content h2 {
		font: 0.75em "trebuchet ms", arial, helvetica, sans-serif;
		
		margin-bottom: 3px;
		padding: 0;
		}

		#content h2 a { color: #77a0ca; }

		#content h2 a:hover { background-color: transparent; }

	#content small {
		font-size: 0.65em;
		color: #999;
		}

	#content .post small {
		margin-left: 12px;
		}

		#content small a { color: #42836c; }

		#content small a:hover { color: #42836c; }

	#content p {
		font-size: 0.9125em;
		line-height: 1.1em;
		margin-top: 0px;
		padding: 0;
		}

		#content a { color: #42836c; }

		#content a:hover { color: #42836c; }

		#content p a:visited { color: #42836c; }

	#content .post .meta {
		font-size: 0.6875em;
		color: #999;
		text-align: right;
		margin-top: 7px;
		padding-top: 3px;
		border-top: 1px solid #e1f0ff;
		}

	#content .post img { margin: 0px; }

	#content blockquote {
		margin-left: 20px;
		padding-left: 10px;
		border-left: 3px solid #68c2f2;
		}

	#content li { font-size: 0.8125em; }

	.alignright { float: right; }
	.alignleft { float: left; }

	#comment {
		font: 1em verdana, arial, helvetica, sans-serif;
		width: 452px;
		}

	ul.commentlist {
		list-style: none;
		margin: 20px 15px;
		padding: 0;
		}

	ul.commentlist li {
		margin: 0 0 10px 0;
		padding: 10px;
		border: 1px solid #eee;
		background-color: #fafafa;
		}

	.commentlist p {
		margin: 0;
		padding: 0;
		}

	.commentlist cite {
		font-style: normal;
		float: left;
		}

#sidebar {
	width: 168px;
	margin: 1px 15px 20px 15px;
	list-style-image: url("images/spacer.gif");		
	float: right;
	display: inline; /* IE doubles the right margin */
	}

	#sidebar li {
		font: 12px "trebuchet ms", arial, helvetica, sans-serif;
		color: #42739b;
                margin: 15px 0 0 0;
		}

	#sidebar ul {
		margin: -13px 0 0 20px;
		padding: 0;
		}

	#sidebar ul li {
		font-size: 1em;
		list-style-image: url("images/arrow.gif");
		margin-top: -5px;
		}

	#sidebar ul li a {
		color: #67bbed;
		padding: 3px 0;
		width: 100%;
		display: block;
		}

	#sidebar ul li a:hover { background-color: #fafafa; }

	#sidebar ul li a:visited { color: #146fa5; }

#searchform {
	margin: 0;
	padding: 0;
	float: right;
	}

	#searchform input {
		font-size: 0.75em;
		color: #ccc;
		width: 188px;
		margin: 4px 3px 4px 0;
		padding: 2px;
		border: 1px solid #7997ab;
		}

#footer {
	width: 698px;
	margin: 0 1px 1px 1px;
	clear: both;
	background: url("images/footer.gif") repeat-x;
	}

	#footer p {
		font-size: 0.75em;
		color: #75a7cc;
		margin: 0;
		padding: 13px 10px 30px 10px;
		}

	#footer p a { color: #9dc0db; }

	#footer p a:hover { background-color: #eaeaea; }