/*
Theme Name: APS Museum Theme
Theme URI: http://www.apsmuseum.org/
Description: Custom theme for the American Philosphical Society Museum
Author:  Coding by Francisco Gutierrez (http://franciscog.com) and Design by Manning Krull (http://manningkrull.com)
Version: 1.1
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	text-decoration:none;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
ol, ul {
    list-style-type:none;
	list-style-position:inside;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* ********** begin general styles ********** */


a {
  color: #711600;
  text-decoration: underline;
}
a:hover {
  color: #b73819;
}
h1 {
  color: #711600;
  font-size: 1.9em;
  padding-bottom: 0px;
  font-weight: normal;
  border-bottom: 2px solid #b4b4b4;
  line-height: 25px;
}
h2 {
  color: #711600;
  font-size: 1.6em;
  padding-bottom: 1px;
  font-weight: normal;
  border-bottom: 1px solid #b4b4b4;
  line-height: 21px;
}
.category-exhibitions h2 {
	font-size:1.3em;
}

/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

body {
  margin: 0px;
  padding: 0px;
  background: #ebe1b5 url('images/background.jpg') repeat-y top center;
  text-align: center;
  font-family: calibri, trebuchet ms, arial;  
  line-height: 20px;
  /*color: #313131;*/
  color: black;
  font-size:16px;}

body.page-template-exhibit-page-php {
  background: #92866c url('images/background-warm-gray.jpg') repeat-y top center; }

/* bg for the tempus fugit page.  Make sure to add proper ID
 staging: .page-id-2621.page-template-exhibit-page-php, 
 * */
.page-id-2638.page-template-exhibit-page-php {
	background: #92866c url('images/tempus-fugit-bg.jpg') repeat-y top center; 
}
  
#aps-banner-container {  
  height: 40px; 
  background: #b83919 url('images/home-aps-banner-bg.jpg') no-repeat center; }

#aps-banner-home, #aps-banner-other { width: 980px; margin: 0px auto; text-align:right; position: relative;  }
  

/***** Resize the APS banner height only on the home page so it fits the larger image *****/
body.page-template-home-page-php #aps-banner-container {height:94px;}

/***** Hide large APS banner on non-home pages *****/
 #aps-banner-home
 {display:none;}
 
/**** Hide small banner on home page and also show big banner on home page ****/
body.page-template-home-page-php #aps-banner-home
 {display:block;}
body.page-template-home-page-php #aps-banner-other
{display:none;}



/* =Menu
-------------------------------------------------------------- */

.menu, #top-nav
 { 	background-color:#e9deb1;
    }

.menu ul
 {
	list-style: none;
	margin: 0;
}
.menu li {
	float: left;

}

ul.menu li a {
   	font-size: .9em;
	color: #b83919;
	display: block;
	background-color:#e9deb1;
	line-height: 25px;
	padding: 0 11px;
	border-right: 2px solid #f8f4e8;
	text-decoration: none;
        font-family: Arial, sans-serif;
}

/* last one gets no right border */

ul.menu li#menu-item-3038 a { border-right: 0px; }

ul.menu li a:hover {
	color: white;
	background-color:#b83919;
	
}

ul.menu li ul {
	position:absolute;
	z-index:200;
    display:none;	
}

ul.menu li ul li{
	float:none;
}
ul.menu li ul li a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	display:block;
	border-right:none;
	width:auto;
	text-align:left;
}

ul.menu li:hover ul { /* Display the dropdown on hover */
display:block;	

}



/* ********** begin main layout styles ********** */


#header-container {
  background: #f8f4e8;
  width:100%;
}

#top-nav {
  width: 980px;
  height: 25px;
  margin: auto;
}

#header {
  width: 980px;
  height: 116px;
  background: #c5bfa9;
  margin: auto;
}

#home-header {
  width: 980px;
  height: 200px;
  margin: auto;
}

#interface-container-980 {
  width: 980px;
  min-height: 600px;
  margin: 0px auto;
  text-align: left;
  background: url('images/two-column-bg.jpg') repeat-y;
}

body.single-attachment #interface-container-980 {  background: #fff;}

#exhibit-image {width:980px;height:200px;}

#two-column-container {
  width: 980px;
}
#left-column {
  width: 700px;
  min-height: 600px;
  float: left;
}
#right-column {
  /*  Fyi, the color of the right column comes from the background graphic in #interface-container-980.  */
  width: 280px;
  min-height: 600px;
  float: left;
  color: #333;
  
}

