/*
Theme Name: MSA 2013
Theme URI: http://SIX15.com/starter
Author: Jeff Mackey
Author URI: http://jeffmackey.net
Description: Based on SIX15 starter version 1.8.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: msa2013
*/

/*
http://www.147colors.com
http://galengidman.com/brandcolors/ 
http://placebox.es
http://wireframe.cc
*/

/*
font-family: 'Lora', serif; font-weight: 400;
font-family: 'Lato', sans-serif; font-weight: 400;
*/

body {
	/*background: #eaeaea url('/web/20130719092432im_/http://www.michigansuburbsalliance.org/wp-content/themes/msa2013/images/bg-msa.jpg') repeat;*/
	background-color: white;
	font-size: 14px;
	line-height: 18px;
}

/********************************************** HEADER **********************************************/

header {
	background: center top url('/web/20130719092432im_/http://www.michigansuburbsalliance.org/wp-content/themes/msa2013/images/bg-msa-headertexture.png') no-repeat;
	padding-bottom: 20px;
	position:relative;
}

.dotborder {
	border-top:2px dotted #f15c22;
	position:absolute;
	width:100%;
}
	
.top {
	top:73px;
}

.bottom {
	top:120px;
}

#logo {
	margin: -28px 0 0 -45px;
	position: relative;
    z-index: 1;
}

.searchform {
	margin: 20px 0 17px;
	text-align: right;
}

#s {
	width: 460px;
	padding: 4px;
	font-family: 'Lora', serif; 
	font-weight: 400;
	font-style: italic;
	font-size: 14px;
	color: gray;
}

#searchsubmit {
	background-color: #7bb3ca;
	color: #ffffff;
	width: 120px;
	border: 1px solid #7bb3ca;
	padding: 5px 10px;
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	font-weight: 500;
}

.topmenu {
	text-transform: uppercase;
	text-align: right;
	margin-right: -15px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
}

.topmenu ul {
	list-style: none;
	text-align: left;
}

.topmenu ul ul {
	display: none;
}

.topmenu ul li:hover > ul {
	display: block;
}

.topmenu ul {
	padding-left: 0;
	font-size: 18px;
	position: relative;
	z-index: 99;
	display: inline-table;
}

.topmenu ul li {
	float: left;
}

.topmenu ul li a {
	padding: 15px;
}

.topmenu ul li:after {
   content: "//";
   color: #f15c22;
   font-weight: 100;
}

.topmenu ul li:last-child:after {
  content: '';
}

.topmenu ul ul li:after {
   content: "";
}
			
.topmenu ul li a:link,
.topmenu ul li a:active,
.topmenu ul li a:hover,
.topmenu ul li a:visited {
	color: #f15c22;
	text-decoration: none;
}


.topmenu ul ul {
	position: absolute; top: 135%;
	background: #eaeaea url('/web/20130719092432im_/http://www.michigansuburbsalliance.org/wp-content/themes/msa2013/images/bg-msa.jpg') repeat;
	border: 4px solid #ffffff;
}
	
.topmenu ul ul li {
	float: none; 
	position: relative;
}

.topmenu ul ul li a {
	font-size: 14px;
	line-height:24px;
}

.topmenu ul ul li a:hover {
	text-decoration: underline;
	color: #7bb3ca;
}

.sub-menu {
	position: relative;
	padding: 10px;
	box-shadow: 2px 2px 3px gray;
	background: #ffffff url('/web/20130719092432im_/http://www.michigansuburbsalliance.org/wp-content/themes/msa2013/images/bg-msa.jpg') repeat;
}


.sub-menu:after, .sub-menu:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.sub-menu:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: rgb(241, 92, 34);
	border-width: 10px;
	left: 40px;
	margin-left: -10px;
}
.sub-menu:before {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 13px;
	left: 40px;
	margin-left: -13px;
}


/********************************************** COMMON ELEMENTS **********************************************/

.wp-caption {
	text-align: center;
}

.wp-caption-text {
	font-family: 'Lato', sans-serif;
	font-size: 13px;
}

.sticky {
	
}

.gallery-caption {
	
}

.bypostauthor {
	
}

.alignright {
	float: right;
	margin: 0 0 20px 30px;
}

.alignleft {
	float: left;
	margin: 0 30px 20px 0;
}

.aligncenter {
	display: block;
	margin: 0 auto;
}

