/*
Theme Name: Twenty Eleven Letterpress Commons
Theme URI: http://boxcarpress.com
Description: Child theme for Letterpress Commons using the Twenty Eleven theme
Author: Harold Kyle
Author URI: http: //boxcarpress.com
Template: twentyeleven
Version: 1.0
*/


/******************************** HELLO THERE *****************************
*	This is the former common.css file which I'm now replicating and
*	concantenating onto both Boxcar and LCOM's style.css
*/


header
,nav
,section
,article
,aside
,footer
,hgroup
{
	display: block;
}

img	{
	border: none;
}

/* Links */
a {
	color: inherit;
	text-decoration: none;
}

strong	{
	font-weight: bold; /* oh sorry Firefox was that not obvious? */
}

.error	{
	color: #ef1600;
}

/* This is largely for iPads */
select, input, textarea, button	{
	border-radius: 0;
	background-color: #EBEBEB;
	padding: 0em .25em;
	color: #666;
	font-size: 1em;
	vertical-align: top;
}

textarea	{
	max-width: 28em;
}

select	{
	border-color: #999 #999 #aaa #999;
}

label.faked-placeholder {
	padding: 0em 1em;
	width: auto!important;
	position: absolute;
	font-size: .75em!important;
	margin-top: 3em!important;
	min-height: 0!important;
	line-height: 1em!important;
	font-style: italic;
	color: #AAA;
}

/* a not amazing way of selecting the Woo aspects of the account page */
.hide-until-load label.faked-placeholder {
	padding: 0em .5em;
}

footer label.faked-placeholder	{
	margin-top: 2.5em!important;
	padding: 0em .5em;
}


input.faked-placeholder	{
	margin-bottom: 1.5em!important;
}

option:disabled	{
	color: #ccc!important;
	text-decoration: line-through!important;
}

/* Sprite Set */
.sprite	{
	background-image: url('../images/sprite.png');
	background-position: center top;
	background-repeat: no-repeat;
}

span.sprite {
	display: inline-block;
	height: 16px;
	width: 1em;
	padding: .25em 0em;
	vertical-align: middle;
}

/* Really Firefox?  You dropped support for background-position-x and -y?  Is this true? */
.sprite.save	{	background-position: center 0px;	}
.sprite.edit	{	background-position: center -24px;	}
.sprite.trash	{	background-position: center -48px;	}
.sprite.close	{	background-position: center -72px;	}
.sprite.search	{	background-position: center -120px;	}
.sprite.reload	{	background-position: center -144px;	}

span.sprite.credit-card {
	width: 1.5em;
}

.sprite.credit-card.visa		{	background-position: center -216px;	}
.sprite.credit-card.mastercard	{	background-position: center -240px;	}
.sprite.credit-card.discover	{	background-position: center -264px;	}
.sprite.credit-card.amex		{	background-position: center -288px;	}


/* some quick Dev classes */

#page.grid	{
	background-image: url('../images/16x24grid.png');
	background-position: -1px -1px;
}

#page.grid div, #page.grid footer, #page.grid fieldset	{
	opacity: .9;
/* 	outline: 1px solid #f0f; */
}

.bxpm_vars {
	position: fixed;
	bottom: 0;
	left: 0;
	height: 90%;
	width: 14em;
/* 	overflow: auto; */
	background: rgba(153, 255, 153, .9);
	font-size: .75em;
	font-family: sans-serif;
	border: 2px solid #060;
	padding: .75em 1em;
	color: #000;
	z-index: 100;
	display: none;
	text-align: left;
}

.bxpm_vars dt {
	font-size: 1em;
	color: #030;
}

.bxpm_vars dd {
	border: 2px solid #090;
	display: none;
	position: absolute;
	background-color: #fff;
	z-index: 101;
	margin: 0;
	padding: .75em 1em;
	top: 1em;
	left: 14em;
	height: 90%;
	overflow: auto;
}

.bxpm_vars dt.active {
	font-weight: bold;;
}

.bxpm_vars dt.active+dd {
	display: inline;
}


/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #EBEBEB;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}








/*  .
    .
    .
    Menu
    Navigation
    .
    .
    .
    .
     */




button.hamburger {
  color: #666;
  float: right;
  font-size: 36px;
  background: none;
  border: none;
  margin-top: 8px;
  padding: 0;
}
.hamburger:hover {
  color: #000;
}
.hamburger:focus {
  outline: none;
}
.hamburger::before  {
  content : '☰';
  line-height: 1;
}
.hamburger.open::before  {
  content : '✕';
}

.header-grouping {
  display: flex;
}
/*
light gray:		#bbb
dark gray:		#666
black:			#222
light yellow:	#FCF4DC
yellow:			#fecc35
*/


#access ul ul {
	background-color: #FCF4DC;
}

#access ul ul li {
	background-color: #FCF4DC;
	text-transform: none;
}

#access ul ul a {
	color: #666;
}

#access li li:hover, #access li a:focus {
	background-color: #fecc35;
}


#access	{
	background-color:transparent;
	margin-bottom: 16px;
	width: 100%;
	font-size: 16px;
  /* font-family: 'montserrat', sans-serif; */
  /* text-transform: uppercase; */
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#access ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  line-height: 1;
  width: 95%
}
#access>ul {
  text-transform: uppercase;
}
#access li	{
  position: relative;
  padding: 16px 12px;
  margin: 4px;
}


span.mobile-menu-item-expand {
  position: absolute;
  right: 0;
}














/*  Modifications
    to
    Menu
    Navigation
    for
    small
    screens */


@media (max-width: 768px) {

  #searchform {
    padding-bottom: 16px;
  }

  .header-grouping {
    flex-direction: column;
  }

  #access	{
    flex-direction: column;
    border-bottom: 1px solid #666;
    padding: 0;
    z-index: -1;
    max-height: 0;
    overflow: hidden;
    opacity: .2;
    transition: all .2s cubic-bezier(0.14, 1.3, 1, 0.43);
    background: #FCF4DC;
  }
  #access.open	{
    border-top: 1px solid #666;
    max-height: 2500px;
    z-index: 10;
    opacity: 1;
  }

  #access li	{
    border-top: 1px solid #666;
    text-align: left;
    font-weight: normal;
  }
  #access>ul>li	{
    font-weight: bold;
  }

  #access>ul>li:first-child	{
    border-top: none;
  }



  #access .sub-menu  {
    transition: max-height .2s;
    max-height: 0;
    overflow: hidden;
  }
  #access .open>.sub-menu  {
    max-height: 1000px;
  }

  #access li.has-submenu::before {
    font-size: 18px;
    content: '+';
    position: absolute;
    right: 0;
    background-color: #EBEBEB;
    padding: 4px;
    width: 24px;
    height: 24px;
    text-align: center;
    top: 10px;
  }
  #access li.has-submenu.open::before {
    content: '-';
  }

  #access .has-submenu.open a+ul {
    margin-top: 16px;
  }

}














/*  Modifications
    to
    Menu
    Navigation
    for
    big
    screens */

@media (min-width: 768px) {

  .hamburger  {
    display: none;
  }


  .header-grouping {
    display: flex;
    justify-content: space-between;
  }


  #access  {
    flex-direction: row;
    padding: 0;
    margin: 0;
  }

  #access>ul {
    line-height: 1;
    padding-left: 0;
    display: flex;
    justify-content: space-around;
    list-style-type: none;
  }

  #access>ul>li {
    white-space: nowrap;
    padding: 8px;
    margin: 8px 0;
    align-self: center;
    text-align: center;
    border-left: 1px solid #fff;
    flex: 1;
  }
  #access>ul>li:first-child {
    border-left: none;
  }

  #access li {
    white-space: normal;
    text-align: left;
    padding: 0;
    margin: 0;
    list-style-type: none;
  }


  #access .sub-menu  {
    min-width: 16em;
    margin: 8px -4px;
    line-height: 1;
    box-shadow: 8px 8px 24px -12px #46454C;
    padding: 0;
    position: absolute;
    background: #999;
    color: #fff;
    border: 1px solid #999;
    border-bottom: 4px solid #666;
    z-index: 3;
    display: none;
  }


  #access .sub-menu li  {
    border-top: 1px solid #EBEBEB;
    padding: 12px 6px 6px;
  }
  #access .sub-menu li span  {
    display: none;
  }
  #access .sub-menu li:first-child  {
    border-top: none;
  }

  .sub-menu .sub-menu {
    top: -5px;
    left: 100%;
  }

  #access li:hover>.sub-menu  {
    display: block;
  }

  /* #access li:hover {
    color: #666;
  } */

  #access li:hover>a {
    color: #666;
    text-decoration: underline;
  }


  #access .sub-menu li.has-submenu>a::before {
    content: '▸';
    position: absolute;
    right: 12px;
  }


}





