@charset "utf-8";
/* Author:          Ben Weibel for Electronic Vision*/
/* Email:           weibel@ev.net */
/* Last modified:   11/9/15 */
/* Modified by:     John Croucher Jr */
/* Email:           jc110909@ohio.edu */
/* Ohio University Engineering */
/* ohio.edu/engineering */

/*
OU Branding
Primary Colors
Green: #00694E
Gray: #776F67

Secondary Colors
Lime Green:#8FD400


light blue{background: rgb(110, 180, 205);}
purple{background: rgb(97, 45, 98);}	
lime{background: rgb(143, 212, 0);}
blue{background: rgb(0, 115, 150);}
Orange{background: rgb(239, 130, 0);}
Red{background: rgb(135, 36, 52);}
Yellow{background: rgb(244, 170, 0);}

*/

/* Fonts */
@font-face{font-family:'BergamoProRegular';src:url('/common/css/type/BergamoPro-Regular-webfont.eot');src:local('?'),url('/common/css/type/BergamoProRegular-Regular-webfont.woff') format('woff'),url('/common/css/type/BergamoPro-Regular-webfont.ttf') format('truetype'),url('/common/css/type/BergamoPro-Regular-webfont.svg#webfont79PJXJVj') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'BergamoProBold';src:url('/common/css/type/BergamoPro-Bold-webfont.eot');src:local('?'),url('/common/css/type/BergamoPro-Bold-webfont.woff') format('woff'),url('/common/css/type/BergamoPro-Bold-webfont.ttf') format('truetype'),url('/common/css/type/BergamoPro-Bold-webfont.svg#webfontzHhqCTjL') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'CartoGothicProBold';src:url('/common/css/type/CartoGothicPro-Bold-webfont.eot');src:local('?'),url('/common/css/type/CartoGothicPro-Bold-webfont.woff') format('woff'),url('/common/css/type/CartoGothicPro-Bold-webfont.ttf') format('truetype'),url('/common/css/type/CartoGothicPro-Bold-webfont.svg#webfont') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'CartoGothicProBook';src:url('/common/css/type/CartoGothicPro-Book-webfont.eot');src:local('?'),url('/common/css/type/CartoGothicPro-Book-webfont.woff') format('woff'),url('/common/css/type/CartoGothicPro-Book-webfont.ttf') format('truetype'),url('/common/css/type/CartoGothicPro-Book-webfont.svg#webfont') format('svg');font-weight:normal;font-style:normal;}
@font-face {font-family: 'CartoGothicProBlack';src: url('/common/css/type/CartoGothicPro-Black-webfont.eot');src: local('☺'), url('/common/css/type/CartoGothicPro-Black-webfont.woff') format('woff'), url('/common/css/type/CartoGothicPro-Black-webfont.ttf') format('truetype'), url('/common/css/type/CartoGothicPro-Black-webfont.svg#webfont') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'CartoGothicCapsBook';src: url('/common/css/type/CartoGothicCaps-Book-webfont.eot');src: local('☺'), url('/common/css/type/CartoGothicCaps-Book-webfont.woff') format('woff'), url('/common/css/type/CartoGothicCaps-Book-webfont.ttf') format('truetype'), url('/common/css/type/CartoGothicCaps-Book-webfont.svg#webfont') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'CartoGothicCapsLight';src: url('/common/css/type/CartoGothicCaps-Light-webfont.eot');src: local('☺'), url('/common/css/type/CartoGothicCaps-Light-webfont.woff') format('woff'), url('/common/css/type/CartoGothicCaps-Light-webfont.ttf') format('truetype'), url('/common/css/type/CartoGothicCaps-Light-webfont.svg#webfont') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'CartoGothicProLight';src: url('/common/css/type/CartoGothicPro-Light-webfont.eot');src: local('☺'), url('/common/css/type/CartoGothicPro-Light-webfont.woff') format('woff'), url('/common/css/type/CartoGothicPro-Light-webfont.ttf') format('truetype'), url('/common/css/type/CartoGothicPro-Light-webfont.svg#webfont') format('svg');font-weight: normal;font-style: normal;}

/* Basic Site Backgrounds */
html{
	min-height: 100%;
}