.pagenavigation {
	
}

.postnavigation .previous {
	
}

.postnavigation .next {
	
}

/* Images and Video, scale with grid */
img,
video {
	max-width: 100%;
	height: auto;
}

/* Use the following html mark-up for responsive video
*
* <div class="video-wrapper">
* 	<div class="video-container">
* 		<iframe src="http://player.vimeo.com/video/6284199?title=0&byline=0&portrait=0" width="800" height="450" frameborder="0"></iframe>
* 	</div><!-- /video -->
* </div><!-- /video-wrapper -->	
* 
*/

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-wrapper {
	width: 600px; /* change to width of content area */
	max-width: 100%;
}

.sixsixty h1,
.sixteen h1,
.sixsixty h2,
.sixteen h2 {
	font-family: 'Lora', serif; 
	font-style: italic;
	font-weight: 800;
	color: #7bb3ca;
	margin: 0 0 20px;
	line-height: 1.2;
}

article h2 a:link,
article h2 a:visited {
	color: #7bb3ca;
	text-decoration: none;
}

article h2 a:active,
article h2 a:hover {
	color: #7bb3ca;
	text-decoration: underline;
}

article,
section.page {
	font-family: 'Lora', serif; 
	font-weight: 400;
	margin-bottom: 30px;
}

section.page p img {
	margin-bottom: 15px;
}

article h1,
article h2,
article h3 {
	font-style: italic;
	font-weight: 800;
	margin: 0 0 5px;
}

.home article h1 a:link,
.home article h1 a:visited,
.home article h2 a:link,
.home article h2 a:visited,
.home article h3 a:link,
.home article h3 a:visited {
	color: black;
	text-decoration: none;	
}
.home article h1 a:hover,
.home article h1 a:active,
.home article h2 a:hover,
.home article h2 a:active,
.home article h3 a:hover,
.home article h3 a:active {
	color: #7bb3ca;
	text-decoration: underline;
}
article h1 + p {margin-top: 10px;}

.sixsixty article h1 {
	font-size: 30px;
	margin: 0 0 5px;
}

article h2 {
	font-size: 20px;
}

.sixsixty section a:link,
.sixsixty section a:visited,
.sixsixty article a:link,
.sixsixty article a:visited {
	color: #F15C22;
    text-decoration: none;
}

.sixsixty section a:hover,
.sixsixty section a:active,
.sixsixty article a:hover,
.sixsixty article a:active {
	color: #7bb3ca;
	text-decoration: underline;
}

article.sticky h2 {
	font-size: 25px;
}
article h3 {
	font-size: 18px;
}

article .articlemeta {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 13px;
}

article .articlemeta a:link,
article .articlemeta a:visited,
article .authorbox a:link,
article .authorbox a:visited {
	color: #f15c22;
	text-decoration: none;
}

article .articlemeta a:active,
article .articlemeta a:hover,
article .authorbox a:active,
article .authorbox a:hover {
	color: #7bb3ca;
	text-decoration: underline;
}

article .authorbox {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 13px;
	margin-top: 20px;
}

article .authoravatar {
	float: left;
	margin: 0 20px 0 0;
}

article .authordesc {
	overflow: hidden;
}

article .attachment-thumbnail {
	float: left;
	margin: 0 30px 20px 0;
}

article blockquote {
	font-style: italic;
	margin-left: 19px;
	border-left: 1px solid #7bb3ca;
	padding-left: 20px;
}
article p,
section.page p {
	font-size: 15px;
	margin-top: 0;
}

.readmore {
	text-align: right;
	font-weight: 600;
	font-size: 13px;
}

.readmore a {
	margin-right: 15px;
}

.readmore a:link,
.readmore a:visited {
	text-transform: uppercase;
	color: #f15c22;
}

.readmore a:active,
.readmore a:hover {
	color: #7bb3ca;
}

.bracketnav ul,
.testbracketnav {
	padding-left: 0;
	list-style-type: none;
	font-family: 'Lato', sans-serif;
	font-weight: 500;
	font-size: 13px;
}

.bracketnav ul li,
.testbracketnav li {
	margin: 8px 4px;
}

.bracketnav a:link,
.bracketnav a:visited,
.testbracketnav a:link,
.testbracketnav a:visited {
	text-decoration: none;
	color: #f15c22;
}

