/*  
Theme Name: metanomaly v8
Theme URI: http://www.metanomaly.net
Description: Custom theme for metanomaly.net
Version: 1.0
Author: Kim Maida
Author URI: http://www.kim-maida.com/

*/

/*-------------------
	BODY & RESETS
-------------------*/

* { margin: 0; padding: 0; } /* reset */
img { border: none; }
a { text-decoration: none; }

/*--- body ---*/

body { 
	background: #020201 url(graphics/bg_page.jpg) center top repeat-y fixed;
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 12px;
	color: #543822;
}

/*--- persistent classes ---*/

.clearfix { clear: both; }
.va { vertical-align: middle; }
.floatleft { float: left; }
.floatright { float: right; }
.center { text-align: center; }

/*-------------------
	   LAYOUT
-------------------*/

#wrapper { /* defines width for all page content */
	 margin: 0 auto;
	 height: auto;
	 width: 976px;
}

#header { /* contains logo and main menu */
	background: url(graphics/header.png) top left no-repeat;
	height: 89px;
	padding: 0 8px 0 8px;
}

/*--- Main body of page ---*/

#content_top {
	background: url(graphics/content_top.png) no-repeat;
	height: 20px;
}

#content {
	background: url(graphics/content_middle.png) repeat-y;
	height: auto;
	overflow: hidden;
	padding: 0 28px 0 28px;
}

.main_wrapper {
	float: left;
	height: auto;
	width: 583px;
	overflow: hidden;
}

	#main_wrapper_wide {
		margin: 0 auto;
		width: 920px;
		height: auto;
	}

#sidebar_wrapper {
	width: 310px;
	float: right;
	overflow: hidden;
}

/*-------------------
	   MENU
-------------------*/

#menu { /* ul for menu */
	float: right;
	height: 25px;
	margin: 60px 20px 0 0; 
	list-style: none;
	display: block;
}

#menu li { float: left; }

#menu li a.blog {
	background: url(graphics/menusprite.png) no-repeat;
	border-top: 4px solid transparent;
	display: block;
	width: 38px;
	height: 18px;
	margin-right: 25px;
	padding-top: 4px;
}

#menu li a.blog:hover {
	border-top: 4px solid #966c4a; }
	
#menu li a.gallery {
	background: url(graphics/menusprite.png) no-repeat;
	background-position: -38px;
	border-top: 4px solid transparent;
	display: block;
	width: 60px;
	height: 18px;
	margin-right: 25px;
	padding-top: 4px;
}

#menu li a.gallery:hover {
	border-top: 4px solid #966c4a; }
	
#menu li a.websites {
	background: url(graphics/menusprite.png) no-repeat;
	background-position: -98px;
	border-top: 4px solid transparent;
	display: block;
	width: 73px;
	height: 18px;
	margin-right: 25px;
	padding-top: 4px;
}

#menu li a.websites:hover {
	border-top: 4px solid #966c4a; }
	
#menu li a.contact {
	background: url(graphics/menusprite.png) no-repeat;
	background-position: -171px;
	border-top: 4px solid transparent;
	display: block;
	width: 63px;
	height: 18px;
	padding-top: 4px;
}

#menu li a.contact:hover {
	border-top: 4px solid #966c4a; }

/*-------------------
	   FEATURED
-------------------*/

.featured_top {
	background: url(graphics/featured_top.png) left no-repeat;
	height: 60px;
	overflow: hidden;
}

	.featured_date { 
		background: #ecebd0;
		color: #77553a;
		font-size: 11px;
		margin: 0 0 0 17px;
		padding: 3px;
	}

.featured_content {
	background: url(graphics/featured_middle.png) repeat-y;
	height: auto;
	overflow: hidden;
	padding: 10px 20px 10px 20px;
}

	.featured_content img { /* style for the mandatory featured post image, prob. needs alteration */
		border: 10px solid #ecebd0;
		height: 100px;
		width: 100px;
		float: right;
		margin-left: 10px;
	}

.featured_bottom {
	background: url(graphics/featured_bottom.png) no-repeat;
	height: 46px;
	padding: 10px 20px 0 20px;
}

	.readmore {
		float: right;
		padding: 10px 0 0 0;
	}
	
/*-------------------
	    POST
-------------------*/

.post_wrapper { /* floating the containing div will clear floats afterward */
	margin: 0 0 30px 0;
	float: left;
}

	.no_top {
		margin: 0 30px 30px 0;
	}

