/****************************************/
/* Happenstance - Home of Brenda Driver	*/
/* Layout Stylesheet					*/

/****************************************/
/* General Formatting					*/
#column_one, #column_two {
	float: right;
}
#column_one {
	background: url(../images/bkgrd_content_r.jpg) repeat-y right;
	padding: 0 12px 0 0;
	width: 707px;
}
#column_oneWrap {
	background: #FFF url(../images/bkgrd_content_l.jpg) repeat-y left;
	padding: 0 0 12px 12px;
	position: relative;
}
#column_oneFooter {
	background: url(../images/bkgrd_widget_btm.jpg) repeat-x;
	padding: 15px 0;
}
#column_two {
	width: 254px;
}

/****************************************/
/* Header								*/
#header {
	left: 0;
	margin: 0;
	position: absolute;
	width: 701px;
}
#header a {
	background: url(../images/bkgrd_header.jpg) no-repeat;
	display: block;
	height: 91px;
	text-indent: -9999px;
}
	/* Navigation */
	#nav {
		background: url(../images/bkgrd_nav.jpg) no-repeat bottom;
		margin: 106px 0 0 0;
		padding: 3px 0 13px 3px;
		position: absolute;
		right: 0;
		width: 621px;
	}
	#nav, #nav ul {
		float: right;
		list-style: none;
		width: 621px;
	}
	#nav a {
		display: block;
		padding: 0px 10px;
	}
	#nav li {
		float: left;
		padding: 0;
	}
	#nav ul {
		height: auto;
		left: -999em;
		line-height: 1;
		margin: 0;
		position: absolute;
		width: 131px;
	}
	#nav li li {
		width: 129px;
	}
	#nav li li a {
		padding: 4px 10px;
		width: 110px;
	}
	#nav li ul ul {
		margin: -25px 0 0 131px;
	}
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {
		left: -999em;
	}
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
		left: auto;    
	}	
	#rss {
		background: url(../images/ico_rss.gif);
		display: block;
		float: left;
		height: 44px;
		margin: 97px 9px 0 14px;
		text-indent: -9999px;
		width: 48px;
	}


/****************************************/
/* Content								*/
#content {
	padding: 65px 12px 132px 12px;
}
#content.single {
	padding: 65px 12px 12px 12px;
}
#content h1.post_title {
	float: right;
	margin: 0 0 18px 1px;
	width: 620px;
}
#content h1.post_title a {
	float: right;
}
#content h2.post_title {
	float: right;
	margin: 0 0 18px 1px;
	width: 620px;
}
#content h2.post_title a {
	float: right;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	margin: 24px 0 10px 0;
}
#content p {
	margin: 16px 0;
}
#content blockquote {
	background: url(../images/bkgrd_quotes.gif) no-repeat 0 2px;
	margin: 20px 0 0 24px;
	padding: 0 24px 0 38px;
}
#content ul, #content ol {
	padding: 10px 18px;
}
#content li {
	padding: 0 0 4px 0;
}
#content img {
	margin: 12px;
}
	/* Post Navigation					*/
	.post_nav {
		clear: both;
	}
	.post_nav h2 {
		margin: 24px 10px 10px 5px;
	}
	.post_nav .nav_left, .post_nav .nav_right {
		width: 45%
	}
	.post_nav .nav_left {
		float: left;
	}
	.post_nav .nav_right {
		float: right;
	}
	.post_nav .nav_left strong {
		display: block;
		float: left;
	}
	.post_nav .nav_left span {
		display: block;
		float: left;
		margin: 0 0 0 6px;
		width: 230px;
	}
	.post_nav .nav_right strong {
		display: block;
		float: right;
	}
	.post_nav .nav_right span {
		display: block;
		float: right;
		margin: 0 6px 0 0;
		width: 230px;
	}

	/* Timestamp						*/
	.timestamp {
		clear: both;
		float: left;
		padding: 6px 0 0 0;
	}
	.timestamp span {
		display: block;
		padding: 0 3px;
	}
	/* Search Form 						*/
	#searchform {
		padding: 7px 0;
	}
	#searchform div {
		background: url(../images/bkgrd_search.jpg) repeat-x bottom;
		float: left;
		padding: 0 0 4px 0;
	}
	#searchform div div {
		padding: 6px 10px;
	}
	#searchform #s {
		width: 8.85em;
	}
	#searchform #searchsubmit {
		float: left;
	}
	
	/* Meta 							*/
	.meta {
		clear: both;
		padding: 0 0 24px 0;
	}
	.meta.single {
		background: url(../images/bkgrd_div1.jpg) no-repeat;
		padding: 54px 12px 12px 12px;
	}
	.meta p {
		margin: 12px 0;
	}
	.meta .tags span {
		background: url(../images/ico_tags.jpg) -13px 0;
		display: block;
		float: left;
		height: 20px;
		padding: 0 6px 0 0;
		text-indent: -9999px;
		width: 32px;
	}
	.meta.single .meta_data {
		margin: 24px 12px 12px 12px;
	}
	.meta .meta_data span {
		display: block;
		margin: 0 0 2px 0;
		padding: 6px;
	}
	
	/* Sociable							*/
	#content .sociable img {
		margin: 6px 6px 6px 0;
	}
	
	/* Comments							*/
	#comments {
		background: url(../images/bkgrd_div2.jpg) no-repeat;
		padding: 54px 12px 12px 12px;
	}
	#comments h2 {
		margin: 10px 0 24px 0;
	}
		/* Comments Form				*/
		#comments_form {
			float: left;
			padding: 0 24px 0 0;
			width: 312px;
		}
		#comments_form legend, #comments_submit legend {
			margin: 0 0 20px 0;
		}
		#comments_form li, #comments_submit li {
			padding: 0 0 6px 0;
		}
		#comments_form strong, #comments_submit strong {
			display: block;
			padding: 0 3px;
		}
		#comments_form label, #comments_submit label {
			display: block;
			padding: 3px;
		}
		#comments_form input, #comments_submit input {
			width: 208px;
		}
		#comments_form textarea, #comments_submit textarea {
			width: 100%;
		}
		#comments_form .submit, #comments_submit .submit {
			background: url(../images/btn_comment.jpg) no-repeat 0 2px;
			height: 26px;
			width: 65px;
		}
		
		/* Comments Listing 			*/
		#comments_users {
			float: left;
			padding: 0 0 84px 18px;
			width: 314px;
		}
		#comments_users li {
			clear: both;
			padding: 0 0 12px 0;
		}
		#comments_users li .reply {
			clear: both;
			padding: 0 0 0 60px;
		}
		#comments_users li .cancel-comment-reply {
			padding: 6px 0 6px 60px;
		}
		#comments_users li .comment-author {
			padding: 0 0 6px 0;
		}
		#comments_users li p {
			margin: 5px 0 5px 60px;
		}
		#comments_users img.avatar {
			float: left;
			margin: 0 6px 6px 0;
		}