.bracketnav a:active,
.bracketnav a:hover,
.testbracketnav a:active,
.testbracketnav a:hover {
	color: #7bb3ca;
	text-decoration: underline;
}

.pagination {
	margin: 20px 0;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
}

.page-numbers {
	margin-left: 5px;
}
.pagination a:link,
.pagination a:visited {
	color: #f15c22;
	text-decoration: none;
}

.pagination a:active,
.pagination a:hover {
	color: #7bb3ca;
	text-decoration: underline;
}

/********************************************** HOME PAGE **********************************************/

.two-thirds article {
	width: 600px;
	border-bottom: 2px dotted #F15C22;
	
}

img.attachment-homefeatured {
	margin-bottom: 30px;
}

#homelowernav {
	width: 118px;
	float: left;
	margin: 5px 37px 0 15px;
}

#homelowerposts {
	width: 430px;
	float: left;
}

#homelowerposts article {
	width: 430px;
	border-bottom: 2px dotted #F15C22;
	
}

.homearticleimage {
	float: left;
	margin-right: 20px;
}

.homearticletext {
	overflow: hidden;
}

/********************************************** HOME PAGE SIDEBAR **********************************************/

.one-third h3 {
	color: #7bb3ca;
	text-transform: uppercase;
	font-size: 12px;
	border-bottom: 1px solid #ccc;
	font-family: 'Lato', sans-serif;
	font-weight: 800;
	margin-bottom: 10px;
	padding-bottom: 10px
}

h3.nounderline {
	border-bottom: none;
	margin-bottom: 0;
}

#gform_wrapper_1 {
	margin-bottom: 30px;
}

#gform_wrapper_1 .gform_heading {
	margin-bottom: 10px;
}

#gform_wrapper_1 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#gform_wrapper_1 .gfield_label,
#gform_wrapper_1 .gfield_required,
#gform_wrapper_1 #field_1_2 {
	display: none;
}

#gform_wrapper_1 #input_1_1 {
	font-style: italic;
	color: gray;
	font-size: 13px;
	width: 180px;
	margin-right: 15px;
	padding: 4px;
	border: 1px solid #CCCCCC;
	font-family: 'Lora', serif; 
	font-weight: 400;
}

#gform_wrapper_1 .gform_body,
#gform_wrapper_1 .gform_footer {
	display: inline-block;
	margin-bottom: 10px;
}

#gform_wrapper_1 .gform_description,
#gforms_confirmation_message {
	font-family: 'Lora', serif; 
	font-weight: 500;
	font-size: 12px;
	margin-bottom: 0;
}

#gform_submit_button_1 {
	background-color: #7bb3ca;
	color: #ffffff;
	border: 1px solid #7bb3ca;
	padding: 5px 10px;
	text-transform: uppercase;
	font-size: 12px;
	font-family: 'Lato', sans-serif;
	font-weight: 500;
}

#gform_wrapper_1 .validation_error,
#gform_wrapper_1 .validation_message {
	display: none;
}

#gform_wrapper_1 .gform_validation_error .gfield_contains_required {
	border: 1px solid red;
}

#events-list-widget-2 .upcoming {
	padding-left: 0;
	list-style-type: none;
}

#events-list-widget-2 .upcoming li {
	display: inline-block;
}

#events-list-widget-2 .upcoming li.event {
	margin-right: 4px;
	margin-left: 4px;
}

.dig-in {
	display: none;
}

#peopleslider {
	background-color: white;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

#prev,
#next {
	float: left;
	margin: 60px 8px 0;
}

#slider {
	float: left;
	width: 240px;
	height: 200px;
}

#peopleslider a:link,
#peopleslider a:visited {
	color: #f15c22;
}

#peopleslider .six15_people {
	width: 240px;
	margin: 0 auto;
	padding-bottom: 10px;
}

#peopleslider .persons_tagline {
	font-family: 'Lora', serif; 
	font-weight: 400;
	border-bottom: 1px solid #ccc;
	margin-bottom: 8px;
	padding-bottom: 5px;
	color: #797979;
	font-style: italic;
	text-align: center;
}

#slider img {
	float: left;
	margin-right: 10px;
}

#peopleslider .nametitle {
	overflow: hidden;
}

