/*
Theme Name: NJ News Commons 2014
Theme URI: http://blogs.montclair.edu/
Description: A theme for NJ News Commmons to match the Center for Cooperative Media
Version: 1.1
Author: Matt Pierce
Author URI: http://www.montclair.edu
*/


/* responsive design config */


/* eliminate bad text-size changes from mobile browsers */
body {
	text-size-adjust: none;
	-o-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: rgb(58,58,58);
}

/* set the viewport (applies only to IE Mobile and IE Metro) */
@viewport { width: device-width; }
@-ms-viewport { width: device-width; }

/* remove 300ms delay for double-tap-to-zoom detection (we dont' need it, we're responsive) */
html {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}


.clearfix:before, .clearfix:after {
	display: block;
	overflow: hidden;
	content: "";
	height: 1px; /* height must be at least 1px for Safari */
	margin-bottom: -1px; /* negative margin to cancel out the height */
	clear: both;
}



/***
*    db   db d88888b  .d8b.  d8888b. d88888b d8888b. 
*    88   88 88'     d8' `8b 88  `8D 88'     88  `8D 
*    88ooo88 88ooooo 88ooo88 88   88 88ooooo 88oobY' 
*    88~~~88 88~~~~~ 88~~~88 88   88 88~~~~~ 88`8b   
*    88   88 88.     88   88 88  .8D 88.     88 `88. 
*    YP   YP Y88888P YP   YP Y8888D' Y88888P 88   YD 
*                                                    
*                                                    
*/

.page-header {
	display: block;
	position: relative;
	font-size: 16px;
	background-color: #FFF;
}

.page-header .site-identification {
	position: absolute;
	top: 1em;
	left: 1em;
	font-weight: bold;
}

.page-header .site-identification .msu-lockup,
.page-header .site-identification .dept-lockup,
.page-header .site-identification .college-lockup {
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 1.6em;
	line-height: 1em;
	letter-spacing: -0.04em;
}

.page-header .site-identification .msu-lockup a,
.page-header .site-identification .dept-lockup a {
	font-weight: bold;
	color: rgb(0,0,0);
	text-decoration: none;
}

.page-header .site-identification .dept-lockup {
	font-size: 1.9em;
}

.page-header .site-identification .msu-lockup a {
	color: rgb(227, 30, 39);
}

.page-header .site-identification .college-lockup {
	font-size: 1.1em;
	margin: 0.5em 0em;
	font-weight: normal;
	line-height: 1.0em;
	display: none;
}

.page-header .site-identification .college-lockup a {
	color: rgb(227, 30, 39);
	color: rgb(0,0,0);
	text-decoration: none;
	text-transform: none;
	white-space: nowrap;
}

.page-header .site-identification .college-lockup a:hover {
	text-decoration: none;
}

.search-box {
	position: absolute;
	right: 1em;
	top: 1em;
}

@media (min-width: 720px) and (max-width: 999px) {
	.page-header .site-identification .college-lockup {
		font-size: 0.9em;
	}
}

@media (max-width: 719px) {
	.page-header {
		font-size: 11px;
		height: 14em;
		/* removing college lockup */
		height: 10em;
	}

	.page-header .site-identification {
		top: auto;
		bottom: 1em;
	}

	.search-box {
		left: 0em;
		right: 0em;
		top: 1em;
		text-align: center;
	}

	.page-header .site-identification .college-lockup {
		font-size: 1.1em;
		height: 2.0em;
	}
}


/***
*    d888888b  .d88b.  d8888b.      .88b  d88. d88888b d8b   db db    db 
*    `~~88~~' .8P  Y8. 88  `8D      88'YbdP`88 88'     888o  88 88    88 
*       88    88    88 88oodD'      88  88  88 88ooooo 88V8o 88 88    88 
*       88    88    88 88~~~        88  88  88 88~~~~~ 88 V8o88 88    88 
*       88    `8b  d8' 88           88  88  88 88.     88  V888 88b  d88 
*       YP     `Y88P'  88           YP  YP  YP Y88888P VP   V8P ~Y8888P' 
*                                                                        
*                                                                        
*/

.header-nav {
	margin: 0px;
	margin-top: 7.0em;
	background-color: rgb(230, 230, 230);
	/* removing college lockup */
	margin-top: 5.5em;
}

.header-nav a {
	color: rgb(255,255,255);
	text-decoration: none;
}

.header-nav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.header-nav>.menu-primary-container {display: inline;}

.header-nav>.menu-primary-container>ul {
	height: 1.8em;
}

.header-nav>.menu-primary-container>ul>li {
	float: left;
	width: 0px;
	background-color: rgb(227, 30 , 39);
}

.header-nav>.menu-primary-container>ul li.current-menu-parent,
.header-nav>.menu-primary-container>ul li.current-menu-item,
.header-nav>.menu-primary-container>ul li.menu-item-home {
	background-color: rgb(182, 24, 31);
}

.header-nav>.menu-primary-container>ul>li>a,
.header-nav>.menu-primary-container>ul>li>span>a {
	display: block;
	line-height: 1.3em;
	height: 1.3em;
	margin: 0.25em 0em;
	text-align: center;
	border-right: 1px solid rgb(255,255,255);
}

.header-nav>.menu-primary-container>ul>li a:hover {
	text-decoration: underline;
}

.header-nav>.menu-primary-container>ul>li:last-child>a,
.header-nav>.menu-primary-container>ul>li:last-child>span>a {
	border: none;
}

.header-nav>.menu-primary-container>ul>li>ul {
	position: absolute;
	z-index: 1000;
	background-color: rgb(227, 30 , 39);
	font-size: 0.9em;
	padding: 0.5em 0em;
}

