/*This sets the heading material (header, h1, h2, etc.) that are specific to the blog.*/
header#blog {
	background-image: url('http://millercenter.org/images/blog/template/riding-the-tiger-header-image7.jpg');
} 

h1.blog {
	font-family: "Minion Pro", "Hoefler Text", "Baskerville old face", Garamond, "Times New Roman", serif;
	font-size: 24px;
	text-align: center;
	margin-bottom: -18px;
	background-image: url('http://millercenter.org/images/blog/template/banner-underline9.gif'); 
	padding-bottom:20px;
	background-repeat: no-repeat;
	background-position: fixed;
	background-position: 123px 17px;
}

h1 a:hover, h2 a:hover {text-decoration:none;}

/*h1 + h2.blog {
	font-style: italic;
	text-align: center; 
	color: #174A7C; 
	position: relative; 
	top: -12px; 
	font-size: 16px; 
	z-index: -1; 
	margin-bottom: -18px;
	background-image: url('http://millercenter.org/images/blog/template/banner-underline9.gif'); 
	padding-bottom:10px;
	background-repeat: no-repeat;
	background-position: fixed;
	background-position: 123px 17px;}*/

#blog-mission-quote {
	font-size: 13px; 
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; 
	color: #333; 
	margin-left: 25px;}

blockquote {margin: 25px;}

/*These styles apply to both the index page of the blog and also to the listing page. */
.blog-entry {	
	margin: 0 10px 25px 15px; 
	max-width: 750px;}

.post-body {
	padding-top:10px; max-width: 750px;
}
	

div.entry-footer {
	float: left;
	line-height: 25px;
	text-align: right;
	clear: right;
	width: 100%;

}

	.entry-footer .social {
		float: left; 
	}
	
	.entry-footer .social .twitter-share-button {
		margin-bottom: -3px;
	}
	
	.entry-footer .social .fb_iframe_widget {
		position: relative; 
		top: -4px;
	}


.category {
	font-size: 13px;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; 
	border-radius: 3px;
	background: #f1e9de;
	white-space: nowrap;
}
		
.category a {
	color: #333;
}

.comments-number {
	text-align: left;font-size: 13px;font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; 
}


/*These styles further specify styles for the index page of the blog. */
.recent-posts {
	margin-top:10px; width: 65%;
}
	.recent-posts .blog-entry {
		padding: 20px 0 5px 5px;
		float:left;
		margin-bottom:25px;
		border-bottom: 5px solid #EDF2F7;
		min-width: 600px;}
	
	.recent-posts .blog-entry h2, .blog-entry h1 {margin-top:0; font-size: 20px; }

	.blog-entry-heading {
		color: #666; 
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; 
		margin-bottom:0;
	}
	
	.recent-posts .post-body {padding-top:10px; max-width: 635px; } 
	
.post-date-author {float:right; text-align: right;line-height: 6px; margin: 0 0 10px 5px; }

.post-author, .post-date {font-size: 12px;}

aside {
	width: 230px;
	min-height:250px;
	clear:right;
	margin-top: 0;
	}

aside p+p {text-indent: 0;}

	aside .social {margin-left: 25px; text-align: center;}

	aside .social img {
		padding-right: 3px
	}
	aside .fb-like {
		position: relative;
		top: -4px;
	}
	aside .twitter-share-button {
		margin-right: 5px;
	}
	aside ul, aside li {
		margin:0;
		list-style-type:none;
	}
	
	aside form {margin-bottom: 10px;}
	
	.highlights-cluster {}
	.highlight-individual {margin: 3px 0 7px 0;border-bottom: 3px solid #fff; min-height: 50px; }
	.highlights-cluster div:last-child {border-bottom: 0;}
	.highlight-thumb {float:left; max-width: 65px; margin: 3px 3px 3px 0; border: 2px solid #fff;}

aside p.blogroll {margin-left: 25px;}

aside p.blogrollcategory {margin-left: 50px;}

p.mission-statement {font-size: 13px;  color: #000; height: 125px;line-height: 18px; text-align: center;
/*	font-family: "Minion Pro", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; 
	padding: 5px;
	font-size: 14px; 
	line-height: 25px;
	text-align: center;  
	font-weight: bold; */
}

.pagination {clear:both; padding: 0 25px 25px 0; margin-left: 200px;}
	

/*We use the upppercase style for several elements on this portion of the site. Below is the
  place to specify that. */
.nav {
	text-transform: uppercase;
	font-size: 13px;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}


/*This is for the comments section on individual entry pages. */
#comments {clear:both;margin-top: 50px;}

.comment_entries {clear: both; width: 700px; margin-left: 75px; }

.comment-author-date {
	float:left; 
	color: #666; 
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; 
	line-height: 10px; 
	margin-bottom:0;
	margin-left: 10px;
	font-size: 13px;}

.comment_form {margin-left: 50px;}

.comment_body {
	clear:left; 
	margin: 25px 0 25px 25px;
	border-bottom: 1px solid #ccc;
	padding: 5px;}
	
.comment_disclaimer {
	width: 30%;
	float:right;
	background-color: #eee;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 25px;
}
	.comment_disclaimer ul {
		margin-left: 25px;
	}
	

#single-entry-aside {
	width: 170px; 
	float:right;
	margin: 25px 0 25px 0;
	background-color: #edf2f7;
	padding: 15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	}
#next-entry, #previous-entry {margin-bottom: 25px;} 
#next-entry {text-align: right;}
#previous-entry {} 
		
/* Styles controlling the use of images */

	/* This applies on the blog listing page */
	.recent-posts .blog-entry .main-image {max-width: 400px;}
	.recent-posts .blog-entry figure {float:right;}

	/* These apply to individual blog entries */
	.blog-entry .associated-media {
		float:right; max-width: 550px;
	}
	.blog-entry figure {
		padding: 0px;
		margin: 0 0 5px 0;
		float: left;
		clear: both;
		width:50px;
		display: table;
	}
	
	/* Applies to both listing page and individual entries */
	figure figcaption {
		margin: 0;
		padding: 0;
		color: #666;
		display: table-row;
	}


/* This is because the Facebook "send" button was being cropped by the width of the page. There's
   gotta be a better way to do this... something to look into later.*/
#container { overflow: visible; }


/*For category view*/
.navigation {line-height:12px; margin-left:25px; color:#666; text-transform: uppercase; font-size: 13px; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; position: relative; top:-10px;}


@media (max-width: 820px) and (min-width: 321px), 
	(max-width: 320px),
	(-webkit-min-device-pixel-ratio: 1.1) and (max-width: 1100px) {
		aside.blog-aside {display:none;}
		.recent-posts {width: 100%;}
	}


/* ----temp for xmas --*/
/*.nrh2e {
	background-image: url("http://millercenter.org/images/blog/snowflakes.gif");
	background-repeat: no-repeat;
	background-position: bottom left;}*/
/* --end temp--*/