/*   
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 0 0 200px;
	background: #3c5669 url("images/faux.gif") 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: 900px;
	margin: 0 auto;
	padding: 0 16px;
	background: #3C5669 url("images/faux.gif") repeat-y;
	}




#header {
	width: 698px;
    height: 200px;
	margin: 0 1px 1px 1px;
	overflow: hidden;
	background: #16adff url("images/strand_hammamet.jpg") no-repeat;
	}

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

#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: 898px;
	margin: 0 1px 1px 1px;
	background: url("images/faux_2.gif") repeat-y;

	}



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

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

	#content h2 {
		font: 1.5em "trebuchet ms", arial, helvetica, sans-serif;
		color: #77a0ca;
		margin: 0;
		padding: 0;
		}
	#content h3 {
		font: 1.3em "trebuchet ms", arial, helvetica, sans-serif;
		color: #77a0ca;
		margin: 0;
		padding: 0;
		}
		#content h2 a { color: #77a0ca; }

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

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

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

		#content small a { color: #aaa; }

		#content small a:hover { background-color: #f0f0f0; }

	#content p {
		font-size: 0.8125em;
		line-height: 1.5em;
		margin-top: 15px;
		padding: 0;
		}

		#content a { color: #5cb5e9; }

		#content a:hover { background-color: #f0f0f0; }

		#content p a:visited { color: #1773aa; }

	#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: 10px; }

	#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: 0 15px 20px 15px;
	float: left;

	display: inline; /* IE doubles the right margin */
	}

	#sidebar h3 {
		font: 1.25em "trebuchet ms", arial, helvetica, sans-serif;
		color: #42739b;
		margin: 15px 0 0 0;
		}
	#sidebar h4 {
		font: 1em "trebuchet ms", arial, helvetica, sans-serif;
		color: #42739b;
		margin: 15px 0 0 0;
		}

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


	#sidebar ul li {

		font-size: 0.75em;
		list-style-image: url("images/arrow.gif");
		margin-top: 1px;
		}

	#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;
		}


#adspace {
	width: 180px;
	padding-left: 20px;
	float: left;
}

#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; }