body {
	background: #DAD9C7 url(images/page_bg.jpg) repeat-y top center;
	font-family: arial,sans-serif;
}

#page {
	width: 730px;
	margin: 0 auto;
}

a#header {
	display: block;
	border: 0;
	height: 265px;
	margin-top: 16px;
	background-color: #fff;
	background-image: url(images/header.jpg);
	overflow: hidden;
	margin-bottom: 20px;
}
a#header h1 {
	position: absolute;
	top: -999px;
	left: -999px;
}

#container{
	width: 730px;
}

#main {
	width: 450px;
	padding-top: 0;
}


#sidebar {
	width: 238px;
	border: 0;
	background-color: #fff;
}
#sidebar a {
	color: #fff;
}
#sidebar a:hover {
	color: #fff;
	text-decoration: underline;
}
#sidebar_content {
	background-color: #6EB0D2;
}
#sidebar ul h2 {
	border-bottom: 0;
	margin-bottom: 0;
	margin-top: 10px;
}
#sidebar ul {
	padding: 0 15px;
}
#sidebar ul li {
	font-size: 16px;
	color: #fff;
	line-height: 1.4em;	
	padding: 0;
}
#sidebar ul ul {
	padding: 0;
}
#sidebar ul ul li {
	border-bottom: 0;
	padding: 0 10px 10px 10px;
	line-height: 1.2em;
}

#sidebar ul li form {
	margin: 0;
}

.title {
	margin-bottom: 10px;
}

a,
.title h2 a,
.entry a,
#sidebar ul h2,
.commentlist a {
	color: #386e8e;
}

.title h2 a:hover,
.entry a:hover {
	color: #386e8e;
}

a:hover,
.commentlist a:hover {
	color: #386e8e;
	border: 0;
	text-decoration: underline;
}

#sidebar #social_links {
	width: 185px;
	height: 54px;
	margin: 0 auto;
	margin-bottom: 10px;
	background-color: #fff;
}
#sidebar #social_links a {
	display: block;
	float: left;
}
#sidebar #social_links #twitter_link,
#sidebar #social_links #facebook_link {
	margin-right: 10px;
}
#sidebar #social_links img {
	display: block;
	width: 55px;
	height: 54px;
}

#sidebar #subscribe2 {
	font-size: 12px;
}
#sidebar #subscribe2 .subscribe {
	margin-left: 11px;
}
#sidebar #subscribe2 p {
	margin: 0 0 5px 0;
}
#sidebar #subscribe2 input[type="text"] {
	width: 180px;
}
#sidebar #subscribe2 input[type="submit"] {
	font-size: 10px;
}

#sidebar #contributors {
	width: 223px;
	/* Since IE 6 puts these stupid gaps between each of the li's for no reason I can discover,
	let's just put one of the background images on the whole thing so you can't tell. */
	background-image: url(images/contributor_bg_odd.jpg);
}
#sidebar #contributors li {
	font-size: 12px;
	background-repeat: repeat-y;
	padding: 4px;
	height: 58px;
}
#sidebar #contributors li.odd {
	background-image: url(images/contributor_bg_odd.jpg);
}
#sidebar #contributors li.even {
	background-image: url(images/contributor_bg_even.jpg);
}
#sidebar #contributors li img {
	display: block;
	float: left;
	width: 39px;
	height: 58px;
	margin-right: 12px;
}
#sidebar #contributors li p {
	margin: 6px 0 5px 0;
}
#sidebar #contributors li a {
	display: block;
	text-decoration: underline;
}

#sidebar li.widget_tag_cloud div {
	padding-left: 10px;
}

#sidebar li.recentcomments {
	font-size: 12px;
}

#sidebar #twitter_update_list li {
	font-size: 12px;
	padding-bottom: 10px;
}
#sidebar #twitter_update_list li a {
	text-decoration: underline;
}

.postmeta, .postmeta a {
	color: #676566;
}
.postmeta_date {
	font-style: italic;
	padding-right: 15px;
}
.entry {
	margin: 0;
	border-bottom: 0;
}

.post {
	margin-bottom: 0;
}
.post_separator {
	margin: 20px 0;
	height: 4px;
	background-image: url(images/separator_dot.gif);
	background-repeat: repeat-x;
	font-size: 1px;
}


#footer {
	border: 0;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 20px;
}


/*------------------------ Search Form ------------------------*/

#searchform {
	background: none;
	margin: 0;
}

#searchform:hover {
	background: none;
}

#searchinput {
	float: left;
	background-color: #fff;
	border: 1px solid #c6c6a2;
	width: 190px;
	height: 18px;
	padding: 0 5px 0 5px;
	color: #999999;
}

#searchsubmit {
	float: right;
	background: none;
	border: 0;
	color: #a6a682;
	width: 50px;
	height: 18px;
	font-size: 13px;
	cursor:pointer;
}



/*------------------------ Offsite Link Notice ------------------------*/

/* Overlay */
#modalOverlay { background-color:#000; cursor:wait; }

/* Container */
#modalContainer { width: 440px; left:50%; top:15%; margin-left:-220px; background-color:#F3F3E9; border:7px solid #C9C5A8; }
#offsiteLinkModalContent { padding: 20px 20px; font-family: Helvetica, Arial, Verdana, sans-serif; color: #333; font-size: 13px; line-height: 19px; }
#offsiteLinkModalContent p { margin-top: 0px; margin-bottom: 20px; }
#offsiteLinkModalContent a { color: #5270A2; font-size: 10pt; text-decoration: none; }
a.continue { display: block; float: right; border-bottom: 0; margin-bottom: 20px; }
#offsiteLinkModalContent a.return { display: block; width: 200px; border: none; }
