/*News CSS */
.article {border-bottom: solid 1px #ccc; margin-bottom:15px}
.homearticle {
	border-bottom: none; margin-bottom:15px;
	clear:left}
.homearticle img {margin-bottom: 1em;}
.homesummary {margin-left:8.5em; margin-right:2em; margin-bottom:1em}
	 
.threeleft {float: left; width: 33.33%}

#storytopimg {width:150px; float:left;}
#storysub, #storyother {clear: both;}
#storysub {}
#storysub img{ float:left;}
#storytop{padding-right:15px}
#storytop p{ margin-left:168px}
#storytop h2{ color:#043; margin-bottom:0.5em;margin-left:168px; line-height:1em}
#storytop h2 a, #storysub h2 a{ line-height: normal}
.subList{float:left; padding-top:1em}
.subList li{ background:none; padding:0}

.alsotagged { border:1px solid #ccc; background:#FFFFCD;
	padding: 12px;
	margin-bottom: 1em;
	clear: both;
	}

.mainImage {margin-left: 15px; margin-bottom:15px;float:right}
#sidebar div.imgOK img{ width:auto; margin-bottom:0; position:relative; top:4px}
#sidebar div.imgOK{ display:inline}
.tabLeft{ height:11px;width:6px;background:url(/images/news/tabLeft.png) no-repeat; float:left; position:relative; top:7px; left:7px }
.tabLeft a{height:20px;width:7px; display:block;background:url(/images/news/tabLeft.png) no-repeat;}
.tabLeft a:hover{background:url(/images/news/tabLeftHover.png) no-repeat}
.tabRight{ height: 11px; width: 6px; background:url(/images/news/tabRight.png) no-repeat; float:left;
position:relative; top:7px; left:13px }
.tabRight a{height:20px;width:7px; display:block;background:url(/images/news/tabRight.png) no-repeat;}
.tabRight a:hover{background:url(/images/news/tabRightHover.png) no-repeat}

.searchNews label{font-family:Arial; font-size:160%; color:#fff}
.events h3, .tags h3, .searchNews h3, .mostEmailed h3{font-size:140%}.events h3 a, .events h2 a{color:#2b8b72; line-height:normal; line-height:1.2em}.events h3 a:hover, .events h2 a:hover{ color:#f40}
.searchNews input#course_home_search_query{ padding:2px; background:url(/images/common/searchBG.png) repeat-x #fff; border:1px solid #39c}
.mostEmailed{ background-image:none; font-size:100%}

ul.tag-cloud { font-family:Arial; font-size:100%; padding-right:1em; padding-bottom:0.5em}
ul.tag-cloud li{ display:inline; padding-right:0.3em}
ul.tag-cloud li a{ color:#fff}

#course_home_tag_cloud p a {color: #FFF;}

ul.tag-cloud li big big,
ul.tag-cloud li big,
ul.tag-cloud li,
ul.tag-cloud li small,
ul.tag-cloud li small small{font-size: 103%}

ul.tag-cloud li big big a {color: #EFEFEF}
ul.tag-cloud li big a {color: #BFBFBF}
ul.tag-cloud li a {color: #8F8F8F}
ul.tag-cloud li small a {color: #5F5F5F}
ul.tag-cloud li small small a {color: #3F3F3F}

ul.tag-cloud li a:hover{ color:#fa0}

#tagCloud{padding:1.2em; background-color: #34302F}
#tagCloud h3{background:url(/images/genericHeadings/tagsAlt.png); width:39px; height:13px;margin-bottom:4px; display:block}
#tagCloud li{ background:none; padding:0 0.3em 0 0; color:#fff; display:inline}

a.rssLink{color:#fff; margin:0}a.rssLink:hover{color:#222; margin:0}
#tagmachine a{ color:#fff}#tagmachine a:hover{ color:#ff6}

.prev {float: left; width: 40%;}
.next {float: right; width: 40%;text-align: right;}

.article .right {float: right}
#social_bm{ margin:20px 0; border-top:1px solid #ccc; padding-top:20px}

#social_bm .sharesb{ padding-left:0}#social_bm .sharesb li{ display:inline}
#social_bm .sharesb{ padding-left:0}
#social_bm .sharesb li{ display:inline}

/* ------------------------------------- E42 Styles ---------------------------------- */

.e42{ margin-bottom:20px}
.e42 .mainHeadline{ font-size:120%}
.e42 .subHeadlines h2, .e42 .listStory h2{ padding-bottom:0; line-height:1em; margin-left:82px; display:block}
.e42 .subHeadlines h2 a, .e42 .listStory h2 a{line-height:1em}
.e42 .subHeadlines p, .e42 .listStory p{ line-height:1.3em; margin-left:82px; margin-bottom:0.5em}
.e42 .subHeadlines img, .e42 .listStory img{ float:left}
.e42 .listStory{ border-bottom: 1px solid #ccc; padding-bottom:0.5em; margin-bottom:1.5em}
.e42 #tags li{ display:inline; background:none; padding-left:0; font-family:Arial; font-size:140%}

/* ------------------------------------- Mobile ---------------------------------- */

p.deptNewsSummary, .mainHeadline h2 {line-height:1.2em; margin-left:85px; margin-bottom:0.5em}.mainHeadline h2 a{ text-decoration:none}
p.deptNewsComments{font-size:85%; margin-left:85px}
#news div.mainHeadline hr{ margin:0 0 15px}
#news div.mainHeadline img{ display:inline}
p.deptNewsComments a.deptNewsIcon{position:relative; top:1px; background:url(/images/homepage/commentBubble.png); height:10px; width:1em }

@media screen and (max-width: 480px){
	
.prev,.next{float:none; width:auto; text-align: left}
p.deptNewsComments{font-size:11px; font-family:Verdana, sans-serif;}
p.deptNewsSummary{ margin-bottom:0}
#news div.mainHeadline img{ border:1px solid rgba(255, 255, 255, 0.75); float:left}
#content .article img{ display:block; width:100%}
#navigation_news_search #courseSearch{ margin:0 0 15px 15px}
}