body{
	background: #7a726b; 
	background-image:url(/engineering/images/graphy_w_1.png);
	background-image:url(/engineering/images/graphy_w_1.png), url(/engineering/images/blocks_1_1.png), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3d352f), to(#7a726b));
	background-image:url(/engineering/images/graphy_w_1.png), url(/engineering/images/blocks_1_1.png),-webkit-linear-gradient(top, #3d352f, #7a726b); 
	background-image:url(/engineering/images/graphy_w_1.png), url(/engineering/images/blocks_1_1.png),  -moz-linear-gradient(top, #3d352f, #7a726b);
	background-image:url(/engineering/images/graphy_w_1.png), url(/engineering/images/blocks_1_1.png),   -ms-linear-gradient(top, #3d352f, #7a726b);
	background-image:url(/engineering/images/graphy_w_1.png), url(/engineering/images/blocks_1_1.png),    -o-linear-gradient(top, #3d352f, #7a726b);

	background-repeat: repeat, no-repeat, repeat;
	background-size: auto, 30%, auto;
	background-position: 0px, 20px 74% , 0;
}

#ouws_wspage{
	margin:0; 
	background:none;
}

::selection{
	background: #c7e97f;
	color: #333;
}

/* Content Aproval Element Spacing */
.content-element > h2 + img {
    padding-bottom: 15px;
}


/****************************************
/* Typography
/****************************************/
p strong, p em, pre, strong, em, b, i, u, q, s, blockquote, address {
	font-size: inherit;
	line-height: inherit;
}

*, p, a, ul, ol, ul li, ol li, p strong, li ul li, .storyAbstract, span, div {
	font-family: "CartoGothicProLight", Arial, Helvetica, sans-serif; 
	font-size: 14px;
	color: #776f67;
	line-height: 1.5em;
}

p{
	margin-bottom: 1em;
}

a{
	color: #00694E;
}

/* header typography */
h1,h2,h3,h4,h5,h6,h2 a,h3 a,h4 a{
	color: #776f67;
	font-family: "CartoGothicProLight", Arial, Helvetica, sans-serif; 
	font-weight: normal;
}

	/* Header links don't have underlines */
	h2 a,h3 a,h4 a, .collegeHeader h1 a, .collegeHeader h2 a{
		text-decoration: none;
	}

h2 { 
	font-size: 30px;
}

h3 {
    font-size: 1.555555em;
}

.mainWrap h2{
	line-height: 34px;
	margin: 10px 0;
	}

.collegeHeader h1 a, .collegeHeader h2 a{
	font-family: "CartoGothicProBold", Arial, Helvetica, sans-serif; 
	font-size: 24px;
	color: #ffffff;
	font-variant: small-caps;
	line-height: 26px;
	display: block;
}

.mainWrap h3{
	color:#00694E;
}

.mainWrap h4, h4 a{
	font-size: 20px;
	color:#00694E;
}

.mainImageCaption, .mainImageCredit {
	margin: 2px 0 10px 0;
	display: block;
	text-align: left;
	color: #a0a0a0;
	font-style: italic;
	font-size: 12px;
}

/* lists */
ol, ul {
    margin: .5em 2em;
}

ol.upper-alpha li {
    list-style-type: upper-alpha;
}

ol.lower-alpha li {
    list-style-type: lower-alpha;
}

ol.upper-roman li {
    list-style-type: upper-roman;
}

ol.lower-roman li {
    list-style-type: lower-roman;
}

/* Table Stylings */

table.styled-table {
    width: 100%;
    border-collapse: collapse;
}

table.styled-table > caption {
    font-size: 20px;
    color: #00694E;
}

table.styled-table > thead > tr > th {
    font-size: 14px;
    padding: 6px 8px;
    color: #FFFFFF;
}

table.styled-table > thead > tr:nth-child(2) {
	background-color: rgb(119, 111, 103);
}

table.styled-table > tbody > tr > th {
	background-color: rgb(119, 111, 103);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.1), rgba(255,255,255,.1));
	color: #FFFFFF;
}

table.styled-table > tbody > tr > td {
	padding: 5px 8px;
    text-align: center;
}

table.styled-table > tbody > tr:nth-child(even) {
    background-color: #F7F7F7;
}

table.styled-table > tbody > tr:nth-child(odd) {
    background-color: #EBE9E8;
}

table.styled-table > tbody > tr:hover {
    background-color: rgba(0,0,0,0.1)!important;
    font-weight: bold;
}

/* OU Green */
table.styled-table {
    border: 1px solid #00694E;
    border-bottom: 3px solid #00694E;
}

table.styled-table > thead > tr {
    background-color: #00694E;
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
}

/* Form Stylings */
span.CS_Form_Required_Baseline:after, span.CS_Form_Required:after {
    content: " *";
    color: red;
}

td.CS_Form_Label, td.CS_Form_Label_Baseline, td.CS_Form_Required_Baseline, td.CS_Form_Required {
    font-weight: bold;
}

form.CS_Form_Form > div > table > tbody > tr > td > table > tbody > tr > td {
    padding-top: 5px;
}

/* navigation typography */
	#mainNav li a, .menuJump a, .mobileMenu ul#mainNav ul.subNav li a, .breadcrumbs *{
		text-decoration:none;
	}

	/* global menu */
	.mainNavWrap #mainNav a, .menuJump a{
		font-family: "CartoGothicProBold", Arial, Helvetica, sans-serif;
		color:#fff;
		font-size: 16px;
		padding: 4px 10px;
		text-transform: uppercase;
	}
	.mainNavWrap .mobileHide #mainNav .subNav a{
		color:#fff;
		font-size: 14px;
		padding: 4px 10px;
		text-transform: none;
	}

	/* side menu */
	.mainWrap #mainNav a{
		color:#776F67;
		font-size: 13px;
	}

		.mainWrap ul#mainNav li.match > a, #bottom ul#mainNav li.match > a, .menuJump a{
			color:#fff;
		}

	/* audience nav */
	ul.ULNavLink li a{
		color:#fff; 
		font-size: 11px; 
		text-decoration:none; 
		font-weight: normal; 
		text-transform: uppercase;
	}

	/* breadcrumbs */
	.breadcrumbs *{
		font-size: 12px;
		color: #776f67;
		text-transform: capitalize;
	}

	.breadcrumbs a:hover{
		color: #00694E;
	}

