/* Style overrides for the 'news' box on the front page */
.news {
 padding: 0;
 margin: 0;
}

ul.blogImport {
 list-style-type: none;
 margin: 0 0 10px 0;
 padding: 0;
 overflow: hidden;
}
ul.blogImport li {
 margin: 12px 0;
 padding: 0;
}

ul.blogImport li:first-of-type {
  margin-top:0;
}

ul.blogImport li span.blogEntryTitle {
 font-size: 10pt;
}

ul.blogImport small {
 color: #888888;
 font-style: oblique;
 display: block;
}

ul.blogImport li article {
	clear:both;
	min-height: 40px; /* Accommodate single or multiline headlines */
}

.news p.byline {
  font-family: "UbuntuRegular", verdana, arial, helvetica, sans-serif;
  font-size: 9pt;
  font-style: italic;
  color: #888888;
}

/* Special for blog import items in tabs */
#tabs ul.blogImport li img {
 display:none;
}


/* Special for the software box */
section#software ul.blogImport li span.blogEntryTitle {
 font-weight: bolder;
 font-size: 1.0em;
}


/* For the home page news box, always put image on right */
div.news div.img_r, div.news div.img_l {
 float: right;
 display: inline;
 width: 160px;
 margin: 2em 1em 10px 10px;
 position: relative;
 top: 0px;  /* Adjust here to get picture to the right place on home page */
}
div.news div.img_r img, div.news div.img_l img {
 text-align: right;
 padding-bottom: 0.5em;
 /*width: 150px; */
 /* Top margin may need to be adjusted for different stories */
 margin-top: 0em;
}

/* Special handling for the news story title */
div.news div.main_story ul.blogImport li span.blogEntryTitle {
 font-size:1.4em;
 margin-top:1em;
 line-height: 1.4em;
 font-weight: normal;
 font-style: italic;
}

div.caption {
 text-align: center;
 font-style: italic;
 line-height: 1.2em;
 clear: both;
 padding: 0 1em 0 1em;
 color: #404040;
 /*display:none;*/
}
span.news_only {
 display: none;
}
div.news span.news_only {
 display: block;
}
div.news ul {
 margin: 0;
}
div.news h3 {
 font-size: 1.2em;
 margin: 5px 0 0 0;
}

div.news * .highlight {
 color: #D40000;
 font-weight: bold;
}

@media screen and (max-width: 384px) {
	/* Phone screens portrait. (may need to adjust for iPhone 6 Plus?) */
	div.img_l {
		max-width: 50% !important;
		padding: auto;
		margin: auto;
	}

}