#branding form {
	white-space: nowrap;
}


#branding #s {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

#branding #s:focus {
	background-color: #f9f9f9;
	outline: none;
	box-shadow: none;
}

#access a {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

#searchsubmit{
	display:none;
}

@media (max-width: 780px) {
	#branding img	{
		margin-left: 2%;
	}
	div.menu-user-controls-container	{
		margin-right: 2%;
	}
	#access li{
		margin: 0.1em 0 0 0;
	}
	#access a {
		padding: 0.375em 0.3em 0.375em 0.3em;
		font-size:0.9em;
	}

	#searchsubmit {
		height: 1.5em;
		width: 1.6em;
	}
}

@media (max-width:650px){
	#branding {
		text-align: center;
	}
	#branding img	{
		margin: 0 auto;
		float: none;
	}
	#branding #s {
		width: 90%;
	}
	#branding #s:focus {
		width: 90%;
	}
	#access{
		white-space: normal;
		padding-bottom:0.75em;
	}
	#access ul{
		white-space: nowrap;
	}
	#searchform{
		width: 26em;
		margin: 0;
	}
	input#s {
		width:90%;
	}
}
@media (max-width:480px){
	#searchform{
		width: 80%;
		margin-top: 0.75em;
	}
}



input#s {
	font-size: 0.9em;
	height: 1.25em;
	padding: 0.25em .25em;
	color: #666;
	background-color: transparent;
}

#searchsubmit	{
	font-size: 1em;
	width: 1.8em;
	height: 1.75em;
	background-color: #999;
	color: #EBEBEB;
	border: none;
	padding: 0;
	margin: 0.05em 0em 0em -.25em;
	vertical-align: top;
}


/* login page re-styling */
#login	{
	color: #999;
	padding: 0;
	width: 90%;
	max-width: 24em;
	margin: 0em 1.5em 1.5em 1.5em; /* added bottom margin */
	vertical-align: top;
	display: inline-block;
}

#login h1{
	display: none;
}

#login_error	{
	margin: 0em 0em 1.5em 0em;
	color: #AD0000;
}

#backtoblog 	{
	display: none;
}
#loginform {
}
#loginform+#nav {
	text-align: right;
}
#account-benefits {
	vertical-align: top;
	background: #EBEBEB;
	padding: .75em 1em;
	display: inline-block;
	width: 90%;
	max-width: 18em;
	margin-bottom: 1.5em; /* space below the section */
}

@media (max-width: 764px) {

	#login, #account-benefits	{
		display: block;
		max-width: 32em;
		margin: 0 auto;
	}

}

#account-benefits button {
	background-color: #aaa;
	border: 0;
	padding: .375em .5em;
	color: #EBEBEB;
	float: right;
}

#account-benefits button:hover {
	background-color: #999;
}

#account-benefits button:active {
	background-color: #aaa;
}

.forgetmenot {
/* 	font-size: .75em; */
}

input.button-primary, button.button-primary, a.button-primary {
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	color: #999;
	background: none;
	background-color: #EBEBEB;
	text-shadow: none;
	font-weight: normal;
	font-size: 16px!important;
	padding: .375em 1em;
}

.button-primary:hover, .button-primary:active	{
	background: none;
	background-color: #ccc;
	color: #666!important;
}

#loginform p {
	margin: 0em 0em 0em 0em;
}

#loginform label {
	width: 100%;
	display: block;
	text-align: left;
}

#loginform input[type=text], #loginform input[type=password] {
	width: 100%;
	font-size: 1em;
	height: 2em;
	background-color: #EBEBEB;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	padding: 0em .25em;
	margin: 0em 0em .75em 0em;
	color: #666;
	box-sizing: border-box;
}

#loginform br {
	display: none;
}

/*
 * Password field wrapper - WP wraps password inputs in .wp-pwd 
 * for the show/hide toggle button (loaded via forms.css)
 */
.login .wp-pwd {
	position: relative;
	display: block;
	width: 100%;
}

.login .wp-pwd input[type="password"],
.login .wp-pwd input[type="text"] {
	width: 100%;
	padding-right: 2.5em; /* room for the eye icon */
}

/* Password show/hide toggle button */
.login .button.wp-hide-pw {
	position: absolute;
	right: 0;
	top: 0;
	background: transparent;
	border: none;
	box-shadow: none;
	color: #999;
	height: 2em;
	line-height: 2em;
}

.login .button.wp-hide-pw:hover,
.login .button.wp-hide-pw:focus {
	background: transparent;
	color: #666;
}

.login .wp-hide-pw > .dashicons {
	top: 0 !important;
}

/* Remember Me checkbox - ensure it looks like a checkbox */
#loginform .forgetmenot {
	margin-bottom: 1em;
}

#loginform .forgetmenot input[type="checkbox"] {
	width: auto;
	height: auto;
	margin-right: 0.5em;
	vertical-align: middle;
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
}

#loginform .forgetmenot label {
	display: inline;
	width: auto;
	text-align: left;
}

/* Right-align the Log In button */
#loginform p.submit {
	text-align: right;
}

/* register/lost password links */
#nav	{
	color: #999;
	padding-bottom: 1.5em; /* breathing room below the links */
/* 	font-size: .75em; */
}

/* resetting password */
.description.indicator-hint {
	clear: both;
}
#pass-strength-result {
	color: #666;
}

.mu_register {
	width: 100%;
	max-width: 20em;
	margin: 1.5em auto;
	color: #999;
}

.mu_register h2 {
	display: none;
}
.mu_register label {
	clear: both;
	font-size: 16px;
	display: block;
	margin: .75em 0em 0em 0em;
}

#setupform	{
	font-size: .75em;
	line-height: 1.25em;
}

#setupform input.submit	{
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	color: #999;
	background: none;
	background-color: #EBEBEB;
	text-shadow: none;
	font-weight: normal;
	font-size: 16px!important;
	padding: .375em 1em;
	width: auto;
}

.mu_register input[type="submit"], .mu_register #blog_title, .mu_register #user_email, .mu_register #blogname, .mu_register #user_name {
	font-size: 16px;
	margin: .375em 0em;
}

.mu_register .error {
	margin: .75em 0em 0em 0em;
	display: inline-block;
}




/* alterations to pages in the user activation process */

#login.autologin label {
	text-align: left;
}

/* don't show the WP activation message with username/password  */
#login.autologin+h2	{
	display: none;
}

#signup-welcome	{
	display: none;
}
#signup-welcome+p.view	{
	display: none;
}




/* alterations for articles on a search page */

header.page-header	{
	display: none;
}

.search article	{
	margin-bottom: 2em;
}

.search article h1	{
	font-size: 1.5em;
	margin: 0;
}

.search article .comments-link	{
	display: none;
}

.search article .entry-meta	{
	margin: 0;
}

.search article .entry-summary p	{
	margin-top: 0;
	font-size: .75em;
	line-height: 1.5em;
}

.search article footer.entry-meta	{
	display: none;
}

.bxp-tabs{
	display:none;
}




#accountSearchCount	{
	background-color: #666;
	color: #fff;
	padding: .375em .5em;
}

/* ! account page */

/* tax & terms forms */
#account_terms + ul {
	margin: 0 0 0 35%;
	font-size: .75em;
	line-height: 1.5em;
	padding: 0;
}

article.page img.organization-type {
	width: auto;
	height: auto;
	margin: .125em!important;
	display: inline-block!important;
}

ul#account_locations	{
	display: inline-block;
	list-style-type: none;
	margin: 0em 0em 0em .75em;
	padding: 0;
	width: 65%;
	border-top: 1px solid #ccc;
}

@media (max-width: 480px) {
	ul#account_locations	{
		width: 100%;
		margin: 0;
	}
}

ul#account_locations li	{
	padding: .375em 0em;
	margin: .375em 0em;
	border-bottom: 1px solid #ccc;
	position: relative;
}

ul#account_locations header	{
	font-size: .75em;
	font-weight: bold;
	color: #333;
}

ul#account_locations header h1	{
	margin: .375em 0em;
}

ul#account_locations p	{
	line-height: 1.125em;
	display: inline-block;
	margin: 0em 0em 0em 1em;
	width: 35%;
	vertical-align: top;
}

ul#account_locations p.actions	{
	width: 50%;
}

