/*

Theme Name:     PSACC Child Theme

Theme URI:      http://creeksidecommunications.com/

Description:    Child theme for the Twenty Eleven theme

Author:         Creekside Communications

Author URI:     http://creeksidecommunications.com/

Template:       twentyeleven                             

Version:        0.1.0

*/



@import url("twentyeleven_style.css");



/* Added

----------------------------------------------- */

.button{

	background-color:#3e9f9f;

	color:#FFFFFF;

	padding:0.5em 1em 0.5em 1em;

	margin:0.1em;

	display:inline-block;

	border-radius:20px;

	transition: background-color 0.75s, color 0.75s;

}

.button:hover{

	color:#000000;

	background-color:#e8e8e8;

	text-decoration:none;

	transition: background-color 0.75s, color 0.75s;

}

.stay-informed{

	margin-bottom:10px;

}

.notification{

	font-size:75%;

	font-weight:bold;

	margin-left:15px;

}



/* =Structure



----------------------------------------------- */
#post-1009 h1 {
	font-size:25px;
}

#post-1009 h3 {
	text-transform: capitalize;
font-size:16px;
}

#post-1009 h2 {
	font-size:20px;
}


#page {

	box-shadow: 0px 0px 10px 1px #999;

}



#access div {

	margin: 0 2%;

}



#primary {

	float: left;

	margin: 0 -26.4% 0 0;

	width: 100%;

	background: url(../img/internal-bk.png) top left repeat-x;

}

.home #primary {
	background-color: #fff;
}

#content {

	margin:0;

	width:100%;

}

.singular #content, .left-sidebar.singular #content {

	margin:0;

	position: relative;

	width: auto;

}

.singular .entry-header,

.singular .entry-content,

.singular footer.entry-meta,

.singular #comments-title {

	margin: 0 auto;

	width: 95%;

}



.singular.page .hentry {

	padding: 0;

}



.singular .entry-title {

	color: #373737;

	font-size: 18px;

	font-weight: bold;

	line-height: 48px;



}



/* =Global

----------------------------------------------- */



body, input, textarea {

	color: #373737;

	font: 15px Tahoma, Helvetica, Arial, sans-serif;

	font-weight: 300;

	line-height: 1.15;

}



body {

	/*background: #e2e2e2;*/

	background: url(../img/bk-img.png) repeat-x left;

	background-size:100%;

}



img {

	max-width: 100%;

}



/* =Upcoming Events



----------------------------------------------- */







#upcoming {

	background-color:#cc9933;

	height:50px;

	font: 14px Tahoma, Geneva, sans-serif;	

	font-weight:bold;

	margin-top: -30px;

	margin-bottom: 30px;

	padding: 1.625em 0 0;

}



#upcoming .textwidget {

	padding-top: 2.25%;

	padding-left: 2%;

}



/* =Header



----------------------------------------------- */



#branding {

	border:none;

	padding-bottom: 10px;

	position: relative;

	z-index: 9999;

    /*box-shadow: 0px 0px 10px 1px #999;*/

}





#branding img {

	height: auto;

	display: inline;

	margin-bottom: -7px;

	width: 62%;

	padding: 15px 0 0 10px;

}

.matrix-header {
	background: url('../img/psac_header.png');
	height: 241px;
	position: relative;
}

.matrix-header h3 {
	color: #fff;
	font-size: 2em;
	font-family: "Open Sans", sans-serif;
	
}

.matrix-header p {
	color: #fff;
	font-family: "Open Sans", sans-serif;
	line-height: 1.25;
	margin-top: 10px;
	
}

.matrix-info-text {
	display: inline-block;
	width: 60%;
	position: absolute;
	left: 340px;
	top: 30px;
}

.matrix-text {
	display: inline-block;
	float: left;
	width: 70%;
	margin-right: 5%;
	margin-top: 3%;
}
.matrix-image {
	display: inline-block;
	float: left;
	width: 25%;
}

#post-635 img[class*="align"], #post-635 img[class*="wp-image-"], #post-635 #content .gallery .gallery-icon img {
	border: none;
}





/* =Menu



-------------------------------------------------------------- */



#access {

	background: #4da6a6; /* Show a solid color for older browsers */

	background: -moz-linear-gradient(#4da6a6, #359a9a);

	background: -o-linear-gradient(#4da6a6, #359a9a);

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4da6a6), to(#359a9a)); /* older webkit syntax */

	background: -webkit-linear-gradient(#4da6a6, #359a9a);

	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;

	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;

	box-shadow: 0px 0.5px 10px 0.5px #999;

    clear: both;

	display: block;

	float: left;

	margin: 10px auto 0px;

	width: 100%;

	font-family: Tahoma, Helvetica, Arial, sans-serif;

}



#access ul {

	font-size: 14px;

	list-style: none;

	margin: 0 0 0 -0.8125em;

	padding-left: 0;

}



#access li {

	float: left;

	position: relative;

	border-right-style: solid;

	border-right-color: #cccccc;

	border-right-weight: 1px;

	border-color: #cccccc;

	border-width: 2px;

}