#peopleslider .persons_name {
	font-family: 'Lato', sans-serif;
	font-weight: 800;
	font-size: 20px;
	text-transform: uppercase;
	margin: 5px 0;
	line-height: 1.1;
}

#peopleslider .persons_name a,
#peopleslider .persons_title a {
	text-decoration: none;
}

#peopleslider .persons_title {
	font-family: 'Lora', serif; 
	font-weight: 400;
	border-bottom: 1px dotted #f15c22;
	margin: 0;
	padding-bottom: 2px;
	display: inline;
	font-style: italic;
	font-size: 11px;
	line-height: 1.1;
}

/********************************************** STAFF PAGE **********************************************/

#nav118 {
	width: 118px;
	float: left;
	margin: 0 62px 0 0;
}

#posts480 {
	width: 480px;
	float: left;
}

#posts480 a:link,
#posts480 a:visited {
	color: #f15c22;
}

#posts480 .six15_people {
	background-color: white;
	padding: 20px 30px;
	margin-bottom: 30px;
	font-family: 'Lora', serif; 
	font-weight: 400;
	font-size: 14px;
}

/*
#posts480 .crop{
	float:left;
	margin:20px 0;
	overflow:hidden; 
	}

#posts480 .crop img{
	margin:0 -240px -90px 0;
	}
*/	


.profile_image {
		width:420px;
		height:160px;
	}
	
#posts480 .persons_tagline {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
	color: #797979;
	font-style: italic;
	text-align: center;
	margin: 0 0 20px;
	font-size: 16px;
}

#posts480 img.center {
	margin: 0 auto 20px;
	display: block;
}

.viewprofile {
	display: block;
	float: right;
	margin: 5px 0 20px 40px;
}

#posts480 .six15_people .viewprofile a:link,
#posts480 .six15_people .viewprofile a:visited {
	background-color: #c7c7c7;
	color: #ffffff;
	width: 130px;
	padding: 5px 10px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	font-family: 'Lato', sans-serif;
	font-weight: 500;
}

#posts480 .persons_name {
	font-family: 'Lato', sans-serif;
	font-weight: 800;
	font-size: 30px;
	text-transform: uppercase;
	margin: 0 0 5px;
	line-height: 1.1;
}

#posts480 .persons_name a,
#posts480 .persons_title a {
	text-decoration: none;
}

#posts480 .persons_title {
	margin: 0 0 20px;
	font-style: italic;
	font-size: 13px;
	line-height: 1.1;
}

section.six15_people h1 {
	margin-bottom: 0;
}

.persons_title_single {
	font-family: 'Lato', sans-serif;
	font-weight: 500;
	margin-top: 5px;
}

section.six15_people {
	font-family: 'Lora', serif; 
	font-weight: 400;
	font-size: 14px;
}

/********************************************** IMPACT PAGE LAYOUT **********************************************/

#heroimagecentered {
	text-align: center;
	margin-bottom: 30px;
}
#programheroimage {
	margin-bottom: 30px;
}
.sixteen #nav118 {
	width: 118px;
	float: left;
	margin: 0 62px 0 60px;
}

#posts540 {
	float: left;
	width: 540px;
}

/********************************************** EVENTS **********************************************/

.events-archive .twoforty .hentry {
padding:0!important;
}

#posts480 .tribe_events {
	background-color: white;
	padding: 20px 30px !important;
	margin-bottom: 30px;
	font-family: 'Lora', serif; 
	font-weight: 400;
	font-size: 14px;
}

.sixsixty .tribe_events {
	font-family: 'Lora', serif; 
	font-weight: 400;
	font-size: 14px;
}

.viewevent {
	float: right;
	margin: 5px 0 20px 40px;
}

#posts480 .event_date {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
	color: #797979;
	font-style: italic;
	text-align: center;
	margin: 0 0 20px;
	font-size: 16px;
}

#posts480 .tribe_events .viewevent a:link,
#posts480 .tribe_events .viewevent a:visited {
	background-color: #c7c7c7;
	color: #ffffff;
	width: 130px;
	padding: 5px 10px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	font-family: 'Lato', sans-serif;
	font-weight: 500;
}

#posts480 .event_name {
	font-family: 'Lato', sans-serif;
	font-weight: 800;
	font-size: 30px;
	text-transform: uppercase;
	margin: 0 0 5px;
	line-height: 1.1;
}

#posts480 .event_name a {
	text-decoration: none;
}