.avdate {
	height: 122px;
	width: 102px;
	float: left;
}

	.avatar {
		background: #EAE8C6 url(graphics/avatar_bg.png);
		height: 80px;
		width: 80px;
		padding: 11px;
	}
	
	.avatar_index { /* for some reason the index page needs this */
		margin-top: -1px;
	}
	
	.avatar img {
		height: 80px;
		width: 80px;
	}

	.postdate {
		padding: 5px 0 0 0;
		width: 102px;
	}
	
.post {
	float: left;
	width: 465px;
	margin: 0 0 0 15px;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #d8d0ae;
}

	.postfooter {
		float: left;
	}
	
	.postcomments {
		float: right;
		margin-top: 5px;
	}

/*-------------------
	 COMMENTS
-------------------*/

.comments_wrapper {
	width: 580px;
	float: left;
	margin-bottom: 20px;
}

.commenter {
	float: right;
}

.commentblock {
	background: #dddab5;
	width: 560px;
	padding: 10px;
	height: auto;
	overflow: hidden;
}

.comment_text {
	float: left;
	line-height: 18px;
	width: 410px;
}

.comment_avatar {
	height: 92px;
	width: 92px;
	padding: 0 10px 10px 10px;
	float: right;
}

ol { list-style: none; }

/*-------------------
	LEAVE COMMENT
-------------------*/

.leaveacomment {
	clear: both;
	width: 580px;
	line-height: 18px;
}

.label {
	float: left;
	width: 80px;
	height: 14px;
	padding: 5px 0 5px 0;
	color: #543822;
	margin-bottom: 5px;
}

.input {
	background: url(graphics/input.png);
	border: none;
	width: 268px;
	height: 20px;
	float: left;
	padding: 4px 0 0 5px;
	color: #543822;
	margin-bottom: 5px;
}

.comment_textarea {
	background: url(graphics/textarea.png);
	height: 160px;
	width: 570px;
	padding: 5px;
	color: #543822;
	border: none;
	margin-bottom: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

.submitbutton {
	background: url(graphics/submitbutton.png);
	width: 100px;
	height: 31px;
	clear: both;
	border: none;
	cursor: pointer;
}

.commentactions {
	padding: 0 0 0 30px;
	color: #bbb98b;
}

/*-------------------
	 NAVIGATION
-------------------*/

.postnavigation {
	width: 580px;
}

/*-------------------
	   PAGE
-------------------*/

.page {
	line-height: 18px;
}

/*-------------------
	   SIDEBAR
-------------------*/

.widget { /* full-width sidebar widget */
	float: left;
	height: auto;
	width: 310px;
	overflow: hidden;
}

	.widget_bg { /* colored block for widget */
		background: #dddab5;		
		height: auto;
		width: 100%;
		padding: 9px;
	}
	
	.widget_spacer { margin-top: 20px; } /* adds spacing between widgets */
	
	.rss { 
		float: left;
		height: 33px;
	}
	
	.rssimage {
		background: url(graphics/rss.png) no-repeat;
		width: 39px;
		height: 33px;
		float: left;
	}
	
	.rsstext {
		height: 25px;
		width: 260px;
		padding: 8px 0 0 8px;
	}
	
	.searchbox {
		background: url(graphics/searchbox.png) no-repeat;
		height: 18px;
		width: 250px;
		border: none;
		padding: 7px 5px 5px 5px;
		color: #8e7255;
	}
	
	#searchsubmit {
		background: url(graphics/go.png) no-repeat;
		height: 31px;
		width: 36px;
		cursor: pointer;
		border: none;
		margin-left: 5px;
	}
	
	.about { list-style: none; padding: 9px 9px 5px 9px; }
	.about li { padding: 0 0 5px 0; }
	
	.twitterbird {
		background: url(graphics/twitter.png) no-repeat;
		height: 37px;
		width: 56px;
		float: left;
	}
	
	.twitterbox {
		background: #dddab5;		
		height: auto;
		width: 236px;
		padding: 9px;
		float: left;
	}
	
	#twitter_update_list {
		list-style: none;
		line-height: 16px;
	}
	
	.blogroll { /* list style */
		background: #dddab5;
		list-style: inside url(graphics/bookmarks.png);
	}

	.widget_half { /* half sidebar column-- add a float class to the xhtml */		
		height: auto;
		width: 150px;
	}
	
	.categories { /* list style */
		background: #dddab5;
		list-style: inside url(graphics/categories.png);
		padding: 9px;
	}

	.tags { /* list style */
		background: #dddab5;
		list-style: inside url(graphics/tags.png);
		padding: 9px;
	}