#access ul ul a {

	background: #f9f9f9;

	border-bottom: 1px dotted #ddd;

	color: #444;

	font-size: 14px;

	font-weight: normal;

	height: auto;

	line-height: 1.4em;

	padding: 10px 10px;

	width: 168px;

}



/* Search Form */



#branding #searchform {

	position: absolute;

	top: 2.8em;

	right: 1.1%;

	text-align: right;

}



/* =Content



----------------------------------------------- */



#homepage-middle{

	/*background-image:url('../img/background-grey.png');*/

	background-repeat:repeat-x;

	width: 96%;

	margin-top:50px;
	padding: 0 2%;
}




#homepage-bottom{

	/*background-image:url('/web/20170307135417im_/https://psac-canada.com/wp-content/wp-content/uploads/2012/07/homepage-bottom2.jpg');*/

	width: 100%;

	float: left;

}






#homepage-bottom div {

	background-color:#fff;

	width:275px;

	height:200px;

	float:left;

	line-height:1.5em;

	margin:1em 1.35em;

	padding:0.5em 0.25em 0.25em 1em;

}



#hp-bottom-news{

	margin:0;	

}



#homepage-bottom .textwidget {

	padding:0;

	margin:0;

	background-color:none;

	width:auto;

	height:auto;

}



#main {

	clear: both;

	padding:0;

    /*box-shadow: 0px 0px 10px 1px #999;*/



}



.page-title {

	margin: 0 0 2em 10.5em;

}



.hentry,

.no-results {

	margin: 0 0 1.625em 7em;

	width:800px;

}





.comments-link {

	margin: 0 50px 25px 0;

}



.entry-title {

	color: #373737;

	font-size: 18px;

}



.entry-title,

.entry-title a {

	color: #373737;

	text-decoration: none;

}



.entry-content,

.entry-summary {

	padding: 0;

}



.entry-content h1,

.entry-content h2,

.comment-content h1,

.comment-content h2 {

	color: #444;

	font-weight: bold;

	margin: 0 0 .8125em;

}



#our-story {

    box-shadow: 0px 0px 10px 1px #999;

	padding: 15px 35px;

	background-color:#fff;

}





/* =Gallery



----------------------------------------------- */



.format-gallery .gallery-thumb {

	float: left;

	display: block;

	margin: .375em 1.625em 0 0;

	max-width: 100%;

}



.indexed.format-image .wp-caption {

	max-width: 96%;

	padding: 11px;

}





/* =Showcase



----------------------------------------------- */



h1.showcase-heading {

	color: #444;

}



/* =Widgets



----------------------------------------------- */



.widget-area {

	font-size: 14px;

    color: #f9f9f9;

    font-family: Tahoma, Helvetica, arial;

    line-height: 20px;

}



.widget {

	clear: both;

	margin:0;

	padding-bottom: 1em;

}



.widget-title {

	color: #fff;

	font-size: 14px;

	font-weight: 500;

	letter-spacing: 0.1em;

	line-height: 2.6em;

	text-transform: none;

}



.widget ul {

	font-size: 14px;

	margin: 0;

}



.widget ul ul {

	margin-left: 1.5em;

}



.widget ul li {

	color: #777;

	font-size: 13px;

}



.widget a {

	font-weight: bold;

	text-decoration: none;

}



.widget a:hover,

.widget a:focus,

.widget a:active {

	text-decoration: underline;

}



/* =Footer



----------------------------------------------- */







#colophon {

	clear: both;

    background: url(../img/footer-bk.png) center left no-repeat;



}



#supplementary {

	/*border-top: 1px solid #ddd;*/

	padding: 0px 0px 0px 0px;

	overflow: hidden;

        /*box-shadow: 0px 0px 10px 1px #999;*/

}



#third {

	text-align: right;

	padding-right: 1%;

}







/* Two Footer Widget Areas */



#supplementary.two .widget-area {

	float: left;

	margin-right: 3.7%;

	width: 48.1%;

	color:#fff;

}



#supplementary.two .widget-area + .widget-area {

	margin-right: 0;

	color:#fff;

}





/* Three Footer Widget Areas */



#supplementary.three .widget-area {

	float: left;

	margin-right: 3.7%;

	width: 29.85%;

	color:#fff;

}



#supplementary.three .widget-area + .widget-area + .widget-area {

	margin-right: 0;

}



#useful-links a {

	color:#fff;

	text-decoration:none;

}



#useful-links a:hover {

	color:#1982D1;

}



#text-2 .textwidget, 

#text_icl-3 .textwidget, 

#text_icl-2 .textwidget,

#text_icl-5 .textwidget {

	padding: 0px 0px 0px 25px;

}



#text-2 .textwidget a, 

#text_icl-3 .textwidget a,

