#blog_area { /* I don't this this is used */
	width: 100%;
}

/* atype: has information about the postlist view. for example, category info, author info,
 * tag info, etc. */

div.atype {
	font-family: "Lato Bold", sans-serif;
	margin: 6px;
	border: 1px solid #cccccc;
	background: #dcdcdc;
	border-radius: 10px;
	padding: 6px;

}
div.atype h1 {
	font-weight: normal;
	font-size: 20px;
	padding: 0;
	margin: 0 auto 5px 0;
}
div.atype p {
	font-size: 12px;

}

/* posts and post used to entail more than 50% of the front page,
 * but now only is used in the Recent News widget.   It might
 * be worthwhile to replements this in the "news" section of the
 * site, and to convert partpost into this methodology. */

.looppost {
	border: 1px solid #d9d9d9;
	width: 290px;
	height: 230px;
	/*margin: 10px;*/
	margin: 0 5px 5px 0;
	padding: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	border-radius: 10px;
	position: relative;
	float: left;

}
.looppost img {
	width: 120px;
	margin: 5px;
	height: auto;
	float: left;
}
.looppost h2,
#index_widgets .looppost h2 {
	font-size: 18px;
	float: left;
	width: 156px;
	margin: 0;
	padding: 0 2px 4px 2px;
	font-weight: normal;
	font-family: "Pontano Sans", sans-serif;
}
.looppost h2 a {
	text-decoration: none;
}
.looppost .author {
	margin: 0;
	padding: 2px 0;
	color: #444444;

}
.looppost div.preview {
	font-size: 11px;
	text-align: justify;
}

.looppost a.readmore {
	text-decoration: none;
	color: #575E66;
	display: inline-block;
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 5px;
	font-weight: bold;
	padding: 3px 5px;
}
.looppost a.readmore:hover {
	text-decoration: underline;
}


/* eptitle is the name of the episode on the index page. */
h2.eptitle {
	font-family: "Lato Bold", sans-serif;
	/*color: #575E66;*/
	color: #6B93D7;
	font-size: 28px;
	font-weight: normal;
	padding: 0;
	margin: 0 0 2px 2px;
	height: 32px;
	white-space: nowrap;
}
h2.eptitle a {
	text-decoration: none;
}


/* index widgets continues to be the main index widgets. */

#index_widgets {
	width: 328px;
	float: right;
	clear: right;
	font-size: 12px;
}


#index_widgets ul {
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

#index_widgets ul li {
	display: block;
	padding: 5px;
	clear: both;
}

#index_widgets ul h2 {
	font-weight: none;
	width: 100%;
	text-align: left;
	font-size: 24px;
	color: #0e0e0e;
	margin: 0 0 2px 0;
}

#index_widgets ul h2 a,
#index_widgets ul h2 a:hover,
#index_widgets ul h2 a:visited {
	color: #000000;
	text-decoration: none;
}

#index_widgets .pwads {
	width: 125px;
	height: 125px;
	border: 1px solid #000000;
	float: left;
	margin: 5px 13px;

}

#index_widgets ol {
	padding: 0;
	margin: 0;
}


/* in_other_news does not appear to be in use. 

#in_other_news h3 {
	margin: 0;
	padding: 0;
}
#in_other_news h3 a {
	color: #000000;
	text-decoration: none;	
}
#in_other_news p {
	text-align: justify;
	padding: 5px;
	margin: 0;
}

div.upw-content a.post-title {
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	color: #000000;

}

.upw-image {
	width: 80px;
	float: left;
}



/**/

ul.blogroll li {
	clear: none !important;
	float: left;
}


/* indexinfo is the episode and show related
 * info box that exists in the fold on the front page
 * it contains episode id, the original air date,
 * run time, and information about what the show is
 * currently found in index-lastep.php
 */


.indexinfo {
	margin: 20px 10px;
	border: 1px solid #d9d9d9;
	border-radius: 10px;
	padding: 10px;
}

