/* -- NORMAL DISPLAYS -- */

@media screen and (max-width: 1048px) {

	div#header-content {
		width: 100%;
	}
	
}


/* -- MEDIUM DISPLAYS -- */

@media screen and (max-width: 1000px) {

	div.pagination {
		width: auto;
		height: 30px;
		padding: 0;
	}
	
	div.pagination ul li a {
		margin-right: 3px;
		padding: 6px 0;
		width: 28px;
		text-align: center;
		font-size: 13px;
		line-height: 16px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	
	div.pagination li.elipsis {
		margin: 0;
		padding-left: 0;
	}

	div#wrapper {
		background: #FFF;
	}
	
	div#header {
		height: 165px;
		background: url(/images/common/header-bg-mobi.jpg) center top repeat-x;
	}
	
	div#header-content {
		width: 100%;
		min-width: 750px;
		background: none;
	}
	
	div#header h1 {
		padding-left: 15px;
		padding-top: 13px;
	}

	div#header h1 img {
		width: 300px;
		height: 74px;
	}
	
	div#header div.right {
		padding-top: 0;
		padding-right: 15px;
	}
	
	div#header div#navigation {
		display: block;
		width: 100%;
		text-align: center;
	}
	
	div#header div#navigation ul {
		display: block;
		margin: auto;
		width: 910px;
		margin: 0 auto;
		font-size: 13px;
		line-height: 13px;
	}

	div#header div#navigation ul li a {
		padding: 16px 13px 12px 12px;
	}	
	
	div#header div#navigation ul li ul li a,
	div#header div#navigation ul li.selected ul li a {
		height: auto;
		padding: 5px 10px;
		font-size: 11px;
		line-height: 13px;
	}
		
	div#content {
		width: 100%;
		min-width: 760px;
		margin-top: -17px;
		padding: 0;
		overflow: hidden;
	}
	
	div#content div#content-shadow {
		width: 100%;
		background-position: 0 -8px;
	}
	
	div#content div#content-layout {
		width: 100%;
		font-size: 14px;
		line-height: 24px;
		background-position: center -10px !important;
	}
	
	div#content div#content-layout h2 {
		height: 24px;
		padding: 4px 15px 10px;
		margin: 52px 0 0 -5px;
		font-size: 22px;
		line-height: 27px;
		background-position: 0 -4px;
	}
	
	div#content div.columns {
		padding-top: 85px;
	}
	
	div#content div.columns div.column-left {
		width: 415px;
		width: 50%;
		padding: 0 20px 20px 25px;
		float: left;
	}

	div#content div.columns div.column-single {
		padding: 0 20px 20px 25px;
	}
	
	div#content div.columns div.column-left h3,
	div#content div.columns div.column-single h3 {
		margin: 20px 0 10px;
		font-size: 34px;
		line-height: 38px;
	}
	
	div#content div.columns div.column-left h4,
	div#content div.columns div.column-single h4 {
		margin: 20px 0;
		font-size: 18px;
		line-height: 24px;
	}
	
	div#content div.columns div.column-left .inter-heading {
		margin: 10px 0 20px;
		font-size: 18px;
		line-height: 20px;
		letter-spacing: 1px;
	}
	
	div#content div.columns div.column-left .smaller {
		font-size: 12px;
		line-height: 16px;
	}
	
	div#content div.columns div.column-left .detail {
		font-size: 12px;
		line-height: 14px;
	}
	
	div#content div.columns div.column-left .tags {
		padding: 20px 0;
	}
	
	div#content div.columns div.column-left .tags a {
		padding: 3px 6px;
		margin-right: 4px;
		font-size: 10px;
		line-height: 12px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}

	div#content div.columns div.column-right {
		float: right;
		width: 270px;
		padding: 0 25px 0 0;
		overflow: hidden;
	}
	
	div#content div.landing div.column-right {
		padding-top: 300px;
	}
	
	div#content div.columns div.column-right .sidebar {
		border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		margin-bottom: 16px;
	}
	
	div#content div.columns div.column-right .sidebar h3 {
		height: 30px;
		padding: 0 8px;
		font-size: 15px;
		line-height: 30px;
		border-radius: 7px 7px 0 0;
		-moz-border-radius: 7px 7px 0 0;
		-webkit-border-radius: 7px 7px 0 0;
	}
	
	div#content div.columns div.column-right .sidebar p {
		width: 250px;
		overflow: hidden;
		margin: 0;
		padding: 10px 0 10px 10px;
		font-size: 13px;
		line-height: 16px;
	}
	
	div#content div.columns div.column-right .sidebar p img {
		display: block;
		margin: auto;
		background: #D3CFCE;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	
	div#content div.columns div.column-right .sidebar p img.photo-left {
		margin-right: 10px;
	}
	
	div#content div.columns div.column-right .sidebar p img.photo-right {
		margin-left: 10px;
	}
		
	div#content div.columns div.column-right .sidebar ul {
		list-style: none;
		margin: 0;
		padding: 6px 6px 2px;
		font-size: 13px;
		line-height: 16px;
	}
	
	div#content div.columns div.column-right .sidebar ul li {
		list-style: none;
		margin-bottom: 4px;
		padding: 0;
		background: #F2F2F2;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	
	div#content div.columns div.column-right .sidebar ul li a {
		display: block;
		padding: 10px 10px 10px 25px;
		background: url(/images/common/list-arrow.gif) 0 1px no-repeat; 
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	
	div#content div.columns div.column-right .sidebar ul li a:hover {
		background-color: #FFF;
	}
	
	div#content div.columns div.column-right .button {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		text-align: center;
	}

	div#content div#affiliations {
		border-radius: 8px 8px 0 0;
		-moz-border-radius: 8px 8px 0 0;
		-webkit-border-radius: 8px 8px 0 0;
	}
	
	div#content div#affiliations a {
		padding: 20px 0 20px 53px;
		font-size: 12px;
	}



	
	/* -- Magazine Layout -- */

	div#magazine-nav {
		width: 100%;
		margin-top: -460px;
	}
		
	div#magazine-title {
		width: 100%;
		font-size: 36px;
	}
	
	div#magazine-subnav {
		width: auto;
	}
	
	div#magazine-subnav-nav {
		width: 100%;
	}
		
	div#magazine .sub-section {
		width: 94%;
		margin: 0 3%;
	}
	
	div#magazine .sub-section .sub-images {
		width: 20%;
	}
	
	div#magazine .sub-section .sub-text {
		width: 70%;
		padding-left: 10%;
	}

	div#magazine .alt .sub-images {
		width: 205px;
	}
	
	div#magazine .alt .sub-text {
		width: 70%;
		padding-left: 0;
	}

	div#magazine .sub-section-full {
		width: 94%;
		margin: 0 3%;
	}
	
	div#magazine .sub-section-full p {
		margin-right: 1%;
	}
		
	div#magazine .sub-section .sub-text h4 {
		margin: 15px 0 -2px;
		font-size: 20px;
		line-height: 26px;
	}

	div#magazine-section-nav {
		padding: 40px 0;
		margin: 0 12px;
	}

	div#magazine-bottom {
		padding: 20px 10px 40px;
		font-size: 15px;
		line-height: 20px;
	}
	
	div#magazine-bottom a.left {
		padding-left: 15px;
	}
	
	div#magazine-bottom a.right {
		padding-right: 15px;
	}
	
	div#magazine-detail {
		height: auto;
	}
	
	div#magazine-detail-image {
		float: none;
		width: 100%;
	}
	
	div#magazine-detail-image a {
		width: 100%;
	}
	
	div#magazine-detail-text {
		float: none;
		width: auto;
		height: auto;
		padding: 16px;
	}
		
	div#magazine-detail-close {
		float: right;
		padding: 5px 0;
	}
		
	div#magazine-detail-text p {
		margin-right: 0 !important;
	}
	
	div#magazine-detail-nav {
		float: none;
		width: auto;
		height: 35px;
	}
		
	div#magazine-detail-breadcrumb {
		padding: 40px 0;
		margin: 0 10px;
	}

	/* -- Home -- */
	
	div#home-features {
		height: 370px;
	}
	
	div#home-features a.next,
	div#home-features a.prev {
		margin-left: 5px;
		margin-top: 130px;
	}
	
	div#home-features a.next {
		margin-left: 706px;
	}

	div#home-features div#feature-scroll {
		width: 100%;
		height: 369px;
	}
	
	div#home-features div#features a.feature {
		width: 768px;
		height: 369px;
	}
	
	div#home-features div#features a.feature img {
		width: 768px;
		height: 369px;
	}
	
	div#home-features div#features a.feature span.text {
		margin-top: 280px;
		height: 90px;
	}
	
	div#home-features div#features a.feature span.label {
		height: 12px;
		padding: 5px 7px;
		margin-left: 20px;
		font-size: 10px;
		line-height: 12px;
	}
	
	div#home-features div#features a.feature span.title {
		height: 26px;
		padding: 26px 4px 5px 22px;
		font-family: 'Open Sans', helvetica, arial, sans-serif;
		font-weight: 300;
		font-size: 24px;
		line-height: 26px;
		color: #FFF;
		text-shadow: 0 0 5px rgba(0,0,0,.5);
	}
	
	div#home-features div#features a.feature span.description {
		padding-left: 22px;
		font-size: 13px;
		line-height: 15px;
	}
	
	div#home-bottom {
		min-width: 768px;
	}
	
	div#home-bottom div.box {
		width: 32%;
		margin-left: 1%;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
		
	div#home-bottom div.box h3 {
		height: 38px;
		font-size: 26px;
		line-height: 30px;
	}
	
	div#home-bottom div.box h3 span.date {
		font-size: 15px;
		line-height: 17px;
		letter-spacing: 0;
	}
	
	div#home-bottom div.box h3.no-day {
		height: 32px;
		padding-top: 19px;
	}
	
	div#home-bottom div.box h3 span.day {
		font-size: 10px;
		line-height: 18px;
	}
	
	div#home-bottom div#home-calendar-nav a.prev {
		margin: 20px 0 0 10px;
	}
	
	div#home-bottom div#home-calendar-nav div.right {
		width: 22px;
	}
	
	div#home-bottom div#home-calendar-nav a.next {
		margin: 20px 0 0;
	}
		
	div#home-bottom div#home-calendar div.event {
		padding: 13px 10px 8px 15px;
		height: 37px;
		font-size: 12px;
		line-height: 14px;
	}
		
	div#home-bottom div#home-calendar div.event a.title {
		font-size: 12px;
	}
	
	div#home-bottom div#home-welcome div.content {
		padding: 46px 17px;
		font-size: 12px;
		line-height: 20px;
		letter-spacing: 0;
	}

	div#home-bottom div#home-links div.link {
		position: relative;
		padding: 13px 15px 9px;
	}
	
	div#home-bottom div#home-links div.link a {
		display: block;
		position: relative;
		font-family: 'Open Sans', helvetica, arial, sans-serif;
		font-weight: 300;
		font-size: 18px;
		line-height: 24px;
	}
	
	div#home-bottom div#home-links div.link span.description {
		position: relative;
		display: block;
		height: 15px;
		padding-top: 3px;
		overflow: hidden;
		font-family: georgia, times new roman, serif;
		font-size: 12px;
		line-height: 15px;
		color: #726E68;
		overflow: hidden;
	}

	/* -- Calendar -- */
	
	div#calendar a.calendar-day {
		display: inline-block;
		padding-left: 17px;
		font-family: 'Open Sans', helvetica, arial, sans-serif;
		font-weight: normal;
		font-size: 12px !important;
		line-height: 19px;
		background: 1px 3px url(/images/common/expand-icon.gif) no-repeat;
		border-bottom: 1px solid #FFF;
		border-bottom: 1px solid rgba(255,255,255,.01);
		color: #888;
		text-transform: uppercase;
		border: 0 !important;
	}
	
	div#calendar a.calendar-day:hover {
		color: #666;
		background-position: 1px -14px;
		border: 0 !important;
	}
	
	div#calendar .calendar-day-desc {
		display: none;
	}
	
	div#minicalendar {
		width: 270px;
		margin-bottom: 15px;
		border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
	}
	
	div#minicalendar-head {
		height: 30px;
		padding: 1px 5px 3px;
		font-size: 15px;
		line-height: 30px;
	}
		
	div#minicalendar ul {
		list-style: none;
		margin: 0;
		padding: 4px 0 1px 4px;
	}
	
	div#minicalendar ul li {
		width: 35px;
		height: 35px;
		margin: 0 3px 3px 0;
		font-size: 13px;
		line-height: 34px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	
	div#minicalendar ul li a {
		width: 35px;
		height: 35px;
	}
	
	div#calendar div.event {
		line-height: 20px;
		padding-bottom: 20px;
	}
	
	div#calendar div.event-title {
		font-size: 16px;
		line-height: 16px;
		color: #666;
	}
	
	div#calendar div.event-detail {
		font-size: 13px;
		color: #666;
	}
	
	div#calendar div.event-desc {
		font-size: 15px;
	}

	/* -- Shop -- */
	
	ul#shop-cats {
		margin: 25px 0;
	}
	
	div#shop-featured {
		width: 100%;
		height: auto;
		overflow: hidden;
		border-bottom: 1px solid #EEE;
	}

	div#shop-featured div.product span.title {
		line-height: 15px;
	}
		
	div#shop-featured div.product {
		float: left;
		width: 31%;
		height: auto;
		padding-bottom: 15px;
		padding-left: 1%;
		margin-right: 1%;	
	}
	
	div#shop-featured div.product:first-child {
		padding-left: 0;
		border-left: 0;
	}
	
	div#shop-featured div.last {
		margin-right: 0;
	}
	
	div#shop-featured div.product img {
		width: 100%;
		height: auto;
	}
	
	div#shop-list div.product {
		float: left;
		width: 49%;
		padding-right: 1%;
		line-height: 18px;
		height: 130px;
		overflow: hidden;
	}
	
	div#shop-list div.product img {
		margin-right: 7px;
	}
	
	div#shop-list div.product em.price {
		display: block;
		padding: 1px 0 3px;
	}

	/* -- Lightbox -- */
	
	div#lightbox div.overlay {
		width: 96%;
		height: auto;
		padding: 10px 2%;
		max-width: auto;
		max-height: 2000px;
	}
		
	div#lightbox div.title {
		font-size: 15px;
	} 

	div#lightbox a.close {
		width: 15px;
		height: 15px;
		margin: 3px;
	}	

	div#lightbox div.nav {
		width: 100%;
	}
	
	div#lightbox a.prev {
		display: none;
	}	
	
	div#lightbox a.next {
		display: block;
		float: none;
		width: 100%;
	}	
		
	div#lightbox a.next:hover span {
		display: none;
	}	
	
	div#lightbox div.image {
		height: auto;
		padding: 10px 0 10px;
	}
	
	div#lightbox div.image img {
		display: block;
		margin: auto;
		width: 100%;
		height: auto;
	}
	
	div#lightbox div.image img.loading {
		width: auto;
		height: auto;
		margin-top: 100px;
		margin-bottom: 100px;
	}
		
	div#lightbox div.caption {
		position: relative;
		height: auto;
		font-size: 12px;
		margin-top: 0;
		padding-bottom: 10px;
	}


}


