/*----------------------------------------
Screen styles for Kauai Hindu Monastery

Provided by Happy Cog
http://www.happycog.com

:)
----------------------------------------*/

/***************AboutLetters Web Font License******************
My Fair Cody is a copyrighted font by U.S. Copyright Office (www.copyright.gov).
Any unauthorized use without purchasing appropriate license or font file(s) will be considered as copyright infringement.
For more information or purchasing the font(s)/license, please visit www.AboutLetters.com.
The following font details are licensed to use for the single website www.himalayanacademy.com.
Date Issued: Nov. 1st, 2011
Font: My Fair Cody v.3.0
Weight: Regular (only)
******************************************************************/

/*----------------------------------------
Reset styles
----------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
 u,  center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* Nov 16, 2011 - Sivakatirswami: I removed these from the reset for now
   because it dumbs down some important tags and we don't
   want to fill up pages with span tags if we don't have to:
   strong, b, i, pre, code,
   --put strong, b and i back into the reset after
   defining explicit styles for these.
*/

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*----------------------------------------
General styles
----------------------------------------*/

body { /* default font size is 16px */
	background: #faf7f1 url(/assets/img/bg-page.jpg);
	line-height: 1.6;
	color: #352f29;
	font-family: ff-meta-serif-web-pro, serif;
}

@font-face {
    font-family: 'MyFairCodyRegular';
    src: url('../fonts/myfaircody-webfont.eot');
    src: url('../fonts/myfaircody-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myfaircody-webfont.woff') format('woff'),
         url('../fonts/myfaircody-webfont.ttf') format('truetype'),
         url('../fonts/myfaircody-webfont.svg#MyFairCodyRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

a {
	text-decoration: none;
	color: #c26e40;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

a:hover,
a:focus {
	color: #9a5833;
}

a img {
	border: none;
}

img {
	display: block;
}

h1, .h1, .blogtitle {
	font: 700 26px ff-meta-serif-web-pro, serif;
	color: #8c3945;
	text-transform: none;
}
/* BR: added higher head styles which can be used with no clearing along side of images */

h7,h8,h9 {
display:block;
margin: 25px 0 8px 0;
}

h2, .h2, h7 {
	font: 700 20px ff-meta-web-pro, sans-serif;
	color: #8c3945;
	text-transform: uppercase;
}

h3, .h3, h8 {
	font: 700 16px ff-meta-web-pro, sans-serif;
	color: #8c3945;
	text-transform: uppercase;
}

h4, .h4, h9 {
	font: 700 16px ff-meta-web-pro, sans-serif;
	text-transform: uppercase;
}

h5, .h5 {
	font: 700 18px ff-meta-serif-web-pro, serif;
	color: #000;
	text-transform: none;
}

h6, .h6, .social-label {
	font: 700 16px ff-meta-serif-web-pro, serif;
	color: #8c3945;
	text-transform: none;
}

p {
	margin-bottom: 20px;
}
.indent {
padding-left: 10px;
}

sup {
	font-family: ff-meta-web-pro, sans-serif;
	color: #383732;
}

hr {
	border: none;
	border-top: 2px solid #d7d7d7;
	margin: 30px 0 23px 0;
}

.float-left { /* generic floats */
	float: left;
	margin-right: 40px;
	margin-bottom: 40px;
	clear: both; /* 12/14/11 SN: added to cause clearance when multiple images come in line */
}

.float-right {
	float: right;
	margin-left: 40px;
	margin-bottom: 40px;
}


.action,
.action-bg,
.post-edit-link { /* call to action items  and BR: one Word Press generated class */
	background: url(/assets/img/arrows-action.png) 0 -40px no-repeat;
	padding-left: 20px;
	font: 700 12px ff-meta-web-pro, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.action:hover,
.action:focus,
.post-edit-link:hover, /* BR: Word Press generated class */
.post-edit-link:focus
 {
	background-position: 0 -85px;
}

.action-bg {
	background-color: #c26e40;
	background-position: 8px 6px;
	padding: 3px 10px 1px 27px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	color: #fff;
}

.action-bg:hover,
.action-bg:focus {
	background-color: #9a5833;
	color: #fff;
}


.share { /* social icons */
	position: relative;
	background: #a5917e;
	padding: 3px 10px 1px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	color: #fff;
	font: 700 12px ff-meta-web-pro, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.notice { /* for small on site guides and instructions */
	position: relative;
	background:#D1C6B4;
	padding: 5px 10px 5px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	color: ##8C394D;
	font: 90% ff-meta-serif-web-pro, serif;
	letter-spacing: 1px;
}

.share:hover,
.share:focus {
	background-color: #817264;
	color: #fff;
}


.social li { /* social icons */
	float: left;
	padding-left: 17px;
	list-style: none;
}

.social a {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	background: url(/assets/img/icons-social.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

/* SN adding this in an attempt to not style twitter's own button like ours */
.social a.twitter-share-button {

}

.social a:hover,
.social a:focus {
	background-position: 0 -60px;
}

.social .facebook a {
	background-position: -49px 0;
}

.social .facebook a:hover,
.social .facebook a:focus {
	background-position: -49px -60px;
}

.social .youtube a {
	background-position: -100px 0;
}

.social .youtube a:hover,
.social .youtube a:focus {
	background-position: -100px -60px;
}

.social .rss a {
	background-position: -153px 0;
}

.social .rss a:hover,
.social .rss a:focus {
	background-position: -153px -60px;
}


.quote { /* blockquotes */
	position: relative;
	background: url(/assets/img/bg-blockquote.png) no-repeat;
	padding: 30px 0 0 24px;
	margin-top: -13px;
	width: 246px;
	font-size: 16px;
	font-style: italic;
	line-height: 1.8;
}

.quote blockquote {
	margin-bottom: 15px;
}

.quote-photo {
	padding-left: 160px;
	background-position: 95px 0;
}

.quote img {
	position: absolute;
	left: 0;
	top: 30px;
}

.quote figcaption {
	margin-right: 40px;
	text-align: right;
	font: 700 12px ff-meta-web-pro, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
}


.calendar .calendar-month { /* table-based month view calendar */
	float: left;
	margin-right: 37px;
}

.calendar .calendar-month:last-child {
	margin-right: 0;
}

.calendar-month {
	font-family: ff-meta-web-pro, sans-serif;
}

.calendar-month th {
	display: block;
	text-align: center;
	font-weight: 700;
	color: #91414d;
}

.calendar-month tr {
	display: block;
	margin-bottom: 8px;
	clear: both;
}

.calendar-month td {
	display: block;
	float: left;
	margin-right: 7px;
	width: 22px;
	height: 21px;
	padding-top: 1px;
	color: #c26e40;
	font: bold 14px Tahoma, Verdana, ff-meta-web-pro, sans-serif;
	text-align: center;
}

.calendar-month tr[title="closed"],
.calendar-month td[title="closed"] {
	background: #91414d;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
	color: #fff;
}

.calendar-month td[title="current"],
 .calendar-month td a,{
	background: #c26e40;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
	color: #fff;
}

.calendar-month tr[title="closed"] td {
	color: #fff;
}

.calendar-month td[title="No Posts"]{
background-color: #eee;
  	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
}

.table-standard { /* standard data tables */
	width: 100%;
	margin-bottom: 15px;
	border: 1px solid #d7d4cf;
	border-top: none;
}

.table-standard .headings {
	background: #a08c7b url(/assets/img/bg-tablehead.png) bottom repeat-x;
	text-align: left;
	font: 700 14px ff-meta-web-pro, sans-serif;
	color: #fff;
}

.table-standard th {
	padding: 10px 0 10px 25px;
}

/* 12/12/11 SN added the following two styles to set width of travel itinerary columns */
.table-standard th.location {
	width: 140px;
}

.table-standard th.date {
	width: 105px;
}

.table-standard tr {
	background: url(/assets/img/bg-content-tile-alt.jpg);
}

.table-standard tr:nth-child(even) { /* zebra striping rows */
	background: none;
}

.table-standard td {
	padding: 8px 8px 8px 25px;
	color: #000;
}

.table-standard sup {
	font-size: 13px;
}

/* 2012/04/03 BR added the following image panel styles to
support a table of images. A very lean design,
center on page; no borders, add padding */

table.slices td {
	border-style: none;
	padding: 0px;
	}

table.slices td img {
	margin: 0px;
	}

/* 2012/02/11 BR added the following image panel styles to
support a table of images. A very lean design,
center on page; no borders, add padding */

table .image-panel{
margin-left: 30px;
}

.image-panel td{
padding: 10px 30px 0px 0px;
}

.image-panel td img {
	margin-bottom: 4px;
}



.arrow-prev a,
.arrow-next a { /* pagination arrows */
	display: block;
	width: 39px;
	height: 39px;
	background: url(/assets/img/arrows-paginate.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

.arrow-next a {
	background-position: right -268px;
}

.arrow-prev a:hover,
.arrow-prev a:focus {
	background-position: left -50px;
}

.arrow-next a:hover,
.arrow-next a:focus {
	background-position: right bottom;
}

.archives-pagination {
	width: 98px;
	float: right;
}

.archives-pagination li {
	float: left;
}

.archives-pagination .arrow-next {
	margin-left: 20px;
}

.audio-player {
	margin-bottom: 5px;
}



/*----------------------------------------
Form styles
----------------------------------------*/

form .h6, form .social-label {
	display: block;
}

fieldset {
	margin-bottom: 30px;
}

input[type="text"] {
	position: relative;
	display: block;
	width: 275px;
	height: 36px;
	padding: 0 25px;
	background: url(/assets/img/input-text.png) no-repeat;
	border: none;
	color: #BAB6B2; /* brought brightness down by 5, originally #c6c3bf */
	font: italic 16px ff-meta-serif-web-pro, serif;
}

input[type="text"]:focus {
	background-position: left bottom;
	outline: 0;

}

.form-search { /* search form specific styles */
	position: relative;
	width: 217px;
	height: 36px;
}

.form-search input[type="text"] {
	position: relative;
	background: url(/assets/img/input-search.png) no-repeat;
	width: 149px;
	height: 35px;
	z-index: 40;
	display: block;
	padding: 1px 50px 0 18px;
	color: #9B9893; /* brought brightness down by 5, originally #a8a49f */
	font: italic 13px ff-meta-serif-web-pro, serif;
}

.form-search input[type="text"]:focus {
	background-position: left bottom;
}

.form-search input[type="submit"] {
	display: block;
	position: absolute;
	z-index: 41;
	right: 25px;
	top: 6px;
	width: 20px;
	height: 23px;
	background: url(/assets/img/button-search.png) 7px 6px no-repeat;
	border: none;
	border-left: 1px solid #c09599;
	text-indent: -9999px;
	cursor: pointer;
}

 .form-search .adv-search {
	display: block;
	position: absolute;
	z-index: 43;
	top: 12px;
	right: 10px;
	width: 12px;
	height: 12px;
	background: url(/assets/img/arrow-advsearch.png) center center no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

select {
	width: 287px;
	font: italic 15px ff-meta-serif-web-pro, serif;
	color: #7a7976;
}

form .option {
	color: #414141;
}

form .option input {
	margin: 0 10px 0 0;
}

textarea {
	border: 1px solid #d8d5d1;
	display: block;
	width: 461px;
	height: 141px;
	padding: 5px;
	font: 15px ff-meta-serif-web-pro, serif;
}

.page-content .commentsubmit, #advanced-search-form .commentsubmit, #social input#submit {
	display: block;
	margin: 16px 0 0 353px;
	width: 118px;
	height: 30px;
	padding: 4px 0 2px 0;
	border: none;
	background: url(/assets/img/button-submit-tile.png) repeat-x;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	font: 700 14px ff-meta-web-pro, sans-serif;
	color: #fff;
	cursor: pointer;
}

.page-content .buttonsubmitleft {
	display: block;
	margin: 16px 0 0 0;
	width: 118px;
	height: 30px;
	padding: 4px 0 2px 0;
	border: none;
	background: url(/assets/img/button-submit-tile.png) repeat-x;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	font: 700 14px ff-meta-web-pro, sans-serif;
	color: #fff;
	cursor: pointer;
}


.sbHolder { /* custom select boxes */
	background-color: #f4f3ed;
	border: 2px solid #f0d5af;
	height: 26px;
	position: relative;
	z-index: 277;
	width: 287px;
	font: italic 15px ff-meta-serif-web-pro, serif;
	color: #7a7976;
}

.sbSelector,
.sbSelector:link,
.sbSelector:hover,
.sbSelector:visited {
	display: block;
	height: 26px;
	left: 0;
	line-height: 28px;
	outline: none;
	position: absolute;
	text-indent: 10px;
	top: 0;
	color: #7a7976;
	outline: none;
	text-decoration: none;
}

.selected .sbSelector {
	font: 700 12px ff-meta-web-pro, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	line-height: 29px;
	letter-spacing: 1px;
}

.sbToggle {
	background: url(/assets/img/input-select-arrows.png) no-repeat;
	display: block;
	width: 10px;
	height: 10px;
	outline: none;
	position: absolute;
	right: 10px;
	top: 9px;
}

.sbToggleOpen {
	background-position: right bottom;
}

.sbOptions {
	background: #f4f3ed;
	border: 2px solid #f0d5af;
	border-top: none;
	list-style: none;
	left: -2px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 26px;
	width: 287px;
	z-index: 1;
}

.sbOptions li {
	list-style: none;
}

.sbOptions a {
	display: block;
	outline: none;
	padding: 6px 10px 4px 10px;
	font: 700 12px ff-meta-web-pro, sans-serif;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #7a7976;
}

.sbOptions a:hover {
	background: #dcdbd5;
}

.sbOptions .sbDisabled {
	display: none;
}


.radio .ui-helper-hidden-accessible { /* custom radio buttons */
	display: none;
}

.radio .ui-button {
	display: inline;
	background: url(/assets/img/input-radio.png) 0 1px no-repeat;
	padding: 0 0 0 30px;
	margin-right: 20px;
	cursor: pointer;
}

.radio .ui-state-active {
	background-position: -83px -80px;
}

.checkbox .ui-helper-hidden-accessible { /* custom checkboxes */
	display: none;
}

.checkbox .ui-button {
	display: inline;
	background: url(/assets/img/input-checkbox.png) 0 2px no-repeat;
	padding: 0 0 0 30px;
	margin-right: 20px;
	cursor: pointer;
}

.checkbox .ui-state-active {
	background-position: -83px -80px;
}


.scrollbar-handle { /* custom scrollbars */
	width: 8px;
	background: #cabeb3;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}

/*----------------------------------------
Advanced Search Form styles
BR: to get the advance search to behave, I had little choice but to insert
over rides after each element that was being forced to run in line top to bottom
This is a super bloat to the CSS style sheet!
----------------------------------------*/

#search-form-wrapper { /* only serves as container to hide/show */
background-color: 	#e3d8b7;
    display: none;
	position:absolute;
	height: 220px; /* change this later when we get the pull down menus to run left to right in line */
	top: 180px;
	right: 25px;
	z-index:108;
	width: 550px;
	padding: 10px 10px 10px 10px;
		-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;

}

 #advanced-search-form .commentsubmit {
    display:inline;
	margin: 25px 0 0 15px;
	width: 100px;
	height: 30px;
	}


 #advanced-search select {
	width: 100px;
	font: italic 15px ff-meta-serif-web-pro, serif;
	color: #7a7976;
}

 #advanced-search-form .h6 {
	position: relative;
	display:inline;}

 #advanced-search-form #submit {
		 display: inline;
	 }

 #advanced-search-form	 input[type="text"] {
	display:inline;
	}

#advanced-search-form	 input[type="checkbox"] {
	display:inline;
	}
	#advanced-search-form	 input[type="checkbox"] {
	display:inline;
	}

	#advanced-search-form select  {
	display:inline;
	}



#advanced-search-form	.sbSelector,
.sbSelector:link,
.sbSelector:hover,
.sbSelector:visited {
	display:inline;
}

#advanced-search-form select,
#advanced-search-form .sbHolder,
#advanced-search-form .sbOptions {
	width: 170px;
}