.header-nav>.menu-primary-container>ul>li>ul:hover {
}

.header-nav>.menu-primary-container>ul>li>ul>li {
}

.header-nav>.menu-primary-container>ul>li>ul>li>a,
.header-nav>.menu-primary-container>ul>li>ul>li>span>a {
	line-height: 1em;
	display: block;
	padding: 0.5em 0.5em;
	padding-left: 1.0em;
}

.header-nav>.menu-primary-container>ul>li>ul>li>a:hover {
	text-decoration: underline;
}

@media (min-width: 720px) and (max-width: 999px) {
	.header-nav {
		font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;
		margin-top: 6.5em;
		/* removing college lockup */
		margin-top: 5.5em;
	}
}

@media (max-width: 719px) {
	.header-nav {
		display: none;
	}
}

/***
*    .88b  d88.  .d88b.  d8888b. d888888b db      d88888b      .88b  d88. d88888b d8b   db db    db 
*    88'YbdP`88 .8P  Y8. 88  `8D   `88'   88      88'          88'YbdP`88 88'     888o  88 88    88 
*    88  88  88 88    88 88oooY'    88    88      88ooooo      88  88  88 88ooooo 88V8o 88 88    88 
*    88  88  88 88    88 88~~~b.    88    88      88~~~~~      88  88  88 88~~~~~ 88 V8o88 88    88 
*    88  88  88 `8b  d8' 88   8D   .88.   88booo. 88.          88  88  88 88.     88  V888 88b  d88 
*    YP  YP  YP  `Y88P'  Y8888P' Y888888P Y88888P Y88888P      YP  YP  YP Y88888P VP   V8P ~Y8888P' 
*                                                                                                   
*                                                                                                   
*/


.page-mobile-menu {
	background-color: rgb(227, 30, 39);
	color: rgb(255, 255, 255);
	overflow: hidden;
	position: relative;
	min-height: 32px;
}

.page-mobile-menu a {
	color: rgb(255, 255, 255);
	text-decoration: none;
	font-size: 14px;
}

.page-mobile-menu>.open-button {
	display: block;
	font-size: 12px;
	line-height: 1em;
	height: 1em;
	padding: 0.8em;
	text-align: right;
}

.page-mobile-menu>.open-button:after {
	content: "open";
}

.page-mobile-menu>.open-button.active:after {
	content: "close";
}

.page-mobile-menu .menu-container {
	overflow: hidden;
}