/* the p.actions immediately following #account_location, aka Add Location */
#account_locations + p.actions {
	margin: 0em 0em 0em 32%;
}

#account_locations .explanatory {
	padding: 0;
	margin: .75em 0em;
	font-weight: normal;
	font-size: .875em;
	width: auto;
	display: block;
	font-family: sans-serif;
}

#account_locations .explanatory em	{
	font-weight: bold;
	font-style: normal;
}

#printtrip_info	{
	margin-top: 1.5em;
}

/*  Gravatar for account page */
#user_info figure {
	width: 65%;
	display: inline-block;
	margin: 0em 0em 0em 1%;
}

#user_info figure img {
	margin: 0em 1% 0em 0em;
	display: inline-block;
	vertical-align: top;
	width: auto!important;
	height: auto!important;
	max-width: 96px; /* just in case! */
	max-height: 96px;
}
#user_info figure figcaption {
	font-size: .75em;
	line-height: 1.5em;
	display: inline-block;
	width: 78%;
	text-align: left;
}
#user_info figure figcaption a	{
	border-bottom: 1px dotted;
}
#user_info figure figcaption a:hover	{
	color: #AD0000;
}

#manual_geolocation_message	small	{
	display: block;
}

#manual_geolocation_message	.moved	{
	display: none;
}

#lcom_account_map {
	width: 98%;
	margin: 1.5em 0;
}


a.button,
button.button,
input.button,
#respond input#submit,
#content input.button,
#content button,
article button {
	background: #EBEBEB;
	padding: .375em .5em;
	color: #666;
	font-size: 1em;
	border: none;
	line-height: 1.5em;
	font-weight: normal;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	text-shadow: none;
	cursor: pointer;
}

a.button:hover,
button.button:hover,
input.button:hover,
#respond input#submit:hover,
#content input.button:hover,
article button:hover {
	background-color: #ddd!important;
}

a.button:disabled,
button.button:disabled,
input.button:disabled,
#respond input#submit:disabled,
#content input.button:disabled,
article button:disabled {
	color: #ccc!important;
	cursor: default;

}



#overlay {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, .8);
	z-index: 3;
}

button.close	{
	position: absolute;
	top: .25em;
	right: .25em;
	background: transparent;
	border: none;
	font-size: 3em;
	padding: 0;
	color: #EBEBEB;
	z-index: 4;
}

#overlay.modal button.close {
	display: none;
}

#overlay > div {
	position: absolute;
	width: 70%;
	max-width: 33em;
	left: 15%;
	top: 10%;
	padding: .75em 1em;
	background-color: #999;
	border: .125em solid #666;
	color: #EBEBEB;
	white-space: normal;
}



button.checkbutton 	{
	vertical-align: top;
	width: 3em;
	height: 3em;
	margin: .375em 0.5em .75em 22%;
	font-size: 1em;
	padding: 0;
}

button.checkbutton:active 	{
	color: #999;
}

button.checkbutton span	{
	font-size: 2em;
}

button.checkbutton+label	{
	width: auto!important;
	max-width: none;
	text-align: left;
	margin-top: .5em;
}



div.movement  {
	position: relative;
	clear: both;
	min-height: 1.5em;
	padding: 1.5em 0em 1.5em 0em;
	margin: 0;
}

#content button.forward 	{
	background-image: url('images/arrow-right.png');
	background-position: right center;
	background-repeat: no-repeat;
}

div.movement button.forward	{
	padding: .25em 1em .375em .5em!important;
	position: absolute;
	right: 0;
}


#overlay button.forward 	{
	background-image: none;
}


#overlay table.xdebug-error {
	color: black;
	font-family: sans-serif;
	position: relative;
	width: 100%;
}
#overlay table.xdebug-error td {
	padding: .5em;
}


#content button.backward	{
	background-image: url('images/arrow-left.png');
	background-position: left center;
	background-repeat: no-repeat;
	padding: .25em .5em .375em 1em!important;
	margin-right: 4em;
}

#content button.homeward 	{
	background-image: url('images/arrow-left.png');
	background-position: left center;
	background-repeat: no-repeat;
	padding: .25em .5em .375em 1em!important;
	margin-right: 4em;
}



/* Swapping out elements on page resize */

.desktop	{
	display: inline-block;
}
.mobile	{
	display: none;
}

@media (max-width: 480px) {
	.desktop	{
		display: none;
	}
	.mobile	{
		display: inline-block;
	}
}



/* Little dot that helps me keep track of viewport size */

.responsive-dot	{
	display: none;
	position: fixed;
	bottom: 10px;
	left: 10px;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	background: white;
	z-index: 4;
	text-align: center;
	font-weight: bold;
	box-shadow: 1px 1px 5px black;
}

.responsive-dot:after	{
	content: "F";
}


@media (max-width: 860px) {
	.responsive-dot	{
		background: yellow;
	}
	.responsive-dot:after	{
		content: " ...";
	}
}

@media (max-width: 772px) {
	.responsive-dot	{
		background: lime;
	}

	.responsive-dot:after	{
		content: "i";
	}
}

@media (max-width: 764px) {
	.responsive-dot	{
		background: lightblue;
	}

	.responsive-dot:after	{
		content: " ...";
	}
}

/*
@media (max-width: 650px) {
	.responsive-dot	{
		background: blue;
	}
}

*/

@media (max-width: 480px) {
	.responsive-dot	{
		background: purple;
	}


	.responsive-dot:after	{
		content: "L";
	}
}

@media (max-width: 320px) {
	.responsive-dot	{
		background: orange;
	}

	.responsive-dot:after	{
		content: "P";
	}
}


/*
be advised that this section affects more than just the home page
"viewport" and "slide" involve both BXPViewport and BXPSlideSwitcher
(which in Boxcar is the Account Page, Place-An-Order, and Order History)
rules targeting ONLY the home page should involve the class "slideswitcher"
...it ain't a perfect life.
*/


.viewport	{
	width: 100%;
	margin: 1.5em auto;
	padding: 0em 0em;
/* 	min-height: 20em; */
	white-space: nowrap;
/* 	outline: 5px solid #900; */
	overflow: hidden;
}

.viewport>.slide	{
	z-index: 1;
	width: 100%;
	margin: 0em 4em 0em 0em;
	white-space: normal;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.slideswitcher .viewport>.slide img	{
	margin: 0;
	width: 100%!important;
	height: auto!important;
}

.viewport>.slide.active	{
/* 	display: inline-block; */
}

.viewport>.slide>fieldset, .viewport>.slide>section, .viewport>.slide>.movement	{
	display: none;
	margin-top: 0em;
}

.viewport>.slide.active>fieldset, .viewport>.slide.active>section, .viewport>.slide.active>.movement	{
	display: block;
}



.playpause {
	position: absolute;
	z-index: 1;
	top: -2.25em;
	right: 0.25em;
	font-size: .75em;
	background: #666;
	color: #EBEBEB;
	opacity: 0.5;
	border: 1px solid;
	height: 2em;
	width: 2em;
	line-height: 1em;
}

.playpause:hover {
	color: #666;
}


.viewport + .controls	{
	position: relative;
	list-style-type: none;
	margin: -3.5em auto 0em auto;
	padding: 0;
	text-align: center;
}

.home #content  .viewport + .controls li{
	display: inline-block;
	background-color: #EBEBEB;
	width: 26%;
	min-height: 4em;
	padding: .75em 3%;
	position: relative;
	margin: 0em;
	vertical-align: top;
	text-align: center;
}

.home #content  .viewport + .controls li a{
	color: #666;
}


.home #content  .viewport + .controls li.active,
.home #content  .viewport + .controls li.active a	{
	z-index: 1;
	background-color: #666;
	color: #EBEBEB;
}

.viewport + .controls li	a {
	vertical-align: middle;
}

.viewport + .controls li a br {
	line-height: 1.5em;
}

@media (max-width: 768px) {
	.viewport.slidewitcher, .viewport + .controls	{
		font-size: .75em;
		line-height: 1.5em;
	}
	.viewport + .controls	{
		margin-top: -4.75em;
	}
}

@media (max-width: 480px) {
	.viewport.slidewitcher, .viewport + .controls	{
		font-size: .5em;
		line-height: 1.5em;
	}
	.viewport + .controls	{
		margin-top: -7em;
	}
}


ul.poi_equipment,
ul.poi_capability{
	width: 100%;
	max-width: 25em;
	font-size: 0.75em;
	margin:1em 0;
	padding:0;
}

ul.poi_equipment li,
ul.poi_capability li {
	display:inline-block;
	list-style-type: none;
	background-color: #ddd;
	margin: 0.25em;
	padding: 0.25em;
}