/* News */
.homeNews .newsTitle, .wscsEventName a {
	text-decoration: none;
	font-family: "CartoGothicProBold", Arial, sans-serif;
}

.morenews {
	float:right;
}

.morenews a {
	text-decoration:none;
	font-weight: bold;

}
.morenews a hover {
	text-decoration: underline;
}

.newsSection {
	margin-top: 10px;
}

/* Events */
.eventdate {
	font-size: 14px;
	color: #00694E;
	font-weight: bold;
}

#conferenceName {
	font-size: 26px;
	color: rgb(143, 212, 0);
}

/* Slideshow */
.theme-default .nivo-caption {
	color: #FFF;
	font-family: "CartoGothicProLight", Arial, Helvetica, sans-serif!important; 
}

/****************************************
/* Layout
/****************************************/
	/* general */
	img{
		max-width:100%;
		height: auto;
	}

	.mainContent.col {
        padding-bottom: 20px;
    }
	
	.mainContent img{
        margin: 0 15px;
	}

	.mainContent .nivoSlider img {
	    margin: 0;
	}
	
	.mainContent .slider-wrapper {
	    position: relative;
	}
	
	.mainContent .slider-wrapper .startStopBox {
	    bottom: 45px;
	    left: 50%;
	    margin-left: -10px;
	}
	
	.mainContent .imageSection-image {
        width: 200px;
        position: relative;
        padding: 10px;
        color: #FFF;
        display: inline-block;
    }
	
	.mainContent .imageSection-image img {
        margin: 0;
    }
	
	/* Header */
	.OUWhite #ouws_global, #ouwsHeaderWrap {
		background-color: #FFF;
	}

	#ouws_logo img {
		max-width: 313px;
		padding: 0 .5em;
	}

	div.collegeHeaderWrap {
		width: 100%;
		padding: 10px 0;
		background-color: #016049;
		background-image: url(/engineering/images/circuits_1.png);
		-webkit-box-shadow: inset 0 1px rgba(255,255,255,.15);
		-moz-box-shadow: inset 0 1px rgba(255,255,255,.15);
		box-shadow: inset 0 1px rgba(255,255,255,.15);
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1)),url(/engineering/images/circuits_1.png);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1)),url(/engineering/images/circuits_1.png);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1)),url(/engineering/images/circuits_1.png);
		background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1)),url(/engineering/images/circuits_1.png);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(255,255,255,.1)),url(/engineering/images/circuits_1.png);
	}

	#ouws_content .collegeHeader{
		overflow-y:hidden; 
	}

	
	/* Department Header */
div.onPageBanner h2.acadPageBanner a.WS_Element_CustomLink{
	color:#fff;
	font-size:1em;
	padding-left:.5em;
	font-family: "CartoGothicProBold", Arial, Helvetica, sans-serif; 
	padding-left: 1%;
}


