/*
Theme Name: POPAI
Theme URI: http://oedings.com
Description: Based on Starkers http://nathanstaines.com An HTML5 version of <a href="http://elliotjaystocks.com/starkers/">Starkers</a> by <a href="http://elliotjaystocks.com/">Elliot Jay Stocks</a> which is based on Twenty Ten.
Version: 1
Author: Karen Oeding
Author URI: http://oedings.com
Tags: starkers, html5, clean, basic
*/
/*black and white version 12/2013*/
/*Colors:
deep gray: #3e3c3d
dark red: #8b120a
orange red: #e15136
Light gray: #f3f3f3
black: #000000


*/
@import "https://www.gopopai.org/admincontentmanagement/wp-content/themes/popai/css/reset.css?v=2.1";
@import "https://www.gopopai.org/admincontentmanagement/wp-content/themes/popai/css/layout.css?v=2.1";
@import "https://www.gopopai.org/admincontentmanagement/wp-content/themes/popai/css/bbforum-extra.css?v=2.1";
@import "https://www.gopopai.org/admincontentmanagement/wp-content/themes/popai/css/iPhone.css?v=2.1";
@import "https://www.gopopai.org/admincontentmanagement/wp-content/themes/popai/css/other-elements?v=2.1";



/*-------------------media query specific styles ----------------*/
/*---low resolution was 480 px changed to 640 for iphone and below to 736----*/
@media only screen and (max-width:736px) {
#master {
	width: 95%;
	margin: 0 auto; /*centers*/
	/*border: 1px solid rgb(0,0,0);*/
	background: #fff;
}
#topheader {
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 0;
	clear: both;
	width: 100%;
	height: 80px;
	background-image: url("https://www.gopopai.org/admincontentmanagement/wp-content/themes/popai/images/pageElements/logo-for-mobile.png");
	background-repeat: no-repeat;
    background-position: left top;

}
#topheader img {
	display: none;

}

header {
/*	height: 130px;
	background: rgb(200,200,200);*/
	}



#centerimage {
	visibility:hidden;/*}
#slideshow {
	width: 90%;
	height: 300px;
	border: 1px solid rgb(193,180,152);
	margin: 10px auto; /*<!--centers--> */
}
.contentbox {
	/*background: rgb(200,200,200);
	border-top: 1px solid rgb(193,180,152);
	border-bottom: 1px solid rgb(193,180,152);
	*/
	float: left;
	margin-bottom: 10px;
	padding: 10px;/*}
.contentbox p {

	font-size: 80%;
	line-height: 140%;*/
}
#main {
	width: 100%;
	margin: 0px;
	border: none;
}
#loop {
	width: 100%;
	margin-bottom: 10px;
}
.innercontainer {
	width: 90%;

}
.boxcolumn {
	width: 100%;
	/*	height: 310px;*/
text-align: center;
	background-color: white;
}
.boxcolumnphoto {
		margin-left: auto;
		margin-right: auto;

}
article {
	width: 95%;
	margin-left: 10px;

}
.post {
	margin-bottom: 20px;

}
.post h2 {
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 5px;
}
.post h2 a {
	color: rgb(189,30,44);
	text-decoration: none;
}
.postmeta {
	font-size: 70%;
	margin-top: 5px;
	float: right;/*	font-family: Verdana, Geneva, sans-serif;*/
}
.postmeta a {
	color: rgb(189,30,44);
}
#sidebar {
	width: 100%;
	text-align: center;
	float: none;


}
#sidebar li {
	list-style-type: none;
}

footer nav {
	margin-left:0;
	padding-left: 0;
	margin-bottom: 0;
	padding-bottom: 10px;/*-----footer navigation/links-----*/
}
footer {
	font: 400 13px/1.4 Arial, Helvetica, Verdana, sans-serif;
/*	background: #413D3C;*/
/*background-color: yellow;*/
	color: #fff;
	font-weight: normal;
	font-size: 90%;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
/*----this is in the "other elements" css because it is the same for all the sizes-----}
 footer ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
footer ul li {
	line-height: 200%;
	margin: 0;
	padding: 0;
	}
footer ul li ul li {
	line-height: 200%;
	margin: 0px;
	padding: 0px;*/
}
.footerColumn {
    width: 100%;
	text-align: center;
    clear: both;
	paddiing: none;
    margin-left: 20px;

}


}


