/*	

	Less+ by Jimmy Rosén, http://www.angrycreative.se/projekt/less-framework
	Based on Less Framework 4 by Joni Korpi, http://lessframework.com
	
*/

/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

	body {
		width: 100%;
		/*padding: 0 34px 60px;*/
	}

	#ehu_bar{
		height: auto !important;
		font-size: 12px !important;
		line-height: 18px !important;
	}

	.container{
		width: 299px;
		margin: 0 auto;
		position: relative;
	}

	#header .container{
		width: 100%;
	}

	#header .container #logo{
		width: 30%;
	}

	#header .container #logo a{
		width: 100%;
		height: auto;
	}

	#header .container #logo h1 a {
		background:url(../images/logo-small.png) 0 -5px no-repeat;
		width:136px;
		height:195px;
		display:block;
		text-indent:-99999px;
		transition:all .1s ease-in 0;
		-moz-transition:all .1s ease-in 0;
		-webkit-transition:all .1s ease-in 0;
	/* Safari and Chrome */
		-o-transition:all .1s ease-in 0;
	}

	#header .navbar .container{
		background: none;
		width: 100%;
		min-height: 0;
	}

	#header .container #header-content-right{
		width: 50%;
		margin-left: 0;
	}

	#header .container #header-content-right #top-menu{
		width: 100%;
		margin-bottom: 20px;
	}

	#header .container #header-content-right #top-menu ul li{
		padding: 0;
		border-right: none;
	}

	#header .container #header-content-right #top-menu ul li a{
		text-indent: -99999px;
	}

	#header .container #header-content-right #top-menu ul li #in,
	#header .container #header-content-right #top-menu ul li #twit,
	#header .container #header-content-right #top-menu ul li #fb{
		width:23px;
	}

	#header .container #header-content-right #middle{
		width: 100%;
		margin:10px 0;
	}

	#header .container #header-content-right #middle h2{
		font-size: 15px;
	}

	#header .container #header-content-right #middle #search .inputs{
		width: 52%;
	}

	#header .container #header-content-right #top-nav{
		width: 100%;
		margin:30px 0 0;
	}

	#header .container #header-content-right #top-nav ul{
		padding: 0 0 0;
	}

	#header .container #header-content-right #top-nav ul li{
		float: none;
	}

	#header .container #header-content-right #top-nav ul li:before{
		background: none;
	}

/* =================================
             NAV
==================================== */	

	/*-------  start responsive nav */

	.navbar .container{
  		width: 100%;
  		position: relative;
  		height: auto !important;
	}

	#nav{
		margin:0;
		width: 100%;
	}

	#nav a{
		margin:0;
		color: #fff;
	}

	#nav ul{
		background: #DD5946;
		z-index: 3;
		position: relative;
		margin:0 0;
		padding: 0;
	}

	#nav ul li a:hover{
		
	}

	#nav ul li{
		float: none;
		text-align: left;
		margin:0;
	}

	#nav ul li a{
		font-size: 14px;
		padding: 11px 17px;
	}

	#nav ul li a:hover,
	#nav ul li.current a,
	#nav ul li.current-menu-item a,
	#nav ul li.current_page_item a,
	#nav ul li.current-page-ancestor a,
	#nav ul li.sfHover > a
	{
		background: #B83E2E;
	}

	.nav-collapse {
   		clear: none !important;
	}

	 .navbar {
    	height: auto;
  	}
	 
	.nav-collapse,
	.nav-collapse.collapse {
	    overflow: hidden;
	    height: 0;
	}
	.navbar .btn-navbar {
	    display: block;
	    margin: 5px 0 0 0;
	}

	.navbar .btn-navbar:hover{
		text-decoration: none;
	}

	.navbar .btn-navbar span{
		
	}

	#nav.in{
		position: absolute;
		z-index: 999;
		left: 0;
	}

	#nav ul li ul{
		display: none !important;
		visibility: hidden;
	}

	/*  end responsive nav --------*/