.close-x-out {
float:right;
margin:5px 0 5px 0;
width: 15px;
height: 15px;
}





/*----------------------------------------
Core structure
----------------------------------------*/

.page-wrapper {
	width: 1054px;
	margin: 0 auto;
	/* 2012-07-30
BR:  at Brian's recommendation
    added the following 2 lines to fix the "dead" space
	in the catalog table above the background area where the
	mouse was not recognized.
*/
	position: relative;
	z-index:50;
/* note that this means if we want *anything* to be float above we have to play with z-index a
e.g. Galleria layers are tricky so you have to make sure that they are all above 50 or things start dropping out.
*/

}


/*----------------------------------------
Page header
----------------------------------------*/

.page-header { /* standard header */
	min-width: 1054px;
	background: url(/assets/img/bg-header.png) repeat-x;
}

.home .page-header { /* alternate background for home */
	background: url(/assets/img/bg-header-home.jpg) repeat-x;
}

.page-header .wrapper {
	background: url(/assets/img/bg-header-bottom.png) bottom repeat-x;
}

.page-header .inner-wrapper {
	position: relative;
	width: 976px;
	margin: 0 auto;
	padding: 233px 0 175px 0;
}

.home .page-header .inner-wrapper {
	height: 547px;
	width: 1041px;
	padding: 0;
}

.pulldown { /* styles for pulldown menu */
	position: relative;
	width: 100%;
	min-width: 1054px;
	background: #847665;
}

.pulldown-content {
	height: 34px;
	width: 908px;
	margin: 0 auto;
	padding: 12px 0 0 0;
	text-align: right;
	position: relative;
}

.home .pulldown-content {
	width: 972px;
}