#text_icl-2 .textwidget a,

#text_icl-5 .textwidget a {

   color:#f9f9f9;

}



/* Site Generator Line */



#site-generator {

	background: none;

	border-top: none;

	color: none;

	font-size: 12px;

	line-height: 1em;

	padding: 0px 0px 10px 0px;;

	text-align: center;

}



#site-generator a {

	color: #999;

	font-weight: bold;

}



#site-generator .sep {

	/*background: url(/web/20170307135417im_/https://psac-canada.com/wp-content/themes/psacc/images/wordpress.png) center left no-repeat;*/

	color: transparent;

	display: inline-block;

	height: 16px;

	line-height: 16px;

	margin: 0 7px;

	width: 16px;

}







#copyright {

	color:#999;

	font-size: 12px;

	font-weight: bold;

}



#submit-1-1343136657 {

	background-color:#999999;

}



#language {

	float:right;

	margin: 10px 15px 0 0;

	font-size:13px;

	color:#333;

}



#contact-form {

	border: solid 2px #000;

	width:700px;

}



#sub-info {

	margin:0 7px 7px;

	padding:0 20px 20px;

	font-size:0.75em;

}



/* =IE7



----------------------------------------------- */



#ie7 article.intro {

	margin-left: -7.6%;

	margin-right: -7.6%;

	padding-left: -7.6%;

	padding-right: -7.6%;

	max-width: 1000px;

}



#ie7 section.featured-post {

	margin-left: -7.6%;

	margin-right: -7.6%;

	max-width: 850px;

}



#ie7 section.recent-posts {

	margin-right: 7.6%;

}







/* =IE8 



------------------------------------------------ */



#ie8 body {



	background: url(../img/psac-background.jpg) repeat left top;

}







#ie8 #supplementary.three .widget-area {



}







/* Media Queries 



------------------------------------------------ */





@media screen and (max-width:320px) {

	#homepage-middle > div {

		width: 76% !important;

	}

	#branding {

	    height: 217px;

	}

	

	#branding #searchform {

	    top: 5.625em !important;

	}

	

	#branding img {

		width: 92% !important;

	}

	

	#lang_sel {

	    top: 60% !important;

	    left: 20% !important;

	}

	

	#access {

		position: absolute;

		bottom: 25px;

	}

	

	#access li {

		font-size: 0.383em !important;

	}

	

	#searchform #s {

		width:130px !important;

	}

	

	#colophon {

		background-repeat: repeat-y;

	}

	

	

	#colophon #supplementary .widget-area {

	   text-align: center !important;

	    width: 100%;

	}

	

	#upcoming {

		font-size: 10px;

	}



}







@media screen and (min-width:321px) and (max-width:499px) {

	#branding {

		height:187px;

	}

	

	#branding img {

		width: 92%;

	}

	

	#branding #s {

		width:123px !important;

	}

	

	#branding #searchform {

		top:6.625em !important;

	}

	

	#lang_sel {

		top: 52% !important;

		left: 5% !important;

	}

	

	#access {

		position: absolute;

		bottom: 13px;

	}

	

	#access li {

		font-size: 0.63em !important;

	}



	#homepage-middle > div {

		width: 86% !important;

	}



	#homepage-middle div:nth-child(2) {

		padding: 0px 5% 0px 0px !important;

		text-align: center;

	}

	

	#text-3 .textwidget  div {

		margin-top: 35px !important;

		margin-left: 12%;

	}

	

	#supplementary .widget-area {

		width: 31.85% !important;

		float:left !important;

	}

	

	#colophon {

		background-repeat: no-repeat;

	}

	

}



@media screen and (min-width:500px) and (max-width:804px) {

	

	#branding {

		height:187px;

	}

	

	#access {

		position: absolute;

		bottom: 13px;

	}

	

	#third {

		float:right !important;

		padding-right: 2%;

		width: 25% !important;

	}

	

	#branding #searchform {

		top: 1.8em !important;

	}

	

	#access li {

		font-size: 0.8em !important;

	}

	

	#homepage-middle > div {

		/*width: 44% !important;*/

	}

	

	#lang_sel {

		top:40% !important;

	}

	

	#second {

		width: 46% !important;

	}

	

	#supplementary.three .widget-area {

    	float: left !important;

    	width: 30.85% !important;

    }

    

    #upcoming .textwidget {

		padding-top: 3%;

		font-size: 0.9em;

	}



}



@media screen and (min-width:805px) and (max-width:1024px) {

	#upcoming .textwidget {

		padding-top: 3.25%;

		font-size: 0.95em;

	}

	

	#branding #searchform {

		top: 1.8em;

	}

	#lang_sel {

		top:60% !important;

	}

	

	#homepage-middle > div {

		width: 45% !important;

	}

	

	#colophon #supplementary .widget-area {

		float: left !important;

	}

	

	#second {

		width: 31.85% !important;

	}

	

	#third {

		width: 29% !important;

		

	}

}