div.onPageBanner h2.acadPageBanner a.WS_Element_CustomLink span.h3small, div.onPageBanner h2.acadPageBanner a.WS_Element_CustomLink span{
	color:#fff;
	font-family:"CartoGothicProLight", Arial, Helvetica;
	font-size:.75em;
	font-weight:normal;
	letter-spacing: 2px
}

	/*Footer*/
	#ouwsFooter{
		border-top:none;
		background: transparent;
	}

	#ouws_addressDept{
		max-width:100%
	}

	#ouws_footerSecondary a{
		text-decoration:underline;
		background:none!important;
	}


	/* Navigation layout */
	/****************************************/
	ul#mainNav, .menuJump{
		margin:0;
	}

	ul#mainNav li, .menuJump{
		list-style: none;
	}

	div.mainNavWrap{
		min-height: 20px;
	}

	#mainNav a:hover{
		background-color:rgba(0,0,0,0.1);
	}

	/* Global Nav */
	.mainNavWrap .mobileHide #mainNav > li{
		display: inline-block;
		margin: 0;
	}

	.mainNavWrap #mainNav a{
		display: block;
	}

	.mainNavWrap .mobileHide .subNav {
		display: none;
		position: absolute;
		background: #4c443e;
		background: rgba(76, 68, 62, 0.95);
		margin: 0;
		z-index: 100;
	}

	.mainNavWrap ul#mainNav .subInd{
		display:none;
	}

		/* Last two links are a bit different */
		.mainNavWrap .mobileHide #mainNav a[href="/engineering/future/visit-now.cfm"], .mainNavWrap .mobileHide #mainNav a[href="/engineering/future/apply-now.cfm"] {
			font-size: 12px;
			padding: 8px 18px 5px 8px;
			background-repeat: no-repeat;
		}

		.mainNavWrap .mobileHide #mainNav a[href="/engineering/future/visit-now.cfm"] {
	  		background-image: url("/engineering/images/icon_students.png");
	  		background-position: 6em;
		}

		.mainNavWrap .mobileHide #mainNav a[href="/engineering/future/apply-now.cfm"] {
	  		background-image: url("/engineering/images/icon_apply_1.png");
	  		background-position: 6.5em;
		}

		.mainNavWrap .mobileHide #mainNav > li:nth-last-child(1), .mainNavWrap .mobileHide #mainNav > li:nth-last-child(2) {
			float: right;
		}

	/* Sidebar Nav */
	.mainWrap ul#mainNav, #bottom ul#mainNav{
		margin-top: 10px;
		background: #F1F0F0;
	}

	.mainWrap .sideBar ul#mainNav {
	    margin-top: 0;
	    margin-bottom: 10px;
	}
	
	.mainWrap ul#mainNav .hasSub .subNav{
		display: none;
		background: #E1E0E0;	
		margin: 0;
		position: relative;
	}

	.mainWrap .subSubNav {
		display: none;
		position: absolute;
		right: -200px;
		margin: 0;
		background: #FDFDFD;
		margin-top: -26px;
		width: 200px;
		border: 1px solid #EEE;
		z-index:100;
	}

	.mainWrap #mainNav > li > a, #bottom #mainNav > li > a, .menuJump a{
		display:block;
		padding:10px 2px 10px 10px;
	}

	.mainWrap ul#mainNav .hasSub .subNav a{
		display:block; 
		padding:5px 10px 5px 20px;
	}

		/* current link coloring */
		.mainWrap ul#mainNav li.match > a, #bottom ul#mainNav li.match > a, .menuJump a{
			background-color: #00694E;
			background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
			background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
			background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
			background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));

			border-top:187760;
			border-bottom:#004439;
		}

		/* dropdown indicators */
		.mainWrap ul#mainNav .hasSub .subInd img{
			float:right;
			margin:5px 0 0 0;
		}
			
		.mainWrap ul#mainNav .exp .subInd img{
			-webkit-transform: rotate(90deg); 
			-moz-transform: rotate(90deg); 
			-o-transform: rotate(90deg);
			-ms-transform: rotate(90deg); 
			margin:10px 5px 0 0;
		}

		.mainWrap ul#mainNav .hasSub .hasSub > a{
			background:url("http://www.ohio.edu/common/images/flyoutmenu-link-arrow_1.png") center right no-repeat;
		}
		
		.menuJump a{
			background-image:url("/engineering/images/icon-arrow.png");
			background-position:  99% center;
			background-repeat: no-repeat;
			}


	/* Audience Nav */
	div.audienceNav {
		margin-left:0;
	}

	ul.ULNavLink li{
		display:inline-block;
		float: right;
	}

	ul.ULNavLink li a{
		display: block; 
		padding: 7px;
	}

	ul.ULNavLink {
		margin: 10px 0 0 0;
	}

	/* Mobile Menu */
	.mobileMenu ul#mainNav ul.subNav{
		top: 0;
		position: relative;
	}

	.mobileMenu ul#mainNav ul.subNav ul.subSubNav {
		margin-left: 30px;
	}
	#top .fullsizeHide ul#mainNav > li.hasSub > a{background:url(/engineering/images/icon-menu_2.png) no-repeat 99% 15px!important; padding:15px 10px}
	#top .fullsizeHide ul#mainNav ul.subNav li a, #bottom ul#mainNav ul.subNav li a{padding:10px 20px; display:block; }
	#bottom ul#mainNav ul.subNav{background:#d8d7d7}
	#bottom ul#mainNav ul.subNav li.hasSub ul.subSubNav li a{padding:10px 30px; display:block; }
	#top .fullsizeHide ul#mainNav ul.subNav, #bottom ul#mainNav ul.subNav, #bottom ul#mainNav ul.subNav li.hasSub ul.subSubNav {margin:0;}

	.noHover.afNav_slide ul#mainNav ul.subSubNav {
        position: relative;
        right: 0;
        margin-top: 0;
        width: 100%;
    }
	
	/* Breadcrumbs */
	div.breadcrumbs {
		padding: 0.5% 1%;
		background: #E0DFDE;
		border-bottom: 1px solid #BFBFBF;

		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
		background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
	}


/****************************************
/* Body Content 
/****************************************/
.mainWrap{
	background: #FFF;
	background: rgba(255,255,255,0.95);
	border: #3c3630 1px solid;
}

.pageTitle{
	width: 100%;
}

/****************************************
/* Secondary Content 
/****************************************/
.secondaryContent {
    margin-top: 21px;
}


/****************************************
/* News/Events Content 
/****************************************/
/* News Elements */

/* Events Elements */
.anevent {
	background: #EEE;
	padding: 5px 3px;
	border-bottom: 1px solid #CCC;
	font-size: 14px;
}

#wsEvents {
	margin: 0;
	padding: 10px;
	background: #EEE;
}

#wsEvents li {
	list-style: none;
	border-bottom: 1px solid #DDD;
}

.wscsEventName {
	margin: 0;
}

.wscsEventName a {
	font-weight: bold;
}

	.wscsEventName a:hover {
		text-decoration: underline;
	}
	
/* New Event Styles */	
#wsEventsHeadlines{
	background-color:#EEE; padding:.5em; 
}
.eventInfo {
	margin-bottom:20px; border-bottom:solid 1px #DDD; padding-bottom:15px
}
.eventInfo .eventLink {
	font-weight:bold;
}
.eventInfo .eventLink a {
	text-decoration:none;
}
.eventInfo .eventLink a:hover {
	color:#8FD400
}
.fullEventListing .eventInfo .eventLink a {
	text-decoration:none; font-size:1.25em
} 
/****************************************
/* FAQ elements
/****************************************/

.faqdiv {
	transition: opacity 1s ease;
	opacity: 0;
	position: fixed;
	z-index: -1;
}