.pulldown-tab {
	position: absolute;
	right: 30px;
	top: 0;
	display: block;
	width: 35px;
	height: 34px;
	background: url(/assets/img/tab-pulldown.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

.pulldown-content ul,
.pulldown-content li {
	display: inline;
}

.pulldown-content li:after {
	content: "|";
	color: #bfbfbf;
}

.pulldown-content li:last-child:after {
	content: "";
}

.pulldown-content a {
	padding: 0 8px;
	margin-right: 2px;
	font: 14px ff-meta-web-pro, sans-serif;
	color: #fff;
}

.pulldown-content a:hover,
.pulldown-content a:focus {
	color: #f0f0e8;
}


.page-header .logo { /* kauai logo */
	position: absolute;
	z-index: 100;
	left: 0;
	top: 44px;
	display: block;
	width: 192px; /*ratio is 2.23 */
	height: 86px;
	/* BR: 2016-03-06 swapped out for svg so it can shrink and look good 
	background: url(/assets/img/logo-kauai.png) no-repeat;*/
	background: url(/assets/img/khm-logo-full-horizontal.svg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

/* BR: 2016-03-06 new class for use in a new view that
uses a smaller style top logo */
.page-header .logo-small { /* kauai logo */
	position: absolute;
	z-index: 100;
	left: 10px;
	top: 24px;
	display: block;
	width: 145px;
	height: 65px;
	background: url(/assets/img/khm-logo-full-horizontal.svg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

.home .page-header .logo { /* alternate logo for home */
	width: 199px;
	height: 241px;
	left: 41px;
	top: 0;
	background: url(/assets/img/logo-kauai-home.png) no-repeat;
}

.page-header .tagline {
	position: absolute;
	left: 285px;
	top: 20px;
	font: italic 22px ff-meta-serif-web-pro, serif;
	color: #c26e40;
	text-transform: none;
	text-shadow: 1px 1px rgba(255,255,255,.5);
}

@media only screen and (min-width : 641px) {
    
    .nav-global { /* global navigation */
        position: absolute;
        z-index: 333;
        left: 248px;
        top: 56px;
        font-family: ff-meta-web-pro, sans-serif;
    }

    .home .nav-global {
        left: 299px;
        top: 71px;
    }

    .nav-global li,
    .nav-global a {
        display: block;
        float: left;
    }


    .nav-child {
        position: relative;
    }


    .nav-global .nav-child li,
    .nav-global .nav-child a {
        float: none;
        width: auto;
        border: none;
        padding: 0;
        margin: 0;
    }

    .nav-global .nav-parent { /* parent menu */
        position: relative;
        width: 735px;
    }

    .nav-global .nav-parent > li {
        color: #8c3945;
        margin: 0 22px;
        height: 40px;
    }

    .home .nav-global .nav-parent > li { /* make this taller on home page to line up with hero image */
        height: 46px;
    }

    .home .nav-global .nav-parent > li {
        margin: 0 13px;
    }

    .nav-global .nav-parent > li:first-child {
        margin-left: -28px;
    }

    .nav-global .nav-parent > li > a {
        padding: 10px 8px;
        color: #8c3945;
        font-weight: 700;
        font-size: 16px;
        text-transform: uppercase;
    }

    .home .nav-global .nav-parent > li > a {
        font-size: 18px;
    }

    .nav-global .nav-parent > .nav-header > a {
        padding-top: 8px;
    }


    /* sub-menus */

    .nav-global .nav-child {
        position: absolute;
        left: -28px;
        top: 40px;
    }


    .home .nav-global .nav-child,
    { /* position lower down on home page to line up with hero image */
        top: 46px;
    }

    .nav-global  .nav-child {
        display: none;
        width: 700px;
        -moz-box-shadow: 0 5px 5px rgba(0,0,0,.24);
        -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.24);
        -o-box-shadow: 0 5px 5px rgba(0,0,0,.24);
        -ms-box-shadow: 0 5px 5px rgba(0,0,0,.24);
        box-shadow: 0 5px 5px rgba(0,0,0,.24);
        padding: 10px 15px;
        z-index: 349;
    }

    .nav-global .nav-child {
        z-index: 350;
    }

    .nav-global .nav-parent .nav-header > a:hover,
    .nav-global .nav-parent .nav-header > a:focus,
    .nav-global .nav-parent .nav-header.active > a {
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        cursor: pointer;
    }

    .nav-global .empty a:hover,
    .nav-global .empty a:focus {
        color: #C36F3C;
    }

    .nav-global .nav-header:hover .nav-child {
        display: block;
    }

    .nav-global .nav-header nav.child li {
        padding: 2px 2px 0 2px;
        height: 20px;
        font-weight: 700;
        font-size: 14px;
        line-height: 1.2;
    }

    .nav-global .nav-child a {
        color: #fff;
        padding: 5px 5px 0 6px;
        float: none;
        display: block;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 12px;
    }

    .nav-child > li > ul.col2 {
    position:absolute;
    top: 11px;
    left:250px;
    }

    .nav-child > li > ul.col3 {
    position:absolute;
    top: 11px;
    left:500px;
    }

    .nav-child li.subhead {
    color: #fff;
    font-weight: 700;
    padding-top: 8px;
    padding-left: -8px;
    margin-bottom:-6px;
    }

    .nav-global .nav-parent .nav-header > a:hover,
    .nav-global .nav-parent .nav-header.active > a  {
        color: #fff;
        background: #77363e;}

    .nav-global .nav-child li > a:hover {
            color: #ffbb07;}

    .nav-global .nav-child {
            background: rgba(140,57,69,.9);}
}

/* end global navigation styles */


.page-heading { /* current page title */
	position: absolute;
	left: 0;
	top: 193px;
	font: 20px MyFairCodyRegular, serif;
	color: #8c3945;
	text-transform: uppercase;
}

.page-header .form-search {
	position: absolute;
	right: 0;
	top: 103px; /* 183px; */
}

.home .page-header .form-search {
	right: 117px;
	top: 17px; /* 57px */
}


/* featured imagery and quotes */

.page-header .feature {
	padding-bottom: 30px;
	
}

.page-header .feature .quote-photo {
	float: none;
	width: auto;
	background: url(/assets/img/bg-blockquote-large.png) 379px 8px no-repeat;
	padding-top: 0;
	padding-left: 0;
	margin-top: 0;
	font-size: 19px;
}

/* SN added height declaration here temporarily to control height with existing images. Max-width was added to prevent images from being wider, due to newly fixed position of blockquote, temporarily with existing images. */
.page-header .feature .quote-photo img {
	top: 0;
	position: relative;
	height: 243px;
	max-width: 388px;
	float: left;
	margin-right: 30px;
	border: 1px solid #b70f28;
}

/* SN added padding-left to this to prevent the blockquote from starting too far to the left relative to the background quote graphic if the image is portrait/thumbnail size */
.page-header .feature .quote-photo blockquote {
	padding-top: 54px;
	padding-left: 420px;
}


/*----------------------------------------
Home page styles
----------------------------------------*/

.page-header .slideshow {
	position: absolute;
	top: 117px;
	width: 1041px;
	margin: 0;
	border: none;
}

.page-header .slideshow .slides {
	width: 1041px;
	height: 430px;
	overflow: hidden;
}

.page-header .slideshow .slide .caption {
	position: absolute;
	left: 0;
	bottom: 44px;
	height: 50px;
	padding: 18px 0 0 0;
	width: 1041px;
	background: #8c3945;
	background: rgba(144,64,76,.81);
}

.page-header .slideshow .caption hgroup {
	float: left;
	width: 642px;
	padding-left: 117px;
}

.page-header .slideshow .caption .title,
.page-header .slideshow .caption .subtitle {
	float: left;
}

.page-header .slideshow .caption .subtitle {
	width: 252px;
	padding-top: 6px;
	font-size: 18px;
	color: #fff;
	color: rgba(255,255,255,.6);
}

.page-header .slideshow .caption .subtitle a {
	color: #fff;
	color: rgba(255,255,255,.6);
}

.page-header .slideshow .caption .title {
	width: 390px;
	font: 700 34px ff-meta-web-pro, sans-serif;
	color: #fff;
	line-height: 1;
}

.page-header .slideshow .caption .title a {
	color: #fff;
}

/* SN 12/4/12 added new selectors for the CTAs of the other media types being presented in the home hero below */

.page-header .slideshow .caption .watch,
.page-header .slideshow .caption .listen,
.page-header .slideshow .caption .read,
.page-header .slideshow .caption .view-images,
.page-header .slideshow .caption .view-slides,
.page-header .slideshow .caption .go-to-app {
	display: block;
	width: 108px;
	padding-left: 30px;
	margin-top: 9px;
	float: left;
	font: 700 11px ff-meta-web-pro, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	color: #fff;
	color: rgba(255,255,255,.8);
}

.page-header .slideshow .caption .watch {
	background: url(/assets/img/icon-watch.png) 0 1px no-repeat;
}

.page-header .slideshow .caption .listen {
	background: url(/assets/img/icon-listen.png) 0 0px no-repeat;
}

.page-header .slideshow .caption .read {
	background: url(/assets/img/icon-read.png) 0 0px no-repeat;
}

.page-header .slideshow .caption .view-images {
	background: url(/assets/img/icon-view-images.png) 0 0px no-repeat;
}

.page-header .slideshow .caption .view-slides {
	background: url(/assets/img/icon-view-slides.png) 0 0px no-repeat;
}

.page-header .slideshow .caption .view-app {
	background: url(/assets/img/icon-go-to-app.png) 0 0px no-repeat;
}

.page-header .slidecontrol-nextprev li {
	top: 353px;
}

.page-header .slidecontrol-nextprev .arrow-prev {
	left: 34px;
}

.page-header .slidecontrol-nextprev .arrow-next {
	right: 34px;
}

.page-header .slidecontrol-nextprev a {
	background-image: url(/assets/img/arrows-slideshow-home.png);
	background-position: 0 0;
	width: 19px;
	height: 34px;
}

.page-header .slidecontrol-nextprev .arrow-next a {
	background-position: -19px -34px;
}

.page-header .slidecontrol-nextprev a:hover {
	background-position: 0 -68px;
}

.page-header .slidecontrol-nextprev .arrow-next a:hover {
	background-position: -19px -101px;
}


.featured-stories { /* featured blog posts and publications */
	background: url(/assets/img/border-dotgrid.png) bottom repeat-x;
	padding: 0 0 30px 33px;
	margin-bottom: 30px;
}

.featured-stories .stories-header {
	width: 621px;
	margin-bottom: 10px;
}

.featured-stories .stories-header .blog-heading {
	float: left;
	width: 336px;
	font-size: 30px;
	font-weight: 700;
}

.featured-stories .stories-header .action {
	position: relative;
	top: 6px;
}

.featured-stories .content-article {
	width: 621px;
	float: left;
}

.featured-stories .content-article .timestamp {
	display: block;
	font: 700 13px ff-meta-web-pro, sans-serif;
}

.featured-stories .content-article .h1 {
	margin: 5px 0 15px 0;
	padding: 0;
}

.featured-stories .has-image .h1 {
	width: 222px;
	float: left;
}

.featured-stories .content-article .image {
   	float: right;
	margin: -15px 0 0 31px;
	overflow: hidden;
}

/* BR: added to constrain the incoming image from TAKA: */
.featured-stories .has-image img {
	 max-width: 356px;
	 max-height: 253px;
   }

/* 12/18/12 SN added to force captions imported onto the home page from TAKA to the correct width */
.featured-stories .has-image .caption {
  max-width: 356px;
}

.featured-stories .content-article .image .caption,
/* BR: added for basic captioned images in two column article pages: */
.article-wrapper figcaption  {
	padding: 12px 5px;
	font-size: 14px;
	font-style: italic;
}



.featured-stories .has-image p {
	clear: left;
}

.featured-stories .content-article p {
	margin-bottom: 10px;
}

.featured-stories .content-article .article-footer { /* recent articles */
	border-top: 2px solid #d7d7d7;
	margin: 34px 0 0 -33px;
	padding: 34px 0 0 34px;
}

.featured-stories .content-article .article-footer .h2 {
	padding-top: 0;
	margin-bottom: 20px;
}

.featured-stories .content-article .article-footer li {
	width: 222px;
	margin-right: 114px;
	padding-bottom: 30px;
	float: left;
	list-style: none;
	font-family: ff-meta-web-pro, sans-serif;
}

.featured-stories .content-article .article-footer li:nth-child(even) {
	margin-right: 0;
}


.featured-stories .publications { /* our publications section */
	width: 366px;
	background: url(/assets/img/bg-publications.jpg) no-repeat;
	margin-top: -45px;
	float: right;
}

.featured-stories .publications .pub-wrapper {
	background: url(/assets/img/bg-publications-bottom.jpg) bottom no-repeat;
	padding: 20px 30px 30px 30px;
}

.featured-stories .publications .h2 {
	padding: 5px 0 0 50px;
	background: url(/assets/img/icon-books-large.png) no-repeat;
}

.featured-stories .publications .item {
	margin-top: 35px;
	clear: both;
}

.featured-stories .publications .title {
	margin-bottom: 5px;
	padding-top: 10px;
	font: 700 16px ff-meta-web-pro, sans-serif;
}

.featured-stories .publications .subtitle {
	margin-bottom: 20px;
	line-height: 1.2;
	font-size: 14px;
	font-style: italic;
	color: #352f29;
	font-weight: 400;
}

.featured-stories .publications .item img {
	border: 3px solid #fff;
	margin-right: 20px;
	float: left;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.14);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.14);
	-o-box-shadow: 0 0 3px rgba(0,0,0,.14);
	-ms-box-shadow: 0 0 3px rgba(0,0,0,.14);
	box-shadow: 0 0 3px rgba(0,0,0,.14);
}


/* guru lineage section */
.guru .h2 {
	margin: 0 0 20px 33px;
	font-size: 26px;
}

.guru .image {
	background: url(/assets/img/bg-guru-home.jpg) no-repeat;
	float: left;
	width: 468px;
	height: 350px;
	padding: 40px 0 0 41px;
}

.guru .description {
	width: 474px;
	margin-top: 10px;
	float: right;
}

.guru .description .h1 {
	margin-bottom: 15px;
}

.guru .description .action {
	font-size: 13px;
}

.guru .description .action:hover,
.guru .description .action:focus {
	background-position: 0 -85px;
}


/*----------------------------------------
Page sidebar
----------------------------------------*/

.sidebar {
	width: 250px;
	float: right;
	margin: 50px 7px 0 0;

}

/* BR 2015-02-21 this class is dynamically inserted
when the JS clones the side bar in the DOM and pins
the clone to the Top of the screen.
i.e. you will not find this in our html views
*/

.cloned {
  height:800px;
  overflow-y:scroll;
}


.content-article .sidebar { /* styles within .content-article are generally specifically on blog pages */
	width: 170px;
	margin-top: 70px;
	float: left;

}

/* BR: 2012-11-17: added style here for download CTA on top of sidebars for books
 we have to adjust the position of the arrow to follow the left padding to line up with the links below
 And also had to use the second arrow because both were showing */
.sidebar .action {
	padding: 0 0 40px 60px;
	background: url(/assets/img/arrows-action.png) 32px -85px no-repeat;
}

.sidebar .header {
	padding: 0 0 10px 32px;
	border-bottom: 1px solid #e3ded7;
	margin-bottom: 12px;
}


.content-article .sidebar .header {
	padding: 33px 0 4px 70px;
	border: none;
	border-top: 1px solid #e3ded7;
}

.content-article .sidebar .topics {
	background: url(/assets/img/icon-topics.png) 25px 22px no-repeat;
}

.nav-sidebar {
	padding-left: 32px;
	margin-bottom: 55px;
	height: 80%;
}

/* SN 12/4/12 added text-indent and padding-left to create hanging indent for multi-line items
BR: 2014-12-30 added li to also allow for the same indents */
.nav-sidebar a, .nav-sidbar li {
	text-indent: -20px;
	padding-left: 20px;
	display: block;
	font: 16px;
}

/* SN 12/2/12 The following selector has been added but without documentation. Does anyone know the background on it? */
.sidebar-module {
	padding-left: 32px;
	margin-bottom: 55px;
}

.content-article .sidebar .nav-sidebar {
	padding-left: 40px;
	list-style-position: outside;
}

.content-article .sidebar .nav-sidebar li {
	padding: 0;
	color: #c26e40;
	font-size: 9px;
}

.content-article .sidebar .nav-sidebar a {
	font: 12px ff-meta-web-pro, sans-serif;
	text-transform: uppercase;
}

.content-article .sidebar .img-feature {
	float: right;
	padding-bottom: 36px;
}

/* SN 12/2/12 The following two selectors have been added but without documentation.
Commenting them out because they are breaking the categories list on TAKA posts.
If needed, may need to be a more specific selector to target the proper scenario and not break anything else. */
/*
.sidebar img {
margin: 0 auto;
}

.sidebar li {
text-indent: -1.5em;
padding-left: 1.5em;
}
*/


/*----------------------------------------
Page content
----------------------------------------*/

.page-content {
	width: 1047px;
	float: left;
	background: url(/assets/img/bg-content-top-wide.png) no-repeat;
	padding: 36px 0 0 7px;
	margin-top: -177px;
}

.home .page-content {
	background: none;
	margin: 0;
	padding: 17px 0 0 0;
	/*margin-top: -100px
	BR: Removed as this is pushing content over the hero after
	Simon's changes*/
}

.blog .page-content {
	padding-top: 37px;
}

.skinny .page-content {
	width: 790px;
	float: left;
	background: url(/assets/img/bg-content-top-skinny.png) no-repeat;
	padding: 40px 0 0 7px;
	margin-top: -177px;
}

.page-content .wrapper {
	background: url(/assets/img/bg-content-tile.jpg);
	border: 1px solid #cecbc6;
	padding-bottom: 31px;
	border-top: none;
	width: 1038px;
}
.book-portal .page-content .wrapper {
	padding-bottom: 0px;
}

.skinny .page-content .wrapper {
	width: 788px;
}

.content-article { /* general content styles */
	position: relative;
	font-size: 16px;
}

.alt-article { /* articles with alternate visual appearance */
	background: url(/assets/img/bg-content-tile-alt.jpg);
}

.content-article .article-wrapper {
	padding: 20px 31px 31px 31px;
	background: url(/assets/img/border-dotgrid.png) bottom repeat-x;
}

/* SN 12/3/12 created this to get the spacing to work right when non-.alt-articles follow non-.articles */
.content-article:first-of-type .article-wrapper {
	padding-top: 28px;
}

/*
.alt-article .article-wrapper {
	padding: 20px 31px;
	margin-bottom: 20px;
}
*/

.blog .content-article .article-wrapper {
	padding-left: 0;
}

.blog .content-article .article-body,
.blog .content-article .article-header { /* different dimensions for blog pages */
	width: 809px;
	float: right;
}

.content-article:last-child .article-wrapper {
	background: none;
}

.content-article .article-header .timestamp {
	font: 700 13px ff-meta-web-pro, sans-serif;
}

/* SN 3/6/13 The clear below had been taken out by BR in hopes of fixing something having to do with images next to headings, but it breaks other things. Please be careful to consider this in the future. */
.content-article .h1,
.content-article h1,
.content-article .h2,
.content-article h2,
.content-article .h3,
.content-article h3,
.content-article .h4,
.content-article h4,
.content-article .h5,
.content-article h5,
.content-article .h6,
.content-article h6 {
	padding-top: 15px;
	clear: both;
	line-height: 1.2;
}

/* SN: reduced excess margin-bottom for headings h3-h6 on pages  */
.content-article .h3,
.content-article h3,
.content-article .h4,
.content-article h4,
.content-article .h5,
.content-article h5,
.content-article .h6,
.content-article h6, form .social-label {
	margin-bottom: 6px;
}

/* SN: h1-h2 and .sidebar h3 which is used for the categories list sidebar on the blog */
.content-article .h1,
.content-article h1,
.content-article .h2,
.content-article .sidebar h3 {
	margin-bottom: 25px;
}

/* 12/15/11 SN: added these rules to remove extra space between stacked headings */
.content-article h1+h2,
.content-article h1+h5,
.content-article h2+h3,
.content-article h3+h4,
.content-article h4+h5,
.content-article h5+h6 {
	padding-top: 0px;
}

.content-article .article-header .h1,
.content-article .article-header .blogtitle {
	padding-top: 0;
	margin-bottom: 10px;
}

.blogtitle {
	font-size: 18px;
}

.blog .content-article img {
	margin-bottom: 20px;
}

.blog .content-article .fb-img {
	display: none;
}

/* 2013/12/09 BR: added to dim TAKA archive days with no posts in the archives widget */
.blog .no-post-date {
color: #E1C3C3
}
/* 2013/12/09 BR: added to show the current day being viewed in archives */
.blog .current-post-date {
background: #a5917e;
	color: #fff;
}


.content-article form .h6 {
	margin-bottom: 15px;
}

.content-article ul {
	margin-bottom: 25px;
	list-style: disc;
	list-style-position: inside;
}

.content-article ol {
	margin-bottom: 20px;
	list-style: decimal;
	list-style-position: inside;
}

.content-article li {
	padding-bottom: 1px;
}

/* 12/12/11 SN: the following causes a nested list to be indented */
.content-article li li {
	margin-left: 20px;
}

/* 2015/01/12/BR: the above requires iterating LI twice for every item the following just requires a single nested "ul" inside a parent "ul" */
.content-article ul ul {
	margin-left: 20px;
}


/* 12/17/12 SN added ".blog .alt-article" to the following two selectors since we don't have the ability with the Twitter Tools plug-in to customize what is wrapping the tweet content */
.blog .content-article blockquote, .blog .alt-article {
	margin-bottom: 30px;
}

.blog .content-article blockquote p, .blog .alt-article {
	margin-bottom: 0;
	font-size: 18px;
	font-style: italic;
}

.content-article blockquote .timestamp {
	padding-right: 10px;
	font: 700 12px ff-meta-web-pro, sans-serif;
	color: #c26f41;
}


.content-article .calendar {
	padding-bottom: 20px;
}

/* SN removed padding-left here for stylistic preference */
.footnotes {
	padding-left: 0px;
	font: 14px ff-meta-web-pro, sans-serif;
	color: #979590;
}

.footnotes sup {
	color: #979590;
}

.footnotes p {
	margin-bottom: 10px;
}


.article-footer {
	padding-bottom: 30px;
}

.article-footer .comments {
	float: right;
}

/* SN 12/17/12 changed padding-top to 30px to accommodate changes to the relationships between regular articles and alt-articles so the spacing around them is consistent */
.page-content .pagination { /* blog pagination */
	padding: 30px 31px 0 31px;
}

.page-content .pagination > ul {
	width: 100%;
	height: 25px; /* SN 12/3/12 added this to force correct height and relationship to surrounding elements if we are not using the pagination page numbers */
	background: url(/assets/img/border-dotgrid.png) center repeat-x;
	text-align: center;
}

.pagination .arrow-prev,
.pagination .arrow-next {
	float: left;
	margin-top: -6px;
	background: url(/assets/img/bg-content-tile.jpg);
}

.pagination .arrow-next {
	float: right;
}

.pagination .arrow-prev a,
.pagination .arrow-next a {
	width: 130px;
	padding: 11px 0 0 0;
	height: 28px;
	font: 700 12px ff-meta-web-pro, sans-serif;
	text-transform: uppercase;
	text-indent: 0;
}

.pagination .arrow-prev a {
	padding-left: 30px;
}

.pagination .arrow-next a {
	padding-right: 30px;
	width: 110px
}

.page-content .pagination .pages {
	background: url(/assets/img/bg-content-tile.jpg);
	padding: 0 20px;
}

.page-content .pagination .pages,
.page-content .pagination .pages ul {
	display: inline;
}

.page-content .pagination .pages li {
	display: inline;
	color: #c26e40;
	font: 700 13px ff-meta-web-pro, sans-serif;
}

.page-content .pagination .pages .active {
	background: #91414d;
	display: inline-block;
	width: 20px;
	height: 19px;
	padding-top: 1px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
	color: #fff;
	text-align: center;
}


/*----------------------------------------
Media landing pages
----------------------------------------*/

/* 6/23/12 SN expanded these classes to accommodate all the featured item and promoted (recent item) collection media icon types */

.featured-video, .featured-audio, .featured-podcast, .featured-book, .featured-slideshow, .featured-topics { /* featured video content at the top of the page */
	padding: 31px 31px 11px 31px;
	background: url(/assets/img/bg-content-tile-alt.jpg);
	border-bottom: 9px solid #e3e0da;
}

.featured-video .embed-video, .featured-podcast .embed-podcast, .featured-book .embed-book, .featured-slideshow .embed-slideshow, .featured-topics .embed-topics {
	float: left;
}

.featured-video .content-article, .featured-podcast .content-article,  .featured-slideshow .content-article, .featured-topics .content-article {
	width: 306px;
	float: right;
}

.featured-book .content-article {
	/* 2012-8-28 BR:  for books */
	width: 660px;
	float: right;
}

.featured-podcast .content-article {
	/* 2012-8-28 BR:  for books */
	width: 425px;
	float: right;
}

.featured-video .article-header .h2 {
	padding: 8px 0 3px 50px;
	margin: 0 0 15px -10px;
	background: url(/assets/img/icon-video-large.png) no-repeat;
}

.featured-podcast .article-header .h2 {
	padding: 8px 0 3px 50px;
	margin: 0 0 15px -10px;
	background: url(/assets/img/icon-podcast-large.png) no-repeat;
}

.featured-book .article-header .h2 {
	padding: 8px 0 3px 50px;
	margin: 0 0 15px -10px;
	background: url(/assets/img/icon-books-large.png) no-repeat;
}


/* BR: 2012/08/07 Added the following to handle book covers in the Featured Items module on landing pages */

.featured-book img {
	display: block;
	float: left;
	height: auto;
	width: 271px;
	border: 3px solid #fff;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.14);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.14);
	-o-box-shadow: 0 0 3px rgba(0,0,0,.14);
	-ms-box-shadow: 0 0 3px rgba(0,0,0,.14);
	box-shadow: 0 0 3px rgba(0,0,0,.14);
}

.featured-slideshow .article-header .h2 {
	padding: 8px 0 3px 50px;
	margin: 0 0 15px -10px;
	background: url(/assets/img/icon-slides-large.png) no-repeat;
}

.featured-topics .article-header .h2 {
	padding: 8px 0 3px 50px;
	margin: 0 0 15px -10px;
	background: url(/assets/img/icon-topics.png) no-repeat;
}

.featured-video .article-header .h1, .featured-podcast .article-header .h1, .featured-book .article-header .h1, .featured-slideshow .article-header .h1, .featured-topics .article-header .h1 {
	margin: 0;
}

.featured-video .article-header .byline, .featured-podcast .article-header .byline, .featured-book .article-header .byline, .featured-slideshow .article-header .byline, .featured-topics .article-header .byline {
	padding: 0;
	margin-bottom: 15px;
	font: 700 12px ff-meta-web-pro, sans-serif;
	color: #352f29;
	text-transform: uppercase;
}

.featured-video .article-body .share, .featured-podcast .article-body .share, .featured-book .article-body .share, .featured-slideshow .article-body .share, .featured-topics .article-body .share {
	margin-right: 10px;
}

.featured-video .article-footer, .featured-podcast .article-footer, .featured-book .article-footer, .featured-slideshow .article-footer, .featured-topics .article-footer {
    margin-top: 10px;
    text-align: right;
}

/* BR: added for feature item audio image: */

.featured-podcast .audio-player img {
	height: auto;
	width: 517px;
	margin: 0 0 20px 0;
}

.recent-content { /* recent content sections */
	margin: 31px;
	padding-bottom: 31px;
	background: url(/assets/img/border-dotgrid-small.png) bottom repeat-x;
}

.recent-videos, .recent-podcasts, .recent-books, .recent-slideshows, .recent-topics {
	width: 474px;
	float: left;
}

.recent-videos .h2 {
	background: url(/assets/img/icon-video-large.png) no-repeat;
	padding: 5px 0 0 50px;
	margin-bottom: 25px;
}

.recent-podcasts .h2 {
	background: url(/assets/img/icon-podcast-large.png) no-repeat;
	padding: 5px 0 0 50px;
	margin-bottom: 25px;
}

.recent-books .h2 {
	background: url(/assets/img/icon-books-large.png) no-repeat;
	padding: 5px 0 0 50px;
	margin-bottom: 25px;
}

.recent-slideshows .h2 {
	background: url(/assets/img/icon-slides-large.png) no-repeat;
	padding: 5px 0 0 50px;
	margin-bottom: 25px;
}

.recent-topics .h2 {
	background: url(/assets/img/icon-topics.png) no-repeat;
	padding: 5px 0 0 50px;
	margin-bottom: 25px;
}

.recent-videos .list, .recent-podcasts .list, .recent-books .list, .recent-slideshows .list, .recent-topics .list {
	margin-bottom: 50px;
	padding-left: 168px;
	position: relative;
}

.recent-videos .list .h3, .recent-podcasts .list .h3, .recent-books .list .h3, .recent-slideshows .list .h3, .recent-topics .list .h3 {
	padding: 0;
	margin-bottom: 5px;
	font-weight: bold;
}

.recent-videos img, .recent-podcasts img, .recent-books img, .recent-slideshows img, .recent-topics img {
	position: absolute;
	left: 0;
	top: 0;
}

.recent-videos li, .recent-podcasts li, .recent-books li, .recent-slideshows li, .recent-topics li {
	padding-bottom: 1px;
	color: #c26e40;
	list-style: disc;
	list-style-position: inside;
}

.square-slider {
	position: relative;
	width: 484px;
	float: right;
	background: url(/assets/img/bg-recent-gallery.jpg) 0 53px no-repeat;
	background-size: 484px 520px;
}

.square-slider .paginate {
	position: relative;
	min-height: 508px;
	width: 365px;
	margin: 0 auto;
}

.square-slider .h2 {
	background: url(/assets/img/icon-slides-large.png) no-repeat;
	padding: 5px 0 0 50px;
	margin-bottom: 55px;
}

.square-slider .h3 {/* 2012-05-09 BR: added to handle a photo only in the square slide module; this will push the image down into place, but no background image is place because the title is empty.*/
	padding: 5px 0 0 50px;
	margin-bottom: 100px;
}


.square-slider .slider-item {
	width: 365px;
	margin: 0 auto;
}

.square-slider .slider-item .img-crop { /* 11/22/11 SN: added .img-crop here to properly crop image, moving original attributes from img and adding overflow */
	border: 5px solid #c26e40;
	width: 355px;
	margin: 0 auto;
	overflow: hidden;
}

.square-slider .slider-item img { /* 11/22/11 SN: added height to properly resize larger image and positioning to center it within the area */
	height: 362px;
	width: auto;   /*BR: this will force old versions of IE to maintain aspect
	otherwise you risk distortion as IT could maintain native width */
	position: relative;
	left: -65px;
}

/* 11/22/11 SN: preserving BH's original CSS below */
/*
.square-slider .slider-item img {
	border: 5px solid #c26e40;
	width: 355px;
	margin: 0 auto;
}
*/

.square-slider .slider-item .caption {
	margin: 5px 0 0 20px;
	font-size: 14px;
	font-style: italic;
}

.square-slider .action {
	margin-left: 55px;
	position: relative;
	top: -20px;
}

.square-slider .slider-pagination {
	position: absolute;
	left: 195px;
	top: 500px;
	width: 98px;
	z-index: 109;
}

.square-slider .slider-pagination li {
	float: left;
}

.square-slider .slider-pagination .arrow-next {
	float: right;
}


.more-links { /* popular topics and quick links */
	margin-left: 31px;
}

.book-portal .more-links {
	margin-top: 25px;
}

.more-links .column {
	float: left;
	width: 474px;
	margin-right: 31px;
}

.more-links .column:last-child {
	margin-right: 0;
}

.more-links li {
	float: left;
	width: 207px;
	margin-right: 30px;
	padding: 0 0 1px 15px;
	background: url(/assets/img/bullet.png) 0 8px no-repeat;
	color: #c26e40;
}

.more-links li:nth-child(even) {
	margin-right: 0;
}

/* SN the following two selectors appear to have been added without any documentation as to why; may need to be cleaned up */
.taka-more-links .column {
	width: 450px;
	margin-right: 15px;
}

.taka-more-links .more-links li {
	width: 350px;
	margin-right: 0px;
    padding: 0 0 1px 15px;
}

/*----------------------------------------
Media detail pages
----------------------------------------*/

.detail .featured-item {
	position: relative;
	padding: 15px 0 25px 0;
	margin: 0 29px 0 30px;
	background: url(/assets/img/border-dotgrid.png) bottom repeat-x;
}

.content-article .featured-item {
	position: relative;
	z-index: 20;
	padding: 0 0 55px 0;
	margin-right: 0;
	width: 474px;
	float: left;
	background: none;
}

.featured-item .h1 {
	font-weight: 400;
	color: #352f29;
}

.media-detail { /* featured media container */
	margin-top: 15px;
}

.content-article .media-detail {
	margin: 0;
	text-align: center;
}

.content-article .media-detail img,
.media-detail .monocle-content {
	margin: 0 auto;
	width: 387px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.12);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.12);
	-o-box-shadow: 0 0 5px rgba(0,0,0,.12);
	-ms-box-shadow: 0 0 5px rgba(0,0,0,.12);
	box-shadow: 0 0 5px rgba(0,0,0,.12);
}

/* 12/12/11 SN: added this to center preview image on art detail pages */
.media-detail img {
	margin: 0 auto;
}

.monocle-detail {
	display: block;
	width: 387px;
	margin: 0 auto;
	border: 2px solid #ca7d4a;
	position: relative;
}

.monocle-hover {
	display: none;
	margin: 2px auto;
	width: 387px;
	height: 100%;
	position: absolute;
	top: -2px;
	left: 0;
	background: #fff;
	background: rgba(255,255,255,.85);
}

.monocle-detail:hover .monocle-hover,
.monocle-detail:focus .monocole-focus {
	display: block;
}

/* Original from Brian. See the scripts.js  .h4 was changed to <p>
     .monocle-hover .h4 {
       margin: 218px 0 141px 0;
    margin: 100px 0 20px 0;
	padding: 0;
	text-transform: none;
	font-size: 17px;
	color: #8c3945;
}
*/
.monocle-hover p:first-child {
    margin: 100px 0 20px 0;
    font: 14px ff-meta-web-pro, sans-serif;
	color: #352f29;
}

.monocle-hover p {
	margin-top: 20px;
	font: 14px ff-meta-web-pro, sans-serif;
	color: #352f29;
}

.monocle-content { /* book gets loaded in here */

}

.media-detail .caption {
	display: block;
	margin-top: 35px;
	float: left;
	font-size: 14px;
	text-transform: uppercase;
	font-family: ff-meta-web-pro, sans-serif;
}

.content-article .media-detail .caption {
	margin-top: 15px;
	float: none;
	font-size: 12px;
}

.featured-item .form-search {
	float: right;
	margin-top: 30px;
}

.content-article .featured-item .form-search {
	float: none;
	margin: -10px auto 0 auto;
}

.detail .content-article {
	padding-top: 40px;
}

.detail .content-article .article-wrapper {
	padding: 0;
}

.detail .content-article .article-body,
.detail .content-article .article-header {
	width: 602px;
	margin-right: 152px;
	float: right;
}

.book .content-article .article-body,
.book .content-article .article-header {
	margin-right: 29px;
	width: 474px;

}

/*BR 2015-02-21: allow descriptions in media views to scroll as needed: */

.book .article-body {
	height:231px;
	margin-bottom: 60px;
	overflow-y:scroll;
}

.book .content-article .article-header {
margin-top: -21px;
}

/* .detail */ .content-article .share-options {
	position: relative;
	cursor: pointer;
	display: inline-block;
	padding: 0;
}

/* .detail */ .content-article .share-options .open-menu {
	display: block;
	padding: 3px 10px 1px 10px;
	color: #fff;
}

/* .detail */ .content-article .open {
	background-color: #817264;
	z-index: 5; /* SN 12/2/12 added z-index to make sure share options pop-up comes on top of slideshow */
}

/* .detail */ .content-article .share-options .social {
	display: none;
	position: absolute;
	z-index: 5; /* SN 12/2/12 added z-index to make sure share options pop-up comes on top of slideshow */
	right: 0;
	top: 0;
	padding: 10px 10px 5px 10px;
	min-width: 120px;
	background-color: #817264;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 10px 10px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.1);
	-o-box-shadow: 0 10px 10px rgba(0,0,0,.1);
	-ms-box-shadow: 0 10px 10px rgba(0,0,0,.1);
	box-shadow: 0 10px 10px rgba(0,0,0,.1);
	cursor: default;
}

/* .detail */ .content-article .share-options .nojs {
	top: 17px;
}

/* .detail */ .content-article .share-options:hover .nojs,
/* .detail */ .content-article .share-options:focus .nojs {
	display: block;
}

/* .detail */ .content-article .share-options .close {
	padding: 5px;
	width: auto;
	height: auto;
	background: none;
	position: absolute;
	display: block;
	top: 5px;
	right: 5px;
	text-indent: 0;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
}

/* .detail */ .content-article .share-options .social li {
	padding: 0 10px 10px 0;
	float: left;
}

/* .detail */ .content-article .share-options .social .fb-like {
	margin-bottom: 6px;
}

/* .detail */ .content-article .share-options .social .url {
	float: none;
	clear: both;
	padding: 0;
	font-size: 11px;
	letter-spacing: 0;
	font-weight: normal;
	text-transform: none;
	cursor: text;
}

.detail .content-article .article-header .share-wrapper {
	float: right;
}

.detail .content-article .article-header .share {
	margin: 0 0 0 15px;
}


.detail .content-article .article-header .h1 {
	margin-bottom: 0;
}

.detail .content-article .article-header .subhead {
	padding-top: 0;
	margin-bottom: 0;
	color: #79746e;
	font-family: ff-meta-serif-web-pro, serif;
	text-transform: none;
	font-style: italic;
}

.detail .content-article .article-header .byline {
	font: 700 12px ff-meta-web-pro, sans-serif;
	text-transform: uppercase;
	color: #352f29;
}

.detail .content-article .article-body {
	padding-bottom: 40px;
}

.detail .content-article .article-body p:first-child:first-letter {
	font: 700 59px ff-meta-web-pro, sans-serif;
	float: left;
	margin: 3px 8px -12px 0;
	color: #8c3945;
	line-height: 1;
}

.detail .content-article .sidebar {
	margin-top: 0;
	padding-left: 30px;
}

.detail .content-article .sidebar .share {
	margin-right: 8px;
}

.detail .content-article .sidebar .action-bg {
	display: block;
	width: 119px;
	margin-top: 26px;
	padding-left: 10px;
	padding-right: 0;
	text-align: center;
}

.detail .content-article .sidebar .h3 {
	margin: 30px 0 10px 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}

.detail .content-article .sidebar ul {
	list-style: none;
}

.detail .content-article .sidebar li {
	padding: 0;
}


.book-links {
	position: relative;
	top: -40px;
	padding: 25px 0 10px 535px;
	z-index: 19;
	clear: right;
	background: url(/assets/img/bg-cloth.png);
	border-top: 7px solid #f1ebe3;
	border-bottom: 7px solid #f1ebe3;
}

.book-links .column {
	float: left;
	width: 222px;
	margin-right: 30px;
}

.book-links .column:last-child {
	margin-right: 0;
}

.book-links .column .h4 {
	margin: 30px 0 5px 0;
	padding: 0;
	color: #8c3945;
	font-size: 14px;
	font-weight: bold;
}

.book-links .column ul {
	list-style: none;
}

.book-links .column li {
	padding: 0;
	line-height: 1.4;
}


.detail .article-footer {
	background: url(/assets/img/bg-cloth.png);
	border-top: 7px solid #f1ebe3;
	border-bottom: 7px solid #f1ebe3;
	padding: 47px 31px 30px 31px;
	clear: both;
}

.book .article-footer {
	background: none;
	border: none;
	padding-top: 7px;
}

.detail .article-footer .column {
	width: 221px;
	float: left;
	margin-right: 30px;
}

.detail .article-footer .column ul {
	margin: 0;
	list-style: none;
}

.detail .article-footer .related-topics {
	margin-right: 0;
}

.detail .article-footer .related-topics ul {
	margin-right: 0;
	list-style: disc;
	list-style-position: inside;
}

.detail .article-footer .column .h4 {
	margin-bottom: 10px;
	padding: 0;
	color: #8c3945;
}

.detail .article-footer .column li {
	color: #c26e40;
}

.detail .article-footer .related-content li {
	padding: 3px 0 15px 40px;
	margin-left: -5px;
}

.detail .article-footer .related-content .media-book {
	background: url(/assets/img/icon-book.png) no-repeat;
}

.detail .article-footer .related-content .media-podcast {
	background: url(/assets/img/icon-podcast.png) no-repeat;
}

.detail .article-footer .related-content .media-slides {
	background: url(/assets/img/icon-slides.png) no-repeat;
}

.detail .article-footer .related-content .media-video {
	background: url(/assets/img/icon-video.png) no-repeat;
}


.detail .article-footer .quote-photo {
	width: 304px;
}


.detail .article-footer .reviews {
	float: left;
	clear: both;
	margin: -10px 75px 0 672px;
	background-position: right center;
	padding: 0 20px 0 0;
	text-shadow: 1px 1px #f5f1eb;
}


/* section for excerpts from currently-viewed media */
.media-images {
	background: url(/assets/img/bg-page-alt.jpg) repeat-x;
	min-width: 1054px;
	margin-top: 70px;
}

.home .media-images {
	margin-top: 15px;
}

/* KT: added the following for two column gallery
support on "skinny" two column template pages
Note that the media-images are hard coded to 306 wide
(we may need to change that) */

.skinny .media-images {
	margin: 0 auto;
    margin-top: 20px;
	background: none;
	width: 650px;

}
.catalog .media-images {
	padding: 0 30px;
	margin-top: 20px;
	background: none;
}

.media-images .wrapper {
	position: relative;
	width: 980px;
	margin: 0 auto;
	padding: 70px 0 50px 0;
}

.media-images-header {
	position: relative;
	width: 980px;
	margin-bottom: 20px;
}

.media-images-header .sort {
	float: right;
}

.media-images-header .sort .h6 {
	display: inline;
	font-weight: normal;
	font-style: italic;
	color: #7d7b78;
}

.media-images-header .sort .share {
	margin-left: 10px;
}

.media-images-header .h1 {
	float: left;
	font-weight: 400;
	color: #352f29;
}

.media-images-header .h2 {
	position: relative;
	float: left;
	padding: 5px 0 0 52px;
	margin-left: -10px;
	background: url(/assets/img/icon-images.png) no-repeat;
}

.media-images-header .archives-pagination {
	margin-top: -6px;
}

media-type-selector form {
	float: right;
	margin: 0px;
}
.media-images .slidecontrol-select {
	right: 120px;
	top: 78px;
}

.media-images .paginate {
	min-height: 370px;

}

.media-images .row {
	clear: both;
}

.media-images .column {
	float: left;
	width: 306px;
	margin-right: 30px;
}

.media-images .row .column:last-child {
	margin: 0;
}

/* 12/6/12 SN: added max-width and max-height to properly downsize larger images, margins to center items that are too narrow */
.media-images .column img {
	margin-bottom: 15px;
	max-width: 306px;
	max-height: 230px;
	margin-left: auto;
	margin-right: auto;
}

/* 12/6/12 SN: added this selector to style the audio search results and make them line up evenly with other types of search results that have images */
.media-images .column .audio-player {
	background: url(/assets/img/catalog-generic-audio.jpg);
	margin-bottom: 15px;
	padding-top: 200px;
}

/* 12/6/12 SN: added this selector to prevent bold text inside the item descriptions carrying over */
.media-images .column strong, .media-images .column b, .media-images .column p {
	font-weight: normal;
}

.media-images .title {
	margin-bottom: 10px;
	font: 700 17px ff-meta-serif-web-pro, serif;
	text-transform: none;
}

.media-images .column .action {
	font-size: 13px;
}

.media-images .column .action:hover,
.media-images .column .action:focus {
	background-position: 0 -85px;
}


/*----------------------------------------
Slideshow areas
----------------------------------------*/

.slideshow {
	border: 1px solid #dcad91;
	position: relative;
	margin: 27px auto 20px auto;
	width: 726px;
}

.content-article .slideshow,
.content-article .slideshow-galleria {
	margin: 0 auto 30px auto;
	border: none;
}

.content-article .slideshow ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.slidecontrol-nextprev li {
	position: absolute;
	top: 40%;
	z-index: 20;
}

.slidecontrol-nextprev .arrow-prev {
	left: 18px;
}

.slidecontrol-nextprev .arrow-next {
	right: 18px;
}

.slideshow .slides,
.slideshow .slide {
	height: 448px;
	position: relative;
}

.slideshow .slide img {
	display: block;
}

.page-content .slide img {
	cursor: pointer;
}

.slideshow .caption {
	position: absolute;
	bottom: 0;
	width: 626px;
	padding: 14px 75px 10px 25px;
	background: #352f29;
	background: rgba(53,47,41,.8);
	color: #faf7f1;
	font: 700 16px serif;
	font-style: italic;
}

.slidecontrol-select {
	position: absolute;
	z-index: 50;
	bottom: 350px; /* changed this from 14px because it was covering up items below in the div */
	right: 25px;
}

.slidecontrol-select a {
	display: block;
	margin-left: 10px;
	float: left;
}

.slidecontrol-select a {
	display: block;
	float: left;
	width: 13px;
	height: 13px;
	background: url(/assets/img/slideshow-dots.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

.slidecontrol-select .activeSlide {
	background-position: bottom right;
}


/*----------------------------------------
Tabbed content boxes
----------------------------------------*/

.tabbed-content-container {
	clear: both;
	position: relative;
	padding-top: 50px;
}

.tabbed-content-container .h2 {
	position: relative;
	left: 7px;
	top: -15px;
	padding: 5px 0 0 50px;
	background: url(/assets/img/icon-books-large.png) no-repeat;
}

.tabbed-content {
	position: relative;
	border: 1px solid #e3ded7;
	background: url(/assets/img/bg-content-tile.jpg);
	margin: 0 7px 0 7px;
	padding: 21px 31px 31px 31px;
}

.blog .tabbed-content {
	margin-left: 0;
}

.browse .tabbed-content {
	padding: 21px 0 31px 0;
	background: url(/assets/img/bg-content-tile-alt.jpg);
}

.browse .tabbed-content .archives-pagination {
	margin: 0 31px 15px 0;
}

.tabbed-content-container .tabs {
	float: right;
	position: relative;
	z-index: 78;
	margin: -31px 37px 0 0;
}

.browse .tabs {
	margin-top: -32px;
}

.tabbed-content-container .tabs li {
	float: left;
	margin-left: 9px;
}

.tabbed-content-container .tabs a {
	display: block;
	float: left;
	height: 25px;
	padding-top: 6px;
	border-bottom: 1px solid #867261;
	width: 140px;
	background: url(/assets/img/bg-tabs.png) repeat-x;
	font: 14px ff-meta-web-pro, sans-serif;
	color: #fff;
	text-align: center;
}

.tabbed-content-container .tabs a:hover,
.tabbed-content-container .tabs a:focus {
	background-position: 0 -31px
}

.tabbed-content-container .tabs .active a {
	background: url(/assets/img/bg-content-tile.jpg);
	border: 1px solid #e3ded7;
	border-bottom: 0;
	width: 138px;
	height: 25px;
	color: #000;
}

.browse .tabbed-content-container .tabs .active a {
	background: url(/assets/img/bg-content-tile-alt.jpg);
}

.show {
	display: block;
}

.hide {
	display: none;
}


.archives-select {
	width: 106px;
	float: right;
	margin: 5px 0 0 25px;
}

.archives-select select,
.archives-select .sbHolder,
.archives-select .sbOptions {
	width: 106px;
}

.calendar .months {
	clear: both;
	padding-top: 20px;
	width: 967px;
}

.tabbed-content .calendar-month {
	margin-right: 43px;
}


.tabbed-content .calendar-month td {
	margin-right: 8px;
}


.tabbed-content .paginate,
.tabbed-content .paginate-has-title {
	clear: both;
	min-height: 315px;
	overflow: hidden;
}

.tabbed-content .slidecontrol-select {
	right: 150px;
	top: 35px;
}

.tabbed-content .calendar .paginate {
	min-height: 200px;
}

.tabbed-content .paginate-has-title {
	clear: both;
	min-height: 200px;
}

.tabbed-content .browse-group { /* group of items currently being viewed */
	background: url(/assets/img/bg-content-tile.jpg);
	clear: both;
	border-top: 1px solid #e3ded7;
	border-bottom: 1px solid #e3ded7;
	padding: 23px 0 25px 31px;
	width: 967px;
	overflow: hidden;
	min-height: 267px;
}

.tabbed-content .browse-group-list { /* group of list items currently being viewed */
	background: url(/assets/img/bg-content-tile.jpg);
	clear: both;
	border-top: 1px solid #e3ded7;
	border-bottom: 1px solid #e3ded7;
	padding: 23px 0 25px 31px;
	width: 1007px;
	overflow: hidden;
	min-height: 267px;
}

.tabbed-content .browse-group .browse-item {
	width: 168px;
	float: left;
	margin-right: 84px;
}

.tabbed-content .browse-group .browse-item:last-child {
	margin-right: 0;
}

.tabbed-content .browse-item img {
	border: 3px solid #fff;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.14);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.14);
	-o-box-shadow: 0 0 3px rgba(0,0,0,.14);
	-ms-box-shadow: 0 0 3px rgba(0,0,0,.14);
	box-shadow: 0 0 3px rgba(0,0,0,.14);
}

.tabbed-content .browse-item .title {
	margin: 10px 0 5px 0;
	font: 700 16px ff-meta-web-pro, sans-serif;
}

.tabbed-content .browse-item .subtitle {
	margin-bottom: 15px;
	line-height: 1.2;
	font-size: 14px;
	font-style: italic;
	color: #97938d;
	font-weight: 400;
}

.tabbed-content .browse-group-list li {
	float: left;
	margin: 0 29px 0 1px;
	width: 207px;
	padding: 0 0 1px 15px;
	background: url(/assets/img/bullet.png) 0 8px no-repeat;
	color: #c26e40;
}

.tabbed-content .browse-group-list li:nth-child(4n+1) {
	clear: left;
}

.tabbed-content .browse-group-list li:nth-child(4n) {
	margin-right: 0;
}


.tabbed-content-container .rss {
	float: right;
	margin: 20px 7px 0 0;
	font-size: 13px;
	font-weight: normal;
}

.tabbed-content-container .rss:hover,
.tabbed-content-container .rss:focus {
	background-position: 0 -85px;
}


/*----------------------------------------
Swamis' picks area
----------------------------------------*/

.picks {
	clear: both;
	margin: 30px 7px 0 0;
	padding: 20px 11px 2px 31px;
	border: 1px solid #dfdeda;
	background: url(/assets/img/bg-content-tile-alt.jpg);
}

.picks .featured-pick {
	width: 525px;
	overflow: hidden;
	float: left;
}

.picks .featured-pick .img-crop { /* 11/22/11 SN: moved border, margin here per BH recommendation to crop image, also adding height and overflow attributes */
	border: 1px solid #d09b7d;
	margin: 10px 0;
	height: 266px;
	overflow: hidden;
}

.picks .featured-pick img { /* 11/22/11 SN: moved border, margin to .img-crop per BH recommendation to crop image, adding positioning here to move image up within area but not quite vertically centered */
	position: relative;
	top: -31px;
}

.picks .featured-pick p {
	float: left;
	font-size: 14px;
	font-style: italic;
	color: #000;
}

.picks .featured-pick .action {
	float: right;
}

.picks .picks-nav {
	margin: -29px 0 20px 0;
	width: 439px;
	height: 341px;
	overflow-x: hidden;
	float: right;
}

.picks .picks-nav li {
	background: url(/assets/img/buttons-picks.png) no-repeat;
}

.picks .picks-nav a {
	position: relative;
	display: block;
	width: 336px;
	height: 52px;
	padding: 33px 0 0 85px;
	background: url(/assets/img/icon-picks-slides.png) 31px 32px no-repeat;
	font: 14px ff-meta-web-pro, sans-serif;
	color: #fff;
}

.picks .picks-nav .pick-book { background: url(/assets/img/icon-picks-book.png) 31px 33px no-repeat; }
.picks .picks-nav .pick-podcast { background: url(/assets/img/icon-picks-podcast.png) 33px 29px no-repeat; }
.picks .picks-nav .pick-video { background: url(/assets/img/icon-picks-video.png) 31px 38px no-repeat; }


.picks .picks-nav li:hover,
.picks .picks-nav li:focus,
.picks .picks-nav .active {
	background-position: 0 -86px;
}

.picks .picks-nav a img {
	position: absolute;
	top: 8px;
	right: 16px;
	float: right;
	width: 90px;
	height: 66px;
	border: 1px solid #85705f;
}

/*----------------------------------------
Dropdowns and Accordions: Hide and Show
----------------------------------------*/


.drop {
  border-bottom: 1px solid #aaa;
  padding-left: 22px;
  font-weight: normal;
  line-height: 160%;
  display: none;
  border-radius: 12px;
  }

/* .drop a {
  color: #b40;
  }

.drop p {
  font-size: 105%;
  font-weight: bold;
  text-align: center;
  margin: 0 0 7px 0;
 margin: 0;
  margin-bottom: 3px;
  }
 */

.dropButton{
padding: 6px 8px 6px 8px;
display: inline-block;
/* height: 36px; */
background-color: #eb4;
color: #00a;
font: bold 16px Arial, sans-serif;
/* line-height: 24px; */
border: 2px solid #970;
border-radius: 17px;
margin:0;
box-shadow:1px -4px 7px 0px #a76 inset;
  }

.clik {
cursor: pointer;
padding:50px 100px 3px 20px;
margin: 10px 100px 10px 10px;
  }

.clik:hover {
color: #7F0D10;
background: 229, 218, 195;
box-shadow:-3px -4px 7px 0px #CCCCCC ;
  }

.indent {padding-left: 1em; margin-bottom: 1.2em;}





/*----------------------------------------
Footer
----------------------------------------*/

.page-footer {
	position: relative;
	min-width: 1054px;
	margin-top: 99px;
	background: url(/assets/img/bg-footer.png) 0 57px repeat-x;
}

.page-footer .wrapper {
	position: relative;
	width: 980px;
	height: 121px;
	margin: 0 auto;
}

.page-footer .social { /* social icon positioning */
	position: absolute;
	top: 0;
	right: 0;
}

.nav-footer .nav-parent li { /* footer navigation items */
	float: left;
	padding-right: 25px;
}

.nav-footer .nav-parent a {
	/* BR:  the following breaks Google translate widget

	display: block;
	float: left; */

	color: #352f29;
	font-family: ff-meta-web-pro, sans-serif;
}

.nav-footer .nav-parent a:hover,
.nav-footer .nav-parent a:focus {
	color: #8c3945;
}

#google_translate_element img {
display:inline-block;
}

.footer-info { /* form controls to load different footer sections */
	clear: both;
	margin-top: 45px;
}

.footer-info label {
	padding-right: 10px;
	float: left;
	color: #f4f3ed;
	font-family: ff-meta-web-pro, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}

.footer-info .sbHolder {
	float: left;
	margin-top: -3px;
	border-color: #dfb06b;
}

.footer-info .sbHolder,
.footer-info .sbOptions {
	width: 131px;
}

.footer-info .sbOptions {
	border: 2px solid #dfb06b;
	border-bottom: none;
	z-index: 700;
	max-height: 1000px !important;
}

.page-footer .copyright {
	position: absolute;
	right: 0;
	top: 73px;
	font: 700 12px ff-meta-web-pro, sans-serif;
	text-transform: uppercase;
}


.footer-regions .footer-content {
	clear: both;
	padding: 60px 0 30px 0;
}

.footer-regions .footer-content .column {
	float: left;
	width: 222px;
	margin-right: 30px;
}

.footer-regions .column .h4 {
	margin-bottom: 10px;
	padding-top: 2px;
	color: #8c3945;
}

.footer-regions .column .media-book {
	background: url(/assets/img/icon-book.png) no-repeat;
	padding: 3px 0 0 40px;
	margin-left: -7px;
	list-style: none;
}

.footer-regions .column .media-podcast {
	background: url(/assets/img/icon-podcast.png) no-repeat;
	padding: 3px 0 0 40px;
	margin-left: -7px;
	list-style: none;
}

.footer-regions .column .media-slides {
	background: url(/assets/img/icon-slides.png) no-repeat;
	padding: 3px 0 0 40px;
	margin-left: -7px;
	list-style: none;
}

.footer-regions .footer-content .column .media-video {
	background: url(/assets/img/icon-video.png) no-repeat;
	padding: 3px 0 0 40px;
	margin-left: -7px;
	list-style: none;
}

.footer-regions .column ul li {
	padding-top: 0;
	list-style: disc;
	list-style-position: inside;
	color: #c26e40;
}

.footer-regions .column:last-child {
	margin: 0;
}

.footer-regions .vcard {
	padding-top: 10px;
	text-align: center;
}

.footer-regions .vcard .adr {
	margin: 5px 0 20px 0;
	font-style: italic;
}

.footer-regions .vcard .email {
	font: 14px ff-meta-web-pro, sans-serif;
}

.rev-igniter-benchmark {
	margin: 12px 20px 0px 30px;
	font: MyFairCodyRegular, serif;
	font-weight: 400;
	font-size: .75em;
}


/*----------------------------------------
Self-clearing floats
----------------------------------------*/

.page-wrapper:after,
.page-header .feature:after,
.page-content-header:after,
.featured-stories:after,
.featured-stories .stories-header:after,
.featured-stories .publications .item:after,
.article-footer:after,
.article-wrapper:after,
.img-feature:after,
.featured-item:after,
.book-links:after,
.media-images:after,
.media-images .wrapper:after,
.media-images-header:after,
.media-images .row:after,
.featured-video:after,
.featured-podcast:after,
.featured-book:after,
.featured-slideshow:after,
.featured-topics:after,
.share-options:after,
.more-links:after,
.recent-content:after,
.calendar:after,
.calendar-month tr:after,
.tabbed-content-container:after,
.browse-group:after,
.picks:after,
.nav-footer .nav-parent:after,
.footer-regions .footer-content:after {
	display: block;
	content: "";
	clear: both;
	visibility: hidden;
}

/*----------------------------------------
Styles for blog comments by Mailchimp's Social plug-in for WP, added by SN 12/3/12
----------------------------------------*/
#social .social-clearfix:before,
#social .social-clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	visibility: hidden;
}

#social .social-clearfix:after {
	clear: both;
}

#social .social-imr {
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	text-indent: -32000px;
}

#social .social-sign-in-links {
	margin: 9px 0 9px -15px;
	width: 360px;
}

