html {background: url(../img/texture.png) repeat left top;}
body {padding:0; margin:0; height:100%;background:none; font-family:Verdana, Geneva, sans-serif; font-size:100%   }
/* Cornell Identity */
#cu-identity {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 63.125%;		/* translate 1.0em to 10px, 1.5em to 15px, etc. */
	color: #222;
	height: 75px;
	line-height:normal;
	background: #b31b1b;
	/*margin-bottom:93px;*/
	padding:0px 20px 0px 20px;
}
#cu-logo {
	margin: 0 auto;
	max-width: 960px;
	width:100%;
	height: 75px;
	background: url(http://www.cornell.edu/img/layout/cu_logo.gif) no-repeat 0 -1px;
	text-align:left;
	
}
#cu-logo a {
	position: absolute;
	display: block;
	border: none;
	/* hide text link */
	text-indent: -1000em;
	text-decoration: none;
	width: 250px;
	height: 75px;
}
#insignia-link {
	width: 68px;
	height: 75px;
}
#cornell-link {
	height: 38px;
}
#cu-logo img {
	display: none;
	border: 0;
}
/*	Search Form */

#search-form {
	position: absolute;
	top: 18px;
	
	right: 50%;
	margin-right: -480px;
}
#search-form form {
	margin: 0;
	padding: 0;
	text-align: right;
}
#search-form label {
	color: #fff;
	font-size:inherit; 
	line-height:normal; 
	display:inline; 
	}

#search-form-query {
	padding: 3px;
	width: 145px;
	border: none;
	height:auto;
	margin:0;
	line-height:normal;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	background: #990f0f url(../img/layout/header_search.gif) no-repeat top left;
	vertical-align: middle;
	box-shadow:none;
	-webkit-box-shadow:none;
	transition:none;
	-moz-transition:none;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
}
#search-form-submit {
	padding: 0px 2px 3px 2px;
	border-top: 1px solid #bf6060;
	border-left: 1px solid #bf6060;
	border-right: 1px solid #400606;
	border-bottom: 1px solid #400606;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #fff;
	background: #900;
	vertical-align: middle;
	line-height:normal;
}
#search-filters {
	margin: 5px 0 0 0;
}
#search-filters input {
	vertical-align: middle;
	margin: 0;
}
#search-filters label {
	vertical-align: middle;
	margin: 0 10px 0 0;
}
#search-form a {
	color: #fff;
	text-decoration:underline;
}
/* Search Navigation */
#search-navigation {
	position: absolute;
	top: 37px;
	right: 50%;
	margin-right: -385px;
}
#search-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
}
#search-navigation li {
	float: left;
	margin: 0;
	padding: 0;
	background: none;
}
#search-navigation a {
	float: left;
	padding: 5px 15px;
	color: #fff;
	text-decoration: none;
	border: none;
}
#search-navigation a:hover {
	background: #990f26;
}

/*#search-form-mobile { 
	display:none;
	margin:0;
	padding:0;
	width:100%;
	background:#b31b1b;
}
*/

	
a#search-link { 
	display:none; 
	padding:4px; 
	border-radius:4px; 
	-webkit-border-radius:4px; 
	-moz-border-radius:4px; 
	border:1px solid #8F181A; 
	background:#8F181A; 
	position:absolute; 
	right:10px; 
	top:10px; 
	}






/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
  line-height:normal;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

/*end isotope*/


#content{ padding:0; position:relative; }

/*ul#main_nav {  text-transform: uppercase; list-style-type: none; width: 290px; margin: 0 auto; padding:3px 0 0 0; display:block; height:63px; }
ul#main_nav li { display: inline;font-family: 'Open Sans Condensed', sans-serif; font-size: 24px; margin:0; height:60px;}
ul#main_nav li a {color: #fff; text-decoration: none; display: block; float: left;height: 41px; padding: 9px 15px 10px; }
ul#main_nav li a:hover {color: #000;}*/