.page-mobile-menu .menu-container ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.page-mobile-menu .menu-container>ul>li {
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.page-mobile-menu .menu-container>ul>li>span>a,
.page-mobile-menu .menu-container>ul>li>a {
	display: block;
	font-size: 16px;
	line-height: 1em;
	padding: 0.25em 0.5em;
	margin-right: 1.5em;
}

.page-mobile-menu .menu-container ul ul {
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.page-mobile-menu .menu-container ul ul>li>a, 
.page-mobile-menu .menu-container ul ul>li>span>a {
	font-size: 14px;
	line-height: 1em;
	display: block;
	padding: 0.25em 0.5em;
	padding-left: 1.0em;
	background-color: rgba(0,0,0,0.0);
}


@media (min-width: 720px) {
	.page-mobile-menu {
		display: none;
	}
}


/***
*    d8888b.  .d8b.   d888b  d88888b      .88b  d88. d888888b d8888b. d8888b. db      d88888b 
*    88  `8D d8' `8b 88' Y8b 88'          88'YbdP`88   `88'   88  `8D 88  `8D 88      88'     
*    88oodD' 88ooo88 88      88ooooo      88  88  88    88    88   88 88   88 88      88ooooo 
*    88~~~   88~~~88 88  ooo 88~~~~~      88  88  88    88    88   88 88   88 88      88~~~~~ 
*    88      88   88 88. ~8~ 88.          88  88  88   .88.   88  .8D 88  .8D 88booo. 88.     
*    88      YP   YP  Y888P  Y88888P      YP  YP  YP Y888888P Y8888D' Y8888D' Y88888P Y88888P 
*                                                                                             
*                                                                                             
*/
.page-middle {
	background-color: #FFF;
	min-height: 100px;
}

.page-middle .content-wrapper {
	max-width: 1200px;
	padding: 20px 20px;
	margin: 0px auto;
	position: relative;
}

.page-middle .content-wrapper:after,
.page-middle .content-wrapper:before,
.page-middle .content-wrapper .content-column:after,
.page-middle .content-wrapper .sidebar:after {
	height: 1px;
	margin-bottom: -1px;
	overflow: hidden;
	display: block;
	clear: both;
	content: "";
}

@media (max-width: 719px) {
	.page-middle .content-wrapper {
		padding: 10px 10px;
	}
}

/***
*     .d8b.  d8888b. d888888b d888888b  .o88b. db      d88888b       .o88b.  .d88b.  d8b   db d888888b d88888b d8b   db d888888b 
*    d8' `8b 88  `8D `~~88~~'   `88'   d8P  Y8 88      88'          d8P  Y8 .8P  Y8. 888o  88 `~~88~~' 88'     888o  88 `~~88~~' 
*    88ooo88 88oobY'    88       88    8P      88      88ooooo      8P      88    88 88V8o 88    88    88ooooo 88V8o 88    88    
*    88~~~88 88`8b      88       88    8b      88      88~~~~~      8b      88    88 88 V8o88    88    88~~~~~ 88 V8o88    88    
*    88   88 88 `88.    88      .88.   Y8b  d8 88booo. 88.          Y8b  d8 `8b  d8' 88  V888    88    88.     88  V888    88    
*    YP   YP 88   YD    YP    Y888888P  `Y88P' Y88888P Y88888P       `Y88P'  `Y88P'  VP   V8P    YP    Y88888P VP   V8P    YP    
*                                                                                                                                
*                                                                                                                                
*/

.article-header {
	margin-bottom: 1.4em;
}

.article-header img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.article-header .caption-and-credit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: rgb(96, 96, 96);
	display: block;
	margin: 0.5em 0em;
}

.article-header .caption-and-credit .credit {
	display: block;
	font-style: italic;
}

.article-header .caption-and-credit .caption {
	display: block;
}

.content-column .social-media-links {
	display: block;
	float: left;
	width: 200px;
	margin-top: 20px;
}

.content-column .social-media-links ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.content-column .social-media-links ul li {
	border-bottom: 1px solid #EEE;
	overflow: hidden;
	height: 3em;
}

.content-column .social-media-links ul li:first-child {
	border-top: none;
}

.content-column .social-media-links ul li:last-child {
	border-bottom: none;
}

.content-column .social-media-links ul li a {
	display: block;
	padding: 1em 0em 1em 2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #999;
	text-decoration: none;
	line-height: 1em;
	position: relative;
}

.content-column .social-media-links ul li a:hover {
	text-decoration: none;
	color: #777;
}

.content-column .social-media-links ul li a:before {
	position: absolute;
	display: block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: baseline;
	content: "";
	left: 0px;
	top: 0.70em;
}

.content-column .social-media-links ul li a.email:before {
	width: 22px;
	height: 13px;
	background-position: -166px -153px;
	border-top: 6px solid rgba(0,0,0,0);
	opacity: 0.5;
}

.content-column .social-media-links ul li a.email:hover:before {
	opacity: 0.9;
}

.content-column .social-media-links ul li .fb-like,
.content-column .social-media-links ul li .twitter-share-button,
.content-column .social-media-links ul li .google-plus-holder {
	margin-top: 1.5em; /* because the parent is 3em tall */
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}

.content-column .social-media-links ul li .google-plus-holder>div {
	vertical-align: bottom !important;
}

.content-column .article-content {
	display: block;
	margin-left: 220px;
	margin-top: 20px;
}

.content-column .article-content p:first-child {
	margin-top: 0px;
}

.content-column iframe {
	border: none;
}

.content-column .post-thumbnail img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.content-column.archive .post,
.content-column.index .post {
	border-bottom: 1px solid #777;
	margin: 1em 0em;
	overflow: hidden;
}

.content-column .article-content iframe,
.content-column .article-listing iframe {
	margin: 1em 0em;
}

.content-column .storycontent img.aligncenter {
	width: 100%;
	height: auto;
	margin: 1em 0em;
}

@media (min-width: 720px) {
	.content-column .storycontent img.alignleft {
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
	}

	.content-column .storycontent img.alignright {
		float: right;
		margin-left: 20px;
		margin-bottom: 20px;
	}

	.content-column .post-thumbnail {
		float: left;
		width: 200px;
		margin: 0.4em 1em 1em 0em;
	}

	.page-middle .content-wrapper .content-column {
		float: left;
	}

	.article-header {
		position: relative;
	}

	.article-header .caption-and-credit {
		position: absolute;
		left: 10px;
		right: 10px;
		bottom: 10px;
		color: #FFF;
		text-shadow: 0px 0px 5px rgba(0,0,0,1.0);
		margin: 0px;
	}
}

@media (min-width: 720px) and (max-width: 999px) {
	.content-column .social-media-links {
		float: none;
		width: auto;
	}

	.content-column .social-media-links ul:after {
		display: block;
		height: 1px;
		content: "";
		clear: both;
		overflow: hidden;
	}

	.content-column .social-media-links ul li,
	.content-column .social-media-links ul li:first-child,
	.content-column .social-media-links ul li:last-child {
		width: 25%;
		float: left;
		border-top: 1px solid #EEE;
		border-bottom: 1px solid #EEE;
	}

	.content-column .article-content {
		margin-left: 0px;
	}
}

@media (max-width: 719px) {
	.content-column .post-thumbnail {
		margin: 1em 0em;
	}

	.content-column .social-media-links {
		float: none;
		width: auto;
	}
	
	.content-column .article-content {
		margin-left: 0px;
	}

	.content-column .storycontent img.alignleft,
	.content-column .storycontent img.alignright {
		width: 100%;
		height: auto;
		vertical-align: bottom;
		margin: 1em 0em;
	}
}

/***
*    d888888b db    db d8888b.  .d88b.   d888b  d8888b.  .d8b.  d8888b. db   db db    db 
*    `~~88~~' `8b  d8' 88  `8D .8P  Y8. 88' Y8b 88  `8D d8' `8b 88  `8D 88   88 `8b  d8' 
*       88     `8bd8'  88oodD' 88    88 88      88oobY' 88ooo88 88oodD' 88ooo88  `8bd8'  
*       88       88    88~~~   88    88 88  ooo 88`8b   88~~~88 88~~~   88~~~88    88    
*       88       88    88      `8b  d8' 88. ~8~ 88 `88. 88   88 88      88   88    88    
*       YP       YP    88       `Y88P'   Y888P  88   YD YP   YP 88      YP   YP    YP    
*                                                                                        
*                                                                                        
*/

.page-middle .content-column,
.page-middle .sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.3em;
}

.page-middle .content-column a,
.page-middle .sidebar a {
	color: #1e97e3;
	text-decoration: none;
}

.page-middle .content-column a:hover,
.page-middle .sidebar a:hover {
	text-decoration: underline;
}

.content-column h1,
.content-column .post-title {
	letter-spacing: -0.04em;
	font-size: 1.8em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0em;
}