#social .social-sign-in-links a {
	display: inline;
	float: left;
	height: 22px;
	margin: 0 15px;
	width: 150px;
}

#social .social-sign-in-links .social-twitter {
	background: url('/blog/wp-content/plugins/social/assets/social.png') 0 0 no-repeat;
}

#social .social-sign-in-links .social-twitter:hover {
	background-position: 0 -22px;
}

#social .social-sign-in-links .social-twitter:active {
	background-position: 0 -44px;
}

#social .social-sign-in-links .social-facebook {
	background: url('/blog/wp-content/plugins/social/assets/social.png') -150px 0 no-repeat;
}

#social .social-sign-in-links .social-facebook:hover {
	background-position: -150px -22px;
}

#social .social-sign-in-links .social-facebook:active {
	background-position: -150px -44px;
}

#social form .social-label {
	padding: 6px 0 6px 0;
	clear: both;
	line-height: 1.2;
}

#social .social-help {
	font: 14px ff-meta-web-pro, sans-serif;
	color: #979590;
	text-transform: none;
}

/* Responsive code */
@media screen and (max-width: 905px) {
.page-header .form-search { top: 63px; }
}



iframe { max-height: 555px !important; max-width: 980px !important; }

.sbHolder { display: none; }

.page-content { max-width: 1047px; width: 100%; }
    .page-content .wrapper { max-width: 1038px; width: 100%; }