:target .faqdiv {
	background-color: rgb(238, 238, 238);
	border: 1px solid rgb(221, 221, 221);
	padding: 5px;
	opacity: 1;
	position: relative;
	z-index: 1;
}

/****************************************
/* One-off Content pages  
/****************************************/

	/* Academics */
	/****************************************/
	ul.academics{
		margin: 0;
	}

	.academics li {
		list-style: none;
		min-height: 360px
	}

	.academicsTitle{
		position: relative;
		margin-bottom: 10px;
	}

	.academicsTitle h3 a {
		display: block;
		width: 96%;
		padding: 2%;
		margin-bottom: -1px;
		position: absolute;
		bottom: 0;
		font-size: 22px;
		text-align: center;
		text-decoration: none;
		color: rgb(255, 255, 255);
		background: rgb(153, 153, 153);
		background: rgba(153, 153, 153, 0.8);
		line-height:22px;
	}

	.aviation h3 a {
		background: rgb(110, 180, 205);
		background: rgba(110, 180, 205, 0.8);
	}
	.chem h3 a, .bio h3 a, .corrosionmultiphase h3 a, .energyenvironment  h3 a, .biofuels h3 a, .air h3 a, .electrochemical h3 a, .coal h3 a, .sustainableenergy h3 a {
		background: rgb(97, 45, 98);
		background: rgba(97, 45, 98, 0.8);
	}
	.civil h3 a, .transportation h3 a {
		background: rgb(143, 212, 0);
		background: rgba(143, 212, 0, 0.8);
	}
	.computer h3 a, .electrical h3 a, .avionics h3 a, .scientificcomputing h3 a, .eecs h3 a {
		background: rgb(0, 115, 150);
		background: rgba(0, 115, 150, 0.8);
	}
	.manage h3 a, .autoid h3 a {
		background: rgb(239, 130, 0);
		background: rgba(239, 130, 0, 0.8);
	}
	.industrial h3 a, .advancedsystems h3 a {
		background: rgb(135, 36, 52);
		background: rgba(135, 36, 52, 0.8);
	}
	.mechanical h3 a, .materials h3 a, .mech h3 a, .mechsystems h3 a {
		background: rgb(244, 170, 0);
		background: rgba(244, 170, 0, 0.8);
	}

    h4.ouws_SpotlightTitle 
    {
	   line-height: 1.25em;
	   margin-bottom: 5px;
        margin-top: 5px;
	}

	/* About */
	/****************************************/
	
	.about, .aboutIso{
		width:100%;
	}
	
	.about h4{
		text-transform:uppercase; 
		text-align:center;
	}
	
	.aboutSpotlight p {
		margin: 0;
		text-align: center;
	}

	.aboutSpotlight em {
		font-style: normal;
		text-transform: uppercase;
		font-size: 16px;
	}

	.aboutSpotlight strong {
		font-size: 40px;
		color: #8FD400;
		font-weight: normal;
		line-height: 1em;
	}

	.item {
		width: 178px;
	}
	
	.isoName a {
		color: #776f67;
		position: absolute;
		bottom: 0;
		width: 100%;
		font-size: 16px;
		text-align: center;
		text-transform:uppercase;
		line-height:20px;
	}
	
	.backgroundTransition,.isotope-item:hover h3 a{
		-webkit-transition-property: background all all;
		transition-property: background all all;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-in-out;
		transition-timing-function: ease-in-out;
	}
	
	#mediaContainer.isotope{margin-bottom:10px;}
	
/*	.isotope-item{background:white;}
*/	.isotope-item h3 a{color:white}
	.isotope-item:nth-child(7n+0)
		{background: rgb(110, 180, 205);
	}
	.isotope-item:nth-child(7n+1){
		background: rgb(97, 45, 98);
	}
	.isotope-item:nth-child(7n+2){
		background: rgb(0, 107, 84);
	}
	.isotope-item:nth-child(7n+3){
		background: rgb(114, 132, 112);
	}
	.isotope-item:nth-child(7n+4){
		background: rgb(244, 170, 0);
	}
	.isotope-item:nth-child(7n+5) {
		background: rgb(143, 212, 0);
	}
	.isotope-item:nth-child(7n+6){
		background: rgb(176, 169, 124);
	}
	
	.isotope-item a img{
		opacity:.2;
		filter: grayscale(100%);
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		filter: grayscale(100%);

		-webkit-transition-property: background all all;
		transition-property: background all all;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-in-out;
		transition-timing-function: ease-in-out;
	}

	.isotope-item a:hover img{
		opacity:1;
		filter: grayscale(0);
		-webkit-filter: grayscale(0);
		-moz-filter: grayscale(0);
		filter: grayscale(0);
		-webkit-transition-property: background all all;
		transition-property: background all all;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-in-out;
		transition-timing-function: ease-in-out;
	}
	
	.isotope-item:hover h3 a{background:rgba(100, 100, 100, 0.8);}
	
	#filterBlock {
		text-align: center;
		padding: 15px 0;
		border-top: 1px solid #e4e4e4;
	}

	ul#filters, ul#filters li {
		display: inline-block;
		list-style: none;
	}
	
	ul#filters li a{
		text-decoration: none;
		font-size:16px;
		text-transform: uppercase;
		padding: 10px 20px;
		display: block;
	}
	
	ul#filters li.filtering{
		background: #e4e4e4;
	}

	.isotopePlayerContent .goToArticle, .isotopePlayerContent .secondaryImage,
	.isoLink, .item .newsStoryContent {
		display:none;
	}

	/* Modal */
	#TB_window {
		max-width: 100%;
		max-height: 100%;
		border: none!important;
	}

	#TB_ajaxContent {
		max-width: 96%;
		padding: 2px 2%!important;
	}

	a#TB_closeWindowButton {
		color: #FFF!important;
		text-decoration: none;
		font-weight: bold;
	}
	#TB_window h1 {
		color: #8FD400;
	}

	#TB_title {
		background: #8FD400!important;
	}

    /* Faculty Research */
    .singlePerson {
        margin-bottom: 15px;
        clear: both;
    }
    
    .rsPhoto {
        width: 125px;
        float: left;
        margin-right: 15px;
        padding-bottom: 25px;
    }
    
    .rsPhoto img {
        max-width: 100%;
        height: auto;
        margin: 0;
    }
    
    .rsPerson {
        float: left;
        width: 73%;
        margin-bottom: 15px;
    }

