
/* UNIVERSAL STYLES */
.rule {height: 2px; display: block; background: #fff; text-align: center; text-indent: -9000em;}
a.anchor:hover { text-decoration: none;}
/*all container elements for content areas */

#content_page, 
#post_list, 
#post, 
#comment_list, 
#comment_form { 
	padding: 0 0 10px 0;

	text-align: center;
}

/*paragraph formatting for all content areas */

#content_page p, .post_excerpt, #post p, .comment p { margin: 1.5em 0; padding: 0;}


.post_excerpt, #post p, .comment p {font-size: 1.2em; padding: 0 100px;}



#subnav { 
	border-bottom: 2px solid #fff; 
	position: relative; top: -10px; 
	margin-bottom: 20px; 
	font-size: 1.5em; 
	padding: 3px 0 10px 0; 
	text-align: center;
	text-transform: uppercase;
	font-size: 1.1em;
}

#content_page #subnav li {display: inline; list-style-type: none; padding-left: 15px; background: url(../images/menuDivider.png) left center no-repeat; }
#content_page #subnav li.first {background: none; padding-left: 0;}
/* PHOTO GALLERY */

#gallery_photos {
	width: 105%;
	margin: 20px -20px 5px 0;
	clear: both;
	overflow: hidden;
}

.gallery_photo {
	width: 109px; height: 145px;
	float: left; display: inline;
	padding: 15px 10px 10px 0;
	margin: 0 10px -1px -10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}
	
.gallery_photo img {
	width: 100px;
	margin-bottom: 10px;
	padding-left: 10px;
}
	
	
.gallery_photo a {filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;}
.gallery_photo a:hover {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}


.gallery_photo_title {padding-left: 10px; text-align: center;}



/* BLOGS, LINKS, CALENDAR, LIBRARY */


/* The main post container where all posts are contained - currenlty inhereting styles of other content pages*/

#post_list {}


/* The post excerpt and title on list page*/

.post_excerpt { text-align: center; border-bottom: 1px solid #ccc; margin-bottom: 10px; position: relative;}
.post_excerpt:last-child {border:none;}
.post_title { text-transform: uppercase; font-weight: bold; }


/* The date area of the blog and calendar list */

.post_date {
	font-style: italic;
	color: #666666;
}


/* The container that the entire post is in - currently inhereting styles of other content pages*/

#post, #comment_list { border-bottom: 2px solid #fff; text-align: center;}


/* Post meta info */

#post_meta { border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin-bottom: 10px; text-align: left;}	

#post_meta .post_date {
	float: left; 
	width: 48%; 
	padding: 5px 10px 5px 0; 
	margin-right: 10px; 
	border-right: 1px solid #fff; 
	text-align: right;
}

#post_meta .category {padding: 5px 0; text-transform: uppercase;}

#post_list .category, #comment_list .comment_date {
	width: 80px;
	padding: 10px;
	margin: 0 0 0 -120px;
	position: absolute;
	left: 0;
	z-index: 2;
	font-style: italic; 
	color: #666;
	text-align: center;
}


/* BLOG COMMENTS */

.comment {border-bottom: 1px solid #ccc; margin-bottom: 10px; position: relative;}

#comment_form {text-align: left;}
#comment_form button, #dynamic_form button {

	line-height: normal;
	float:right;
	margin: 15px 0 0 0;
	/*remove following styles to inherit default button style*/

}


/* Library Article Lists - other styles inhereted from form section of main stylesheet */

ul.articles { padding-left: 120px; } /* for more than two radio buttons */
ul.articles li { padding-bottom: 10px;} 



/* The photo container */
.post_photo {
	float: left;
	width: auto;
	height: auto;
	margin: 2px;
	padding: 2px;
	border: 1px #efefef solid;
	clear: none;
	text-align: center;
}