.right-column-promo-area {
  background: #7e7664;
}
#footer-container {
  width: 980px;
  
  background: #b8b29c;
}
#footer-content-area {
  padding: 10px;
  text-align: center;
  font-size: .9em;
  color: #333;
}

/* ********** begin left content styles ********** */

.left-content-area {
  padding: 20px 36px 20px 36px;
  font-size: 15px;
  line-height: 19px;
}
.left-content-area p {
  margin: 20px 0px 20px 0px;
  overflow:hidden;
}

/* ********** begin right content styles ********** */

.sidebar_featured { 
  background-color:#dbb84d3;
  /*width: 250px; */
  padding: 20px 15px;
  font-size:.8em;    
  line-height: 17px;
}

.greenhaus {
	/*Bela Lugosi is dead*/
	
background-color:#267a63;
}

.featured_exhibit {
	margin-bottom:20px;
}
  
.sidebar_featured img {margin-bottom:13px; }
  
a.learn_more {font-size: 1.2em; font-weight:bold; } 

.wht_txt {color:white;}

.sidebar_layout { 
  border-bottom:1px solid #837e6b; 
  margin-bottom:20px; 
  padding: 0 14px 5px 14px; 
  font-size:.8em; 
  line-height: 17px; }

.sidebar_featured h1, .sidebar_featured h2 {
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  border: 0px;
  padding: 0px;
  margin: 0px;
}

 ul.general_links {list-style:square; color:#721b07; margin-left:18px;}
 ul.general_links li { font-size:1.6em; margin-bottom:8px;}
 ul.general_links li a { font-size:.7em; font-weight:bold;}

.sidebar_layout h1, .sidebar_layout h2 {
  color: #711600;
  font-size: 1.2em;
  font-weight: bold;
  border: 0px;
  padding: 0px;
  margin: 0 0 5px 0;
}
.sidebar_layout p {
  color:black;
  padding: 0px;
  margin: 12px 0px 12px 0px;
}
.sidebar_layout hr {
  height: 1px;
  background-color: #666;
  border: 0px;
  margin: 20px 0px 15px 0px;
}

.social {float:left; margin-right: 5px; }
.facebook { width: 37px; height:36px; background:url('./images/social/facebook_spr.png');}
.facebook:hover { background-position:-37px;}
.twitter { width: 37px; height:36px; background:url('./images/social/twitter_spr.png');}
.twitter:hover { background-position:-37px;}
.flickr { width: 37px; height:36px; background:url('./images/social/flickr_spr.png');}
.flickr:hover { background-position:-37px;}
.rss { width: 37px; height:36px; background:url('./images/social/rss_spr.png');}
.rss:hover { background-position:-37px;}
.youtube { width: 37px; height:36px; background:url('./images/social/youtube_spr.png');}
.youtube:hover { background-position:-37px;}
.instagram { width: 37px; height:36px; background:url('./images/social/instagram_spr.png');}
.instagram:hover { background-position:-37px;}

.artist {border:1px solid #b3462b;}
 
 ul.xoxo-ex { list-style:square url('images/square.jpg'); color:#721b07; list-style-position: inside; }
 ul.xoxo-ex  li { /*font-size:39px;*/ margin-bottom:8px;  border-bottom:1px solid #837e6b; padding: 30px 14px 30px 14px; }
 ul.xoxo-ex  li h3.widget-title { font-size:19px; padding: 0px 14px 10px 0px; display:inline; }
 .textwidget {color:#35312e; font-size:13px;}
body.category .page { overflow: hidden; }

/* darwin */

   ul.darwin-menu { list-style-type: none; margin: 10px 10px 0px 20px; }
   ul.darwin-menu > li { padding: 4px 0px; }
   ul.darwin-menu ul { list-style: square outside none; font-size: 14px; margin: 5px 10px 5px 20px; line-height: 16px; }
   ul.darwin-menu ul > li { padding: 5px 0px 5px 0px; }
   ul.darwin-menu ul a { text-decoration: none; }

/* ====== media box ====== 
this is taken from Stubbornella OOCSS media box module.

.boxleft 	- defines the styles for divs with content that has small column on the left side and wider column on the right
.boxright 	- is the same but flipped, small column on the right, larger on the left
.opt-col 	- is for an optional 3rd really small column usually for a small link or something

html should always go in this order for both
<boxleft or boxright>
<slim-col>
<opt-col>
<big-col>
</boxleft or boxright>
*/

.boxleft:before, .boxleft:after{
	content: ".";    
	display: block;    
	height: 0;    
	overflow: hidden;
}
.boxleft:after {
	clear: both;
}
.boxleft {zoom: 1;} /* IE < 8 */

.boxleft .img {
	float: left;
}
.boxleft .img img  {
	display: block;
}
.boxleft .post-block {
	display: table-cell;
	width: 100%;
	*display: block;
	*width: auto;
	zoom: 1;
}

/* 
the 'content:xxxxx' makes sure the box stretches as far as the containing div
this is to keep the module fluid and always 100% width if content inside is small
*/
.post-block:after {
	clear: both;
	display: block;
	visibility: hidden;
	overflow: hidden;
	height: 0 !important;
	line-height: 0;
	font-size: xx-large;
	content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}


/*************** Greenhouse styles  **********************************/


body.page-template-greenhouse-template-php, .single-post, .page-template-geenhouse-page-php  {
	 background: #ebe1b5 url('images/greenhouse-projects-bg.jpg') repeat-y top center;
}

body.page-template-greenhouse-template-php #home-header, .single-post #home-header, .page-template-geenhouse-page-php #home-header {
	 height: 200px;
}

	#interface-container-green-980 {
		width: 980px;
		min-height: 600px;
		margin: 0px auto;
		text-align: left;
		background: url('images/greenhouse-content-bg.jpg') repeat-y;
	}

	#interface-container-green-980 #left-column {
		width: 740px;
	}
	#interface-container-green-980 #right-column {
		width: 240px;
	}


.post {
	overflow:hidden;
	padding: 20px 36px;
}

.single-post .left-content-area .post {
	padding:0;
}

.navigation {
	overflow:hidden;
	margin-bottom: 30px;
}

.page-template-greenhouse-template-php h2.entry-title {
	color: #711600;
	font-size: 1.6em;
	padding-bottom: 0px;
	font-weight: normal;
	border-bottom: 2px solid #b4b4b4;
	line-height: 25px;
	overflow:hidden;
}
.page-template-greenhouse-template-php h2.entry-title a {
	text-decoration:none;
}

.page-template-greenhouse-template-php .left-content-area {
	font-size: 0.9em;
	padding:20px 0;
}

.timestamp { 
	float:right;
	margin-top:9px;
	font:normal .5em "Calibri", Arial, Sans-serif;
	color:#897d6b;
}

.comment_link {
	float:right;
}

.page-template-greenhouse-template-php .left-content-area  hr {
	width:740px;
	height:10px;
	background:url('images/greenhouse-post-hr.jpg') no-repeat;
	border:none;
}

.page-template-greenhouse-template-php .left-content-area .st_sharethis {
	padding-left:36px;
}

 /*----- Greenhouse Sidebar --------*/
 
 	.greenhouse-sidebar { list-style-type:none; }
 	.greenhouse-sidebar .widget-container { 
 		background:url('images/green-side-menu-bg-dark.jpg') repeat-y;
 		padding: 14px 20px;
 		overflow:hidden;
 		border-bottom:solid 1px #cbc7b7;
 		border-top:solid 1px #ebe9e3;
 	}
 	.greenhouse 	{  background-color:#dddbd0; }
	.greenhouse li { padding:8px 20px; border-bottom:solid 1px #cbc7b7; border-top:solid 1px #ebe9e3;}
	.greenhouse li:nth-child(odd) { 
		background:url('images/green-side-menu-bg-light.jpg') repeat-y;
	}
	.greenhouse li:nth-child(even) { 
		background:url('images/green-side-menu-bg-dark.jpg') repeat-y;
	}
	.greenhouse li a { text-decoration:none; font:bold 15px "Calibri", sans-serif;}
	

/* ********** begin miscellaneous styles ********** */

h2.entry-title {border:none;}

.clearboth {
  clear: both;
}

#image_credit { font-size:.8em; font-weight:400; padding-top:60px; line-height:1.3em; color:#8a8a8a;}

.center {text-align:center;}
.image_lineup {margin:0 auto; width:625px;}
.image_lineup img {float:left; margin-right: 10px;}

body.page-template-exhibit-page-php .image_lineup img {float:none; }
body.page-template-exhibit-page-php .image_lineup .wp-caption {float:left; margin-top: 1px;}

.pr {line-height: 24px; text-indent:41px; margin:0;}
.intro {font-style:italic; font-size:20px; text-indent:30px; line-height:26px;}
.intro p:first-child span {color:#C11B17;}

.page-template-exhibit-page-php .entry-content h3,
.page-template-default .entry-content h3 
 {color:#C11B17;}
 
.entry-content ul {list-style-type:disc; margin-bottom:25px;}
.entry-content ul li { margin: 12px 0 12px 30px;}

/* the layout of the images under "sections" in the "Elephant and Roses" exhibition 
possible re-use in future exhibition pages */
.exhibit_sections {font-size:13px; margin: 25px 0;}
.exhibit_sections .exhibit_left:first-child p {margin-bottom:0px; line-height:16px;}
.exhibit_left {float: left; margin-right:15px; width:325px;}
.exhibit_right {float:left;}
.exhibit_left img {width: 325px;}
.exhibit_right img {height: 310px; margin-top:15px;}

/* all image caption styles */
.wp-caption, .wp-caption-text, .gallery-caption {font-size:11px; line-height:13px; text-align:left;}
p.wp-caption-text { margin-top: 1px;}

/* these handle the previous and next links in the attachment page */
#nav-below {}
.nav-previous {float: left;}
.nav-next {text-align:right;}


.entry-content h3.block_title {display:block; background:#a9a18c; color: white; margin: 15px 0; padding: 2px;}

.smaller {font-size:.8em;}

.wp-post-image {float: left; margin-right:15px;}  

.alignleft {
  float: left;
  margin: 0px 15px 20px 0px;
}
.alignright {
  float: right;
  margin: 0px 0px 20px 15px;
}
/*****************************Begin Mobile Styles ********************************/
/*		Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
	
	body {
		width: 320px;
		background:none;
		background-color:#b8b29c;
		margin:0 auto;
	}
	
	img { max-width:320px; height:auto;}
	.entry-content img { width: 50%; height:auto;}
	
	#aps-banner-home, #aps-banner-other { width: 100%; text-align:right;  }
	body.page-template-home-page-php #aps-banner-container {
		height: auto;
	}


	.menu li {
		float: none;

	}
	
	ul.menu li a {
		display: block;
	}
	
	ul.menu li a:hover {
		color: white;
		background-color:#b83919;
		
	}
	
	ul.menu li ul {
		display:block;	
		position:inherit;
	}
	
	ul.menu li ul li{
		float:none;
	}
	ul.menu li ul li a{
		white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
		display:block;
		border-right:none;
		width:auto;
		text-align:center;
	}

	#top-nav {
	  width: 100%;
	  height: auto;
	  margin: auto;
	}
	
	#header {
		width: 100%;
	  height: auto;
	  background: #c5bfa9;
	  margin: auto;
	}
	
	#home-header {
	   width: 100%;
	  height: auto;
	  margin: auto;
	}
	
	#interface-container-980 {
	  width: 100%;
	  height: auto;
	  margin: 0 auto;
	  text-align: none;;
	  background: #fff;
	}
	
	
	#exhibit-image {width: 100%; height:auto;}
	
	#two-column-container {
	  width: 100%;
	}
	#left-column {
	  width: 100%;
	  min-height: 600px;
	  float: none;
	}
	#right-column {
	  /*  Fyi, the color of the right column comes from the background graphic in #interface-container-980.  */
	  width: 100%;
	  height: auto;
	  float: none;
	  
	}
	

	#footer-container {
	  width: 100%;
	  background: #b8b29c;
	}
	

		
	/*************** Greenhouse styles  **********************************/


	body.page-template-greenhouse-template-php, .single-post, .page-template-geenhouse-page-php  {
		 background:none;
		 background-color: #b4d5c2;
	}
	
	body.page-template-greenhouse-template-php #home-header, .single-post #home-header, .page-template-geenhouse-page-php #home-header {
		 height: auto;
	}
	
		#interface-container-green-980 {
			width: 100%;
			height: auto;
			text-align: left;
			background:#fff;
		}
	
		#interface-container-green-980 #left-column {
			width:100%;
		}
		#interface-container-green-980 #right-column {
			width:100%;
		}
	
	
	.post {
		overflow:hidden;
		padding: 20px 36px;
	}
	

	
	.timestamp { 
		float:right;
		margin-top:9px;
		font:normal .5em "Calibri", Arial, Sans-serif;
		color:#897d6b;
	}
	
	.comment_link {
		float:right;
	}
	
	.page-template-greenhouse-template-php .left-content-area  hr {
		width:100%;
		height:auto;
		background:url('images/greenhouse-post-hr.jpg') no-repeat;
		border:none;
	}
	
	.page-template-greenhouse-template-php .left-content-area .st_sharethis {
		padding-left:36px;
	}
	
	 /*----- Greenhouse Sidebar --------*/
	 
		.greenhouse-sidebar .widget-container { 
			background:url('images/green-side-menu-bg-dark.jpg') repeat-y;
			padding: 14px 20px;
			overflow:hidden;
			border-bottom:solid 1px #cbc7b7;
			border-top:solid 1px #ebe9e3;
		}
		.greenhouse 	{  background-color:#dddbd0; }
		.greenhouse li { padding:8px 20px; border-bottom:solid 1px #cbc7b7; border-top:solid 1px #ebe9e3;}
		.greenhouse li:nth-child(odd) { 
			background:url('images/green-side-menu-bg-light.jpg') repeat-y;
		}
		.greenhouse li:nth-child(even) { 
			background:url('images/green-side-menu-bg-dark.jpg') repeat-y;
		}
		.greenhouse li a { text-decoration:none; font:bold 15px "Calibri", sans-serif;}
		
	
	/* ********** begin miscellaneous styles ********** */
	
	
	.image_lineup {margin:0 auto; width:auto;}
	.image_lineup img {float:none;}
	
	body.page-template-exhibit-page-php .image_lineup img {float:none; }
	body.page-template-exhibit-page-php .image_lineup .wp-caption {float:none; margin-top: 1px;}
	
}

/*		Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	body {
		width: 480px;
		background:none;
		background-color:#b8b29c;
		margin:0 auto;
	}
	
	img { max-width:480px; height:auto;}
	.entry-content img { width: 50%; height:auto;}
	
	#aps-banner-home, #aps-banner-other { width: 100%; text-align:right;  }
	body.page-template-home-page-php #aps-banner-container {
		height: auto;
	}


	.menu li {
		float: none;

	}
	
	ul.menu li a {
		display: block;
	}
	
	ul.menu li a:hover {
		color: white;
		background-color:#b83919;
		
	}
	
	ul.menu li ul {
		display:block;	
		position:inherit;
	}
	
	ul.menu li ul li{
		float:none;
	}
	ul.menu li ul li a{
		white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
		display:block;
		border-right:none;
		width:auto;
		text-align:center;
	}

	#top-nav {
	  width: 100%;
	  height: auto;
	  margin: auto;
	}
	
	#header {
		width: 100%;
	  height: auto;
	  background: #c5bfa9;
	  margin: auto;
	}
	
	#home-header {
	   width: 100%;
	  height: auto;
	  margin: auto;
	}
	
	#interface-container-980 {
	  width: 100%;
	  height: auto;
	  margin: 0 auto;
	  text-align: none;;
	  background: #fff;
	}
	
	
	#exhibit-image {width: 100%; height:auto;}
	
	#two-column-container {
	  width: 100%;
	}
	#left-column {
	  width: 100%;
	  min-height: 600px;
	  float: none;
	}
	#right-column {
	  /*  Fyi, the color of the right column comes from the background graphic in #interface-container-980.  */
	  width: 100%;
	  height: auto;
	  float: none;
	  
	}
	

	#footer-container {
	  width: 100%;
	  background: #b8b29c;
	}
	
		
	/*************** Greenhouse styles  **********************************/


	body.page-template-greenhouse-template-php, .single-post, .page-template-geenhouse-page-php  {
		 background:none;
		 background-color: #b4d5c2;
	}
	
	body.page-template-greenhouse-template-php #home-header, .single-post #home-header, .page-template-geenhouse-page-php #home-header {
		 height: auto;
	}
	
		#interface-container-green-980 {
			width: 100%;
			height: auto;
			text-align: left;
			background:#fff;
		}
	
		#interface-container-green-980 #left-column {
			width:100%;
		}
		#interface-container-green-980 #right-column {
			width:100%;
		}
	
	
	.post {
		overflow:hidden;
		padding: 20px 36px;
	}
	

	
	.timestamp { 
		float:right;
		margin-top:9px;
		font:normal .5em "Calibri", Arial, Sans-serif;
		color:#897d6b;
	}
	
	.comment_link {
		float:right;
	}
	
	.page-template-greenhouse-template-php .left-content-area  hr {
		width:100%;
		height:auto;
		background:url('images/greenhouse-post-hr.jpg') no-repeat;
		border:none;
	}
	
	.page-template-greenhouse-template-php .left-content-area .st_sharethis {
		padding-left:36px;
	}
	
	 /*----- Greenhouse Sidebar --------*/
	 
		.greenhouse-sidebar .widget-container { 
			background:url('images/green-side-menu-bg-dark.jpg') repeat-y;
			padding: 14px 20px;
			overflow:hidden;
			border-bottom:solid 1px #cbc7b7;
			border-top:solid 1px #ebe9e3;
		}
		.greenhouse 	{  background-color:#dddbd0; }
		.greenhouse li { padding:8px 20px; border-bottom:solid 1px #cbc7b7; border-top:solid 1px #ebe9e3;}
		.greenhouse li:nth-child(odd) { 
			background:url('images/green-side-menu-bg-light.jpg') repeat-y;
		}
		.greenhouse li:nth-child(even) { 
			background:url('images/green-side-menu-bg-dark.jpg') repeat-y;
		}
		.greenhouse li a { text-decoration:none; font:bold 15px "Calibri", sans-serif;}
		
	
	/* ********** begin miscellaneous styles ********** */
	
	
	.image_lineup {margin:0 auto; width:auto;}
	.image_lineup img {float:none;}
	
	body.page-template-exhibit-page-php .image_lineup img {float:none; }
	body.page-template-exhibit-page-php .image_lineup .wp-caption {float:none; margin-top: 1px;}
	

	
} /* end of mobile styles */

/** contact form style  **/

.wpcf7-form .contact_box {
	width: 500px;
}

.wpcf7-form .contact_box p {
	margin:0;
	padding:0;
}

.wpcf7-form label  {
	width: 100%;
	display: block;
	padding: 10px 0 10px 0;
	overflow:hidden;
}

.wpcf7-form label strong {
	display: block;
	font-size: 12px;
	float: left;
	width: 120px;
	text-align: right;
	padding: 5px 20px 0 0;
}

.wpcf7-form label strong span, .required span {
	color:red;
}

.wpcf7-form label input {
 padding: 5px 5px;
}

.wpcf7-submit {
	margin: 0 0 10px 0;
	padding: 4px 7px;
	position: relative;
	top: 10px;
	left:124px;
}

.wpcf7-form .contact_box .required {
	font-size: 12px;
	margin:10px 0 0 124px;
}

.wpcf7-list-item {
	display:block;
}

.days-attending {
	display:table-cell;
}

.audioplayer_container:before {
	content: "Click to listen ";
	font-weight:bold;
}

/* customizations to event calendar */

   .inline-cats dd.category-meta { display: inline; font-style: italic; padding-right: 5px; }
   .inline-cats dt.category-label { display: inline; padding-right: 5px; }
/*
   div.inline-cats { display: inline; }
   .inline-cats dt.category-label { display: none; }
   .inline-cats dd.category-meta a
   {
      color: #FFFFFF; background-color: #B88A7F; font-size: 11px; 
      padding: 0px 3px 0px 3px; margin-left: 3px; 
      text-decoration: none; 
   }
   .inline-cats dd.category-meta a:hover { background-color: #711600; }
*/

   /* search control */

   form#searchform { position: absolute; left: 22px; top: 35px; border: 0px; margin: 0px; width: 280px; text-align: left; }
   #s { color: #FFFFFF; background-color: #8D250A; border: 0px; width: 180px; height: 16px; font: 12px/12px Arial, sans-serif; }
   #searchform .btn 
   { 
      color: #8D250A; background-color: #DAAD84; border: 0px; padding: 3px 8px 3px 8px; 
      cursor: hand; cursor: pointer; font: bold 12px/12px Arial, sans-serif; text-transform: uppercase;
   }
   #searchform .btn:hover { background-color: #FFFFFF; }
   #aps-banner-other > form#searchform { top: 8px; }

   /* search results */
  
   body.search-results h1 { margin-bottom: 30px; }
   .searchresults .post-block { margin: 20px 0px !important; }
   body.search-results .searchresults .post-block h2.entry-title { font-size: 15px; }
   .searchresults .post-block .entry-summary { font-size: 12px; }
   .searchresults .post-block .entry-summary p { margin: 0px; padding: 0px; }
   .searchresults .left-content-area p { margin: 0px !important; }
   .searchresults .boxleft .img { display: none; }
   .searchresults a.ninja_pages_read_more:before { content: " "; }
   .searchresults a.ninja_pages_read_more:after { content: "..."; }