/*ul#main_nav {  text-transform: uppercase; list-style-type: none; width: 360px; margin: 0 auto; padding:3px 0 0 0; display:block; height:63px; float:left; position:absolute; bottom:0px; left:355px; }
ul#main_nav li { display:block; float:left; font-family: 'Open Sans Condensed', sans-serif; font-size: 24px; margin:0; height:60px;}
ul#main_nav li a.life div { background:url(../img/nav-sprite.png) no-repeat left top; display:block; height:23px; width:23px; float:left; margin:6px 4px 0 0; }
ul#main_nav li a.careers div { background:url(../img/nav-sprite.png) no-repeat right top; display:block; height:23px; width:23px; float:left; margin:6px 4px 0 0;}
ul#main_nav li a {color: #fff; text-decoration: none; display: block; float: left; height: 41px; padding: 9px 15px 10px ; line-height:normal; }
ul#main_nav li a:hover {color: #000;}*/

#nav-wrap,ul#main_nav {
overflow:hidden; /* "haslyout" for IE7 & contains floats in all browsers */
width:100%;
}
* html #nav-wrap,* html ul#main_nav  {
height:1%; /* "haslyout" for IE6 & contains floats */
overflow:visible; 
}
#nav-wrap { position:relative; bottom:-8px; }
ul#main_nav {  text-transform: uppercase; list-style-type: none; width:314px; margin:0 auto 0 auto; padding:0 0 0 0; display:block; height:54px; line-height:34px;}
ul#main_nav li { display:block; float:left; font-family: 'Open Sans Condensed', sans-serif; font-size: 24px; margin:0; height:54px; margin:0; padding:0; line-height:34px; overflow:auto;}
ul#main_nav li a.life div { background:url(../img/nav-sprite.png) no-repeat left top; display:block; height:23px; width:23px; float:left; margin:2px 4px 0 0; }
ul#main_nav li a.careers div { background:url(../img/nav-sprite.png) no-repeat right top; display:block; height:23px; width:23px; float:left; margin:2px 4px 0 0;}
ul#main_nav li.life  a { width:158px; }
ul#main_nav li.careers a { width:96px; }
ul#main_nav li a { color: #fff; text-decoration: none; display: block; float: left; height: 34px; padding: 10px 15px 10px ; line-height:26px; }
ul#main_nav li a:hover {color: #000;}
ul#main_nav li a.selected { background: url(../img/nav_selected.jpg) repeat-x left bottom; }
ul#main_nav li a.selected:hover {color: #fff}

#nav{width:100%; color:#333; margin-bottom:14px; margin-top: 50px; float:left; }

#options{max-width:960px; /*width:100%;*/ margin:0 auto; padding:0px 20px 14px 20px; overflow:visible; }
#filter-header{padding:10px 5px 10px; font-weight:bold; float:left;}
#filter {list-style: none; margin:0; overflow:visible;  }
#filter li a{padding:4px 8px; font-size: 13px;  display:block; text-decoration:none; color:#fff; float:left; background-color: #8e8b84;-moz-border-radius: 7px;
border-radius: 7px; margin: 6px 0 0 3px;}
#filter li a:hover{background-color:#74726d; }
#filter li a.selected{background-color:#0093d0; color: #fff; position:relative;}

#filter li a.selected::after {
content: "";
position: absolute;
width: 1px;
height: 15px;
z-index: 0;
background-color:#ccc;
margin:24px 0 5px 0;
left:50%;}

