/* 
	copyright Michelle Rajunov 2009
	Mapping DuBois duBlog css
	duBlog css
	modified: April 20, 2009
	
	#left has archives and comments and toolbar sections
*/

/************************* Main Post ******************************/
#post{	margin: 0;  		min-width: 300px;	max-width: 670px;	width: 65%;
		text-align:left;	float: right;}
#post img{	padding: 5px;	}

/************************* Date ******************************/
#info{	margin:  -20px 1px 20px 0;	float: right;	text-align:right;	padding: 5px 14px;	
		background: #99BB55;		border: 2px solid #667733;			position:relative;	color: #5A4B29;}
#info p{	margin: 2px 0;			text-align: right;}	
#info p.author{	font-size: 10pt; }
#info p.date{	font-size: 9pt; font-style:italic;}

/************************* Featured ******************************/
div.featured{	padding-bottom: 25px;}
div.featured div.text{	margin-left: 20px;}
div.featured p.date{	float:right;	position: relative; 	top: -25px;		font-style: italic;}

div.featured a.more{		margin-left: 15px;}
div.featured a.more img{	margin: -10px 0px -10px -5px;}

/************************* Archives & Comments ******************************/
#left{	    float: left; 	width: 30%;		clear: none;	margin-top: 22px;}
#left p.clear{	height: 250px;}

#archives ul{		margin: 5px 0 0 0;	}
#archives ul li{	font-size:16px;		margin: 15px 0;}
#archives ul ul{	margin-left: 15px; 	}
#archives ul ul li{	font-size: 12px; 	margin: 5px 0;}
#archives ul ul ul{	margin-left: 20px; 	}
#archives ul ul ul li{font-size: 12px;	margin: 2px 0;}
#archives a.archivesSlider img, #archives img.archivesPost{		
	margin:0 4px -4px 0;	width: 13px;	height: 13px;}
#archives a.archivesSlider{			color:#FBE8BE;		}
#archives a.archivesSlider:hover{	border: 0;	cursor: pointer;	}	

#comments{		margin-top: 20px;}
#comments ul{	margin: 10px 0 0;}
#comments li{	clear: both; 	padding: 10px 0 20px;	}
#comments a.commentSlider{		float: right; 	margin: -14pt 0; 	font-size: 8pt;}
#comments a.commentSlider:hover{border: 0;		cursor: pointer;}

#comments div.noComments{border: 2px dashed #667733;	padding: 10px;}
#comments div.name{		border: 1px solid #993333; 	border-width: 3px 0 0 3px;	width: 70%;	 padding: 2px;	font-size: 8pt;}
#comments span.date{	font-size: 7pt;				font-style: italic;			margin-top: 5px;}
#comments div.text{		border: 1px solid #667733; 	border-width: 3px 3px 0px 0;	padding: 7px;	}
				
#addComment_form{		width: 99%;		min-width: 100px;	margin-top: 10px;		display: none;}	
#addComment_form label{	width: 99%;		margin: 0; padding: 0;	}
#addComment_form input,textarea{		margin: 0 0 10px;	width: 99%;}

#comments ul a.delete_comment:hover{border: 0;	cursor: pointer;}
#comments ul a.delete_comment img{	margin-bottom: -3px;}

/************************* Toolbar ******************************/
#toolbar{		margin-bottom: 20px;}
#toolbar img{	margin-bottom: -2px;}
#toolbar img:hover{	cursor: pointer;}
#toolbar p{		margin: 5px 0; }
#toolbar div.files{	padding-left: 20px;}