.page-wrapper { max-width: 1045px; width: 100%; }
.page-header .inner-wrapper { max-width: 976px; width: 100%; }

.media-images-header { max-width: 980px; width: 100%; min-width: 280px; margin-right: 20px; }
.media-images { max-width: 1054px; width: 100%; min-width: 280px; }

.page-header { min-width: 280px; }

.page-header .slideshow { /*  display: none; */ }

.page-content { max-width: 1047px; width: 100%; }

.home .page-header .inner-wrapper { max-width: 1041px; width: 100%; }
.home .pulldown-content { width: 100%; max-width: 972px; }


.sidebar { width: 23%; }
.skinny .page-content { width: 75%; }

.page-content { max-width: 1047px; width: 100%; }

.page-content .wrapper { max-width: 1038px; width: 100%; }
.page-wrapper { max-width: 1054px; width: 100%; }

.page-footer { min-width: 320px;  max-width: 100%; width: 100%; }
  .page-footer .wrapper { max-width: 980px; height: 121px; margin: 0 auto; }
  .page-footer .copyright { position: relative; right: 0; top: 73px; float: right; }

  .featured-stories .publications { width: 36%; }
  .featured-stories .content-article { width: 61%; }

  .home .page-content { width: 100%; }
  .page-header .slideshow { max-width: 1041px; width: 100%; }
  .page-header .slideshow .slides { max-width: 1041px; width: 100%; }
  
  .page-footer .wrapper { max-width: 980px; width: 100%; }
  

    .skinny .page-content .wrapper { width: 100%; }


