@font-face {
  font-family: 'EksjaExtremesThin';
  src: url('http://oregonstate.edu/osuhomepage/css/fonts/Eksja/Eksja-thin-webfont.eot');
  src: local('☺'), url('http://oregonstate.edu/osuhomepage/css/fonts/Eksja/Eksja-thin-webfont.woff') format('woff'), url('http://oregonstate.edu/osuhomepage/css/fonts/Eksja/Eksja-thin-webfont.ttf') format('truetype'), 						url('http://oregonstate.edu/osuhomepage/css/fonts/Eksja/Eksja-thin-webfont.svg#webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'EksjaExtremesRegular';
  src: url('http://oregonstate.edu/osuhomepage/css/fonts/Eksja/Eksja-regular-webfont.eot');
  src: local('☺'), url('http://oregonstate.edu/osuhomepage/css/fonts/Eksja/Eksja-regular-webfont.woff') format('woff'), url('http://oregonstate.edu/osuhomepage/css/fonts/Eksja/Eksja-regular-webfont.ttf') format('truetype'), url('http://oregonstate.edu/osuhomepage/css/fonts/Eksja/Eksja-regular-webfont.svg#webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "Gudea", sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased !important;
}

h3 {
  font-family: 'EksjaExtremesRegular';
  font-size:30px;
  line-height:1.3;
}

ul {
  list-style:none;
}

.srhelper {
	height: 1px;
	width: 1px;
	position: absolute;
	overflow: hidden;
	top: -10px; 
}


/* BEGIN HEADER */
header {
  font-size: 16px;
  background: #f5f2ed;
  position: fixed;
  top:0px;
  left:0px;
  z-index: 999;
  width: 100%;
  box-shadow: 2px 2px 0px rgba(0,0,0,.1);
  height:69px;
}

.menuwrapper {
  display: block;
  margin: 0 auto;
  width: 921px;
  position: relative;
  left: 60px;
}

.menuwrapper ul {
  margin:0px;
  padding:0px;
}

.menuwrapper li {
  float: left;
  padding: 22px 15px;
}

.menuwrapper .pushright {
  margin-right:215px;
}

.menuwrapper li a {
  text-decoration:none;
  color:#333;
}

.menuwrapper li a:hover, .menuwrapper li a:focus {
  color:#c34500;
}

#search {
  position: absolute;
  top: -999em;
  left: -999em;
  z-index: 900;
  width: 100%;
  background: #333;
}

#search.open {
  position: fixed;
  top: 69px;
  left: 0px;
}

#search a {
  text-decoration:underline;
  color:#fff;
}

#search a:hover, #search a:focus {
  text-decoration:none;
  color:#bfbfbf;
}

#searchbutton {
  position:absolute;
  top:13px;
  right:17px;
  z-index:999;
  float: right;
  font-size: 12px;
  color:#333;
  text-align:center;
  background: none;
  border: none;
}

#searchbutton:hover, #searchbutton:focus  {
  color:#c34500;
}

.fa-search {
  font-size:30px;
}

.searchform {
  height:350px;
}

.searchform p {
  color: #fff;
    text-align: center;
    position: relative;
    top: 95px;
    width: 60%;
    margin: 0 auto;
    font-size: 18px;
}

.searchform span {
  width: 300px;
  display: block;
  position: relative;
  top: 72px;
  margin: 0 auto;
}

.searchform span button {
  background: #c34500;
  padding: 20px;
  border:none;
}

.searchform span button:hover i, .searchform span button:focus i  {
  color: #fff;
}

.searchform span button i {
  display:block;
  font-size: 48px;
  color:#333;
}

.searchbox {
  font-size: 20px;
  margin: 0 auto;
  height: 88px;
  text-align: center;
  width: 215px;
  border: none;
  padding: 0px;
  float: left;
}

.close-search {
    background: #000;
    color: #fff;
    border: 1px solid #fff;
    padding: 10px;
    position: absolute;
    bottom:10px;
    left: 50%;
    margin-left: -53px;
}

.close-search:hover, .close-search:focus {
  background: #fff;
  color: #000;
}



#mobilemenu {
    background: #232323;
    text-align: center;
    position: absolute;
    top: 69px;
    left: 15px;
    z-index: 990;
    width: 100%;
}

#mobilemenu a {
  color:#fff;
  display:block;
  padding:8px 0px;
}

#mobilemenu a:hover, #mobilemenu a:focus {
  text-decoration:none;
  background:#c34500;
}