/*-------------------
	   FLICKR
-------------------*/

.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 6px solid #8e7255;}

/*-------------------
      PAGES
-------------------*/

.website_button {
	width: 200px;
	height: 40px;
	float: left;
	margin: 5px 0 5px 0;
}

.website_text {
	width: 310px;
	padding: 0 0 0 30px;
	float: left;
	height: 40px;
	margin: 5px 0 5px 0;
}

.website_spacer {
	clear: both;
	padding-top: 20px;
}

.pad {
	padding: 0 8px 0 20px;
}

/*-------------------
	   FOOTER
-------------------*/

#content_bottom {
	background: url(graphics/content_bottom.png) no-repeat;
	height: 39px;
	width: 976px;
	text-align: center;
	padding: 8px 0 0 0;
	margin: 0 auto;
}

#footer2 {
	margin: 0 auto;
	padding: 0 0 10px 0;
}

/*-------------------
	HEADINGS & P
-------------------*/

h1, h1 a, h1 a:hover {
	font-size: 16px;
	color: #77553a;
	padding-bottom: 6px;
}

.featured_top h2 {
	font-size: 18px;
	color: #77553a;
	padding: 10px 20px 0 20px;
}

.pagetitle h1 {
	font-size: 16px;
	color: #77553a;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #c0bd92;
	
}

.center h2 { 
	color: #77553a;
	padding: 0 0 20px 0;
	text-align: center;
}

.featured_top p {
	padding: 10px 0 0 0;
}

.page p {
	padding: 7px 0 7px 0;
}

h3, h4, h5, h6 {
	color: #77553a;
	padding-bottom: 6px;
}

.featured_content p {
	line-height: 18px;
}

.post p {
	line-height: 18px;
	padding: 0 0 10px 0;
}

.loggedin {
	line-height: 18px;
	color: #543822;
	padding: 0 0 5px 0;
}

/*-------------------
	TEXT AND LINKS
-------------------*/

a { color: #77553a; }
a:hover { color: #aa8765; }

.featured_content a, .post a, .page a { font-color: #77553a; }
.featured_content a:hover, .post a:hover, .page a:hover { font-color: #aa8765; }

.featured_bottom { font-size: 11px; color: #77553a; }
.featured_bottom a, .commenter a { color: #77553a; font-weight: 600; }
.featured_bottom a:hover, .commenter a:hover { color: #aa8765; }

.postdate { color: #77553a; font-size: 11px; text-align: center; }
.post, .comment_text, .page { color: #543822; }
.postfooter a, .postcomments a, .loggedin a { font-size: 11px; color: #77553a; font-weight: 600; }
.postfooter a:hover, .postcomments a:hover, .loggedin a:hover { color: #aa8765; }

.postnavigation a { font-size: 11px; color: #77553a; font-weight: 600; }
.postnavigation a:hover { color: #aa8765; } 

.postmetadata { font-size: 11px; line-height: 16px; }

.commenter { font-size: 11px; color: #bbb98b; }

.req { color: #C00; }

.commentactions a { padding: 0 0 0 30px; color: #bbb98b; }
.commentactions a:hover, .cancel-comment-reply a:hover { color: #99975f; text-decoration: underline; }

.cancel-comment-reply a { color: #bbb98b; }

.widget, .featured_content { font-size: 12px; color: #77553a; }

.widget a { color: #1e0f03; }
.widget a:hover { color: #4d2c12; text-decoration: underline; }

.twitterfollow a {
	background: url(graphics/twitterlink.png) 100% 60% no-repeat;
	padding: 0 11px 0 0;
	font-size: 11px;
	color: #bbb98b;
	float: right;
}

.twitterfollow a:hover { color: #a19569; }

.categories li a, .tags li a, .blogroll li a { color: #77553a; }
.categories li a:hover, .tags li a:hover, .blogroll li a:hover { color: #1e0f03; }

.flickr a { border: #8e7255 5px solid; }

.website_text i, em { font-family: Georgia, "Times New Roman", Times, serif; color: #7e593b; }

#content_bottom { font-size: 11px; }

#footer2 { font-size: 10px; color: #c0bd92; text-align: center; }