.content-article .featured-item { width: 46%; }
.book .content-article .article-body, .book .content-article .article-header { width: 46%; margin-right: 4%; }

.featured-stories .stories-header { width: 100%; }



.skinny .galleria-image img { width: 100% !important; }
.skinny .galleria-container { width: 100% !important; }
#ddd-banner { width: 100% !important;  max-width: 1068px !important; }
#ddd-banner img { width: 100% !important; }
#banner-links p { margin-bottom: 0 !important; }
/* #banner-links {
    position: relative;
    /* top: 143px;
    z-index: 2;
	margin-top: -16px;
    text-align: right; */ }

/*
.landing .galleria-image img { height: 600px !important; }
*/

/* styles for desktop */
a#simple-menu { display: none; }

.sbHolder { }
.tinynav1 { position: relative; top: -200px; display: none;  }


/* Home Page */
@media screen and (max-width: 960px) {
	
	.home .page-header .logo {
		position: absolute;
		z-index: 100;
		left: 0;
		top: 44px;
		display: block;
		width: 145px;
		height: 65px;
		background: url(/assets/img/khm-logo-full-horizontal.svg) no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
}

/* -- home page */

/* Navigation */

	@media screen and (max-width: 928px) {
		.nav-global {
		top: 110px;
		left: 30px;
		}
	}

/* -- Navigation */


/* styles for mobile */
@media screen and (max-width: 640px) {
    /*BR 2016-06-13 This is over riding
    .tinynav, #tinynav1 { display: block } */ 
    .nav-parent { display: none }
    .tinynav1, #tinynav1 { position: relative; top: -50px; z-index: 99; margin: auto; display: block !important; /* left: 170px; */ }
	
}



@media only screen and (max-width : 640px) { 
   /* .nav-global { display: none; } /* */
    .pulldown-tab { left: 0; right: 0; }
    .pulldown { min-width: 280px; }
    .pulldown-content { width: 100%; max-width: 908px; }
    
	.pulldown-content ul, .pulldown-content li { width: auto; float: left; }
    .pulldown-content li { width: auto; float: left; }
    
    .home .tinynav1, .home #tinynav1 { position: fixed !important; top: 60px !important; }
	.home .pulldown-content { padding-top: 20px; }
	.home .pulldown-tab { display: none; }
	.pulldown-tab { display: none !important; }
    
}

@media only screen and (max-width : 640px) { 
	img { max-width: 100%; height: auto;  margin-left: auto; margin-right: auto; }
	
	.page-header .wrapper { background: none; }
	.page-header { background: none; /* height: 200px !important; */ }
	.skinny .page-header { height: 200px !important; }
	.page-header .inner-wrapper { padding: 130px 0 0 0 !important; }
	.page-header .form-search { margin: auto; float: left !important; left: 45%; }
	.page-header .page-heading { padding-left: 15px; text-align: left; }
	.page-header .page-header .form-search { margin-left: 15px; float: left; }
	.page-header .form-search { left: 180px; top: -120px !important; }

	.skinny .page-content .wrapper { margin-top: -50px; }

	.page-header .logo-small { left: 20px; top: 20px;  }
	.content-article .h1, .content-article h1, .content-article .h2, .content-article .sidebar h3 {  margin-bottom: 5px; }

	.page-header .logo { width: 45%; height: 100%; }
	.form-search input[type="text"] { width: 45%; background: none; }
	input[type="text"] { background: none; }
	.form-search { height: 36px; width: 45%; }
		
	/* Home Page */
	.featured-stories .publications { width: 100%; }
	.guru .description { width: 80%; padding-left: 10%; padding-right: 10%; }
	.guru .image { max-width: 100%; width: 100%; margin-left: auto; margin-right: auto; padding: 0; background: none; height: auto; margin-bottom: 20px; }
	.home .page-header .form-search { right: 10px; float: right; margin-top: 30px; }
	.page-header .slideshow .caption .title, .page-header .slideshow .caption .subtitle { float: none; }
	.page-header .slideshow .slide .caption { padding: 0; height: auto; }
	.featured-stories .publications { background: none; }
	.page-header .slideshow .caption hgroup { padding-left: 65px; }
	.featured-stories .stories-header .action { width: 100% !important; height: 20px; }
	.featured-stories .stories-header .blog-heading { width: 100%; }
	.action, .action-bg, .post-edit-link { background: none; }
	.home .featured-stories .content-article p { display: none; }
	.home .featured-stories .has-image .h1 { display: none; }
	
	.slide { height: auto !important; }
		.slide img { height: 100% !important; width: auto !important; max-width: none !important; }
		 
	
	.content-article { padding: 0 20px 20px 20px; }
	.content-article:first-of-type .article-wrapper { padding-top: 0; }
	
	.featured-video .content-article, .featured-podcast .content-article, .featured-slideshow .content-article, .featured-topics .content-article { float: left;  width: 100%; }
	
	/* --- */
    .page-header .wrapper { height: 300px; }
    .page-header .form-search { position: relative; right: 0; top: 0; }
    .page-heading {  position: relative; left: 0; top: 0; }
    .page-footer .social { width: 100%; }
    .catalog .media-images { padding: 0; }
    .page-content { padding: 0; }
    .page-content .wrapper { border: none; }
    .media-images .column { width: auto; }
    .media-images-header .h1 { padding: 10px; }
    .footnotes { padding: 10px; }
    .media-images .title, .media-images p { padding-left: 10px; }
    .page-footer .social { position: relative; height: 60px; }
    .page-footer { position: relative; margin-top: 19px; }
    nav-footer .nav-parent { padding-left: 20px; }
    
    /* .nav-global { display: none; } */
    
    .skinny .page-content { width: 100% !important; float: none; }
    .sidebar { width: 100%; }
    .sidebar { position: static; float: left; }
    
    page-wrapper { display: table; }
    .sidebar { display: table-footer-group; float: none; }
    .skinny .page-content { display: table-header-group; float: none; }
    
    .float-left { max-width: 100%; margin-bottom: 20px; width: 100%; }
    .article-wrapper p { width: 100%; clear: both; }
    .page-header .inner-wrapper { padding: 180px 0 0 0; }
    .page-heading { text-align: center; }
    .page-header .form-search { margin: auto; }
	h3.tagline { display: none; }
	
	.content-article .article-wrapper { padding: 0; }
	
	.more-links .column { width: 100%; }
	
/*	iframe { width: 100%  !important; height: 100% !important; }*/
	
	.recent-content { margin: 0; padding: 20px; }
	.recent-videos, .recent-podcasts, .recent-books, .recent-slideshows, .recent-topics { width: 100%; }
		
	.square-slider .action { top: 0; }
	
	.detail .content-article .article-body, .detail .content-article .article-header { margin: 0; width: 100%; }
	.quote img { position: relative; left: 0;  top: 0 }
	
	.float-right { max-width: 100%; width: 100%; height: auto; }
	.square-slider { width: 100%; }
	.featured-book .content-article { width: 100%; }
	.book .content-article .article-body, .book .content-article .article-header { width: 100%; height: auto; overflow: hidden; }
	.book-links { padding: 20px; }
	.content-article .media-detail img, .media-detail .monocle-content { width: 100%; }
	.monocle-detail { width: 100%; }
	.content-article .featured-item { width: 80%; }
	.media-images .row .column:last-child { width: 100%; } 

	.featured-video, .featured-audio, .featured-podcast, .featured-book, .featured-slideshow, .featured-topics { padding: 40px; width: 100%; }
	.square-slider .slider-item .img-crop { margin-left: 10px!important; width: 320px !important; }
	.paginate { width: 320px !important; }
	.slider-item { width: 320px !important; }
	.square-slider .slider-item .img-crop { border: none !important; }
	#iraivanhomepg { width: 320px !important; }
	.sort { float: left; padding-left: 20px; margin-top: 20px; }
	
	.browse .tabs { margin-top: 0; }
	
	.tabbed-content .slidecontrol-select { right: none; top: 85px; left: 30px; z-index: 99; }
	.tabbed-content .paginate, .tabbed-content .paginate-has-title { width: 100% !important; height: 640px !important; }
	.tabbed-content .browse-group .browse-item { margin-right: 20px !important; }
	.tabbed-content .browse-group { width: 100% !important; }
	#webapp { width:100% !important; height: 600px !important; }
	submit { margin-top: 10px; }
	
	.featured-podcast .audio-player img { width: 100%; max-width: 100% !important; }
	.mejs-container, mep_0 { max-width: 100% !important; width: 100% !important; }
	.featured-podcast .content-article { width: 90% !important; }
	.me-cannotplay { height: 50px; display: block; clear: both; background: #000; }
	
	.quote-photo  { padding-left: 0!important; padding-right: 0 !important; }

	.square-slider .slider-item img { height: auto; }
	.action, .action-bg, .post-edit-link { padding-left: 0; }
	.featured-video .article-footer, .featured-podcast .article-footer, .featured-book .article-footer, .featured-slideshow .article-footer, .featured-topics .article-footer { text-align: left; }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-width : 641px) {
	#sidr-main { display: none; }
}

@media only screen and (max-width : 640px) {
	
	.sidr-class-subhead { padding-left: 10px; }
	.sidr ul li.sidr-class-nav-header { background: #c26e40 !important; }
	.sidr ul li.sidr-class-subhead { font-weight: bold !important; }
	
	
	a#simple-menu { display: block; }
	/* Side Menu - Sidr ----- */
	.sidr {
	display: block;
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 999999;
	width: 260px;
	overflow-x: hidden;
	overflow-y: auto;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 15px;
	background: #f8f8f8;
	color: #333;
	/*box-shadow: 0 0 5px 5px #ebebeb inset;*/
	}
	.sidr .sidr-inner {
	padding: 0 0 15px;
	}
	.sidr .sidr-inner > p {
	margin-left: 15px;
	margin-right: 15px;
	}
	.sidr.right {
	left: auto;
	right: -260px;
	}
	.sidr.left {
	left: -260px;
	right: auto;
	}
	.sidr h1,
	.sidr h2,
	.sidr h3,
	.sidr h4,
	.sidr h5,
	.sidr h6 {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));
	background-image: -moz-linear-gradient(#ffffff, #dfdfdf);
	background-image: -webkit-linear-gradient(#ffffff, #dfdfdf);
	background-image: linear-gradient(#ffffff, #dfdfdf);
	font-size: 11px;
	font-weight: normal;
	padding: 0 15px;
	margin: 0 0 5px;
	color: #333;
	line-height: 24px;
	/*box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);*/
	}
	.sidr p {
	font-size: 13px;
	margin: 0 0 12px;
	}
	.sidr p a {
	color: rgba(51, 51, 51, 0.9);
	}
	.sidr > p {
	margin-left: 15px;
	margin-right: 15px;
	}
	.sidr ul {
	display: block;
	margin: 0 0 15px;
	padding: 0;
	/*border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid white;*/
	}
	.sidr ul li {
	display: block;
	margin: 0;
	line-height: 48px;
	/*border-top: 1px solid white;
	border-bottom: 1px solid #dfdfdf;*/
	background: #944852 !important;
	color: #fff;
	}
	.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
	border-top: 0;
	line-height: 49px;
	}
	.sidr ul li:hover > a,
	.sidr ul li:hover > span, .sidr ul li.active > a,
	.sidr ul li.active > span, .sidr ul li.sidr-class-active > a,
	.sidr ul li.sidr-class-active > span {
	/*box-shadow: 0 0 15px 3px #ebebeb inset;*/
	}
	.sidr ul li a,
	.sidr ul li span {
	padding: 0 15px;
	display: block;
	text-decoration: none;
	color: #fff;
	}
	.sidr ul li ul {
	border-bottom: 0;
	margin: 0;
	}
	.sidr ul li ul li {
	line-height: 40px;
	font-size: 13px;
		/*padding-left: 5px; */
	}
	.sidr ul li ul li:last-child {
	border-bottom: 0;
	}
	.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active {
	border-top: 0;
	line-height: 41px;
	}
	.sidr ul li ul li:hover > a,
	.sidr ul li ul li:hover > span, .sidr ul li ul li.active > a,
	.sidr ul li ul li.active > span, .sidr ul li ul li.sidr-class-active > a,
	.sidr ul li ul li.sidr-class-active > span {
		/*box-shadow: 0 0 15px 3px #ebebeb inset;*/
	}
	.sidr ul li ul li a,
	.sidr ul li ul li span {
	color: #fff;
	padding-left: 30px;
	}
	.sidr form {
	margin: 0 15px;
	}
	.sidr label {
	font-size: 13px;
	}
	.sidr input[type="text"],
	.sidr input[type="password"],
	.sidr input[type="date"],
	.sidr input[type="datetime"],
	.sidr input[type="email"],
	.sidr input[type="number"],
	.sidr input[type="search"],
	.sidr input[type="tel"],
	.sidr input[type="time"],
	.sidr input[type="url"],
	.sidr textarea,
	.sidr select {
	width: 100%;
	font-size: 13px;
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 10px;
	border-radius: 2px;
	border: 0;
	background: rgba(0, 0, 0, 0.1);
	color: rgba(51, 51, 51, 0.6);
	display: block;
	clear: both;
	}
	.sidr input[type=checkbox] {
	width: auto;
	display: inline;
	clear: none;
	}
	.sidr input[type=button],
	.sidr input[type=submit] {
	color: #f8f8f8;
	background: #333;
	}
	.sidr input[type=button]:hover,
	.sidr input[type=submit]:hover {
	background: rgba(51, 51, 51, 0.9);
	}
}

#mobile-header {
    display: none;
}
@media only screen and (max-width: 640px){
    #mobile-header {display: block; top: 14px; float: right; position: absolute; z-index: 999; right: 10px; }
	/*.bannerLine2 { display: block; }*/

}

.box-shadow-menu {
  position: relative;
  padding-left: 1.25em;
  /*font-size: 32px;*/
}
.box-shadow-menu:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 1em;
  height: 0.15em;
  background: black;
  box-shadow: 
    0 0.25em 0 0 black,
    0 0.5em 0 0 black;
}

.box-shadow-menu span { display: none; }

/* 
@media only screen and (max-width : 640px) {
	
	.galleria-container { width: 300px !important; height: 186px !important; margin-left: auto; margin-right: auto; }

}
 */