.content-column .byline {
	font-size: 1.0em;
	line-height: 1.3em;
	letter-spacing: -0.04em;
	margin-top: 0.1em;
}

.content-column .byline p {
	margin: 0px;
}

.content-column h2,
.content-column h3,
.content-column h4,
.content-column h5,
.content-column h6 {
	font-weight: bold;
	line-height: 1.3em;
	letter-spacing: -0.04em;
}

.content-column blockquote {
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: -0.04em;
	line-height: 1.3em;
	border-left: 10px solid #000;
	padding-left: 10px;
}

@media (max-width: 719px) {
	.content-column blockquote {
		margin: 1em 0em;
	}
}


/***
*    d8888b. d88888b .d8888. d8888b.  .d88b.  d8b   db .d8888. d888888b db    db d88888b      d888888b .88b  d88.  .d8b.   d888b  d88888b .d8888. 
*    88  `8D 88'     88'  YP 88  `8D .8P  Y8. 888o  88 88'  YP   `88'   88    88 88'            `88'   88'YbdP`88 d8' `8b 88' Y8b 88'     88'  YP 
*    88oobY' 88ooooo `8bo.   88oodD' 88    88 88V8o 88 `8bo.      88    Y8    8P 88ooooo         88    88  88  88 88ooo88 88      88ooooo `8bo.   
*    88`8b   88~~~~~   `Y8b. 88~~~   88    88 88 V8o88   `Y8b.    88    `8b  d8' 88~~~~~         88    88  88  88 88~~~88 88  ooo 88~~~~~   `Y8b. 
*    88 `88. 88.     db   8D 88      `8b  d8' 88  V888 db   8D   .88.    `8bd8'  88.            .88.   88  88  88 88   88 88. ~8~ 88.     db   8D 
*    88   YD Y88888P `8888Y' 88       `Y88P'  VP   V8P `8888Y' Y888888P    YP    Y88888P      Y888888P YP  YP  YP YP   YP  Y888P  Y88888P `8888Y' 
*                                                                                                                                                 
*                                                                                                                                                 
*/

.page-middle .caption-holder {
	page-break-inside: avoid;
	width: 25%;
	margin: 16px 0px;
    margin-top: 0px;
}

.page-middle p .caption-holder {
    margin-top: 16px;
}

.page-middle .caption-holder.full-width {
	width: auto;
}

.page-middle .caption-holder.right {
	float: right;
	margin-left: 16px;
	clear: right;
}

.page-middle .caption-holder.left {
	float: left;
	margin-right: 16px;
	clear: left;
}

.page-middle .caption-holder .image-wrapper img {
	vertical-align: bottom;
	width: 100%;
	height: auto;
}

.page-middle .caption-holder .caption {
	font-size: 12px;
	line-height: 1.3em;
	margin-top: 2px;
	color: #777;
}

.page-middle .caption-holder .caption p {margin: 0px;}


@media (min-width: 720px) and (max-width: 999px) {
	.page-middle .caption-holder {
		width: 33%;
	}

	.page-middle .caption-holder.full-width {
		width: auto;
	}
}

@media (max-width: 719px) {
	.page-middle .caption-holder.left,
	.page-middle .caption-holder.right {
		width: auto;
		float: none;
		clear: none;
		margin: 1em 0em;
	}

	.page-middle .caption-holder.full-width {
		width: 100%;
	}
}


/***
*     .d8b.  d8888b. d888888b d888888b  .o88b. db      d88888b      db      d888888b .d8888. d888888b d888888b d8b   db  d888b  
*    d8' `8b 88  `8D `~~88~~'   `88'   d8P  Y8 88      88'          88        `88'   88'  YP `~~88~~'   `88'   888o  88 88' Y8b 
*    88ooo88 88oobY'    88       88    8P      88      88ooooo      88         88    `8bo.      88       88    88V8o 88 88      
*    88~~~88 88`8b      88       88    8b      88      88~~~~~      88         88      `Y8b.    88       88    88 V8o88 88  ooo 
*    88   88 88 `88.    88      .88.   Y8b  d8 88booo. 88.          88booo.   .88.   db   8D    88      .88.   88  V888 88. ~8~ 
*    YP   YP 88   YD    YP    Y888888P  `Y88P' Y88888P Y88888P      Y88888P Y888888P `8888Y'    YP    Y888888P VP   V8P  Y888P  
*                                                                                                                               
*                                                                                                                               
*/

.page-middle .content-column .article-listing .article-stub,
.page-middle .content-column .article-listing .article-stub:hover {
	display: block;
	margin: 1em 0em;
	color: #000;
	text-decoration: none;
	padding-bottom: 1em;
	border-bottom: 1px solid #AAA;
}

.page-middle .content-column .article-listing .article-stub:after {
	display: block;
	overflow: hidden;
	height: 1px;
	margin-bottom: -1px;
	content: " ";
	clear: both;
}

.page-middle .content-column .article-listing .article-stub:last-child {
	padding-bottom: 0em;
	border-bottom: none;
}

.page-middle .content-column .article-listing .article-stub .headline {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -0.04em;
	color: #1e97e3;
	line-height: 1.3em;
}

.page-middle .content-column .article-listing .article-stub:hover .headline {
	text-decoration: underline;
}

.page-middle .content-column .article-listing .article-stub .lead {
	display: block;
	font-size: 0.9em;
	line-height: 1.3em;
	color: #777;
}

.page-middle .content-column .article-listing .article-stub .image-container {
	display: block;
	margin-bottom: 0.5em;
	border: 1px solid #e8e8e8;
}

.page-middle .content-column .article-listing .article-stub .image-container.has-video {
	position: relative;
}