/*small filter dropdown for small browsers/mobile */
#filterDropdown { display:none; width:100%;}
#filterDropdown a.dropdown-toggle { float:right; margin-right:10px;}
#filterDropdown .dropdown-menu { float:right; right:0px; text-align:center; }
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a { background:#999; }

/*dropdown select filter for small browsers/mobile*/
#filterDropdownSimple { display:none; }
#options label {display: none;}


/*side icons */
ul#side-tab { position:fixed; left: 10px; top: 253px;  line-height:normal; margin:0; list-style:none; list-style-type:none; z-index:99999999; }
ul#side-tab li a {display: block; width: 29px; height: 29px; text-indent: -5000em; margin-bottom: 3px; line-height:normal; outline:none;}
li#benefits a { background: url(../img/circles_sprite_new.png) no-repeat -3px -5px;}
li#apply a {background: url(../img/circles_sprite_new.png) no-repeat -3px -36px;}
li#military a {background: url(../img/circles_sprite_new.png) no-repeat -3px -67px;}
li#search a {background: url(../img/circles_sprite_new.png) no-repeat -3px -98px;}
/*li#benefits a:hover { background: url(../img/circles_sprite.png) no-repeat -38px -5px;}
li#apply a:hover {background: url(../img/circles_sprite.png) no-repeat -38px -36px;}
li#military a:hover {background: url(../img/circles_sprite.png) no-repeat -38px -67px;}
li#search a:hover {background: url(../img/circles_sprite.png) no-repeat -38px -98px;}*/

/*styling for the popovers on the life page - overrides default bootstrap styles */
 .popover { position:fixed; background:#8D8B83; padding-bottom:16px; z-index:100;} 
 .popover .arrow {  }
 .popover.right .arrow { border-right-color:#8D8B83; }
.popover a {  text-decoration:underline; }
.popover,.popover p, .popover a { color:#fff; font-size:13px; } 
.popover a:hover { color:#f4f4f4; text-decoration:none; }
.popover-title { background:#8D8B83; color:#FFF; font-family: 'Open Sans Condensed', sans-serif; border:none; font-size:28px; line-height:30px; padding:20px 14px 5px; }
.popover ul { list-style:none; list-style-type:none; margin:0; padding:0; } 
.popover ul li { margin-bottom:6px;  }
.popover a.close { position:absolute; top:6px; right:8px; text-decoration:none; color:#fff; opacity:1; font-size:20px; padding:4px;}

/*end popover styles */

#container{margin:0 auto; display:none; clear:both;}

#top-full-width{ padding:10px 20px 20px 20px; margin:0 auto; position:relative; overflow:visible; padding-bottom:8px; height:auto; background: url(../img/bg.jpg) repeat-x left bottom;}
#top-header{  width:100%; margin:0 auto; position: relative;  overflow:visible; height:auto; background: url(../img/header_bg.jpg) no-repeat center bottom; max-width:none; max-height:162px;}

#top-header h2 { margin:0 auto; max-width:960px; } 
#top-header h2 img {height:auto; width: 100%;max-width: 954px; min-width:250px; margin: 0 0 10px;}

#top-header-content { position: absolute; right: 0; top: 2px; border-left: 1px solid #eeecea; padding: 5px 0 5px 30px; width: 130px; }
#top-header-content a { color: #474747; font-size: 13px; text-decoration: none;}
#top-header-content p { color: #474747; font-size: 11px; font-style: italic; margin: 5px 0 0 0; }

.element{float:left; width:230px; background-color:#fff; margin:10px;
-webkit-box-shadow: 0px 0px 4px #888;
-moz-box-shadow:    0px 0px 4px #888;
box-shadow:         0px 0px 4px #888;
}

.element img{width:230px}

.large, .large img{width:470px;}
.caption-info{padding:15px; color: #777; font-size: 11px;}
.title{font-size:13px; line-height: 18px; font-weight: normal;  padding-bottom:5px;font-family: 'Nobile', sans-serif; color: #444; }

.element a {color: #39C; text-decoration: none;}
.element a:hover {background-color: #FF9;}
.element p.punch {font-weight: normal; border-bottom: 0px dotted #ddd; padding-bottom: 0px; margin-top: 0;}
.element a.bottom-link {float: right; margin-bottom: 10px;}
.tag .title a {color: white; font-size: 28px; line-height:34px; font-family: Georgia, "Times New Roman", Times, serif; padding: 4px;}
.tag .title a:hover {background-color: transparent; text-decoration: underline;}
.tag { padding: 4px; width: 222px; text-align: center;}
.tag .caption-info{ border: 1px solid #ddd;}
.blue { background-color:#0068ac;}
.red { background-color:#b31b1b;}
.green { background-color:#6eb43f;}

.corner-stamp {   
    padding: 4px;
   border: 1px solid #d5d5d5;
    background:#fff;
    color: #222;
	margin:20px auto;
	max-width:960px;
	clear:left;
  }
  
.corner-stamp .title{font-size:18px; color: #222;}  
.corner-stamp .caption-info{font-size:14px;  color: #222; border: 1px solid #fff;}  
.clearNav { display:none; clear:both; }


/* home page specfic styles */
.benefits { background:url(../img/circles/benefits.png) no-repeat left top; padding: 5px 40px 0 0; margin-bottom:20px; }
.military { background:url(../img/circles/military.png) no-repeat left top; padding-top: 5px;}
.how-apply { background:url(../img/circles/how-apply_2.png) no-repeat left top; padding-top: 5px; margin-bottom:20px;}
.career-search { background:url(../img/circles/career-search.png) no-repeat left top; padding: 5px 40px 0 0; }
.benefits,.military,.how-apply,.career-search { padding-left:80px; }
.callout { position:relative; padding:50px 0px 50px 0; float:left; }
.callout h2 { font-family:'Open Sans Condensed', Helvetica, Arial, sans-serif; color:#666; font-size:32px; position:relative; width:96%; float:left; font-weight: normal; padding-right: 45px;}
.callout strong { color:#000; }
.go-link { display:block; /*position:absolute; right:0px; top:-2px;*/ margin:10px 0 0 10px; height:27px; width:37px; background:url(../img/go.png) no-repeat left top; text-indent: -5000em; }
.go-link:hover { background-position:bottom; }
span#go {height: 27px; width: 45px; position: absolute;}

.info-box h3 { text-transform:uppercase; font-weight:normal; font-size:40px; color:#111; font-family:"Open Sans Condensed",Verdana,sans-serif; }
h4 { font-family:Verdana, Geneva, sans-serif; font-size:13px; font-weight:bold; text-transform:uppercase; }

.other-resources ul, .benefits ul { float:left; width:43%; font-size: 13px; }
.join-mailing-list { clear:both; padding-right:50px; font-size: 13px; }
.footer-wrap { margin-bottom:80px; }
.diversity,.other-resources,.join-mailing-list { margin-top:50px; }
.facebook { background:url(../img/facebook-icon.png) no-repeat left top; padding-left:22px; } 
 a { color:#006F9D; }
.diversity {  margin:70px 0 0 5px; }
.diversity div { padding:3px 0; border:1px solid #B8B8B8; border-right:none; border-left:none; background: url(../img/diversity_bg.png) repeat-y top center;}
.diversity div div { border:1px solid #DCDCDC; border-right:none; border-left:none; padding:82px 20px 20px; background:url(../img/diversity.png) no-repeat center 28px; }
.diversity div div p { font-family:"Open Sans Condensed",Verdana,sans-serif; font-size:25px; line-height:30px; text-align: center;  }
.diversity>:first-child{ margin-bottom:10px; }
.diversity span { font-size:11px; color:#727272; }
.diversity div div.diversity-link { border: none; background: transparent; display:none;  padding:0px 0 0 0; text-align:center; height:54px; padding:10px 0 0 0;}
.diversity-link a { font-family:"Open Sans Condensed",Verdana,sans-serif; font-size:20px; line-height:20px; margin:0; padding:0; }
.diversity p a { color: inherit; }
.diversity p a:hover { text-decoration: none;}

.join-mailing-list input[type="text"] { background:#e6e6e6; font-family:Verdana, Geneva, sans-serif; line-height:20px; font-size:12px; height:20px; margin:0 1px 0 0; background-color:#e6e6e6; padding:2px 4px; font-style:italic; }
.join-mailing-list input[type="submit"] { background:#999; text-transform:uppercase; font-size:12px; color:#FFF; border: none; border-bottom:1px solid #ABABAB; border-right:1px solid #ABABAB; height:24px; }
.info-wrap { background:url(../img/middle_bg_960.png) repeat-y center top; overflow:visible; position:relative; padding: 30px 0; clear:both; font-size: 13px; }
.info-wrap.row1 { padding-bottom:0px; } 
.info-wrap ul { margin-left:18px; margin-bottom:0px;}


.intro h2 { font-size:40px; color:#111; font-family:"Open Sans Condensed",Verdana,sans-serif; padding:0; margin:0 0 16px 0; text-transform:uppercase; font-weight:normal; } 
.intro-wrap { width:940px;  padding:60px 0 0 0;}
.intro { font-family:Verdana, Arial, Geneva, sans-serif; font-size:16px; line-height: 24px; width:48%; float:left; }

.carousel-container { width:48%; float:right; }

span#shadow-left { background: url(../img/carousel_shadow_left.png) no-repeat bottom left; position: absolute; bottom: 0; left: -50px; display: block; width: 50px; height: 50px;}
span#shadow-right { background: url(../img/carousel_shadow_right.png) no-repeat bottom right; position: absolute; bottom: 0; right: -50px; display: block; width: 50px; height: 50px;}

form label { text-indent: -5000em; margin: 0; display: none;}

/* end home page specific styles */



/*media queries must come last*/


/*styles for screens smaller than our grid */
@media only screen and (max-width: 959px) {
	
	/*#cu-logo {max-width:100%;}*/

	#search-form {
		position: absolute;
		top: 18px;
		right: 20px;
		margin-right:0px;
	}
	
	#top-header-content{position:relative; border:none;}
	#top-header h2 img {width:100%; margin-bottom:0px; }
	
	.corner-stamp {   
		padding: 4px;
	   border: 1px solid #d5d5d5;
		background:#fff;
		color: #222;
		margin:20px;
	  }
	  #filter li a.selected::after {
		width: 0px;
		height: 0px;
		z-index: 0;
		background:none;
		margin:0;
		}
}

/* adjust tag nav and wecome box on life page for smaller widths  */
@media only screen and (max-width: 1035px) {
	ul#filter { margin-left:24px; }
}



/* screen is smaller than our corner-stamp box*/
@media only screen and (max-width: 500px) {
	#search-form{display:none;}
	#container .corner-stamp {width:222px;}
	
}

/* styles for small screens/narrow browser */
@media only screen and (max-width: 640px) {
	#search-form{display:none;}
	a#search-link { display:block; }
	#cu-logo  {
			background: url(../img/cornell45.gif) no-repeat left top;
		}
	#cu-identity, #cu-logo, #cu-logo a { height:45px; }
	ul#main_nav li a.selected { background: url(../img/nav_selected_mobile.jpg) repeat-x left bottom; }
	#top-header { background:none;  }
	#nav { margin-top:20px; }
	/*small filter dropdown for smaller size screens*/
	/*#filterDropdown { display:block; }*/
	#filterDropdownSimple { display:block; }
	#filter { display:none; }
	#options { width:88%; padding:0 5% 0 7%; }
	.popover.right .arrow { top:88%; }
	.popover, .popover p, .popover a { font-size:12px; line-height:13px; }  
}

/* home page grid goes from 2 col to 1 at 770px */
@media only screen and (max-width: 770px) {
	.info-wrap ul, .other-resources ul { margin-bottom:0; }
	.info-wrap.row1, .info-wrap { padding:0; }
	.info-wrap>div { padding:15px 0; } 
}

/* home page grid goes from 2 col to 1 at 770px */
@media only screen and (max-width: 920px) {
	.clearNav { display:block;  }
}



/* "retina" cu-signatures 45 (iphone,hi res android)*/
@media all and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 640px),
all and (-moz-min-device-pixel-ratio: 1.5) and (max-width: 640px),
all and (min-device-pixel-ratio: 1.5) and (max-width: 640px)
	   {

		#cu-logo  {
			background: url(../img/cornell-45retina45.png) no-repeat;
			-moz-background-size: 169px 45px;
			-o-background-size: 169px 45px;
			-webkit-background-size: 169px 45px;
			background-size: 169px 45px;
			height:45px;
		}
		#cu-logo a { height:45px; }
		
		
		
	   }
	   
/* "retina" cu-signatures 75 (ipad, hi res tablets)*/
@media 
all and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-width: 768px) and (min-device-height: 1024px),
all and (-moz-min-device-pixel-ratio: 1.5) and (min-device-width: 768px) and (min-device-height: 1024px),
all and (min-device-pixel-ratio: 1.5) and (min-device-width: 768px) and (min-device-height: 1024px) 
{	

	#cu-logo  {
		background: url(../img/cornell-75retina75.png) no-repeat;
		-moz-background-size: 240px 75px;
		-o-background-size: 240px 75px;
		-webkit-background-size: 240px 75px;
		background-size: 240px 75px;
	}
	#cu-logo { height:150px; }
	
	.corner-stamp {   
		padding: 4px;
		padding-left:12px;
	   border: 1px solid #d5d5d5;
		background:#fff;
		color: #222;
		margin:20px auto;
		max-width:716px;
	  }
	  
	  ul#side-tab { left:1px; top:234px; }
	  #nav { margin-top:20px; }
}

@media all and (max-width: 640px) {
	
	#top-full-width{padding-left:0px; padding-right:0px;}
	#top-header h2 {padding-left:5px; padding-right:5px;}
	#top-header h2 img {padding: 0 17px; width:90%;}
}