ul.poi_equipment li {
/*	background-color: #ddd; */
}



/* THe RTE for "Bio" on Account Page */
.wp-editor-wrap	{
	display: inline-block;
	padding: 0em 0em 1.5em .5em;
	width: 100%;
	max-width: 33em;
}

.hide-until-load	{
	display: none;
}

#msgr	{
	position: fixed;
	top: 1.5em;
	right: 1em;
	width: 20em;
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #EBEBEB;
	z-index: 4;
	font-family: "myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
	line-height: 1.25em;
}

#msgr li	{
	background-color: #666;
	display: none;
	padding: .75em 1em;
	margin-top: .0625em;
}

#msgr li li	{
	display: list-item;
}

#msgr li.error	{
	border: .0625em solid #666;
	background-color: #ff0;
	color: #333;
}

#msgr li.loading	{
	padding-left: 3em;
	background-image: url('images/spinner.gif');
	background-repeat: no-repeat;
	background-position: .5em center;
}


/* !Validation Error Messages */

ul.errors	{
	margin: 0;
	line-height: 1em;
	padding-left: 1em;
}

/*
dl.errors dt {
	clear: both;
	display: inline-block;
	font-weight: bold;
	margin: 0em 0em .75em 0em;
}
*/

ul.errors li {
	padding: 0!important;
	margin: 0em 0em .75em 0em;
	list-style-type: square;
}

ul.errors strong {
	font-weight: bold!important;
	text-decoration: none!important;
}

/* We don't want those explanations in the errors panel though */
ul.errors li small {
	display: none;
}
/*

dl.errors dd	{
	display: inline-block;
	margin: 0em 0em .75em .5em;
}
*/

@media print	{

	table {
		border: none;
	}


}

/* fixed column featured only datatable control */
.featured_only {
	font-size: 0.75em;
	width: 100%;
	margin-left: 7.5em;
}

table.dataTable.wrap {
	white-space: normal;
}


table.dataTable.wrap td{
	white-space: normal;
}


/* ! Gravity Forms custom iframe plugin thingy */
iframe.gform {
	width: 100%;
	border: none;
	min-height: 800px;
	display: block;
	margin: 0 -8.5em;
	min-width: 50em;
}
.gform_wrapper {
	margin: 0 auto;
	max-width: 70%;
	font-family: "myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
	color: #666;
}

.gform_wrapper label	{
	font-size: .75em;
}

.gform_wrapper .top_label .gfield_label {
	font-weight: bold;
	display: inline-block;
}

.gform_wrapper .gfield_description	{
	font-size: .75em;
	max-width: 33em;
}

#gform input[type=file]	{
	background-color: transparent;
	font-size: .75em;
}

@media (max-width: 480px) {
	.gform_wrapper {
		margin: 0 auto;
		max-width: 100%;
		min-width: 0;
	}
}

.gform_description a	{
	text-decoration: underline;
}

.ui-autocomplete	{
	font-size: .75em!important;
}














/******************************** end of common css *****************************/





















/*
very light gray:#FAFAFA
light gray:		#bbb
dark gray:		#666
black:			#222
light yellow:	#FCF4DC
yellow:			#fecc35
*/



body{
	font-family: "Open Sans", "Helvetica", "sans-serif";
	margin: 0;
	padding: 0;
	min-width: 320px;
	color: #222;
}

body.login	{
	text-align: center;
}

article .entry-content li {
	font-family: "Crimson Text", "Georgia", "serif";
	max-width: 32.5em;
	text-align:justify;
}

#content p {
	font-family: "Crimson Text", "Georgia", "serif";
	margin: 1em 0;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

sup{
	line-height:1em;
	vertical-align: super;
	font-size: smaller;
}

#content a {
	color:navy;
}

#content a:hover{
	color:maroon;
}

#content h1 a,
#content h2 a,
#content h3 a,
#content h4 a{
	color: #666;
	border-bottom: none;
}

#content h1 {
	font-size: 1.5em;
}

#content blockquote{
	max-width: 30em;
	margin: 1em 3em;
}

#content strong{
	font-weight:bold;
	line-height:1em;
}


#content.page article h1,
#content.page article h2,
#content.page article h3,
#content.page article h4 {
	margin: 2em 0 0;
	color: #666;
	font-weight:normal;
	max-width: 27em;
}

h1#related_heading,
h1#contributors_heading,
h1#resources_heading,
h1#references_heading {
	font-size: 1.2em;
	font-weight: normal;
}


#content.page article h2{
	font-size: 1.2em;
}

#content.page article h3{
	font-size: 0.9em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

#content.page article p{
	max-width: 35em;
	text-align: justify;
}

#content.page article a+p{
	clear: both;
}

#content.page article li{
	max-width: 32.5;
}

#content header.entry-header	{
	margin-top: 1.5em;
}

#content header.entry-header h1,
#content header.entry-header h2,
#content h1
{
	display: inline-block;
}

#content header.entry-header h1{
	margin: 0em .5em 0em 0em;
	font-weight: bold;
	font-size: 1.5em;
	text-transform: uppercase;
	color: #666;
	display: inline;
}

#content a:hover{
	color:maroon;
}

a.button, button.button, input.button, #respond input#submit, #content input.button, #content button, article button, #content button.backward, #content button.foreward {
	background-color: #FCF4DC;
	border: 1px solid #fecc35;
	padding: .25em .5em;
	background-image: none;
}


#branding {
	background-color: #D1D1CE;
	position: relative;
	padding: 0em;
}

#branding #s {
	border: 1px solid #aaa;
	box-shadow: inset 0px 0px 9px #bbb;
	width:8em;
}

#branding #s:focus {
	width: 14em;
}

#branding #searchform {
	margin-right: 1.4em;
}
#header-container{
	max-width:52em;
	margin:0 auto;
	position:relative;
}

#page {
	padding: 0;
	margin: 0;
}
#page	{
/* 	max-width: 60em; */
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.5em;
	font-family: "Open Sans", "Helvetica", "sans-serif";
	color: #666;
}

div.menu-top-header-container{
	float:right;
	padding-top: 0.2em;
	margin-right:1.4em;
	white-space: nowrap;
}

#menu-top-header{
	list-style-type:none;
	margin: 0;
	padding: 0;
}

#menu-top-header li{
	display:inline-block;
	padding: 0;
	margin-left: 1em;
	font-size: .75em;
	vertical-align: middle;
	color: #999;
}


#logos	{
	text-align: center;
	min-height: 4em;
	clear:both;
	vertical-align:middle;
}

#logos img {
	margin: 0em 1%;
	width: 100%;
	vertical-align: middle;
	/* @todo: these two lines don't pass validation and fail IE8 */
/*
	max-width: intrinsic;
	max-width: -moz-max-content;
*/
}

/* !@hardcoded values relating to specific images */

/* replacing the above "intrinsic" code with these specific max-widths (the actual intrinsic values) */

#header_letterpress	{
	max-width: 416px;
	max-height: 49px;
}

#header_commons	{
	max-width: 276px;
	max-height: 49px;
}

#quoin-key	{
	max-width: 65px;
	max-height: 65px;
}

@media (max-width: 848px) {
	#quoin-key {
		display:none;
	}
	#logos img{
		margin-top:0.4em;
	}

}
@media (max-width: 480px) {
	div.menu-top-header-container {
		text-align:center;
		float:none;
		margin-right: 0;
	}
}


#main {
	clear: both;
	min-width: 16em;
	min-height: 16em;
	max-width: 48em;
	margin: 0 auto;
}

.single-press #main {
	max-width: 35em;
}

.page-id-2243 #main{
	max-width: 54em;
}


#content_intro {
	padding: 1em;
	margin-top: 1em;
	display: block;
	margin: 1em auto;
	max-width: 54em;
}

#content_intro.centered{
	text-align:center;
	border: 1px solid #BBB;
}

#content_intro p {
	font-family:inherit;
	max-width:inherit;
	display:block;
	max-width:56em;
}

#content_intro a {
	color: navy;
	border-bottom: 1px dotted navy;
}

#content_intro h1 {
	display: inline;
}

#content_intro aside,
#content aside.tax_index,
#content .countable aside {
	display: inline-block;
	background-color: #FECC35;
	padding: 0.2em;
	margin: 0 0.5em;
	vertical-align: text-bottom;
	font-weight:bold;
	min-width: 1.2em;
	text-align: center;
	color: #222;
}

#content_intro .need a {
	border-bottom: none;
}

#content_intro .outro a {
	margin-right:0.5em;
}

