/*

Theme Name: Headwaters Foundation
Description: This theme is used for the Headwaters Foundation
website and will handle their news and photo gallery system
Author: Rob Simpson

*/

#news-left { background: #FFF; float: left; width: 520px; margin-bottom: 15px; padding: 20px; border: 1px solid #666; }
#news-right { float: right; width: 210px; margin-bottom: 15px; margin-left: 5px; }
.sidebarBox { border: 1px solid #666; padding: 3px; margin-bottom: 10px; }
.sidebarBox h3 { font-size: 14px; line-height: 14px; font-weight: normal; color: #FFF; background: #333; display: block; padding: 5px; margin-top: 0px; margin-bottom: 0px; }
.sidebarBox ul { list-style: url(none) none; margin: 0px; padding: 0px; }
.sidebarBox ul li { padding: 3px; border-bottom: 1px solid #CCC; }
.sidebarBox ul li a { text-decoration: none; }

.newspost { padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #FFF; border-bottom: 1px solid #999; }
#news-left p { text-align: justify; margin-top: 2px; }

#searchform { padding: 4px; }
.newspost p.meta { background: #FFC; color: #333; font-size: 11px; font-style: normal; padding: 4px; width: 170px; min-width: 170px; height: 15px; line-height: 15px; border: 1px solid #333; }
#breadcrumbs { font-size: 11px; }
.info { font-size: 11px; }

/* Comments Template */

#comments_template {
 margin-top: 2em;
 background: #ededed;
 border: 1px solid white;
 border-right: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
 clear: both;  
margin-bottom: 28px;
 overflow: hidden;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
position: relative;
}

#comments_template input {
 background: white;
margin-right: 10px;
}

#comments_template li {
clear: left;
border-bottom: 1px solid #d3d3d3;
border-top: 1px solid white;
padding: 2em 0;
overflow: hidden; 

}

#comments_template li:first-child {
border-top: none;
}

#comments_template li:last-child {
 border-bottom: none;
}

#comments_template .avatar {
 float: left;
 margin-right: 25px;
 background: #afafaf;
 border: 1px solid white;
border-right: none;
border-bottom: none;
 padding: 4px;
}

.main_comment {
 background: white;
 margin-left: 133px;
 padding: 15px;
position: relative;
}

.main_comment span.arrow {
 width: 0;
 height: 0;
 line-height: 0;
 border-bottom: 25px solid #ededed;
 border-right: 20px solid white;
 position: absolute;
 top: 10px;
 left: -20px;
}