/* =================================
              STAGE
==================================== */	

	#slideshow{
		height: 465px;
	}

	#slideshow a#prev-nav, #slideshow a#prev{
		top:6%;
		left: 6%;
		background: url("../images/left-arrow2.png") no-repeat ;
		width: 37px;
		height: 37px;
	}

	#slideshow a#prev-nav:hover,
	#slideshow a#prev:hover {
		background-position:0 -38px;
	}

	#slideshow a#prev-nav, #slideshow a#next{
		top:6%;
		right: 6%;
		background: url("../images/right-arrow2.png") no-repeat ;
		width: 37px;
		height: 37px;
	}

	#slideshow a#next-nav:hover,
	#slideshow a#next:hover {
		background-position:0 -38px;
	}

	.caption-wrap{
		width: 100%;
	}

	.caption{
		height: 75px;
	    padding: 8px 15px 0;
	    right: 15%;
	    top: 0;
	    width: 180px;
	}

	.caption h3{
		font-size: 14px;
		margin:0 0 5px;
	}

	.caption p{
		font-size: 11px;
		margin:0;
	}

	#programs{
		width: 90%;
		top:0;
	}

	#programs .box{
		width: 100%;
		float: none;
		margin:0 !important;
		margin-left:0;
		margin-right:0;
	}

	#programs .box h2{
		padding-top:20px !important;
		background-position: 0 23px !important;
	}

	#stage .container #content-wrap{
		width: 100%;
	}

	#topindex .alignleft{
		width: 100%;
		float: none;
		margin:0 0 40px;
	}

	#topindex .alignleft h2, #topindex .alignright h2, #botindex h2{
		font-size: 20px;
	}

	#rs-carousel-list .rs-carousel-action-next{
		right:-10px;
	}

	#rs-carousel-list .rs-carousel-action-prev{
		right: 19px;
	}

	#rs-carousel-list .rs-carousel-item{
		width: 240px;
	}

	#topindex .alignleft .announcement h3{
		margin:0 0 5px;
	}

	#topindex .alignleft .announcement h3 a,
	.rs-carousel-item h3 a, .announcement h3 a{
		font-size: 15px;
	}



	#topindex .alignleft ul li{
		margin:0 0 5px 35px;
		font-size: 14px;
	}

	#topindex .alignright{
		width: 100%;
		float: none;
		margin:0 0 40px;
	}

	#topindex .alignleft p, #topindex .alignright p{
		font-size: 14px;
	}

	#botindex ul li span{
		font-size: 10px;
		margin:0 0 10px;
	}

	#botindex ul li p{
		font-size: 14px;
	}



/* =================================
              FOOTER
==================================== */

	#botindex ul li{
		width: 100%;
		margin:0 0 25px 0;
		float: none;
	}

	#footer .container #footerwrap{
		width: 100%;
	}

	#footerwrap #address{
		display: block;
	    float: left;
	    width: 60%;
	}

	#footer .container #footerwrap #address p{
		font-size: 12px;
	}

	#footer .container #footerwrap #nav-copy{
		width: 100%;
		float: none;
	}

	#footer .container #footerwrap #nav-copy #bot-nav{
		float: none;
		width: 100%;
	}

	#footer .container #footerwrap #nav-copy #bot-nav ul li{
		float: none;
		margin:0 0 4px;
	}

	#footer .container #footerwrap #nav-copy #bot-nav ul li a{
		font-size: 11px;
	}

	#footer .container #footerwrap #nav-copy #copy{
		width: 100%;
		float: none;
		padding-right: 0;
	}


	#footer .container #footerwrap #nav-copy #copy span{
		font-size: 11px;
	}

/* =================================
              ABOUT
==================================== */

	#stage .container #content-wrap #sidebar{
		float: none;
		width: 100%;
	}

	#stage .container #content-wrap #content{
		float: none;
		width: 100%;
	}

	#stage .container #content-wrap #content h1{
		margin: 20px 0 15px 15px;
		font-size: 20px;
	}

	#stage .container #content-wrap #content p, 
	#stage .container #content-wrap #content li{
		font-size:13px;
		margin: 0 0 10px 15px;	
		width: 90%;
	}

	#stage .container #content-wrap #content h2{
		font-size: 17px;
		margin: 20px 0 15px 15px;
	}

	#stage .container #content-wrap #content ol li, #stage .container #content-wrap #content ul li{
		font-size:14px;
		margin: 0 0 10px 15px;	
		width: 85%;
	}

	#stage .container #content-wrap #content ol, #stage .container #content-wrap #content ul{
		margin: 0 0 10px 25px;
	}

	/* STAFF */

	#staffs .staff{
		width: 100% !important;
	}

	#staffs .staff-photo{
		float: none;
		width: 100%;
		margin:0 0 10px;
	}

	#staffs .staff-photo img{
		display: block;
		margin:0 auto;
	}

	#staffs .staff-info{
		float: none;
		width: 100%;
	}

	#stage .container #content-wrap #content h2{
		font-size: 16px;
		width: 90%;
	}

	#stage .container #content-wrap #content h2 a{
		margin-left: 15px;
	}

	#stage .container #content-wrap #content h4{
		font-size: 13px;
		margin-left: 15px !important;
	}

	#stage .container #content-wrap #content h5{
		font-size: 12px;
		margin-left: 15px !important;	
	}


/* Prof Standards */	

	#stage .container #content-wrap #content h3{
		width: 90%;
		margin: 20px 0 15px 15px;
		font-size: 16px;
	}

/* Capacity Building */	

	#stage .container #content-wrap #content blockquote{
		padding: 0 0 10px 44px;
		width: 77%;
		margin-left:15px;
	}