.indexinfo i {
	font-size: 14px;
}

.indexinfo .epinfo {
	font-size: 14px;
	text-align: center;
}

.indexinfo .epinfo label {
	font-weight: bold;
}

.indexinfo .epinfo > span:not(:first-child):before {
	content: "\2022";

}

.indexinfo .epinfo:after {
	content: '';
	display: block;
	border-bottom: 1px solid #003300;
	width: 60%;
	margin: 14px 0 14px 20%;
	clear: both;

}
.indexinfo .showinfo {
	display: block;
	clear: both;
	position: relative;
}

.indexinfo .showinfo .icon {
	width: 10%;
	font-size: 50px;
	color: #1b5774;
	display: block;
	float: left;
	line-height: 150%;
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
}

.indexinfo .showinfo h4,
.indexinfo .showinfo div {
	margin-left: 12%;
}

.indexinfo .showinfo h4 {
	padding: 3px 0;
	margin: 0;
	text-align: center;
	font-size: 14px;
	font-family: Tahoma, Arial, Helvetica, "sans-serif";
	font-weight: bold;
	
}

/* hinblog was the crawler on the top of question 1.0 that had the phone number
 * and this weeks episode.  it is presently unused. 
 *
 * 

#hinblog {
	width: 100%;
	height: 30px;
	border-bottom: 1px solid #7e7e7e;
	position: relative;
}

#hinblog h2, #hinblog h3 {
	margin: 0;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 30px;
	top: 0px;
	left: 0px;
	right: 0px;
	font-size: 15px;
	line-height: 30px;

}

#hinblog h2 {
}

#hinblog h3 {
	display: none;
}

#hinblog a,
#hinblog a:visited {
	color: #6B93D7;
	text-decoration: none;
}

#hinblog .onlinenow a,
#hinblog .onlinenow a:visited {
	color: #FF9531;
	text-decoration: underline;
}

#hinblog a:hover {
	text-decoration: underline;
}

#hinblog .onlinenow span {
	font-weight: bold;
	color: #dd9531;
}
*/




/* fullpost and partpost are the main ways of displaying posts on the website
 * fullpost can be found in fullpost.php, and partpost can be found in loop.php 
 */

#wpcontent {
	/* wpcontent is either one fullpost, or contains many partposts
	 * it is the main content box for a page on aaa */
	width: 610px;
	padding: 3px 13px 3px 2px;
	position: relative;
	float: left;
	font-size: 13px;
	clear: left;
}

.fullpost {
	text-align: justify;
	font-size: 12px;
}

div.onecol {
	width: 100% !important;
	border: none;
}


.fullpost h2 {
	font-size: 28px;
	margin: 0;
	padding: 0;
	margin: 0 0 15px 0px;
}
.fullpost h2 a {
	color: #000000;
	text-decoration: none;
}
.fullpost h2.article_title {
	font-family: "Lato Bold", sans-serif;
}	

.fullpost > p, .fullpost > div {
	text-align: justify;
	margin: 10px 8px;
	word-spacing: 1px;
	line-height: 16px;
}


.fullpost div.post-meta {
	margin: 0 0;
	clear: both;
	width: 100%;
	float: none;
	height: 22px;
	font-family: "Pontano Sans", sans-serif;
}
.fullpost div.post-meta div {
	float: left;
	padding: 0px 10px;
	margin: auto;
}

.fullpost div.post-meta a {
	color: #575E66;
	text-decoration: none;
}
.fullpost div.post-meta a:hover {
	text-decoration: underline;
}

.fullpost div.cat-meta {
	font-family: "Pontano Sans", sans-serif;
	clear: both;
}

.fullpost div.cat-meta div {
	float: left;
	margin: 0 4px;
}



.fullpost blockquote {
	background: url("/images/blockquote_green.svg") no-repeat scroll left top transparent;
	border-left: 3px solid #CCDDCC;
	font-family: "Times New Roman","Times",serif;
	font-size: 14px;
	margin: 15px;
	padding: 18px 10px;
	position: relative;
}