/* -- MEDIUM-SMALL DISPLAYS -- */

@media screen and (max-width: 900px) {

	div#header div#navigation ul {
		width: 750px;
		font-size: 12px;
		line-height: 12px;
	}

	div#header div#navigation ul li a {
		padding: 17px 8px 11px 7px;
	}
	
	div#content div#content-layout {
		background-position: -120px -10px !important;
	}	
	
	
}



/* -- SMALL DISPLAYS -- */

@media screen and (max-width: 760px) {

	.mobile-hidden {
		display: none !important;
	}
	
	.mobile-show {
		display: block !important;
	}	
	
	.mobile-flex {
		display: block;
		width: auto;
	}
	
	img.mobile-flex {
		width: 100%;
		height: auto;
	}
	
	form input.input,
	form textarea.textarea,
	input.input-dropdown {
		width: 95%;
		padding: 8px 2%;
	}

	.button {
		font-size: 11px;
		line-height: 13px;
		padding: 5px 11px 3px;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	
	div.pagination {
		width: auto;
		height: 30px;
		padding: 0;
	}
	
	div.pagination ul li a {
		margin-right: 3px;
		padding: 4px 0;
		width: 22px;
		text-align: center;
		font-size: 12px;
		line-height: 15px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	
	div.pagination li.elipsis {
		display: none;
	}
	
	div#header {
		height: auto;
		background-position: center -66px;
	}
	
	div#header-content {
		width: 100%;
		height: auto;
		min-width: 0;
		overflow: visible;
	}
	
	div#header h1 {
		display: none;
	}
	
	div#header div.right {
		float: none;
		height: 39px;
		padding-right: 5px;
		overflow: visible;
	}
	
	div#header div#user {
		width: auto;
	}

	div#header form#search {
		display: none;
		position: absolute;
		z-index: 1000;
		top: 77px;
		left: 0;
		width: 100%;
		height: 38px;
		background: #CCC;
		box-shadow: 0 2px 2px rgba(0,0,0,.4);
	}
	
	div#header form#search p input#query {
		width: 96%;
		height: 28px;
		padding: 5px 2%;
		background: #FFF;
		border: 0;
		outline: none;
		font-family: helvetica, arial, sans-serif;
		font-size: 16px;
		line-height: 28px;
		color: #666;
	}
	
	div#header form#search p input#search-submit {
		display: none;
	}
	
	div#header p#tab-buttons {
		display: none;
	}
	
	div#header div#mobile-triggers {
		display: block;
		height: 30px;
		padding-top: 8px;
		text-align: center;
	}

	div#header div#mobile-triggers a#mobile-menu {
		display: block;
		float: left;
		margin-left: 11px;
		width: 22px;
		height: 21px;
		overflow: hidden;
		background: url(/images/common/header-menu-mobi.png) no-repeat;
	}

	div#header div#mobile-triggers a#mobile-search {
		display: block;
		float: right;
		margin-right: 11px;
		width: 22px;
		height: 21px;
		overflow: hidden;
		background: url(/images/common/header-search-mobi.png) no-repeat;
	}

	div#header div#mobile-triggers a#mobile-logo {
		display: block;
		width: 186px;
		height: 21px;
		margin: auto;
	}

	div#header div#navigation {
		display: none;
		width: 100%;
		height: auto;
		text-align: left;
	}
	
	div#header div#navigation ul {
		display: block;
		margin: 0;
		width: auto;
		font-size: 12px;
		line-height: 12px;
	}
	
	div#header div#navigation ul li {
		display: block;
		width: 100%;
		float: none;
		background: #7E98B9;
		border-bottom: 1px solid #9DB1CA;
	}

	div#header div#navigation ul li a {
		display: block;
		height: 15px;
		padding: 12px 20px;
		margin: 0;
	}
	
	div#header div#navigation ul li.selected a {
		background: #7E98B9;
		outline: none;
	}
	
	div#header div#navigation ul li a:hover {
		background: #87A1C4;
		outline: none;
	}
	
	div#header div#navigation ul li:hover ul,
	div#header div#navigation ul li ul {
		display: none !important;
	}
	
	div#header div#navigation ul li.selected a {
		background: #87A1C4;
	}
	
	div#header div#navigation ul li.selected ul {
		display: block !important;
		width: 100%;
		overflow: hidden;
		position: relative;
		padding: 0;
		margin: 0;
		box-shadow: none;
		border: 0;
	}

	div#header div#navigation ul li.selected ul li {
		background: #E9E7E7;
		border-bottom: 1px solid #CCC;
	}

	div#header div#navigation ul li.selected ul li:last-child {
		border-bottom: 0;
	}
	
	div#header div#navigation ul li.selected ul li a {
		padding: 8px 0 8px 30px;
	}
	
	div#content {
		width: 100%;
		min-width: 0;
		padding: 0;
		margin-top: 0;
		overflow: hidden;
	}
	
	div#content div#content-shadow {
		width: 100%;
		background-position: 0 -8px;
	}
	
	div#content div#content-layout {
		width: 100%;
		font-size: 13px;
		line-height: 22px;
		background-position: 0 -44px !important;
	}
	
	div#content div#content-layout h2 {
		height: 22px;
		padding: 1px 12px 10px 14px;
		margin: 22px 0 0 -5px;
		font-size: 22px;
		line-height: 26px;
		background-position: 0 -8px;
	}

	div#content div.columns {
		padding-top: 65px;
	}
		
	div#content div.columns div.column-left {
		width: auto;
		max-width: 570px;
		padding: 0 15px 20px;
		float: none;
	}
	
	div#content div.columns div.column-single {
		padding: 0 15px 20px;
	}
	
	div#content div.columns div.column-left h3,
	div#content div.columns div.column-single h3 {
		margin: 18px 0 8px;
		font-size: 29px;
		line-height: 33px;
	}
	
	div#content div.columns div.column-left h4,
	div#content div.columns div.column-single h4 {
		margin: 15px 0;
		font-size: 16px;
		line-height: 20px;
	}
	
	div#content div.columns div.column-left .inter-heading,
	div#content div.columns div.column-single .inter-heading {
		margin: 10px 0 15px;
		font-size: 16px;
		line-height: 18px;
	}
	
	div#content div.columns div.column-left .smaller,
	div#content div.columns div.column-single .smaller {
		font-size: 12px;
		line-height: 16px;
	}
	
	div#content div.columns div.column-left .detail,
	div#content div.columns div.column-single .detail {
		font-size: 12px;
		line-height: 14px;
	}
	
	div#content div.columns div.column-left .tags,
	div#content div.columns div.column-single .tags {
		padding: 20px 0;
	}
	
	div#content div.columns div.column-left .tags a,
	div#content div.columns div.column-single .tags a {
		padding: 3px 6px;
		margin-right: 4px;
		font-size: 10px;
		line-height: 12px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}

	div#content div.columns div.column-right {
		float: none;
		width: auto;
		padding: 10px 7px 0;
		overflow: hidden;
	}
	
	div#content div.landing div.column-right {
		padding-top: 10px;
	}
	
	div#content div.columns div.column-right .sidebar {
		border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		margin-bottom: 16px;
	}
	
	div#content div.columns div.column-right .sidebar h3 {
		height: 30px;
		padding: 0 8px;
		font-size: 15px;
		line-height: 30px;
		border-radius: 7px 7px 0 0;
		-moz-border-radius: 7px 7px 0 0;
		-webkit-border-radius: 7px 7px 0 0;
	}
	
	div#content div.columns div.column-right .sidebar p {
		width: auto;
		overflow: hidden;
		margin: 0;
		padding: 10px;
		font-size: 13px;
		line-height: 16px;
	}
	
	div#content div.columns div.column-right .sidebar p img {
		display: block;
		background: #D3CFCE;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	
	div#content div.columns div.column-right .sidebar ul {
		list-style: none;
		margin: 0;
		padding: 6px 6px 2px;
		font-size: 13px;
		line-height: 16px;
	}
	
	div#content div.columns div.column-right .sidebar ul li {
		list-style: none;
		margin-bottom: 4px;
		padding: 0;
		background: #F2F2F2;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	
	div#content div.columns div.column-right .sidebar ul li a {
		display: block;
		padding: 10px 10px 10px 25px;
		background: url(/images/common/list-arrow.gif) 0 1px no-repeat; 
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	
	div#content div.columns div.column-right .sidebar ul li a:hover {
		background-color: #FFF;
	}
	
	div#content div.columns div.column-right .button {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		text-align: center;
	}

	div#content div#affiliations {
		margin-top: 20px;
		border-radius: 8px 8px 0 0;
		-moz-border-radius: 8px 8px 0 0;
		-webkit-border-radius: 8px 8px 0 0;
	}
	
	div#content div#affiliations a {
		width: 0;
		margin-right: 5px;
		overflow: hidden;
	}
	
	/* -- Footer -- */

	div#footer a {
		font-size: 11px;
	}
	
	div#footer div#copyright {
		font-size: 10px;
	}
	
	div#footer div#copyright a {
		font-size: 10px;
	}

	/* -- Magazine Layout -- */

	div#magazine-nav {
		margin-top: -472px;
	}
	
	div#magazine-nav ul {
		width: 216px;
		margin-right: 0;
	}
	
	div#magazine-nav ul li a {
		display: block;
		position: relative;
		padding: 3px 5px 3px 20px;
		font-size: 11px;
		line-height: 14px;
	}
	
	div#magazine-nav ul li a.selected {
		background-position: 8px 8px;
	}

	a#magazine-prev {
		display: none;
		width: 34px;
		background-position: 0 6px;
	}
	
	a#magazine-next {
		display: none;
		width: 34px;
		background-position: -66px 6px;
	}
		
	div#magazine-title {
		font-size: 26px;
		overflow: hidden;
	}
	
	div#magazine-subnav {
		display: none;
	}
		
	div#magazine .sub-section {
		width: 96%;
		margin: 0 2%;
	}
	
	div#magazine .sub-section .sub-images {
		float: none;
		width: auto;
		height: 60px;
		margin: 0;
		overflow: hidden;
		text-align: center;
	}
	
	div#magazine .sub-section .sub-images img {
		display: inline-block;
		width: auto;
		max-width: 90px;
		height: 60px;
		margin: 0 4px;
	}
	
	div#magazine .sub-section .sub-text {
		width: 100%;
		padding-left: 0;
	}
	
	div#magazine .sub-section .sub-text h4 {
		margin: 15px 0 -2px;
		font-size: 18px;
		line-height: 24px;
	}
	
	div#magazine .sub-section-gallery {
		padding: 10px 0 10px 10px;
	}

	div#magazine .sub-section-gallery ul li {
		padding: 4px;
	}
	
	div#magazine-section-nav div a img {
		width: 0;
	}
	
	div#magazine-section-nav div a span {
		padding: 19px 3% 0;
		font-size: 16px;
	}
	
	div#magazine-section-nav div a span em {
		font-size: 12px;
	}

	div#magazine-bottom {
		padding: 20px 10px 30px;
		font-size: 13px;
		line-height: 20px;
	}

	div#magazine-detail-image {
		background: #000;
		width: auto;
		height: auto;
	}

	div#magazine-detail-image a {
		width: 100%;
		height: auto;
	}
	
	div#magazine-detail-image a:hover span {
		display: none;
	}
		
	div#magazine-detail-image a img {
		display: block;
		width: 100%;
		height: auto;
	}

	/* -- Popup -- */
	
	div#popup {
		width: 92%;
		padding: 15px 3% 5px;
		font-size: 12px;
		line-height: 16px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	
	div#popup h3 {
		margin: 0 0 5px;
		font-size: 20px;
		line-height: 22px;
	}
		
	div#popup div.scroll {
		overflow: auto;
		padding-right: 10px;
	}
	
	/* -- Home -- */
	
	div#home-features {
		height: 369px;
	}
	
	div#home-features a.next,
	div#home-features a.prev {
		margin-left: 0;
		margin-top: 70px;
	}
	
	div#home-features div#feature-scroll {
		width: 100%;
		height: auto;
	}
	
	div#home-features div#features a.feature {
		width: 100%;
		height: auto;
	}
	
	div#home-features div#features a.feature img {
		width: 100%;
		height: auto;
	}
	
	div#home-features div#features a.feature span.text {
		margin-top: 280px;
		height: 85px;
		background: #444;
	}
	
	div#home-features div#features a.feature span.label {
		height: 12px;
		padding: 4px 6px;
		margin-left: 6px;
		font-size: 10px;
		line-height: 12px;
	}
	
	div#home-features div#features a.feature span.title {
		height: 20px;
		padding: 18px 4px 5px 11px;
		font-size: 18px;
		line-height: 20px;
		text-shadow: none;
		overflow: hidden;
	}
	
	div#home-features div#features a.feature span.description {
		height: 30px;
		padding-left: 11px;
		font-size: 11px;
		line-height: 15px;
		text-shadow: none;
		overflow: hidden;
	}
	
	div#home-bottom {
		min-width: 0;
		width: auto;
		padding: 15px 10px 0;
	}
	
	div#home-bottom div.day {
		height: auto;
	}
	
	div#home-bottom div.box {
		width: 100%;
		height: auto;
		margin: 0;
		margin-left: 0 !important;
		margin-bottom: 10px;
	}
		
	div#home-bottom div.box h3 {
		height: 38px;
		font-size: 26px;
		line-height: 30px;
	}
	
	div#home-bottom div.box h3 span.date {
		font-size: 15px;
		line-height: 17px;
		letter-spacing: 0;
	}
	
	div#home-bottom div.box h3 span.day {
		font-size: 10px;
		line-height: 18px;
	}
	
	div#home-bottom div#home-calendar {
		height: auto;
	}
	
	div#home-bottom div#home-calendar-nav {
		width: 100%;
	}

	div#home-bottom div#home-calendar div.event {
		height: auto;
		padding: 13px 10px 8px 15px;
		height: 37px;
		font-size: 12px;
		line-height: 14px;
		margin: 0;
	}
		
	div#home-bottom div#home-calendar div.event a.title {
		font-size: 12px;
	}
	
	div#home-bottom div#home-welcome div.content {
		padding: 7px 17px;
		font-size: 12px;
		line-height: 20px;
		letter-spacing: 0;
		background: none;
	}

	div#home-bottom div#home-welcome div.content span {
		display: none;
	}
	
	div#home-bottom div#home-links div.link {
		position: relative;
		padding: 13px 15px 9px;
	}
	
	div#home-bottom div#home-links div.link a {
		display: block;
		position: relative;
		font-family: 'Open Sans', helvetica, arial, sans-serif;
		font-weight: 300;
		font-size: 18px;
		line-height: 24px;
	}
	
	div#home-bottom div#home-links div.link span.description {
		position: relative;
		display: block;
		height: 15px;
		padding-top: 3px;
		overflow: hidden;
		font-family: georgia, times new roman, serif;
		font-size: 12px;
		line-height: 15px;
		color: #726E68;
		overflow: hidden;
	}

	/* -- Calendar -- */
	
	div#calendar a.calendar-day {
		display: inline-block;
		padding-left: 17px;
		font-family: 'Open Sans', helvetica, arial, sans-serif;
		font-weight: normal;
		font-size: 12px !important;
		line-height: 19px;
		background: 1px 3px url(/images/common/expand-icon.gif) no-repeat;
		border-bottom: 1px solid #FFF;
		border-bottom: 1px solid rgba(255,255,255,.01);
		color: #888;
		text-transform: uppercase;
		border: 0 !important;
	}
	
	div#calendar a.calendar-day:hover {
		color: #666;
		background-position: 1px -14px;
		border: 0 !important;
	}
	
	div#calendar .calendar-day-desc {
		display: none;
	}
	
	div#minicalendar {
		margin: auto;
		width: auto;
		padding-bottom: 4px;
		margin-bottom: 15px;
		border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
	}
	
	div#minicalendar-head {
		height: 30px;
		padding: 1px 5px 3px;
		font-size: 15px;
		line-height: 30px;
	}
		
	div#minicalendar ul {
		list-style: none;
		margin: 0;
		padding: 4px 0 1px 4px;
	}
	
	div#minicalendar ul li {
		width: 12.7%;
		margin: .7%;
	}
	
	div#minicalendar ul li a {
		width: 100%;
	}
	
	div#calendar div.event {
		line-height: 20px;
		padding-bottom: 20px;
	}
	
	div#calendar div.event-title {
		font-size: 16px;
		line-height: 16px;
		color: #666;
	}
	
	div#calendar div.event-detail {
		font-size: 13px;
		color: #666;
	}
	
	div#calendar div.event-desc {
		font-size: 15px;
	}
	
	div#calendar-images {
		width: 100%;
		height: auto;
	}
	
	div#calendar-images img {
		width: 100%;
		height: auto;
	}

	/* -- Shop -- */

	div#shop {
		text-align: left;
	}
	
	div#shop-main {
		width: auto;
		margin: auto;
		text-align: left;
	}
	
	ul#shop-cats {
		width: 100%;
		overflow: hidden;
		margin: 20px 0 0 0px;
	}

	ul#shop-cats li a span {
		margin: 148px 0 0 20px;
		text-align: left;
	}

	div#shop-featured div.product span.title {
		height: 36px;
	}
	
	div#shop-list {
		padding: 30px 0 0;
	}
	
	div#shop-list div.product {
		float: none;
		width: 100%;
	}
		
}