/*----High resolution changed from 481 to 641 on 6/ 18/ 14 1024px and higher- to 737px ----*/
@media only screen and (min-width:737px) {
/*p {
 color: rgb(0,0,0);
}
body {
	background: rgb(244,244,244);
}*/
#master {
	width: 960px;
	margin: 0 auto; /*centers*//*	border: 1px solid rgb(0,0,0); background: rgb(255,255,255);*/
	background: #fff;
}
#topheader {
/*	width: 960px;*/
/*	height: 165px;*/
	margin-bottom: -5px;
	margin-top: -.50px;
/*	background-color: green;*/
/*	border: 4px dashed #0F0;*/
}
/*
header {
	width: 960px;
	height: 130px;
	background-color: rgb(255,255,255);
	background-image: url( );}*/
#logo {
	margin: 10px;
	padding: 0;/* height: 180px;*/
}
.spacefornavigation
{margin-top: 5px;
	}

/*nav {/*this is not a class or an id, it's an html5 element, same as header above-------------------
	width: 100%;
	margin-top: 0x;
background-color: #000000;
	margin-right: auto;
	/*margin-bottom: 5px;---------------
	margin-left: auto;
	padding: 0px;
}
nav ul {
	list-style: none;
	overflow: hidden;
}
nav li a {
	border-right: 1px solid #fff;
	color: #fff;
	display: block;
	float: left;
	font: 400 13px/1.4 Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 12.5%;/*12.5% for 8 menu items divide 100 by how many items you have*/
	/*TRANSISTIONS----------------
    -webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	-ms-transition: background 0.5s ease;
	transition: background 0.5s ease;
	background-color: #000000;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
/*SMALL---------------------------
nav small {
	color: #fff;
	font: 100 11px/1 Arial, Helvetica, Verdana, sans-serif;
	text-transform: none;
}
nav li:last-child a {
	border: none;
	}*/

#slideshow {
	width: 960px;
	height: 260px;
	/*border: 1px solid rgb(193,180,152);*/
 margin: 0px auto; /*centers*/
	clear: both;


}
#centerimage {
	width: 601px;
	margin: 10px auto; /*centers*/
}
#main {
	width: 940px;
	margin-left: 9px;
}
.contentbox {
	width: 220px;
	font-size: 12px;
	float: left;
	margin-bottom: 10px;
	padding: 10px;
	/*background: rgb(200,200,200);
	float: left;
	border-top: 1px solid rgb(193,180,152);
	border-bottom: 1px solid rgb(193,180,152);*/
}
/*in other elements css because it's common to all sizes
.contentbox p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 80%;
	line-height: 140%;
}*/
article {
	/*	width: 940px;*/
	margin-left: 10px;
}
.post {
	margin-bottom: 20px;

		/*----this is in the "other elements" css because it is the same for all the sizes-----}
footer nav li a {
 color: #fff;
 text-decoration: none;
}
footer {
 background: #413D3C;
 color: #fff;
}
 footer ul {
 list-style: none;
 margin: 0;
 padding: 0;*/
}
.post h2 {
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 5px;

}
.post h2 a {
	/*	color: rgb(189,30,44);
*/	text-decoration: none;
}
.postmeta {
	font-size: 70%;
	margin-top: 5px;
	float: right;/*	font-family: Verdana, Geneva, sans-serif;*/
}
.postmeta a {
/*	color: rgb(189,30,44);*/
}
/*#loop, #page, #post */
#maincontent {
/*	width: 680px;*/
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
/*---this is the area with content that is from the slider or a substitute for our screaming banner*/
.minutesTitleList {
		margin-left: 10px;
	margin-right: 10px;
	}
#NewAdditions {
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-left: 25px;
	/*}
#post {
	width: 610px;
	background-color: blue;	*/
}
#loop {
	width: 620px;
	float: left;
}
/*---- changed January 2018 for google calendar. was 290px wide --*/
#sidebar {
	width: 306px;
	float: right;
	margin-right: 10px;
	padding-left: 5px;/* background: #fff;*/