/* Homepage Stuff */
/****************************************/

.homeBlurb {
	width: 96%;
	text-align: center;
	margin: 10px 2%;
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
}

.homeBlurb p, .homeBlurb p *{
	font-size: 30px;
	text-transform: uppercase;
	color: #776f67;
	font-family: "CartoGothicProLight", Arial, Helvetica, sans-serif;
}

	.news .homeTitle > div.CS_Textblock_Text a {
		font-size: 24px;
		margin: 20px 0 0 0;
	}

.homeBlurb p strong a{
	color:#8FD400;
	font-weight: normal;
	text-decoration:none;
}

	/* titles */ 
	.homeTitle > div.CS_Textblock_Text{
		border-bottom: 1px solid #776F67;
	}

	.homeTitle > div.CS_Textblock_Text, .homeTitle > div.CS_Textblock_Text a {
		font-size: 30px;
		font-family: "CartoGothicProLight", Arial, Helvetica, sans-serif;
	}

	.homeTitle > div.CS_Textblock_Text a{
		 color: #776f67;
		 text-decoration:none;
	}

	.homeTitle {
		background-repeat: no-repeat;
		background-position: right;
	}

		.homeTwitter .homeTitle {
	  		background-image: url("/engineering/images/icon_social_1.png");
		}
		.homeNews .homeTitle{
	  		background-image: url("/engineering/images/icon_news_1.png");
		}
		.homeEvents .homeTitle{
	  		background-image: url("/engineering/images/icon_calendar_1.png");
		}
		.homeSpotlight .homeTitle{
	  		background-image: url("/engineering/images/icon_multimedia_1.png");
		}
		.homeBlog .homeTitle{
	  		background-image: url("/engineering/images/icon_blog_1.png");
		}

	/* Slideshow */
	.row.slideshow{
		overflow:hidden;
	}

	div.homeSlideshow {
		width: 88%;
		float: left;
	}

	div.homeSlideshow img{
		max-width: 100%;
	}

	ul#promo li{
		list-style:none;
	}

	.nivo-caption{
		opacity:1!important;
		background: rgb(100, 100, 100)!important;
		background: rgba(100, 100, 100, 0.8)!important;
		text-transform: uppercase;
		font-size:20px;
		color:#fff;
	}

	.metaImage {
		width: 12.1%;
		float: right;
		margin-left: -1px;
		margin-right: -1px;
	}

	/* Twitter */
		#twitter-widget-0 {
			width: 100%!important;
		}

		.twitterHeader {
			display: none;
		}

		.timeline {
			border-radius: 0;
		}

		.socialTitle{
			float: left;
			width: 35%;
			margin: 5px 10px 0 0;
			text-transform: uppercase;
		}

		.social .imageImg {
			display: inline-block;
			width: 20px;
			height: 20px;
			margin:3px 0 0 0;
		}
		
		
		.social .imageImg img{
			width:20px;
			height:20px;
		}
		
		.homeTwitter .social .imageImg a[href="http://www.facebook.com/ohio.engineering"] img{background:#3b5998}
		.homeTwitter .social .imageImg a[href="http://www.youtube.com/user/OhioUnivRussCollege"] img{background:#bb0000}
		.homeTwitter .social .imageImg a[href="http://www.linkedin.com/groups?home=&gid=3000035&trk=anet_ug_hm"] img{background:#007bb6}
		.homeTwitter .social .imageImg a[href="https://twitter.com/russcollege"] img{background:#00aced}
		.homeTwitter .social .imageImg a[href="http://instagram.com/russcollege"] img{background:#b48c76}
		
		
		.navWrap .social{
		background: #776f67;
		margin: 10px 0;
		padding: 2px 0 0 2px;
		}
		
		.navWrap .imageImg {
			margin-bottom: 10px;
		}
		
	/* Responsive video */
		.video-container {
			position: relative;
			padding-bottom: 56.25%;
			padding-top: 30px;
			height: 0;
			overflow: hidden;
		}

		.video-container iframe,  
		.video-container object,  
		.video-container embed {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		/* fixes spacing above video */
		.homeSpotlight p{
			display:none;
		}

	/* blog */
	.homeBlog .imageImg{
		position:relative;
	}
	.homeBlog .imageImg span.imageCaption {
		min-width:96%;
		padding: 2%;
		display:block!important;
		position: absolute;
		left: 0;
		bottom: 0;
		font-family: "CartoGothicProLight", Arial, Helvetica, sans-serif; 
		text-transform: uppercase;
		font-size: 18px;
		color: #fff;
		background: rgba(119,111,103,.8);
	}

	/* Promo */
	.homePromo .imageImg{
		margin-bottom: 17px;
	}
	.homePromo {
		padding-top: 5px;
	}

	/* News 
	/****************************************/

	.storyLink a, .feedTitle a, a.headlineLink {
		display: block;
		font-family: "CartoGothicProBook", Arial, Helvetica, sans-serif; 
		text-decoration:none;
		line-height: 1.25em;
		margin: 10px 0 0 0;
	}
	
	a.headlineLink {
	    display: inline;
	}

	.storyLink a:hover, .feedTitle a:hover{
		text-decoration: underline;
	}

	#wsNewsFeatured .storyContent {
		height: auto!important;
		margin-bottom: 10px;
	}

	#newsStory h1{
		line-height:1.25em;
	}
	#articleData{
		margin:10px 0;
	}
	#articleData {
		font-size:14px;
		font-weight:bold;
	}
	#articleData #author{
	}
	#articleData #storyDate{
		color: #91d100;
	}

	.newsBlock #wsNewsHeadlines, .newsBlock .rssReedAggregator{
		background: #EAEAEA;
		padding: 5px 5px 10px 5px;
		min-height: 200px;
	}
	
	.newsBlock  .feed {
		border-bottom: 0;
		padding-top: 0;
	}

	/*.newsBlock .feedDescription, .newsBlock p {
		display: none;
	}*/

	/* Hide extra RSS content on the news home page */	
	.newsBlock .rssReedAggregator .feed > *{
		display: none;
	}

	.newsBlock .rssReedAggregator .feed .feedTitle{
		display: block;
	}

	/* Article Duplicate Fixes */
	#newsStory #story .storyBody, .secondaryImage {
	display: none;
	}
	.mainContent #newsStory #story, .mainContent #newsStory #story .storyBody, .wsNewsSecondaryContent .secondaryImage, .isotopePlayerContent #newsStory #story .storyBody {
	display: inherit;
	}
	.mainContent #newsStory h1, .mainContent #newsStory #articleData, .mainContent #newsStory #story .mainImage {
	display: none;
	}
	
	

	/* news slideshow */
	#story_detail, #story_photo{
		margin: 0;
	}

	#story_detail li, #story_photo li {
		list-style: none;
	}
	
	#story_detail a {
        display: block;
    }
	
	#story_photo, #story_photo li {
		top: 0;
		max-width: 100%;
	}

	#story_photo li {
		position: absolute;
	}

	.top_stories_thumb {
		position: relative;
		max-width: 23.8%;
		z-index: 10;
		border-left: 3px solid #333;
		border-right: 1px solid #111;
		border-top: 1px solid #111;
		filter: grayscale(100%);
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: gray;
	}

    .top_stories_thumb:hover{
        filter: grayscale(50%);
        -webkit-filter: grayscale(50%);
        -moz-filter: grayscale(50%);
        filter: grayscale(50%);
    }

    a.current .top_stories_thumb{
        border-left: 3px solid #8FD400;
        filter: grayscale(0%);
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        filter: grayscale(0%);
    }

	#top_stories {
		position: relative;
		margin-top: 10px;
	}

	#story_detail li {
		width: 50%;
	}

	#story_detail a span {
		display: none;
		z-index: 20;
	}

	#story_detail a.current span {
		display: block;
		position: absolute;
		width: 83.6%;
		bottom: 4px;
		right: 0;
		background: rgba(100, 100, 100, 0.8);
		color: #FFF;
		padding: 2%;
	}

	.full {
		position: absolute;
		text-decoration: none;
		color: #FFF;
		right: 0;
		bottom: 0;
		padding-left: 83%;
		padding-top: 10%;
		z-index:100;
		text-indent:-99999px;
	}

	/* in the news */
	.feedDescription {
		overflow: auto;
	}

	.feedDescription img {
		margin-right: 5px;
	}

	/* left align photos with text in photo essays */
	.photo-essay {
		margin-left: 0px!important;
	}

