/**
 * @file
 * Positioning for a responsive layout.
 *
 * Define CSS classes to create a fluid grid layout with optional sidebars
 * depending on whether blocks are placed in the left or right sidebars.
 *
 * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
 */



/* All screens smaller than 768px;*/
@media all and (min-width: 1px) and (max-width: 767px) {

	html {
		/*overflow: hidden;*/
	}

	/* Header*/
	#small_screen_header_black_box {
		background-color: #333333;
		height: 40px;
		width: 100%;
	}

	#logo {
		height: auto;
		width: 134px;
	}

	#block-search-form {
		top: -34px;
		left: 0px;
	}

	#block-search-form input {
		width: 150px;
	}

	/*************** Navigation ***************/

	#block-system-main-menu {
		position: absolute;
		top: 136px;
		left: 250px;
		height: 45px;
		width: 45px;
		cursor: pointer;
		/*background-image: url('../../images/menu_mobile.png');*/
		/*background-repeat: no-repeat;*/
	}

	.responsive-menus-0-0 {
		position: absolute;
		top: 143px;
		text-align: right;
		background-image: url('../../images/menu_mobile.png');
		background-repeat: no-repeat;
		background-position: 217px -1px;
	}

	.responsive-menus.responsified.responsive-toggled .responsive-menus-simple {
		margin-left: 110px;
	}

	.responsive-menus.responsified.responsive-toggled.absolute {
		position: absolute;
	}

	.responsive-menus.responsified span.toggler {
		color: #ffffff;
		padding-left: 30px;
		background: none;
		box-shadow: none;
		border-radius: 0;
		font-size: 24px;
		text-align: right;
		border: none !important;
		padding-right: 5px;
		display: inline-block;
	}

	.responsive-menus-0-0 > .responsive-menus-simple {
		margin-top: 10px !important;
	}

	#name-and-slogan {
		display: none;
	}

	#block-system-main-menu ul,
	#block-system-main-menu .block-title,
	.responsive-menus-simple .block-title {
		display: none;
		background: none;
	}


	/*************** Footer ***************/
	#block-block-2 .footer-top {
		height: inherit;
	}

	#block-block-2 .footer-top a,
	#block-block-2 .footer-top .first,
	#block-block-2 .footer-top .last {
		display: block;
		margin: 0px auto 10px;
	}

	#block-block-2 .footer-top > div {
		width: inherit;
		overflow: inherit;
	}

	#block-block-2 .footer-top p {
		line-height: inherit;
		height: inherit;
		font-size: 14px;
		padding: 0px 0px 10px;
	}

	#block-block-2 .footer-middle {
		height: inherit;
		background-repeat: repeat-x;
		background-position: center top;
	}

	#block-block-2 .footer-middle > div {
		max-width: 310px;
		padding: 0;
		overflow: auto;
	}

	#block-block-2 .footer-middle > div p {
		font-size: 12px;
		height: inherit;
		width: 100%;
		text-align: center;
		border: none;
		margin: 0 auto;
		padding: 0;
		line-height: inherit;
		overflow: auto;
	}

	#block-block-2 .footer-middle > div p a {
		border: none;
		padding: 0;
		margin: 0 auto;
		display: block;
		height: auto;
		width: auto;
	}

	#block-block-2 .footer-middle > div p a img {
		height: 50%;
		width: 50%;
	}

	#block-block-2 .footer-bottom {
		height: auto;
	}
	#block-block-2 .footer-bottom .top {
		padding: 0;
	}

	#block-block-2 .footer-top a {
		display: block;
		float: none;
		margin: 0 auto 10px;
		width: 310px;
	}

	#block-block-2 .footer-bottom span {
		height: 0;
		text-indent: -999px;
		overflow: hidden;
		visibility: hidden;
		padding: 0;
		display: block;
	}

}