/*
#content_intro span.intro,
#content_intro span.outro {
	font-size: 0.9em;
}
*/

#content.taxonomy-needs #content_intro,
#content.page #content_intro,
#content.press #content_intro {
	background-color: #FCF4DC;
}

#content ul.taxonomy_list{
	margin:0;
	padding:0;
}

#content ul.taxonomy_list li {
	list-style-type: none;
	margin: 1em 0;
	padding:0;
	max-width:35em;
}

#content_intro .needs {
	display: block;
	margin: 0 auto;
	width: auto;
}

#content_intro .need {
	background-color: #FECC35;
	display: inline-block;
	color: #333;
	padding: 0.2em 0.5em;
	margin: 0.5em 1em 0 0;
	font-weight: bold;
}

#toc_container {
	-webkit-transition: all .8s ease-out;
	-moz-transition: all 0.8s ease-out;
	-o-transition: all 0.8s ease-out;
	transition: all .8s ease-out;
	float: right;
	width: 33%;
	margin: 0 -4em 1em 1em;
	background-color: #FCF4DC;
	border:none;
}
#toc_container li {
	font-family: "Open Sans", "Helvetica", "sans-serif";
	font-size:0.8em;
	list-style-type:none;
	text-indent: -0.5em;
	margin-bottom:0.2em;
	text-align: left;
}

#toc_container li li {
	font-size: 1em;
}

ul.toc_list {
	margin: 0;
	padding: 1em;
}
ul.toc_list ul {
	margin: 0;
	padding: 0 0 0 1em;
}

@media(max-width:900px)	{
	#toc_container {
		margin-right:0;
		min-width:13em;
	}
}

@media(max-width:480px)	{
	#toc_container {
		float: none;
		margin: 1.5em 0;
		width: 100%!important;
	}
}

/*
.entry-content>*	{
	margin-right: 45%;
}
*/

article .entry-content a {
	color: navy;
	border-bottom: 1px dotted navy;
}

article .entry-content a.ext-link, a.ext-link:link {
	background: url("images/external-links.png") no-repeat 100% -48px;
	padding-right: 13px;
}

article .entry-content>.wp-caption	{
/*	clear:both; */
}
/* no underlining of img-only wp-captions please! */
article .entry-content .wp-caption a	{
	border-bottom: none;
}
article .entry-content>.wp-caption a img	{
	cursor: zoom-in;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
}
article .entry-content.with-thumbnail {

}

#content .wp-caption {
	background-color:#FAFAFA;
	border: 1px solid #ccc;
	padding: 1em;
	width: 33em;
	margin: 1em 0em;
	display: inline-block;
	color: #666;
}

#content .wp-caption p {
	font-family: "Open Sans", "Helvetica", "sans-serif"!important;
}

.wp-caption.smaller {
	float: left;
	margin-right: 1em;
}

article footer.entry-meta	{
	clear: both;
}

a.thickbox+a.thickbox>div	{
	margin-left: 1em!important;
}

#content.taxonomy-section .wp-caption {
	background-color: transparent;
	border: none;
	padding: 0;
}
#content .wp-caption img {
	width: 100%;
	max-width: intrinsic;
	height: auto;
}
#content .wp-caption p.credits{
	float: right;
	font-size: 0.625em;
	margin: 0em 0em .75em 1em;
	color: #777;
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: .125em;
}

#content .wp-caption p.wp-caption-text{
	max-width: none;
	margin-bottom:0;
	font-style: normal;
	font-size: .75em;
	line-height: 1.5em;
	clear: both;
}

#content .wp-caption p.wp-caption-text a{
	border-bottom: 1px dotted navy;
}

/* content lists appear in custom taxonomy pages (needs, sections, etc) and search results */
#content.content-list article{
	max-width: 53em;
	margin: 1em auto;
	padding: .75em 0em;
	clear: both;
}

#content.content-list #content_intro{
	border-bottom: 1px solid #FECC36;
	margin-bottom: 2em;
}

#content.content-list article p{
	max-width: 100%;
}
#content.content-list article p:after {
	content: "";
	clear: both;
	display: block;
}

#content.content-list article figure.wp-caption{
	width:auto;
	border: none;
	float: left;
	margin: 0 1.5em 0 0;
	padding: 0;
	border: 3px solid #ccc;
	height: 125px;
	width: 125px;
}
#content.content-list article figure.wp-caption img {
	width: auto;
	height: 100%;
}
#content.content-list article figure.wp-caption  a {
	border-bottom: none;
}
#content.content-list h1 {
	font-size:1.5em;
	color: #666;

}
#content.content-list h2 {
	font-size: 1.25em;
	margin: 0em .5em 0em 0em;
	display: inline!important;
}

#content.content-list.search h2 {
	margin:0;
}

#content.taxonomy h1.entry-title {
	margin:0;
}
#content.search header.page-header{
	display:block;
}

#content.content-list footer {
	clear: both;
}

.contributors hgroup{
	border-top: 1px solid #FECC36;
	padding-top: 1em;
}

.contributors header h2{
	font-weight: normal;
}

@media( max-width:550px ){
	#main {
		min-width: 16em;
	}
	#content.content-list article figure.wp-caption{
		width:inherit;
	}
}
@media( max-width:768px ){

	#content {
		max-width:95%;
		margin: 0 auto;
	}

/*
	.entry-content>*	{
		margin-right: auto;
		width: 100%;
	}
*/
	.wp-caption {
		margin: 0em auto;
		float: none;
		text-align: center;
		width: auto!important;
	}
	p.wp-caption-text	{
		text-align: left;
	}

}


/* edit button */
#content aside.edit {
	display: inline-block;
	padding: 0.25em 0.5em 0.15em;
	margin: 0;
	background-color: #FCF4DC;
	border: 1px solid #fecc35;
	text-shadow: 1px 1px 2px white,-1px -1px 0px #fecc35;
	font-size: 0.8em;
	vertical-align:text-bottom;
	color: #222;
}
#content aside.edit a {
	color: #444;
	border-bottom:none;
}
#content aside.edit a:hover {
	color: #111;
}

#content aside.edit.right {
	float: right;
}



#colophon{
	text-align: left;
	background-color:#555;
}

#supplementary {
	max-width: 48em;
	margin: 0 auto;
	padding: 3em 1em;
}

#supplementary p{
	font-family: "Open Sans", "Helvetica", "sans-serif";
}

#supplementary h3 {
	margin: 0 0 1em 0;
	font-weight: normal;
	font-size: 0.9em;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#supplementary h4{
	font-size: 1em;
	font-weight: normal;
	margin: 0;
}

/* SOCIAL MEDIA BADGE AREAS */

#supplementary ul {
	margin: 0.2em 0;
	padding:0;
}

ul.social-badges{
	text-align: right;
	max-width: 33em;
	margin-bottom: 2em;
	clear: both;
}


#supplementary li,
.social-badges li {
	list-style-type:none;
	display: inline-block;
	margin: 0 0.5em 0 0;
}


#supplementary li span,
.social-badges li span {
	display: inline-block;
	width: 30px;
	height: 30px;
}

ul.social-badges a {
	border-bottom: none;
}

/* YELLOW SOCIAL MEDIA ICONS */
span.facebook_icon{
	background: url('images/facebook-icon.png') no-repeat 100%;
}
span.twitter_icon{
	background: url('images/twitter-icon.png') no-repeat 100%;
}
span.rss_icon{
	background: url('images/rss-icon.png') no-repeat 100%;
}
span.youtube_icon{
	background: url('images/youtube-icon.png') no-repeat 100%;
}
span.vimeo_icon{
	background: url('images/vimeo-icon.png') no-repeat 100%;
}
span.pinterest_icon{
	background: url('images/pinterest-icon.png') no-repeat 100%;
}

/* GRAY SOCIAL MEDIA ICONS */
span.facebook_icon_gray{
	background: url('images/facebook-icon-gray.png') no-repeat 100%;
}
span.twitter_icon_gray{
	background: url('images/twitter-icon-gray.png') no-repeat 100%;
}
span.rss_icon_gray{
	background: url('images/rss-icon-gray.png') no-repeat 100%;
}
span.youtube_icon_gray{
	background: url('images/youtube-icon-gray.png') no-repeat 100%;
}
span.vimeo_icon_gray{
	background: url('images/vimeo-icon-gray.png') no-repeat 100%;
}
span.pinterest_icon_gray{
	background: url('images/pinterest-icon-gray.png') no-repeat 100%;
}