#mobilemenu .fa-cogs {
  margin-right:5px;
}

#mobilemenu ul:nth-child(1) {
  background:#000;
  margin:0px;
  padding: 8px 0px;
}

#mobilemenu ul:nth-child(2) {
  background:#232323;
  margin:0px;
  padding:8px 0px;
}

#mobilemenu ul:nth-child(3) {
  background:#000;
  margin:0px;	
  padding:8px 0px;
}

#mobilemenu ul:nth-child(4) {
  background:#232323;
  margin:0px;	
  padding:8px 0px;
}

#mobilemenubutton {
  position:absolute;
  top:7px;
  left:7px;
  z-index:999;
  font-size: 12px;
  padding: 2px 8px;
  color:#333;
  background: none;
  border: none;
  text-align:center;
}

#mobilemenubutton i {
  font-size: 33px;	
}
	
#logo {
  float: left;
  position: absolute;
  top: 0px;
  left: 50%;
  z-index: 900;
  margin-left: -95px;
  box-shadow: 2px 2px 0px rgba(0,0,0,.1);
  width: auto;
  height: 69px;
}
/* END HEADER */

/* BEGIN FEATURE STORIES */
#features {
  position:relative;
  overflow:hidden;
  margin-top:69px;
}

#features img {
  width:100%;
  height:auto;
}

#features video {
  width:100%;
  height:auto;
}

#features .glyphicon-chevron-left {
  left: 15%!important;
}

#features .glyphicon-chevron-right {
  right: 15%!important;
}

.caption {
    position: relative;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 500;
    background: rgba(255,255,255,.8);
    text-align: center;
    padding: 10px;
}

.caption a{
	color:#c34500;
}

.featuretitle {
    font-family: 'EksjaExtremesRegular';
    font-size: 28px;
    margin: 0px;
    line-height: 1;
}

.featuresubtitle {
    display: none;
}

.carousel-control {
	opacity:1!important;
}

/* Fade transition for carousel items */
.carousel .item {
    left: 0 !important;
      -webkit-transition: opacity .8s; /*adjust timing here */
         -moz-transition: opacity .8s;
           -o-transition: opacity .8s;
              transition: opacity .8s;
}
.carousel-control {
    background-image: none !important; /* remove background gradients on controls */
}
/* Fade controls with items */
.next.left,
.prev.right {
    opacity: 1;
    z-index: 1;
}
.active.left,
.active.right {
    opacity: 0;
    z-index: 2;
}

#audience {
  background:#252525;
  padding: 0px 0px 15px 0px;
}

#audience .pagetitle {
  background: #c34500;
  color: #fff;
  padding: 15px;
  margin: 0px;
  font-size: 20px;
  text-transform: uppercase;
  font-family: 'EksjaExtremesRegular';
}

#tools {
  margin: 30px 0px 15px 25px;
  background: #373737;
  color: #fff;
  border: none;
  padding: 15px;
}

#tools:hover, #tools:focus {
  background:#c34500;	
}

#tools .fa-cogs {
  margin-right:10px;
}

.audience {
  padding:0px;
  margin:0px;
}

.audience li a {
  color:#fff;
  display: block;
  padding:10px 0px 10px 25px;
}

.audience li a:hover, .audience li a:focus {
  background:#c34500;
  text-decoration:none;
}

/* END FEATURE STORIES */

/* BEGIN ORANGE MENU BELOW FEATURES */

#homenav {
  background:#c34500;
  color:#fff;
  padding:5px;
  text-align:center;
  font-weight:900;
}

#homenav i {
  color:#252525;
  font-size:24px;
  margin-top:10px;
}

#homenav a {
  color: #fff;
  display: inline-block;
  padding: 0 1em;
}

#homenav a:hover, #alumnav a:focus {
  color:#fff;
  text-decoration:underline;
}


/* BEGIN FEEDS */
#feeds {
  background:#f5f2ed;
  padding: 25px 25px 0px 25px;
}

#feeds a h3 {
  color: #c34500;
  border-bottom: 1px solid #bfbfbf;
  padding-bottom: 5px;
  font-size:20px;
}

#feeds a h3:hover, #feeds a h3:focus {
  color:#9e3800;
  text-decoration:none;
}

#feeds a {
  color:#c34500;
}

#feeds a:hover, #feeds a:focus {
  color:#9e3800;
  text-decoration:none;
}

#feeds img {
  width:100%;
  height:auto;
}