/****************************************
/* Temp Fixes
/****************************************/

/*News Center*/

.landingSpotlight.col {
    padding-bottom: 15px;
}

#wsNewsFeatured .imageBox a {
	display: block;
	height: 125px;
	width: 125px;
	float: left;
	margin: 10px;
}

#wsNewsFeatured .imageBox a {
	max-height: 100%;
	max-width: 100%;
}

.storyContent {
	overflow: auto;
}

.newsBlock.col{
	padding:0;
	margin: 0 0 20px 0;
}

/*News Center Slideshow*/

.highlightText {
	position: relative;
	float:none!important;
}

.highlightText a {
	text-indent: -9999px;
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
}

/* FAQ */

div.faq_list {
    border-bottom: 3px solid #00694E;
}

p.faq_q {
    font-size:20px;
    background: #00694E;
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
    color: #FFF;
    padding: 6px 8px;
    margin-bottom: 5px;
}

p.faq_q:hover {
    cursor: pointer;
}

div.faq_a {
    padding: 11px 8px 0px 8px;
    border-top: none;
    margin-top: -5px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

/*Staff Directory*/

ul.azList{
	margin:0;
	text-align:center;
}

ul.azList li {
	list-style: none;
	display: inline-block;
	margin: 0 5px;
}

#azContent h3{
	border-bottom: 1px solid #ddd;
	}