#supplementary div.widget-area	{
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	min-width: intrinsic;
	min-width: -moz-max-content;
	color: #999;
}

#supplementary div.widget-area	a {
	color: inherit;
	text-decoration: none;
}

#supplementary div.widget-area	a:hover {
	border-bottom: 1px dotted #fecc35;
}

#supplementary #first.widget-area {
	margin: 0 2em;
	min-width: 12em;
}

#supplementary #first.widget-area input{
	background-color: #DDD;
	color: #333;
}
#supplementary #first.widget-area input:focus{
	background-color: #FFF;
}

#supplementary #first.widget-area form input[type=submit]{
	color: #333;
	background-color: #888;
	border: none;
	display: inline-block;
	padding: 0.1em;
}

#supplementary #first.widget-area ul{
	margin: 1.2em 0;
}

#supplementary #second.widget-area {
	margin: 2.5em 2em;
	min-width: 12em;
}

#supplementary #copyright{
	font-size: 0.8em;
}



@media(min-width:768px)	{

  #supplementary #first.widget-area {
  	width: 36%;
  }

  #supplementary #first.widget-area input{
  	width: 85%;
  }

  #supplementary #first.widget-area form input[type=submit]{
  	width: 89%;
  }

  #supplementary #second.widget-area {
  	width: 45%;
  }

}



/*
#colophon-mark	{
	height: 115px;
	width: 100%;
	background-image: url('images/letterpress-commons-logo.png');
	background-position: center top;
	background-repeat: no-repeat;
}
*/
#menu-footer-links	{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#menu-footer-links li	{
	padding: 0;
	line-height: 1em;
	margin-bottom: .75em;
}

#site-generator	{
	display: none;
}



nav#nav-single{
	margin: 1em 1em 3em;
	padding-top: 1.5em;
	clear: both;
}

#nav-below {
	max-width: 54em;
	margin: 0 auto;
}

#nav-below > div {
	display: inline-block;
}

.nav-next {
	float:right;
}




/* adj. for responsive design, maximize space */
.bbPress div.bbp-breadcrumb {
    font-size: 100%;
}
.bbPress #primary #content {
	margin: 0 2% 25px 5%;
    width: 90%;
}
.bbPress #content .entry-content, .bbPress .entry-header {
	width: 100%;
}
.bbPress #primary #content form fieldset input[type="text"] {
    width: 50%;
}
.bbPress #content table thead tr th,
.bbPress #content table tbody tr td {
    padding-left: 10px;
    overflow: hidden;
}
/* Give our sticky topic a nice blue pushpin */
#bbpress-forums{
	font-size:inherit;
}

#bbpress-forums .wp-bbp_topic_content-wrap{
	max-width:none;
}

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
	font-size: 19px;
}

.bbPress table.bbp-topics tr.super-sticky td.bbp-topic-title,
.bbPress table.bbp-topics tr.sticky td.bbp-topic-title {
    background-image: url("images/bluepin.png");
    background-repeat: no-repeat;
    background-position: 8px 5px;
}
.bbPress table.bbp-topics tfoot tr td {
    background-position: 0 -1px;
}
.bbPress table.bbp-topics tr.super-sticky td.bbp-topic-title a,
.bbPress table.bbp-topics tr.sticky td.bbp-topic-title a{
    padding-left: 27px;
}
.bbPress .entry-content .entry-content {
    padding-top: 0;
    clear: both;
}
.bbPress h1.entry-title {
	font-size: 26px;
	padding: 0;
}
.bbPress h2.entry-title {
    margin-top: 25px;
    font-size: 20px;
    float: left;
}
.bbPress .entry-content #forum-icon {
    margin: -14px 30px 0 0;
    display: inline;
    float: left;
}
.entry-content div.bbp-template-notice{
    display: block;
    width: 98%;
}
.bbPress div.bbp-submit-wrapper {
    padding-top: 10px;
    clear: both;
    float: none;
}
.bbPress #content form#searchform {
    position: relative;
    z-index: 100;
    float: right;
}
.bbPress div#content table.bbp-forums tbody tr td.bbp-forum-info div.bbp-forum-description {
    font-size: 90%;
}
.bbp-user-page hr {
    clear: left;
}
#bbp-your-profile fieldset.bbp-form textarea,
#bbp-your-profile fieldset.bbp-form input,
#bbp-your-profile fieldset.bbp-form span.description {
    width: 55%;
    margin-left: 20%;
}
#bbp-your-profile fieldset.bbp-form div#password input,
#bbp-your-profile fieldset.bbp-form div#password span.description {
    width: 95%;
    margin-left: 0;
}
#bbp-your-profile fieldset.submit button {
    float: none;
}
#forum_register {
	font-size: 1em;
	margin:-12px 0 12px;
}
/* IE gravatar fix */
#author-avatar {
    height: 60px;
    width: 60px;
}

#author-info #author-avatar {
	display:inline-block;
    height: 125px;
    width: 125px;
}

#author-info {
	/* border: 1px solid #CCC; */
	padding: 1em 0;
	max-width: 53em;
	margin: 1em auto;
}

#content #author-info h1{
	margin: 0;
}


#author-bio {
	margin: 0.25em 2em;
	display:inline-block;
	margin-left:1.5em;
	vertical-align:top;
	width:70%;
}

#author-bio p{
	font-family: "Open Sans", "Helvetica", "sans-serif";
	font-size: 0.9em;
}


#author-description{
	clear: both;
	margin-bottom: 1em;
	border-bottom: 1px solid #FECC36;
	width: 38em;
}

.post_author {
	margin: 0.5em;
}

.post_author span{
	display: inline-block;
	vertical-align: 30%;
	padding: 0.2em;
}

p.edit-link	{
	color: #999;
	font-size: 1.5em;
}


/*
be advised that this section affects more than just the home page
"viewport" and "slide" involve both BXPViewport and BXPSlideSwitcher
(which in LC affects the Account Page)
rules targeting ONLY the home page should involve the class "slideswitcher"
...a bunch of this code is already in common.css and I'm not sure it ought to be here
*/


.slideswitcher{
	max-width: 52em;
	max-height: 30.5em;
	margin: 0 -2em;
	position: relative;
}

@media(max-width:831px)	{
	.slideswitcher{
		margin: 0;
	}
}
.viewport {
	max-width: 54em;
}

.viewport + .controls-wrap{
	z-index: 1;
	position: absolute;
	bottom:0.25em;
	left:0;
}

.viewport + .controls-wrap .controls {
	max-width: 51em;
	font-size: 0.75em;
	padding: 0;
}

.viewport + .controls-wrap .controls li {
	font-family: "Crimson Text", "Georgia", "serif";
	display:block;
	margin: 1em 0;
	background-color: #FCF4DC;
	color: #333;
	padding: 0.8em 2em;
	text-align: left;
	font-style: italic;
	border-radius: 0 1em 1em 0;
	line-height: 1.5em;
}

.viewport + .controls-wrap .controls li strong{
	font-family: "Open Sans", "Helvetica", "sans-serif";
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
}

.slideswitcher > .viewport {
	max-width: 52em;
	max-height: 30.5em;
	margin-bottom:0;
}

.viewport + .controls-wrap .controls li.active {
	background-color: #FECC35;
	color: #333;
	box-shadow: none;
}

.home div.home-info {
	display:inline-block;
	vertical-align:top;
	margin: 0 2.5em 2em;
}

.home div.home-info a {
	color:navy;
}

.home div.home-info a:hover{
	color:maroon;
}

.home div.home-info h1,
.home div.home-info h2,
.home div.home-info h3{
	color: #666;
	font-weight:normal;
}

.home div.home-info h1{
	border-bottom: 3px solid #eee;
	padding-bottom: 0.8em;
	margin-bottom: 0;
	white-space: nowrap;
	text-align:center;
	font-size:1.3em;
}

.home div.home-info h3{
	font-size:1em;
	margin: 0 0 0.2em;
	display:inline-block;
}

.home div.home-info  p {
	margin:0;
	font-family:inherit;
}

.home div.home-info ul.recently-edited,
.home div.home-info > div {
	display:inline-block;
	margin: 1.8em 0 0;
	padding:0;
	vertical-align: top;
	max-width: 48%;
}

.home div.home-info ul.recently-edited{
	margin-left:1em;
}

.home div.home-info ul.recently-edited li{
	list-style-type: none;
	margin-left:1em;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}

.home div.home-info small{
	color: #999;
}


