@charset "utf-8";
/* CSS Document */

/*#ie6only #mainArticleInner {
	overflow: hidden;
}*/

/* Necessary if the article actions bar doesn't show
 * #comments {
	clear: both;
}*/

#comments_form .wideHr {
	height: 8px;
}

/* Logo of a section */
#mainArticleInner > img:first-child {
	margin-top: 15px;
}

/**
 * A Place Called Ananda 
 */
.bio {
	font-style: italic;
}

/* Little smiley graphics */
#wrapup img.wp-smiley {
	border: none;
	display: inline;
	background: none;
	padding: 0;
	margin: 0;
	float: none;
	clear: none;
}

#wrapup ol.commentlist p {
/*	white-space: pre-wrap; This messes up comment reply form */
}

/* On listing pages, in excerpts, list width was really small
 * See http://www.ananda.org/community/blog/category/community/
 */
#mainArticle .entry ul, 
#mainArticle .entry ol {
	overflow: inherit;
}

.nocomments {
	font-style: italic;
}

/** The floating here is so that posts can have floated elements inside, 
 * that clear only content *within* the post
 */
.post {
	float: left;
	clear: left;
	margin-top: 6px;
	width: 400px; /* Fixes a horrible problem in Firefox, with float: left; causing .post to be full width */
}

/* Multiple posts, with excerpts and floated photos, don't work for IE 6 or 7 */
#ie7only .post,
#ie6only .post  {
	clear: none;
	float: none;
}

#wrapup .post h2 {
	margin-top: 4px;
}

/* There should be no extra margins if there's just one post */
	body.home #wrapup .post {
		margin-top: 0;
	}
	
	body.home #wrapup .post h2,
	body.single #wrapup .post h2 {
		margin-top: 0;
	}
	
	/* But don't mess up the comments */
	#wrapup .post h2#comments {
		margin-top: 12px;
	}
	
	#wrapup .post #comments h3:first-child {
		margin-top: 12px;
	}
	
	#mainArticle h1 {
		margin-bottom: 4px;
	}

.post-meta {
margin: 1em 0 2em 0;
	clear: left;
}

.post-meta, 
.post-meta a {
	color: #636263;
	font-style: italic;
}

.author-description a {
	display: block;
	margin: 0.5em 0;
	font-style: normal;
}

.postmetadata {
	clear: both;
}

#wrapup .about-author img {
	margin-bottom: 0;
}

	/* Home */
	
body#home .entry h2 /*,
body#guest .entry h2 */ {
	margin-top: 0;
}
	
body#home div.about-author,
body#guest div.about-author {
	float: left;
	width: 108px; /* For the images: 80width + 16padding + 12margin */
	/* margin-left: 12px; If it is floated right */
}
	
body#home div.about-author p.caption,
body#guest div.about-author p.caption {
	font-weight: normal;
	width: 96px;
}

body#home div.entry /*,
body#guest div.entry*/ {
	margin-left: 108px;
	/* width: 320px;  was 370 
	margin-bottom: 1em;*/
}

/* So blog content doesn't clear the #articleInfoColumn
 * An incredibly cheap hack
 * This also slows down page load times considerably for IE 6
 */
#ie6only #articleInfoColumn {
	position: absolute;
	right: -20px;
	float: none;
}

/* Text was overlapping 
 * Actually, this doesn't fix the progblem, but it should */
#ie7only #articleInfoColumn {
	padding-left: 20px;
}


/**
 * Comments
 */
 
 #comments ol.commentlist {
	 margin: 12px 0 0 0;
	 padding: 0;
	 list-style-type: none;
 }
 
 #comments ol.commentlist li {
	 margin: 0 0 18px 0;
 }
 
 #comments ol.commentlist ul.children {
	 margin: 18px 0 0 0;
	 padding: 0 0 0 2em;
	 list-style-type: none;
 }
 
	/**
	 * Single comments
	 */ 
	 /* Unused for now */
	 #comments .comment-author img {
		 display: none;
	 }
	 
	 /* The author name */
	 #comments cite.fn {
		font-weight: bold;
		font-style: normal;
		font-size: 100%; /* Same as h3 */
	 }
	 
	 #comments span.says {
		 display: none;
	 }
	 
	 /* The date and link */
	 #comments .comment-meta a {
		 color: #777;
		 font-style: italic;
	 }
	 
	 /* 4px before, 12px total after, 8px before a reply link */
	 #comments li.comment p {
		 margin: 4px 0 12px 0;
	 }
	 
	 /**
	  * Responding
	  */
	  #respond {
		  margin-top: 18px;
		  border: 1px solid #CCCCCC;
		  padding: 12px;
		  background: none repeat scroll 0 0 white;
	  }
	  
	  #respond textarea {
		  width: 95%;
	  }
	  
	  #respond .form-allowed-tags {
		  display: none;
	  }
	  
	  #comments h2#comments-title {
		  margin-top: 18px;
	  }
	  
 /* Hiding broken comment, and website url field */
 #div-comment-,
 .comment-form-url {
	 display: none;
 }
 
 .comment-form-author input,
 .comment-form-email input {
	 display: block;
 }
 
 .comment-form-author label,
 .comment-form-email label {
	 display: inline;
 }
 
 #wrapup p.comment-form-comment {
	 margin-bottom: 0;
 }