/*----this is in the "other elements" css because it is the same for all the sizes-----}
footer ul li {
	line-height: 200%;
	margin: 0;
	padding: 0;*/
}
/*---4 columns in footer large version*/
 .footerColumn {
	width: 25%;
	float: left;
}
/*ends media query for high resolution*/}
/*-------------for navigation breakdown area ----------------*/
/* MEDIA QUERIES*/
@media only screen and (max-width : 1220px), only screen and (max-device-width : 1220px) {
nav li a {
/*	font: 400 10px/1.4 Arial, Helvetica, Verdana, sans-serif;*/
font: 100 10px/1 Arial, Helvetica, Verdana, sans-serif;
}
nav small {
	font: 100 10px/1 Arial, Helvetica, Verdana, sans-serif;
}
/*---4 columns in footer large version
 .footerColumn {
	width: 25%;
	float: left;*/
}

}
 @media only screen and (max-width : 490px), only screen and (max-device-width : 490px) {
nav li a {
	clear: both;
	font: 400 10px/1.4 Arial, Helvetica, Verdana, sans-serif;
	display: list-item;
	float: none;
}
}
@media only screen and (max-width : 450px), only screen and (max-device-width : 450px) {
nav li a {
	clear: both;
	font: 400 10px/1.4 Arial, Helvetica, Verdana, sans-serif;
	display: list-item;
	float: none;
}
}
/*HOVER*/
nav li a:hover {
	background:  #e15136;
}
/*Paul Irish http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*---job listings table-----*/
#hometextTable {
margin-left: 8px;
margin-right: 8px;

	font-size:90%;
	}
		#hometextTable td {
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 0px;
	max-width: 500px;

	}
.title {

	font-weight: bold;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.jobtitle {
	font-size: 120%;
	font-weight: bold;

}
.for-admin-only{
	border: 1px dotted #f3f3f3;
	background-color: #f3f3f3;
	}
.listingData {
	 }
blockquote {

	margin-left: 20px;
	margin-right: 20px;}

	.contentdbpage {
		padding-left: 40px;
		margin-left: 20px;
		}

		.contentdbpage tr {
			padding-left: 40px;
			line-height: 32px;
			}

			.contentdbpage td {
			padding: 5px;
			font-size: 90%; }

			table .contentdbpage tr {
	border:1px solid #F4F4F4;
}
.corpLogo {
	width: 100px;
	margin-top: 10px;

	float: left;
	margin-left: 20px;

}
.corporateSponsor {

}
.corporateSponsor p {
	margin-left: 140px;

	margin-bottom: 3px;
	margin-top: 0px;
	font-size: 90%;
}
.corporateSponsor h3 {
	margin-left: 140px;}
.csWrap {

		float: left;
		margin-right: 10px;
		width: 450px;
		height: 150px;
		margin-bottom: 5px;
		margin-top: 5px;

	}
	.articleIdentifiers {
	margin-left: 15px;
	font-style: italic;
	}
	#store-page {
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	}
	.cart-POPAI-specific {

	font-size: 12px;
	text-align: left;
		}
	.cart-POPAI-specific h3
{font-size: 14px;

}
#calendarTitle {
	display: hide;}
	.wp-caption {
		background-color: white;
		border: none;
		font-style: italic;
		color: #666666;
		float: left;
		font-size: 11pt;

		}
		/*-------Minutes special text___-------------*/
.strikeMinutes {
	text-decoration: line-through;
}
.highlightMinutes {
	background-color: #FF3;
	}
.redMinutes {
	color: #F00;
	}
	.indentMinutes {
		margin-left: 25px;
		margin-right: 25px;
		}
		/*----Awards page*/
.nowAccepting {
	/*font-size: 19px;*/
	font-weight: bold;
	color: #8b120a;}
.accentForEmphasis {
	/*font-size: 19px;*/
	font-weight: bold;
	color: #8b120a;}
.required-for-form {
		background-color: yellow;

}
form img {
	border: solid 2 white;

}
/* CSS for buttons*/
.button-46 {
	align-items: center;
	background-color: white;
	border: 1px solid white;
	border-radius: 16px;
	box-sizing: border-box;
	cursor: pointer;
	display: flex;
	
	font-size: 18px;
	justify-content: center;
	line-height: 28px;
	max-width: 100%;
	padding: 14px 22px;
	text-decoration: none;
	transition: all .2s;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	width: 100%;
  }
  
  .button-46:active,
  .button-46:hover {
	outline: 0;
  }
  
  .button-46:hover {
	background-color: #FFFFFF;
	border: 1px solid #990000;

  }
  
  @media (min-width: 768px) {
	.button-46 {
	  font-size: 20px;
	  min-width: 200px;
	  padding: 14px 16px;
	}
  }