@media (max-width: 848px) {
	.home div.home-info {
		font-size: 0.9em;
    margin: 0em auto 1em;
    display: flex;
    flex-direction: column;
    width: 90%;
	}
	.viewport.slidewitcher, .viewport+.controls-wrap .controls	{
		font-size: .75em;
		line-height: 1.5em;
	}
	.home div.home-info ul.recently-edited{
		margin-left:0;
	}
	#branding #s,
	#branding #s:focus{
		width:85%;
		margin: 0 auto;
		display:block;
	}
}

@media (max-width: 670px) {
	.viewport + .controls-wrap .controls li {
		/* display: inline-block; */
		display:none;
	}
}

@media (max-width: 550px) {
	.home div.home-info h1 {
		white-space:normal;
		text-align:center;
		width:100%;
	}
}
@media (max-width: 480px) {
	.home div.home-info ul.recently-edited, .home div.home-info > div{
		max-width:none;
	}
}


#account-benefits,
#login {
	text-align: left;
	margin-top: 2em;
	width: 22em;
	margin-bottom: 1.5em;
}

/*
LCOM Accounts Page
I intend to borrow heavily from the contest-list styles above
so much of the following code may be merged afterward
*/

#post-1167 {
/* 	max-width: 33em; */
}
#post-1167 h1, #post-1167 fieldset h2	{
	display: block;
}

#post-1167 fieldset	{
	border: 1px solid #ccc;
	background-color:#FAFAFA;
	padding: 1em;
	max-width: 53em;
	margin: 1em auto;
}

#post-1167 legend	{
	font-size:1.5em;
	font-weight: bold;
}

#post-1167 label	{
	display: inline-block;
	width: 30%;
	text-align: right;
	line-height: 1em;
	padding-top: .5em;
	margin-right: 1%;
	margin-bottom: .75em;
	vertical-align: top;
}

#post-1167 label.has-explanation	{
	padding-top: 0;
}

#post-1167 label small	{
	display: block;
}

#post-1167 input, #post-1167 textarea, #post-1167 select	{
	height: 2em;
	width: 30%;
	margin: 0em 0em .75em 1%;
}

#post-1167 select.subdivision	{
	width: 15%;
}

#post-1167 input[type=zip]	{
	width: 10%;
}


/* phone extensions */

#post-1167 input[type=phone] + label {
	width: auto;
	font-size: .75em;
	line-height: 2em;
}
#post-1167 input[type=phone] + label + input {
	width: 10%;
	margin: 0;
}




#post-1167 input:disabled,
#post-1167 textarea:disabled,
#post-1167 select:disabled	{
	background-color: transparent;
	color: #ccc;
}

a.disabled, li.disabled	{
	display: none;
}

#post-1167 input[readonly]	{
	background-color: transparent;
}

button#account_save	{
	width: 10em;
	position: absolute;
	right: 0;
}

ul#account_locations	{
	display: inline-block;
	list-style-type: none;
	margin: 0em 0em 0em .75em;
	padding: 0;
	width: 65%;
	border-top: 1px solid #ccc;
	float:right;
}

ul#account_locations li	{
	padding: .375em 0em;
	margin: .375em 0em;
	border-bottom: 1px solid #ccc;
	position: relative;
}

ul#account_locations header	{
	font-weight: bold;
	color: #333;
	margin-bottom: .75em;
}


ul#account_locations header+p	{
	line-height: 1.125em;
	display: inline-block;
	margin: 0em;
	width: 45%;
	vertical-align: top;
	font-size: 1em;
}

ul#account_locations p.actions {
	margin: 0em 0em 0em 1%;
	width: 45%;
	display: inline-block;
}

ul#account_locations p.actions a	{
	display: inline-block;
	padding: 0.25em 0.5em 0.15em;
	margin: 0 1em 1em;
	background-color: #FCF4DC;
	border: 1px solid #fecc35;
	font-size: 0.8em;
	vertical-align:text-bottom;
	color: #222;
}
ul#account_locations p.actions a:hover {
	color: maroon;
}


button#account_save	{
	width: 10em;
	position: absolute;
	right: 0;
}

ul#account_locations	{
	display: inline-block;
	list-style-type: none;
	margin: 0em 0em 0em .75em;
	padding: 0;
	width: 30em;
	border-top: 1px solid #ccc;
}

ul#account_locations li	{
	padding: .375em 0em;
	margin: .375em 0em;
	border-bottom: 1px solid #ccc;
	position: relative;
}


ul#account_locations h1 {
	margin-top: 0em!important;
}


ul#account_locations header	{
	font-size: .75em;
	font-weight: bold;
	color: #333;
}

ul#account_locations p	{
	line-height: 1.125em;
	display: inline-block;
	margin: 0em 0em 0em 1em;
	width: 13.5em;
	vertical-align: top;
}

/* the p.actions immediately following #account_location, aka Add Location */
#account_locations+p.actions {
	margin: .75em 0em .75em 33%;
}

#lcom_account_map {
	width: 98%;
	margin: 0 auto;
}

ul.filtersList {
	max-width: 40em;
	display: block;
	margin: 0em 0em 1.5em 0em;
	padding: 0em;
	list-style-position: inside;
	font-size: .75em;
	line-height: 1.5em;
	font-family:"Open Sans", "Helvetica",sans-serif;
}

ul.filtersList+p.action	{
	margin: 0em;
	font-size: .75em;
	line-height: 1.5em;
	display: inline-block;
	font-weight: bold;
}

.double-select	{
	margin: 0 0em 1.5em 0em;
	display: inline-block;
}

.double-select select	{
	font-size: .75em;
	height: auto;
	width: auto!important;
	padding: 0em .25em;
	margin: 0em 0em .75em 0em;
	color: #666;
	vertical-align: baseline;
}
.double-select button.add	{
	font-size: .75em;
	height: auto;
	border: none;
	vertical-align: baseline;
}
.double-select a.remove	{
	color: #9f9;
	display: inline-block;
	border-bottom: none!important;
	top: 0.125em;
	position: relative;
}


article label + span {
	font-size: .7em;
	display: inline-block;
	margin: 0em 0em 0em 1em;
	padding-top: .5em;
}

.ui-widget{
	font-size:inherit;
	font-style:inherit
}

.lcom-tabs {
	display:none;
}



table.dataTable {
	clear: both;
	width: 100%!important;
	margin: 0em/*  -5em */;
	color: #666;
	white-space: nowrap;
	border-spacing: 0;
}


#content article div.dataTables_wrapper {
	max-width: 35em;
}


table.dataTable th {
	font-size: .75em;
	padding: 0em;
	font-weight: bold;
	line-height: 1em;
	cursor: pointer;
}

table.dataTable tr.header	{
	background-color: #999;
	color: #EBEBEB;
	height: 2em;
}


table.dataTable td {
	font-size: .75em;
	padding: .25em .4em;
	height: 3em;
	max-width:6em;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
	text-align: center;
}

table.dataTable tr.odd { background-color: #FCF4DC; }
table.dataTable tr.even { background-color: white; }

table.dataTable tr.odd td.sorting_1 { background-color: #FDE59A; }
table.dataTable tr.odd td.sorting_2 { background-color: #FDE59A; }
table.dataTable tr.odd td.sorting_3 { background-color: #009; }
table.dataTable tr.even td.sorting_1 { background-color: #FCF4DC; }
table.dataTable tr.even td.sorting_2 { background-color: #FCF4DC; }
table.dataTable tr.even td.sorting_3 { background-color: #009; }

table.dataTable td.sorting_1  {
	text-align: center;
}

.dataTables_filter {
	text-align: right;
	font-size: .75em;
}

.manual-table table {
	visibility:hidden;
}

.manual-table .dataTables_filter {
	position:relative;
	width:100%;
}

.manual-table .dataTables_filter input {
	width: 85%;
	padding: 0.2em;
	margin-bottom:1.5em;
}

article .entry-content .yellow-line {
	width:35em;
	border-bottom: 1px solid #fecc35;
}

article .entry-content .related-post{
	display:inline-block;
	width:8em;
	min-height: 13em;
	vertical-align: top;
	text-align: left;
	margin:1em 1em 0 0;
}

article .entry-content .related-post a{
	border-bottom:none;
}

article .entry-content .related-post img{
	border: 3px solid #ccc;
}

article .entry-content .related-post span{
	font-size: 0.9em;
	line-height: 1.3em;
	display: block;
}

article .entry-content ul.lcom-references ,
article .entry-content ul.lcom-resources {
	margin:1em 0 1em 1em;
	padding:0;
}


article .entry-content ul.lcom-references li,
article .entry-content ul.lcom-resources li {
	list-style-type: none;
	margin: 0 0 1em 0;
	text-indent: -1em;
	padding:0;
	font-family:"Open Sans", "Helvetica",sans-serif;
	text-align:left;
	max-width:37.5;
}

article .entry-content ul.lcom-references .ref-num{
	font-weight: bold;
	color: #fecc35;
}

article .entry-content  .example_area {
	background-color:#FAFAFA;
	border: 1px solid #ccc;
	padding: 0 1em;
	max-width: 33em;
	margin-bottom: 1em;
}
#content.page article .entry-content  h3.shortcode {
	font-size:1.5em;
}

#content.content-list hgroup h3{
	font-size:0.9em;
	color:#666;
	margin:0;
	font-weight:normal;
}

#content.top-level header.entry-header h1{
	max-width:none;
	margin-top:1.5em;
	width:100%;
}

#content.top-level header.entry-header h2{
	max-width:none;
	margin-top:0;
	width: 100%;
}

#content.top-level div.main-image {
	margin: 2em -6em 0 -6em;
}
#content.top-level div.main-image img{
	width:100%;
	height:auto;
}

#content.top-level ul{
	margin: 1em 0;
}