.fullpost blockquote cite {
    bottom: 4px;
    font-family: Times New Roman;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    position: absolute;
    right: 10px;
}


.fullpost div.comment {
	border-top: 1px solid #7e7e7e;

	margin: 10px 0 20px 0;
	position: relative;
	padding-bottom: 18px;

}

div.depth-2 {
	margin-left: 60px !important;
}
div.depth-3 {
	margin-left: 120px !important;
}

.fullpost div.comment div.indent {
	position: absolute;
	bottom: -45px;
	left: 12px;

	border-left: 1px solid #9f9f9f;
	border-bottom: 1px solid #9f9f9f;
	width: 30px;
	height: 30px;

}


.fullpost div.comment img.avatar {
	width: 64px;
	height: 64px;
	border: 1px solid #7e7e7e;
	position: absolute;
	top: -1px;
	left: 0;
}

.fullpost div.comment div.comment-id {
	font-family: "Times New Roman", "Times", serif;
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	position: absolute;
	top: -1px;
	right: 0;
	border: 1px solid #7e7e7e;
	padding: 10px;
	margin: 0;
}
.fullpost div.comment div.comment-id a {
	text-decoration: none;
	color: #575E66;
}


.fullpost div.comment a.comment-reply-link {
	display: block;
	width: 40px;
	height: 10px;
	font-size: 10px;
	line-height: 10px;
	position: absolute;
	bottom: -1px;
	right: 0;
	color: #7e7e7e;
	text-decoration: none;
	padding: 2px;
}

.fullpost div.comment a.totop {
	display: block;
	width: 10px;
	height: 10px;
	font-size: 10px;
	line-height: 10px;
	border: 1px solid #7e7e7e;
	position: absolute;
	bottom: -1px;
	right: 0;
	color: #7e7e7e;
	text-decoration: none;
	padding: 2px;
}


.fullpost div.comment div.meta {
	margin: 2px 68px;
	height: 65px;
	font-family: "Pontano Sans", sans-serif;
}

.fullpost div.comment div.meta a,
.fullpost div.comment div.meta span {
	display: block;
	color: #575E66;
	font-size: 14px;
	padding: 4px 0;
}

.fullpost div.comment div.meta a.date {
	text-decoration: none;
}

.fullpost div.comment div.content {
	margin-bottom: 10px;
}


/* About the Author contains the about the author stuff at the bottom
 * of a post. */
div.about_the_author {
	margin: 6px;
	border: 1px solid #cccccc;
	background: #dcdcdc;
	border-radius: 10px;
	padding: 6px;

}
div.about_the_author h3 {
	color: #575E66;
	padding: 0;
	margin: 0 auto 8px 0;
}
div.about_the_author h3 a {
	color: #575E66;
	text-decoration: none;
}
div.about_the_author h3 a:hover {
	text-decoration: underline;
}
div.about_the_author .aaaicon {
	float: left;
	width: 48px;
	height: 48px;
	margin: 5px;
	display: block;
}
div.about_the_author .aaaicon img {
	width: 48px;
	height: 48px;
}


/* This designs the social media icons on the bottom of posts.
 * you can find the corresponding html in socialmedia.php */


.socialmedia {
	border-bottom: 1px solid #003300;
}

.socialmedia h4 {
	text-align: left;
	text-transform: uppercase;
	margin: 0;
	padding: 2px;
	font-weight: bold;
	font-size: 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #003300;
}
.socialmedia .links {
	width: 100%;
	background-color: #003300;
	height: 50px;
	text-align: center;
	margin: 2px 0;
}

.socialmedia a,
.socialmedia a:visited {
	color: #ffffff;
	text-decoration: none;
	height: 50px;
	width: 50px;
	line-height: 50px;
	font-size: 46px;
	display: inline-block;
	border-left: 1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
	margin: 0 20px;

}

.socialmedia a:hover {
	background-color: #cccccc;
	color: #282828;
}