.page-middle .content-column .article-listing .article-stub .image-container.has-video:after {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	background-color: rgba(0,0,0,0.25);
	content: " ";
	background-image: url(images/play-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.page-middle .content-column .article-listing .article-stub .image-container img {
	border: none;
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.archive .post .post-thumbnail {
	border: 1px solid #e8e8e8;
}

.page-middle .content-column .pagination {
	color: #999;
	text-align: center;
	font-weight: bold;
	margin: 1em 0em;
}

.page-middle .content-column .pagination:after {
	display: block;
	height: 1px;
	overflow: hidden;
	content: " ";
	clear: both;
}

.page-middle .content-column .pagination a,
.page-middle .content-column .pagination span {
	display: inline-block;
	margin: 0em 0.2em;
}
.page-middle .content-column .pagination a:first-child,
.page-middle .content-column .pagination span:first-child {
	margin-left: 0em;
}
.page-middle .content-column .pagination a:last-child,
.page-middle .content-column .pagination span:last-child {
	margin-right: 0em;
}

.page-middle .content-column .pagination .previous-links {
	float: left;
	display: block;
	margin: 0em;
}

.page-middle .content-column .pagination .next-links {
	display: block;
	float: right;
	margin: 0em;
}

.page-middle .content-column .pagination .first,
.page-middle .content-column .pagination .last {
	display: none;
}

.page-middle .content-column .pagination .previous:after {
	content: " newer";
}

.page-middle .content-column .pagination .next:before {
	content: "older ";
}

@media (min-width: 720px) {
	.page-middle .content-column .article-listing .article-stub .image-container.small {
		float: right;
		min-width: 175px;
		width: 25%;
		margin-left: 10px;
		margin-bottom: 0em;
	}
}


/***
*    .d8888. d888888b d8888b. d88888b d8888b.  .d8b.  d8888b. 
*    88'  YP   `88'   88  `8D 88'     88  `8D d8' `8b 88  `8D 
*    `8bo.      88    88   88 88ooooo 88oooY' 88ooo88 88oobY' 
*      `Y8b.    88    88   88 88~~~~~ 88~~~b. 88~~~88 88`8b   
*    db   8D   .88.   88  .8D 88.     88   8D 88   88 88 `88. 
*    `8888Y' Y888888P Y8888D' Y88888P Y8888P' YP   YP 88   YD 
*                                                             
*                                                             
*/

@media (min-width: 720px) {
	.page-middle .content-wrapper .sidebar {
		float: right;
		width: 250px;
	}
}

@media (min-width: 720px) and (max-width: 999px) {
	.page-middle .content-wrapper .sidebar {
		width: 200px;
	}
}

.page-middle .sidebar .sidebar-box {
	margin: 20px 0em;
}

.page-middle .sidebar .sidebar-box:first-child {
	margin-top: 0px;
}



/***
*    d8b   db d88888b db   d8b   db .d8888. db      d88888b d888888b d888888b d88888b d8888b.      d8888b. d8888b.  .d88b.  .88b  d88.  .d88b.  
*    888o  88 88'     88   I8I   88 88'  YP 88      88'     `~~88~~' `~~88~~' 88'     88  `8D      88  `8D 88  `8D .8P  Y8. 88'YbdP`88 .8P  Y8. 
*    88V8o 88 88ooooo 88   I8I   88 `8bo.   88      88ooooo    88       88    88ooooo 88oobY'      88oodD' 88oobY' 88    88 88  88  88 88    88 
*    88 V8o88 88~~~~~ Y8   I8I   88   `Y8b. 88      88~~~~~    88       88    88~~~~~ 88`8b        88~~~   88`8b   88    88 88  88  88 88    88 
*    88  V888 88.     `8b d8'8b d8' db   8D 88booo. 88.        88       88    88.     88 `88.      88      88 `88. `8b  d8' 88  88  88 `8b  d8' 
*    VP   V8P Y88888P  `8b8' `8d8'  `8888Y' Y88888P Y88888P    YP       YP    Y88888P 88   YD      88      88   YD  `Y88P'  YP  YP  YP  `Y88P'  
*                                                                                                                                               
*                                                                                                                                               
*/

.sidebar-box.newsletter-promo-box {
	position: relative;
	height: 300px;
}

.newsletter-promo-box {
	background-color: #EEE;
	background-image: url(images/subscribe-background.png);
	background-size: cover;
	background-position: top center;
	font-size: 16px;
}

.newsletter-promo-box:before {
	display: block;
	position: absolute;
	left: 0.5em;
	right: 0.5em;
	top: 0.5em;
	bottom: 5.5em;
	background-image: url(images/subscribe-text.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	content: " ";
}

.newsletter-promo-box form {
	display: block;
	position: absolute;
	padding: 0.75em;
	background-color: rgba(0,0,0,0.5);
	bottom: 0em;
	left: 0em;
	right: 0em;
}

.newsletter-promo-box form label {
	display: none;
	color: rgb(255, 255, 255);
	font-size: 0.8em;
	line-height: 1.3em;
}

.newsletter-promo-box form .input-wrapper {
	display: block;
	background-color: #FFF;
	margin: 0.5em 0em;
	padding: 0.25em 0.5em;
	margin-top: 0em;
}

.newsletter-promo-box form .input-wrapper input {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background: none;
	border: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-size: 0.8em;
}

.newsletter-promo-box form .button-wrapper input {
	box-sizing: border-box;
	font-size: 0.8em;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background: none;
	border: none;
	color: rgb(255, 255, 255);
	padding: 0.5em 0.5em;
	line-height: 1.0em;
	height: 2.0em;
	background-color: rgb(227, 30, 39);
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}

@media (min-width: 1200px) {
	.newsletter-promo-box {
		font-size: 20px;
	}
}


/***
*    .d8888.  .d88b.   .o88b. d888888b  .d8b.  db           .88b  d88. d88888b d8888b. d888888b  .d8b.  
*    88'  YP .8P  Y8. d8P  Y8   `88'   d8' `8b 88           88'YbdP`88 88'     88  `8D   `88'   d8' `8b 
*    `8bo.   88    88 8P         88    88ooo88 88           88  88  88 88ooooo 88   88    88    88ooo88 
*      `Y8b. 88    88 8b         88    88~~~88 88           88  88  88 88~~~~~ 88   88    88    88~~~88 
*    db   8D `8b  d8' Y8b  d8   .88.   88   88 88booo.      88  88  88 88.     88  .8D   .88.   88   88 
*    `8888Y'  `Y88P'   `Y88P' Y888888P YP   YP Y88888P      YP  YP  YP Y88888P Y8888D' Y888888P YP   YP 
*                                                                                                       
*                                                                                                       
*/
.sidebar .social-media-box ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
	margin-right: 30px;
	white-space: nowrap;
}

.sidebar .social-media-box ul:after {
	display: block;
	overflow: hidden;
	height: 1px;
	margin-bottom: -1px;
	clear: both;
	content: " ";
}

.sidebar .social-media-box ul li {
	float: left;
	width: 33.333%;
}

.sidebar .social-media-box ul li a {
	display: block;
	margin-left: 10px;
	overflow: hidden;
	border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.sidebar .social-media-box ul li a img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
	border: none;
}



/***
*    d88888b  .d88b.   .d88b.  d888888b d88888b d8888b. 
*    88'     .8P  Y8. .8P  Y8. `~~88~~' 88'     88  `8D 
*    88ooo   88    88 88    88    88    88ooooo 88oobY' 
*    88~~~   88    88 88    88    88    88~~~~~ 88`8b   
*    88      `8b  d8' `8b  d8'    88    88.     88 `88. 
*    YP       `Y88P'   `Y88P'     YP    Y88888P 88   YD 
*                                                       
*                                                       
*/

.page-footer {
	overflow: hidden;
	color: rgb(255, 255, 255);

	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
}

.page-footer a {
	color: rgb(255, 255, 255);
	text-decoration: none;
}

.page-footer a:hover {
	text-decoration: underline;
}

.page-footer .page-footer-left {
	float: left;
	overflow: hidden;
	margin: 1em 1em;
}

.page-footer .page-footer-right {
	float: right;
	overflow: hidden;
	margin: 1em 1em;
}

.page-footer .page-footer-left p,
.page-footer .page-footer-right p {
	font-size: 0.7em;
	line-height: 1.4em;
	margin-top: 0em;
}

.page-footer .address {
	display: block;
}

.page-footer .msu-logo {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.4em;
}

.page-footer .footer-links,
.page-footer .footer-links a {
	color: rgb(238, 177, 17);
}

.page-footer .social-media-icons {
	line-height: 0px;
}

.page-footer .social-media-icons a {
	display: inline-block;
	width: 48px;
	height: 48px;
	color: rgba(0,0,0,0);
	overflow: hidden;
	margin-left: 10px;
}

.page-footer .social-media-icons a.facebook		{ background-position: -200px -64px; }
.page-footer .social-media-icons a.twitter		{ background-position: -200px -124px; }
.page-footer .social-media-icons a.you-tube		{ background-position: -200px -184px; }

@media (min-width: 720px) {
	.page-footer .address .address-component {
		display: inline-block;
	}

	.page-footer .address .address-component:after {
		display: inline-block;
		content: "|";
		margin: 0em 0.5em;
	}

	.page-footer .address .address-component:last-child:after {
		display: none;
	}

	.page-footer .page-footer-right p {
		text-align: right;
	}
}

@media (max-width: 719px) {
	.page-footer .page-footer-left,
	.page-footer .page-footer-right {
		float: none;
		margin: 20px 10px;
	}

	.page-footer .social-media-icons a {
		margin-left: 0px;
		margin-right: 10px;
	}

	.page-footer .address .address-component {
		display: block;
	}
}



/***
*    d88888b db    db d88888b d8b   db d888888b .d8888. 
*    88'     88    88 88'     888o  88 `~~88~~' 88'  YP 
*    88ooooo Y8    8P 88ooooo 88V8o 88    88    `8bo.   
*    88~~~~~ `8b  d8' 88~~~~~ 88 V8o88    88      `Y8b. 
*    88.      `8bd8'  88.     88  V888    88    db   8D 
*    Y88888P    YP    Y88888P VP   V8P    YP    `8888Y' 
*                                                       
*                                                       
*/

.events-panel .upcoming-events .date-divider {
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.3em;
	letter-spacing: -0.04em;
	border-bottom: 1px solid #000;
	margin: 1em 0em;
}

.events-panel .upcoming-events .event {
	display: block;
	margin: 1em 0em;
	padding-left: 100px;
	padding-right: 160px;
}

.events-panel .upcoming-events .event:after {
	display: block;
	content: " ";
	height: 1px;
	overflow: hidden;
	clear: both;
}

.events-panel .upcoming-events .event .time {
	display: block;
	float: left;
	margin-left: -100px;
	color: rgba(0,0,0,0.75);
}

.events-panel .upcoming-events .event .image-wrapper {
	display: block;
	float: right;
	width: 150px;
	margin-right: -160px;
}

.events-panel .upcoming-events .event .image-wrapper img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.events-panel .upcoming-events .event .title {
	display: block;
	color: #1e97e3;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.3em;
}

.events-panel .upcoming-events .event:hover .title {
	text-decoration: underline;
}

.events-panel .upcoming-events .event .location {
	display: block;
	color: rgba(0,0,0,0.75);
	font-size: 0.9em;
	line-height: 1.3em;
}

.events-panel .upcoming-events .event .summary {
	display: block;
	font-size: 1.0em;
	line-height: 1.3em;
	margin: 1em 0em;
}

.events-panel .panel-header {
	margin: 1em 0em;
	overflow: hidden;
}

.events-panel .panel-header .header-label {
	float: left;
	font-weight: bold;
	letter-spacing: -0.04em;
	font-size: 1.3em;
	line-height: 1.3em;
}

.events-panel .panel-header nav {
	float: right;
	text-align: right;
}

.events-panel .panel-header nav .event-button {
	display: inline-block;
	margin-left: 10px;
	background-color: #E31E27;
	color: #FFF;
	text-align: center;
	min-width: 100px;
	padding: 0.5em;
	font-size: 1em;
	line-height: 1em;
	cursor: pointer;
	user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}

.events-panel .upcoming-events .event .more-link {
	display: inline-block;
	background-color: #E31E27;
	color: #FFF;
	text-align: center;
	margin: 0.5em 0em;
	padding: 0.25em 1em;
	text-decoration: none;
}
.events-panel .upcoming-events .event .more-link:hover {
	text-decoration: none;
}

@media (min-width: 1200px) {
	.events-panel .upcoming-events .event {
		padding-right: 250px;
	}

	.events-panel .upcoming-events .event .image-wrapper {
		width: 240px;
		margin-right: -250px;
	}
	
}

@media (min-width: 720px) and (max-width: 999px) {
	.events-panel .upcoming-events .event {
		padding-right: 0px;
	}

	.events-panel .upcoming-events .event .image-wrapper {
		float: none;
		margin: 1em 0px;
		width: auto;
	}
}

@media (max-width: 719px) {
	.events-panel .upcoming-events .event {
		padding-left: 0px;
		padding-right: 0px;
	}

	.events-panel .upcoming-events .event .time {
		margin: 1em 0em;
		float: none;
		text-align: right;
		font-size: 0.8em;
	}

	.events-panel .upcoming-events .event .image-wrapper {
		float: none;
		margin: 1em 0px;
		width: auto;
	}

	.events-panel .panel-header .header-label {
		float: none;
	}

	.events-panel .panel-header nav {
		float: none;
		position: relative;
		height: 2.0em;
	}

	.events-panel .panel-header nav .event-button {
		width: auto;
		display: block;
		position: absolute;
		top: 0px;
		margin: 0px;
	}

	.events-panel .panel-header nav .event-button:first-child {
		left: 0px;
		right: 50%;
		margin-right: 5px;
	}

	.events-panel .panel-header nav .event-button:last-child {
		right: 0px;
		left: 50%;
		margin-left: 5px;
	}
}


/***
*    d8888b.  .d8b.  d8888b. d888888b d8b   db d88888b d8888b.      db       .d88b.   d888b   .d88b.  .d8888. 
*    88  `8D d8' `8b 88  `8D `~~88~~' 888o  88 88'     88  `8D      88      .8P  Y8. 88' Y8b .8P  Y8. 88'  YP 
*    88oodD' 88ooo88 88oobY'    88    88V8o 88 88ooooo 88oobY'      88      88    88 88      88    88 `8bo.   
*    88~~~   88~~~88 88`8b      88    88 V8o88 88~~~~~ 88`8b        88      88    88 88  ooo 88    88   `Y8b. 
*    88      88   88 88 `88.    88    88  V888 88.     88 `88.      88booo. `8b  d8' 88. ~8~ `8b  d8' db   8D 
*    88      YP   YP 88   YD    YP    VP   V8P Y88888P 88   YD      Y88888P  `Y88P'   Y888P   `Y88P'  `8888Y' 
*                                                                                                             
*                                                                                                             
*/

.partner-link {
	display: block;
	float: left;
	position: relative;
	width: 25%;
}

.partner-link:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.partner-link a {
	display: block;
	position: absolute;
	left: 0px;
	right: 10px;
	top: 0px;
	bottom: 10px;
	border: 1px solid #EEE;
	padding: 5px;
	text-decoration: none;
}

.partner-link a img:before {
	display: block;
	margin-top: 50%
}

.partner-link a img {
	border: none;
	vertical-align: middle;
	width: 100%;
	height: auto;
	margin-top: -1px;
}

@media (min-width: 720px) and (max-width: 999px) {
	.partner-link {
		width: 33.333%;
	}
}

@media (max-width: 719px) {
	.partner-link {
		width: 50%;
	}
}


/***
*    d888888b d8b   db      d888888b db   db d88888b      d8b   db d88888b db   d8b   db .d8888. 
*      `88'   888o  88      `~~88~~' 88   88 88'          888o  88 88'     88   I8I   88 88'  YP 
*       88    88V8o 88         88    88ooo88 88ooooo      88V8o 88 88ooooo 88   I8I   88 `8bo.   
*       88    88 V8o88         88    88~~~88 88~~~~~      88 V8o88 88~~~~~ Y8   I8I   88   `Y8b. 
*      .88.   88  V888         88    88   88 88.          88  V888 88.     `8b d8'8b d8' db   8D 
*    Y888888P VP   V8P         YP    YP   YP Y88888P      VP   V8P Y88888P  `8b8' `8d8'  `8888Y' 
*                                                                                                
*                                                                                                
*/

.page-middle .content-column .in-the-news,
.page-middle .content-column .in-the-news:hover {
	display: block;
	margin: 1em 0em;
	color: #000;
	text-decoration: none;
	padding-bottom: 1em;
	border-bottom: 1px solid #AAA;
}

.page-middle .content-column .in-the-news:last-child {
	border-bottom: none;
}

.page-middle .content-column .in-the-news .headline {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -0.04em;
	color: #1E97E3;
	line-height: 1.3em;
}

.page-middle .content-column .in-the-news:hover .headline {
	text-decoration: underline;
}

.page-middle .content-column .in-the-news .lead {
	display: block;
	font-size: 0.9em;
	line-height: 1.3em;
	color: #777;
}

/***
*    d8b   db    d88b d8b   db  .o88b.      db   db d88888b  .d8b.  d8888b. d888888b d8b   db  d888b  
*    888o  88    `8P' 888o  88 d8P  Y8      88   88 88'     d8' `8b 88  `8D   `88'   888o  88 88' Y8b 
*    88V8o 88     88  88V8o 88 8P           88ooo88 88ooooo 88ooo88 88   88    88    88V8o 88 88      
*    88 V8o88     88  88 V8o88 8b           88~~~88 88~~~~~ 88~~~88 88   88    88    88 V8o88 88  ooo 
*    88  V888 db. 88  88  V888 Y8b  d8      88   88 88.     88   88 88  .8D   .88.   88  V888 88. ~8~ 
*    VP   V8P Y8888P  VP   V8P  `Y88P'      YP   YP Y88888P YP   YP Y8888D' Y888888P VP   V8P  Y888P  
*                                                                                                     
*                                                                                                     
*/
.njnc-header:before,
.njnc-header:after {
	content: " ";
	height: 1px;
	overflow: hidden;
	display: block;
	clear: both;

}

.njnc-header {
	background-color: #58585a;
	padding: 1em;
	color: #FFF;
	margin-top: -1px;
}

.njnc-header h1,
.njnc-header .tagline {
	float: left;
	display: block;
	position: relative;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	width: 240px;
	font-size: 1px;
	line-height: 1px;
	color: rgba(0,0,0,0);
	background-image: url(images/nj-news-commons.png);
	background-size: 100% 100%;
}

.njnc-header h1 span,
.njnc-header .tagline span {
	display: none;
}

.njnc-header h1:before,
.njnc-header .tagline:before {
	content: "";
	display: block;
	padding-top: 14.167%;
}

.njnc-header .tagline {
	float: right;
	width: 320px;
	margin-top: 14px;
	background-image: url(images/dispatches-from-nj-news-ecosystem.png);
}

.njnc-header .tagline:before {
	padding-top: 2.8125%;
}

.njnc-header.mobile {
	display: none;
}

@media (max-width: 719px) {
	.njnc-header.mobile {
		display: block;
	}
	.page-header .njnc-header {
		display: none;
	}

	.njnc-header h1,
	.njnc-header .tagline {
		float: none;
		width: 100%;
	}
}



/***
*    .d8888. d8888b. d8888b. d888888b d888888b d88888b      .d8888. db   db d88888b d88888b d888888b 
*    88'  YP 88  `8D 88  `8D   `88'   `~~88~~' 88'          88'  YP 88   88 88'     88'     `~~88~~' 
*    `8bo.   88oodD' 88oobY'    88       88    88ooooo      `8bo.   88ooo88 88ooooo 88ooooo    88    
*      `Y8b. 88~~~   88`8b      88       88    88~~~~~        `Y8b. 88~~~88 88~~~~~ 88~~~~~    88    
*    db   8D 88      88 `88.   .88.      88    88.          db   8D 88   88 88.     88.        88    
*    `8888Y' 88      88   YD Y888888P    YP    Y88888P      `8888Y' YP   YP Y88888P Y88888P    YP    
*                                                                                                    
*                                                                                                    
*/
@media (-webkit-max-device-pixel-ratio: 1.499999), (max-resolution: 143dpi) {
	.content-column .social-media-links ul li a.email:before,
	.page-footer .page-footer-right .social-media-icons a {
		background-image: url(images/sprite-sheet-1.0.png);
		background-size: 256px 256px;
	}
}

@media (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.999), (min-resolution: 144dpi) and (max-resolution: 191dpi) {
	.content-column .social-media-links ul li a.email:before,
	.page-footer .page-footer-right .social-media-icons a {
		background-image: url(images/sprite-sheet-1.5.png);
		background-size: 256px 256px;
	}
}

@media (-webkit-min-device-pixel-ratio: 2.0), (min-resolution: 192dpi) {
	.content-column .social-media-links ul li a.email:before,
	.page-footer .page-footer-right .social-media-icons a {
		background-image: url(images/sprite-sheet-2.0.png);
		background-size: 256px 256px;
	}
}




/***
*    d888888b  .d88b.  .d8888.      d8888b. d88888b d8888b. db    db  d888b  
*      `88'   .8P  Y8. 88'  YP      88  `8D 88'     88  `8D 88    88 88' Y8b 
*       88    88    88 `8bo.        88   88 88ooooo 88oooY' 88    88 88      
*       88    88    88   `Y8b.      88   88 88~~~~~ 88~~~b. 88    88 88  ooo 
*      .88.   `8b  d8' db   8D      88  .8D 88.     88   8D 88b  d88 88. ~8~ 
*    Y888888P  `Y88P'  `8888Y'      Y8888D' Y88888P Y8888P' ~Y8888P'  Y888P  
*                                                                            
*                                                                            
*/

.mobile-output {
	position: fixed;
	z-index: 10000;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 33%;
	overflow: auto;
	background-color: #000;
}

.mobile-output .message {
	font-size: 11px;
	line-height: 1em;
	margin: 0.25em 0em;
	color: #FFF;
}