#content.top-level li{
	font-family:"Open Sans", "Helvetica",sans-serif;
	font-size: 1.2em;
	margin: 0.7em;
}

@media (max-width: 960px) {
	#content.top-level div.main-image {
		margin: 0 1%;
		max-width: 98%;
	}
}



#post-1167 #toc_container {
	display: none;
}


/**** PRINT-TRIP ****/

.pac-container:after {
	content:none!important;
}

#content.page article .bxp_map {
	color:#bbb;
	font-family: "Open Sans", "Helvetica", "sans-serif";
	position:relative;
	margin-bottom:3em;
}

#content.page article .bxp_map .map_panel{
	height: 30em;
}


#content.page article .bxp_map .map_region {
	position: absolute;
	width: 33em;
	display:inline;
}

#content.page article .bxp_map.full_screen{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 10;
	left: 0;
}
#content.page article .bxp_map.full_screen .info_panel,
#content.page article .bxp_map.full_screen .map_panel,
#content.page article .bxp_map.full_screen .map_region,
#content.page article .bxp_map.full_screen .map_region > div{
	height:100%!important;
}
#content.page article .bxp_map.full_screen .map_region {
	width:100%;
}


#content.page article .bxp_map li,
#content.page article .bxp_map ul {
	padding: 0 0.5em;
	list-style-type: none;
	margin: 0;
	text-align: left;
	font-size: 0.9em;
	line-height: 1.5em;
}

#content.page article .info_control_region {
	position: absolute;
	top: 1.5em;
	white-space: nowrap;
	z-index: 45;
	width:100%;
	float: right;
	margin-right: 15em;
}

#content.page article .info_control_region input {
	width:12em;
	margin: 0.5em;
	background-color:#fff;
}

#content.page article .info_control_region input.map_location_search{
	margin-left: 5.5em;
}

#content.page article .info_control_region input::-webkit-input-placeholder {
   font-size:0.9em;
}

#content.page article .info_control_region input:-moz-placeholder { /* Firefox 18- */
   font-size:0.9em;
}

#content.page article .info_control_region input::-moz-placeholder {  /* Firefox 19+ */
   font-size:0.9em;
}

#content.page article .info_control_region input:-ms-input-placeholder {
   font-size:0.9em;
}

#content.page article .info_control_region .info_toggle {
	display:block;
    position: absolute;
    top:0;
    right:15.8em;
    background: none;
    -webkit-transform-origin: right;
    -moz-transform-origin:    right;
    -ms-transform-origin:     right;
    -o-transform-origin:      right;
    -webkit-transform: rotate(270deg);
    -moz-transform:    rotate(270deg);
    -ms-transform:     rotate(270deg);
    -o-transform:      rotate(270deg);
}

#content.page article .info_control_region .info_toggle button{
	background-color:#888;
	border:none;
	text-transform: uppercase;
	font-size:0.8em;
	padding: 0.4em 1.5em 0.2em;
	color:#444;
	border-radius: 1em 1em 0 0;
	font-weight:bold;
}
#content.page article .info_control_region button:hover{
	background-color:#666!important;
}
#content .info_toggle button.selected{
	background-color: #666!important;
	color: #fecc35!important;
}

#content.page article .bxp_map .info_control_region button.full_screen {
	margin: 0.6em 1em;
	height: 1.2em;
	width: 1.2em;
	border: none;
	background: url("images/fullscreen.png") no-repeat transparent!important;
}
#content.page article .bxp_map.full_screen .info_control_region button.full_screen {
	background: url("images/fullscreen-exit.png") no-repeat transparent!important;
}

#content.page article .info_panel_region {
	background-color:#666;
	width:15em;
	float:right;
	height:30em;
	overflow: auto;
	position: relative;
	z-index:50;
}

#content.page article .info_panel_region h3{
	margin:0 1em;
	color:#fecc35;
}
#content.page article .info_panel_region p{
	font-family: "Open Sans", "Helvetica", "sans-serif";
	max-width:none;
	padding:0 1em;
}

#content.page article .info_panel_region section {
	padding: 0.5em 0.5em;
	display: inline-block;
	vertical-align: top;
}

#content.page article .info_panel_region section li {
	font-family: "Open Sans", "Helvetica", "sans-serif";
	font-size: 0.7em;
	line-height: 1.8em;
	color:#fff;
	text-indent: -1.5em;
	padding-left: 1.5em;
}

#content.page article .info_panel_region section li span{
	display: inline-block;
	width:18px;
	height:18px;
	overflow:hidden;
	background: url( 'images/checkbox-sprite.png') no-repeat top;
	vertical-align: top;
}
#content.page article .info_panel_region section li.applied span{
	background: url( 'images/checkbox-sprite.png') no-repeat bottom;
}


#content.page article div.map_panel {
	position:relative;
}

#content.page article .list_bar .container{
	overflow-x: hidden;
	overflow-y: auto;
	margin:3.5em 0 1em;
	position: absolute;
	height: 27em;
}

#content.page article .list_bar input{
	position:absolute;
	margin:1em;
	top:0;
}

#content.page article .list_bar h4{
	font-size: 0.7em;
	text-transform: uppercase;
	line-height: 1.5em;
	color: #fecc35;
	margin-left:1.5em;
}
#content.page article .list_bar ul {
	padding:0;
	right:0;
}
#content.page article .list_bar li {
	font-family: "Open Sans", "Helvetica", "sans-serif";
	font-size:0.7em;
	line-height:1.5em;
	width: 100%;
	color: #ccc;
	padding: 0 0 0 2em;
	cursor:pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#content.page article .list_bar li.in_viewport {
	color:#fff;
}

#content.page article .list_bar li:hover {
	background-color:#333;
	width:100%;
}
#content.page article .infoBox {
	width: 20%;
	min-width:16em;
    background: url('images/map-arrow.png') no-repeat left bottom;
}
#content.page article .infoBox .info {
	background-color:#fff;
	margin-bottom:70px;
}
#content.page article .infoBox h3{
	padding: 0.5em;
	margin: 0;
	background: url("images/ajax-loader.gif") no-repeat right center;
	padding-right: 1.5em;
	display: inline-block;
}

#content.page article .infoBox h3.loaded {
	background: none;
}


#content.page article .infoBox ul.filters {
	border-top: 1px solid #fecc35;
	padding:0.5em 1em;
	font-size:0.8em;
	color:#555;
}

#content.page article .infoBox p{
	font-family: "Open Sans", "Helvetica", "sans-serif";
	font-size: 0.9em;
	margin:0;
	padding: 0.4em 0;
	line-height: 1.3em;
	-webkit-touch-callout: text;
	-webkit-user-select: text!important;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

#content.page article .infoBox .address_info {
	padding: 0 1em;
	background-color:#ddd;
	color:#444;
}

#content.page article .infoBox .connect {
	display: inline-block;
	margin: 0 1.3em 0 0;
	vertical-align: -2px;
	height: 1.3em;
}
#content.page article .infoBox .connect a {
	border-bottom: none;
}
#content.page article .infoBox .connect img{
	width:1.3em;
}
#content.page article .infoBox .band {
	height:1.5em;
}

#content.page article .infoBox .availability {
	text-transform: uppercase;
	font-size:0.8em;
}


#content.page article.fullscreen .bxp_map	{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3;
	background-color: #222;
}

#fullscreen_close	{
	z-index: 4;
	position: fixed;
	bottom: 1.5em;
	left: 1.5em;
}

/**** end PRINT-TRIP ****/