@media all and (min-width: 1px) and (max-width: 479px) {
	#page {
		/*width: 320px;*/
	}

	#header {
		width: 310px;
	}

	.region-header {
		width: 311px;
		margin-left: 0px;
	}

	#logo {
		margin-left: 86px;
	}

	#block-search-form {
		left: 2px;
	}

	#block-block-1 {
		top: -37px;
		left: 159px;
	}

	.responsive-menus-0-0 {
		left: -110px;
	}

	.front #block-views-content-box-block {
		width: 310px;
	}

	.front #block-views-content-box-block > div {
		width: 320px;
	}

	.front #block-views-content-box-block .views-row {
		width: 310px;
	}

	.front #block-views-content-box-block .content_box img {
		width: 290px;
		margin: 0 auto;
		display: block;
	}

	#block-views-content-box .view-rows {
		display: block;
		margin: 0 auto;
	}


	/*************** Main Content Area ***************/
	#main {
		width: 310px;
		padding-bottom: 585px;
	}

	.not-front #main {
		padding-bottom: 438px;
	}

	.sidebar-second #content {
		float: none;
		width: 300px;
	}

	.sidebar-second .region-sidebar-second {
		margin-left: 15px;
		border-left: none;
	}

	/*************** Sidebar ***************/

	.sidebar_video .media-youtube-video {
		min-width: 280px;
	}

	/*************** News Page ***************/

	.view-news h1 {
		display: block;
	}

	.view-news .view-filters {
		position: relative;
	}


	.view-news .view-empty {
		margin: 30px 0px 175px;
	}

	#views-exposed-form-news-page > div {
		bottom: -10px;
		left: 6px;
	}

	.news-article .bottom .right {
		width: 245px;
	}

	.dk_options_inner > li {
		float: none;
	}

	/*************** Footer Area ***************/
	.region-bottom {
		height: 585px;
	}

	.not-front .region-bottom {
		height: 438px;
	}
}

@media all and (min-width: 480px) and (max-width: 767px) {
	#page {
		/*width: 480px;*/
	}

	#header {
		width: 470px;
	}

	#logo {
		margin-left: 168px;
	}

	#block-search-form {
		left: -80px;
	}

	#block-block-1 {
		top: -37px;
		left: 76px;
	}

	.responsive-menus-0-0 {
		left: -188px;
	}

	.front #block-views-content-box-block {
		width: 331px;
		margin: 0 auto;
	}

	/*************** Main Content Area ***************/
	#main {
		padding-bottom: 562px;
		width: 470px;
	}

	.not-front #main {
		padding-bottom: 438px;
	}

	.sidebar-second #content {
		float: none;
		width: 390px;
	}

	.sidebar-second .region-sidebar-second {
		margin-left: 100px;
		border-left: none;
	}

	/*************** News Page ***************/

	.view-news .view-filters {
		position: relative;
	}

	#views-exposed-form-news-page > div {
		bottom: -10px;
		left: 138px;
	}

	.news-article .bottom .right {
		width: 245px;
	}

	/*************** Footer ***************/
	.region-bottom {
		height: 562px;
	}

	.not-front .region-bottom {
		height: 438px;
	}

	.front .footer-top {
		height: auto;
	}

	.front .footer-top > div {
		width: 331px;
	}

	.front .footer-top a,
	.front .footer-top .first,
	.front .footer-top .last {
		margin: 0px auto 10px;
	}

	.front .footer-top p {
		height: auto;
	}
}