#feeds .fa-arrow-circle-right {
  margin-left:7px;
}

/*Feeds Expander Button*/
#feedexpand, #feedclose {
  display: block;
  background:#fff;
  margin:auto;
  border:none;
  padding: 0px 15px 0 0;
}

#feedclose {
  display: none;
  background:#fff;
  margin:auto;
  border:none;
  padding: 0px 15px 0 0;
}

#feedexpand .fa-plus, #feedclose .fa-minus {
  background: #252525;
  color: #fff;
  padding: 9px;
  margin-right: 15px;
  font-size: 20px;
}

#feedexpand:hover, #feedexpand:focus, #feedclose:hover, #feedclose:focus {
  background:#c34500;
  color:#fff;
}

/*General style for expanded feeds area*/
#expandedfeeds {
  background: #f5f2ed;
  padding: 0px 25px 25px 25px;
}

#expandedfeeds img {
  width:100%;
  height:auto;
}

#expandedfeeds a {
  color:#c34500;
}

#expandedfeeds a:hover, #expandedfeeds a:focus {
  color:#9e3800;
  text-decoration:none;
}

#feedswrapper {
  height:0px;
  overflow:hidden;
  min-height: 0px;
  display:none;
}

#feedswrapper .row {
  margin-top:10px;
}

/*News Items*/
.newsimg {
  max-width:112px;
}

.newsdate {
  font-style: italic;
  font-size: 14px;
}

/*Event Items*/
.date {
  text-align: center;
  border: 1px solid #c34500;
  padding: 10px;
  line-height:1;
  background-color: #fff;
}

.month {
  color: #c34500;
  font-weight: 900;
}

.day {
  font-weight: 900;
  font-size: 27px;
  line-height: 1;
}

/*Update Items*/
.updateimg {
  max-width:190px;
}
/* END FEEDS */

/* BEGIN FOOTER */
footer {
  background: url('../images/repeatable-treeline.png?v=1') repeat-x bottom left #373737;
  color:#fff;
  padding:50px;
  border-top:5px solid #c34500;
}

footer ul {
  padding:0px;
}

footer ul li {
  padding:10px 0px;
}

footer a {
  color:#fff;
  text-decoration:underline;
}

footer a:hover {
  text-decoration:none;
  color:#fff;
}

footer .social a:hover {
  text-decoration:none;
  color:#fff;
  border-bottom:1px solid #fff;
}

footer i {
  margin-right:10px;
}

footer .contacts p {
	margin-bottom:20px;
}

footer .contacts i {
	font-size:24px;
}

footer .social i {
	font-size:28px;
	margin:20px 5px;
}
/* END FOOTER */

/*****BEGIN MEDIA QUERIES*****/
@media (min-width:768px) {
/* BEGIN HEADER */
#logo {
  margin-left: -107px;
  width: 215px;
  height: auto;
}

#search {
  background: rgba(0,0,0,.9);
}

#searchbutton {
  top:13px;
}

.fa-search {
    font-size: 35px;
}

.close-search {
	bottom:80px;
}

.searchform span {
  width: 435px; 
  top: 220px;
}

.searchbox {
  width: 350px;
}

.searchform {
  height: 600px;
}

.searchform p {
  top: 235px;
}

/* END HEADER */

/* BEGIN FEATURES */


/* END FEATURES */

/* BEGIN FOOTER */
footer .contacts i {
  float:right;
}

footer .social i {
  margin:0px 5px;
}
/* END FOOTER */
}

@media (min-width:992px) {
/* BEGIN FEATURES */
#features {
  margin-top:69px;
}

#features .carousel-control.right {
	right:25%!important;
}

.caption {
	position: absolute;
    padding: 20px 10px 10px 20px;
    background: rgba(255,255,255,.8);
	width:75%;
    text-align: left;
}

.featuretitle {
    font-family: 'EksjaExtremesRegular';
    font-size: 30px;
    margin: 0px;
    line-height: 1;
    padding-bottom: 9px;
}

.featuresubtitle {
	display:block;
	font-family: 'gudea';
    font-size: 16px;
    line-height: 1.2;
}

#audience {
    background: rgba(0,0,0,.8);
    padding: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 500;
	height:100%;
}
/* END FEATURES */

/* BEGIN FOOTER */
footer {
  padding:50px;
}
/* END FOOTER */
}

@media (min-width:1200px) {
/* BEGIN HEADER */
header {
  font-size:18px;
}

.menuwrapper {
  left: 35px;
}
/* END HEADER */

}