.staffMember {
	border-top: 1px solid #ddd;
	margin: 0 0 10px 0;
	padding: 15px 0 0 0;
}

.contactInfo.col {
	background: #EEE;
	border: #DDD 1px solid;
}

/* Staff Departmental Listing */

.eng_staff h3 .deptJumpedToLink{
    color:#00694E;
    font-size:25px;
}
.eng_staff h3 .goToThetop{
    color:#00694E;
    float:right;
}

/*Multimedia*/
.multimediaPage .imageImg {
	max-width: 185px;
	min-height: 160px;
}

.imageTitle {
	display: block;
	font-size: 14px!important;
	font-family: "CartoGothicProBook", Arial, Helvetica, sans-serif; 
	color: #00694E;
	line-height: 1.25em;
}

.multimediaPage h3{border-bottom: 1px solid #cecece;
margin: 0 0 8px 0;}



/*RSS*/
.feed {
	border-bottom: 1px solid #DDD;
	padding-top: 15px;
}

/*Footer Fixes*/
#ouwsFooter{width:100%;}
#footer-content {
width: 90%;
}

/* Russ Research */
.tenant img {
margin: 0 0px 10px;
	border: 1px solid #ddd;
			transition:all 0.5s;

	}

.tenant img:hover{

	border: 1px solid #00694E;
}

.tenant.col {
	min-height: 235px;
	padding-right: 5em;
	padding-bottom: 20px;
}

.tenant a {
text-decoration: none;
}

.tenant a strong {
	font-weight: bold;
	font-size: 18px;
	color: rgb(0, 105, 78);
}

.tenant a:hover {
text-decoration: underline;
}

.tenant:hover img {
	opacity: 0.6;
}

.fullPage .sideBar.col {
    display: none !important;
}

.fullPage .mainContent.col {
    width: 100%;
}

.selectedYears {
    padding: 15px 0;
    text-align: right;
}

.selectedYears span {
    font-size: 19px;
    color: #CCC;
    padding-right: 10px;
}

.selectedYears a {
    font-size: 19px;
    padding-right: 10px;
}

div#wsNewsFeatured {
    clear: both;
    padding-top: 10px;
}

.singleNewsArticle {
    padding-bottom: 4px;
}

.singleNewsArticle .article-image {
    float: left;
    padding-right: 15px;
}

.article-info .article-title a {
    text-decoration: none;
    font-weight: bold;
}

.article-info .article-title .article-date:before {
    content: "| ";
}

div.newSection {
    clear: both;
}

.headlineFeed .singleHeadline {
    padding-top: 8px;
}

.singleHeadline span.headlineTitle {
    font-weight: bold;
    font-size: 19px;
    color: #00694E;
}

.singleHeadline span.headlineDate {
    font-weight: bold;
    color: #91d100;
}

.singleHeadline span.headlineTitle + span.headlineDate {
    font-size: 19px;
}

.singleHeadline p {
    margin-top: .5em;
    margin-bottom: 1.5em;
}

.goodBits {
    padding-top: 42px;
}


/* Multicorp YouTube Gallery */
#ytThumbs li {
    list-style-type: none;
    display: inline;
    float: left;
    width: 130px;
    margin-bottom: 5px;
    padding: 12px 6px;
}

#ytThumbs {
    float: left;
    margin: 0;
    width: 250%;
    padding: 0;
    text-align: center;
    list-style: none;
}

#thumbsHolder {
    height: 160px;
    overflow-y: hidden;
    overflow-x: scroll;
    background: transparent;
    clear: both;
}

div#thumbsHolder {
    height: 170px;
    margin-top: 1em;
}

#page .ws_yt_holder {
    position:relative;
}

#page #ytvideo {
    padding-top:30px;
}


/****************************************
/* Media Queries
/****************************************/

@media screen and (min-width: 0px) and (max-width: 399px) {
	.featuredStory {
		width: 100%;
		margin-top: 10px;
	}	
	div.imageBox {
		float: left;
		margin-right: 10px;
	}
	#ouws_searchForm{
		float: left;
		margin-top: 10px;
	}
	.aboutSpotlight p {
		text-align: left;
	}

	/* about modals */
	#TB_window {
		left: 0!important;
		margin-left: 0!important;
	}
}	
@media screen and (min-width: 400px) and (max-width: 759px) {
	ul.ULNavLink li{
		float: left;
	}
	ul.ULNavLink li a{
		padding-left: 0;
	}
	.aboutSpotlight p {
		text-align: left;
	}

	/* about modals */
	#TB_window {
		left: 0!important;
		margin-left: 0!important;
	}
}

 @media screen and (min-width: 760px) and (max-width: 959px) {
	.mainNav #mainNav > li > a{
		padding-left: 1px;
	}
	
	/*About*/
	.aboutSpotlight {
		width: 33.3%;
	}
}
/* Large desktop */
@media screen and (min-width: 960px) {
	/*About*/
	.aboutSpotlight {
		width: 33.3%;
	}
}