/****************************************/
/* Sidebar								*/
#sidebar h2 {
	margin: 12px 0 0 6px;
	padding: 5px 0 0 24px;
}
#sidebar .widgets div {
	background: url(../images/bkgrd_widget_top.jpg) no-repeat;
	padding: 25px 0 0 0;
}
#sidebar .widgets div div {
	background: url(../images/bkgrd_widget_btm.jpg) no-repeat bottom;
	padding: 0 0 25px 0;
}
#sidebar .widgets div div div{
	background: url(../images/bkgrd_widget_l.jpg) repeat-y;
	padding: 0 0 0 25px;
}
#sidebar .widgets div div div div{
	background: #FFF url(../images/bkgrd_widget_r.jpg) repeat-y right;
	padding: 0 25px 0 0;
}

	/* Archives							*/
	#sidebar #archives h2 {
		background: url(../images/bkgrd_widget_header1.jpg) no-repeat;
	}
	#sidebar #archives select {
		padding: 6px;
		width: 100%;
	}
	
	/* Categories						*/
	#sidebar #categories h2 {
		background: url(../images/bkgrd_widget_header2.jpg) no-repeat;
	}
	#sidebar #categories ul ul {
		padding: 0 0 0 12px;
	}
	#sidebar #categories ul ul li {
		background: url(../images/bkgrd_cats.gif) no-repeat 0 6px;
		padding: 0 0 0 12px;
	}
	
	/* Friend Feed						*/
	#sidebar #friendfeed h2 {
		background: url(../images/bkgrd_widget_header3.jpg) no-repeat;
		padding: 16px 0 24px 24px;
	}
	#sidebar #friendfeed #ff-activity {
		background: none;
		margin: 0;
		padding: 0;
	}
	#sidebar #friendfeed div {
		background: none;
		padding: 0;
	}
	#sidebar #friendfeed div div {
		background: url(../images/bkgrd_widget_btm.jpg) no-repeat bottom;
		padding: 0 0 25px 0;
	}
	#sidebar #friendfeed div div div{
		background: url(../images/bkgrd_widget_l.jpg) repeat-y;
		padding: 0 0 0 25px;
	}
	#sidebar #friendfeed div div div div{
		background: #FFF url(../images/bkgrd_widget_r.jpg) repeat-y right;
		padding: 0 25px 0 0;
	}
	#sidebar #friendfeed div div div div div{
		background-image: none;
		background-position: left top;
		background-repeat: no-repeat;
		padding: 0 0 0 25px;
	}
	#sidebar #friendfeed div div div div div div div{
		padding: 0;
	}
	
/****************************************/
/* Footer								*/
#footer {
	background: url(../images/bkgrd_footer.gif) repeat-x;
	margin: -24px 0 0 0;
	padding: 113px 0 0 0;
	position: relative;
	z-index: 50;
}
#footer_emb {
	background: url(../images/img_bamboo.png) !important;
	height: 205px;
	position: absolute;
	right: 0;
	top: -96px;
	width: 187px;
}
#footer_inner {
	float: right;
	padding: 0 12px 0 0;
	width: 707px;
}
#footer_col1, #footer_col2, #footer_col3 {
	float: left;
	padding: 0 12px 0 67px;
	width: 160px;
}
#footer_col1 {
	padding-left: 56px;
}
#footer h2 {
	margin: 10px 0;
}
#footer ul li {
	padding: 0 0 6px 0;
}
#footer_info a {
	display: block;
}
#footer_info span {
	display: block;
	padding: 10px 0 0 0;
	margin: 0 6px 24px 0;
}
#footer_info #wordpress {
	background: url(../images/btn_wordpress.png);
	float: right;
	height: 50px;
	text-indent: -999em;
	width: 50px;
}
#footer_info a.rss {
	background: url(../images/ico_rss_post.png) no-repeat;
	margin: 6px 0 0 0;
	padding: 3px 3px 3px 22px;
}