@media all and (min-width: 768px) {


	/*************** Header ***************/
	#small_screen_header_black_box {
		display: none;
	}

	/*************** Navigation ***************/
	/* this menu system is only available at 768 and up*/

	#block-system-main-menu {
		position: absolute;
		top: 136px;
		left: 364px;
		width: 526px;
	}

	#block-system-main-menu a {
		color: #333;
	}

	#block-system-main-menu .menu .menu a:hover,
	#columnized-menu > li > a:hover {
		color: #c41230;
	}

	#block-system-main-menu h2 {
	  display: none;
	}

	#block-system-main-menu > ul {
	  margin: 0px;
	  padding: 0px;
		font-family: "futura-pt";
		font-size: 20px;
		font-style: normal;
	}

	#block-system-main-menu > ul > li {
		position: relative;
		background: none;
		display: block;
	  float: left;
	  padding: 0px;
	}

	#block-system-main-menu > ul > li > a {
		color: #FFF;
		text-transform: uppercase;
		display: block;
		float: left;
		text-decoration: none;
		padding: 0 22px;
		font-weight: 300;
		text-shadow: 1px 1px 8px #333333;
		height: 45px;
		line-height: 45px;
		letter-spacing: 1px;
		border-left: 1px solid rgba(0, 0, 0, .7);
		border-right: 1px solid rgba(100, 100, 100, .5);
	}

	#block-system-main-menu > ul > li:hover > a {
		background: rgb(0, 0, 0) transparent;
		background-color: rgba(255, 255, 255, 0.3);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFFFF, endColorstr=#66FFFFFF);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFFFF, endColorstr=#66FFFFFF)";
	}

	.node-type-news #main-nav-li-2 > a,
	#block-system-main-menu > ul > li.active-trail > a {
		background: rgb(0, 0, 0) transparent;
		background-color: rgba(0, 0, 0, 0.3);
		border-right: none;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66F000000)";
	}


	#block-system-main-menu > ul > li.first > a {
		border-left: none;
	}


	/* Submenu */
	#block-system-main-menu > ul ul {
		background: none;
	  position: inherit;
	  /*left: -1000px;*/
	  padding: 0px 0px 0px 0px;
	  clear: both;
	  float: left;
	  /*display: none;*/
	  visibility: hidden;
	}


	#block-system-main-menu > ul li:hover ul {
	  /*background-color: #FFF;*/
	  /*display: block;*/
	  left: auto;
	  z-index: 1000;
	  visibility: visible;
	}

	#block-system-main-menu #columnized-menu {
		min-width: 792px;
		right: -124px;
		background-color: #FFF;
		/*padding: 13px;*/
	}

	#block-system-main-menu #columnized-menu > li {
		/*width: 208px;*/
		padding: 13px 24px;
		float: left;
		clear: none;
	}

	#columnized-menu .menu {
		float: none;
	}

	#block-system-main-menu > .menu > li > ul {
		margin-top: 45px;
		position: absolute;
	  box-shadow: 0px 0px 12px #333;
	  box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);
	  background-color: #FFF;
	  /*max-height: 241px;*/
	}

	#block-system-main-menu > ul > ul > li {
		float: none;
	}

	#block-system-main-menu > ul ul li {
	  float: none;
	  background: none;
	  color: #000;
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  white-space: nowrap;
	  clear: both;
	}

	#block-system-main-menu > .menu > li > .menu > li > a,
	#block-system-main-menu #columnized-menu > li > a {
		margin-bottom: 3px;
		letter-spacing: 0px;
		font-weight: 500;
		text-transform: uppercase;
	}

	#block-system-main-menu #main-nav-li-1 > ul > li,
	#block-system-main-menu #main-nav-li-2 > ul > li {
		padding: 4px 24px;
	}

	#block-system-main-menu #main-nav-li-1 > ul > .first,
	#block-system-main-menu #main-nav-li-2 > ul > .first {
		padding: 20px 24px 4px 24px;
	}


	#block-system-main-menu #main-nav-li-1 > ul > .last,
	#block-system-main-menu #main-nav-li-2 > ul > .last {
		padding: 4px 24px 20px 24px;
	}


	#block-system-main-menu #columnized-menu > li > a + ul {
		margin-top: -3px;
		margin-bottom: 3px;
	}

	#block-system-main-menu > .menu > li:hover > .menu > li > a {
		/*display: block;*/
		clear: both;
	}

	#block-system-main-menu > ul > .last {
		background-color: #c41230;
	}

	#block-system-main-menu > ul > .last:hover {
		background-color: #c41230;
	}

	#block-system-main-menu > ul ul li a {
		height: 22px;
	  display: block;
	  line-height: 22px;
	  padding: 0;
	  margin: 0;
	  font-size: 13px;
	  text-decoration: none;
	}

	#columnized-menu > li ul li a {
		height: 20px;
		line-height: 20px;
	}
}

/* Get all those screens that work best at 768px */
@media all and (min-width: 768px) and (max-width: 1023px) {
	#page {
		/*width: 768px;*/
	}

	#header {
		width: 760px;
	}

	.region-header {
		margin-left: 545px;
	}

	#block-search-form {
		top: 49px;
		left: -3px;
	}

	#block-block-1 {
		top: 90px;
		left: 56px;
	}

	#block-system-main-menu {
		left: -260px;
	}

	.front #block-views-content-box-block {
		width: 666px;
	}

	/*************** Main Content Area ***************/
	#main {
		width: 760px;
		padding-bottom: 430px;
	}

	.not-front #main {
		padding-bottom: 346px;
	}

	.sidebar-second #content {
		width: 450px;
	}

	.sidebar-second .region-sidebar-second {
		margin-left: 500px;
	}

	/*************** News Page ***************/

	.view-news .view-filters {
		position: relative;
	}

	#views-exposed-form-news-page > div {
		bottom: -10px;
		left: 138px;
	}

	.news-article .bottom .right {
		width: 290px;
	}

	/*************** Footer ***************/
	.region-bottom {
		height: 430px;
	}

	.not-front .region-bottom {
		height: 346px;
	}

	.footer-top,
	.not-front .footer-top {
		height: auto;
	}

	.footer-top > div,
	.not-front .footer-top > div {
		width: 700px;
		text-align: center;
	}

	.footer-top a,
	.not-front .footer-top a,
	.footer-top .first,
	.not-front .footer-top .first,
	.footer-top .last ,
	.not-front .footer-top .last {
		margin: 0px 5px 10px;
		display: inline-block;
		float: none;
	}

	.footer-top p,
	.not-front .footer-top p {
		height: auto;
	}

	.footer-middle a,
	.not-front .footer-middle a {
		padding: 0 23px;
	}

}