#posts480 .event_meta {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	margin: 0 0 20px;
	font-size: 13px;
	line-height: 1.2;
}

#tribe-events-event-meta .column {
	width: 45%!important;
}

#tribe-events-event-meta {
	font-family: 'Lato', sans-serif!important;
	font-weight: 400!important;
}

#tribe-events-event-meta a:link,
#tribe-events-event-meta a:visited {
	color: #f15c22;
}
#tribe-events-event-meta .gmap, .tribe-events-event-meta-desc .gmap {
	background-color: transparent!important;
	font-size: 12px!important;
	padding: 0!important;
}
/********************************************** SITE MAP **********************************************/

.sitemap {
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	padding-left: 15px;
}

.sitemap a:link,
.sitemap a:visited {
	color: #f15c22;
	text-decoration: none;
}

.sitemap a:active,
.sitemap a:hover {
	color: #7bb3ca;
	text-decoration: underline;
}

/********************************************** INNER PAGE SIDEBAR **********************************************/

.twoforty h2,
.twoforty h3,
h2#staycurrent  {
	font-family: 'Lato', sans-serif;
	font-weight: 800;
}

.twoforty h2,
h2#staycurrent {
	color: #222222;
	text-transform: uppercase;
	font-size: 15px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.twoforty h3 {
	font-size: 13px;
	margin-bottom: 0;
}

.twoforty h3 a:link,
.twoforty h3 a:visited {
	color: #f15c22;
	text-transform: uppercase;
	text-decoration: none;
}

.twoforty h3 a:active,
.twoforty h3 a:hover {
	color: #7bb3ca;
}

.twoforty p {
	font-family: 'Lora', serif; 
	font-weight: 400;
	font-size: 12px;
	margin: 5px 0 20px;
}

#eventlist,
#relatedposts {
	padding-left: 0;
	list-style-type: none;
	font-family: 'Lato', sans-serif;
	font-weight: 800;
	font-size: 13px;
	margin-bottom: 20px;
}

#eventlist li,
#relatedposts li {
	margin-bottom: 5px;
	
}

#eventlist li a:link,
#eventlist li a:visited,
#relatedposts li a:link,
#relatedposts li a:visited {
	color: #f15c22;
	text-decoration: none;
}

#eventlist li a:active,
#eventlist li a:hover,
#relatedposts li a:active.
#relatedposts li a:hover {
	color: #7bb3ca;
}

.twoforty #gform_wrapper_1 .gform_footer {
	margin-left: 153px;
}

.twoforty #gform_wrapper_1 #input_1_1 {
	width: 229px;
	margin-right: 0;
}

/********************************************** FOOTER **********************************************/

footer {
	padding: 20px 0;
	margin-top:30px;
	background-color: #444545;
	color: #cecece;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
}

footer a:link,
footer a:active,
footer a:hover,
footer a:visited {
	color: #cecece;
}

.bottommenu {
	text-transform: uppercase;
	margin-left: 5px;
}

.bottommenu ul {
	padding-left: 0;
	font-size: 16px;
}

.bottommenu ul li {
	display: inline;
	margin-right: 10px;
}

.bottommenu ul li a:link,
.bottommenu ul li a:active,
.bottommenu ul li a:hover,
.bottommenu ul li a:visited {
	color: #b3afaf;
}

#address {
	border-right: 1px solid #cecece;
	margin-left: 5px;
}

#address p:first-child {
	font-family: 'Lora', serif; 
	font-style: italic;
	font-weight: 800;
	font-size: 16px;
	margin-bottom: 0;
}

#address p:last-child {
	margin-top: 0;
}

#socialicons {
	margin-top: 25px;
}

#socialicons a {
	margin-right: 10px;
}



/* Media Queries, Skeleton V1.2 layout.css file
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}

/*
     FILE ARCHIVED ON 09:24:32 Jul 19, 2013 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:05:07 Nov 02, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 257.682
  exclusion.robots: 0.226
  exclusion.robots.policy: 0.208
  cdx.remote: 0.141
  esindex: 0.018
  LoadShardBlock: 213.112 (3)
  PetaboxLoader3.resolve: 632.061 (3)
  PetaboxLoader3.datanode: 72.256 (4)
  CDXLines.iter: 24.108 (3)
  load_resource: 519.58
*/