/*
Theme Name: Pennsylvania Music Educators Association
Theme URI: http://www.pmea.net
Description: Custom theme developed for pmea.net
Author: CogentPath, LLC
Author URI: http://www.cogentpath.com
Version: 1.1
Template: affinity
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("css/overrides.css");

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* Clearing Elements */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
.clear {
	clear: both;
}

/* Common Styles */
html, body {
	height:100%;
}
body {
	background: url(images/background_page.png) repeat-x;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
}
h1, h2, h3, h4, h5, h6, legend, .legend {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 15px;
}
h1, legend, .legend {
	color: #335795;
	font-size: 14px;
	line-height: 20px;
}
.page-title, .entry-title, .widget-title {
	color: #1b3d75;
	font-size: 16px;
	line-height: 22px;
	margin-top: 0;
}
a {
	color: #335795;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
p {
	margin-bottom: 10px;
}
address {
	font-style: italic;
	margin-bottom: 10px;
}
sup, sub {
	font-size: 8px;
}
sup {
	vertical-align: super;
}
sub {
	vertical-align: sub;
}
hr {
	background-color: #eee;
	color: #eee;
	border: none;
	height: 1px;
	margin: 15px 0 14px;
}
dl {
	margin-bottom: 10px;
}
.large {
	font-size: 14px;
	line-height: 20px;
}
.small, .date {
	font-size: 11px;
	line-height: 16px;
}
.date, .gray {
	color: #888;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}

/* Forms */
.required {
	color:#CD0A0A;
}
.form-group {
	margin-bottom: 10px;
}
.form-group label {
	display: block;
	margin-bottom: 5px;
}
input[type=text], input[type=password], input[type=email], input[type=number], textarea, select {
	border:1px solid #ddd;
	padding:6px;
}
select {
	padding:5px;
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, select:focus, textarea:focus {
	outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}
input[type=submit], .btn, .button {
	background:#335795;
	border:none;
	color:#fff;
	cursor:pointer;
	display:inline-block;
	font-size:11px;
	font-weight: bold;
	padding:7px 10px;
}
.button {
	padding: 5px 10px;
}
input[type=submit]:hover, .btn:hover, .button:hover {
	background:#c1cce0;
	color:#364258;
	cursor:pointer;
	text-decoration:none;
}
input[type=submit]:focus, .btn:focus, .button:focus {
	outline: none;
}

/* Lists */
ul {
	list-style-type: disc;
	margin-bottom: 10px;
}
ul ul {
	list-style-type: circle;
	margin-bottom: 0;
}
ul li {
	margin-left: 25px;
}
ol {
	list-style: decimal;
	margin-bottom: 10px;
}
ol ol {
	list-style-type: lower-latin;
	margin-bottom: 0;
}
ol ol ol {
	list-style-type: lower-roman;
	margin-bottom: 0;
}
ol li {
	margin-left:32px;
}
ol ul {
	margin-bottom: 0;
}
.list-unstyled {
	list-style: none;
	margin-bottom: 0;
}
.list-unstyled li {
	margin-left: 0;
}

/* Caption, Media, Gallery, etc. */
.alignleft {
	float:left;
	margin:10px 10px 10px 0;
}
.alignright {
	float:right;
	margin:10px 0 10px 10px;
}
.aligncenter {
	margin:10px auto;
}
.wp-caption {
	background:#f5f5f5;
	padding:8px;
}
.wp-caption-text {
	color:#666;
	font-size:11px;
	line-height:16px;
	margin:8px 0 0;
}
.gallery-item img {
	border:none !important;
}
.gallery-buttons {
	margin-top:10px;
}

/* Pagination */
.pagination,
.pagination li {
	list-style: none;
	margin: 0;
}
.pagination a,
.pagination li a,
.pagination .dots {
	background:#335795;
	color:#fff;
	font-size:11px;
	font-weight: bold;
	float:left !important;
	margin:0 2px;
	padding:5px 10px;
	text-decoration:none;
}
.pagination a:hover,
.pagination li a:hover,
.pagination .current,
.pagination .active a {
	background:#c1cce0;
	color:#364258;
	font-size:11px;
	float:left !important;
	margin:0 2px;
	padding:5px 10px;
	text-decoration:none;
}

/* Columns */
#wrapper {
	margin:0 auto;
	min-height:100%;
	padding-bottom:15px;
	width:980px;
}
.row {
	overflow: hidden;
}
.col-one {
	float:left;
	padding-right:25px;
	width:295px;
}
.col-two {
	float:left;
	width:380px;
}
.col-three, .col-sidebar {
	float:left;
	padding-left:20px;
	width:260px;
}

/* Header */
#header {
	margin-bottom:20px;
	overflow:hidden;
}
#header .top-row {
	color:#fff;
	height:46px;
}
#header .top-row a {
	color:#fff;
	text-decoration:none;
}
#header .bottom-row {
	margin-top:30px;
}
#logo {
	background:url(images/logo.png) no-repeat;
	display:block;
	height:119px;
	margin-right:30px;
	width:141px;
}
#header .menu {
	line-height: 38px;
}
#header .menu li {
	float: left;
	padding-left: 15px;
}
#header .menu a {
	display: block;
	padding: 4px;
}
#header .menu a:hover {
	border-bottom: 4px solid #6d8bc9;
	padding-bottom: 0;
}
#header .user-panel {
	float: right;
	width: 450px;
}
#header .menu-login li {
	float: left;
	line-height: 46px;
	padding-left: 10px;
}
#header .menu-login li a {
	background:#c0ccdf;
	color:#364258;
	display:inline-block;
	font-size:11px;
	font-weight:bold;
	line-height:24px;
	margin-top:12px;
	padding:0 10px;
}
#header .menu-login a.highlight {
	background:#f3ebcf;
}
#header .menu-login li a:hover {
	background:#6d8bc9;
	color:#fff;
}
#header .title {
	color:#1e498d;
	font-weight:bold;
	text-transform:uppercase;
}
#header .search {
	clear:both;
	float:right;
	width:323px;
}
	#header .search form {
		float:right;
	}
	#header .search input[type="text"] {
		background:#c0ccdf;
		border-top:1px solid #a4b4ce;
		border-left:1px solid #a4b4ce;
		border-right:1px solid #c0ccdf;
		border-bottom:1px solid #c0ccdf;
		margin-right:2px;
		padding:6px;
		width:230px;
	}
	#header .search_button {
		margin:0;
		overflow:visible;
		padding:8px 10px;
		vertical-align:top;
	}

/* Navigation */
#nav {
	background:#3d62b3;
	line-height:32px;
	margin-bottom:15px;
	position:relative;
}
#nav li {
	display:inline-block;
	zoom:1;
	*display:inline;
	margin-left: 0;
	padding:0 15px;
}
	#nav li a {
		color:#fff;
		display:block;
		text-decoration:none;
		padding:4px;
	}
	#nav li a:hover {
		border-bottom:4px solid #6D8BC9;
		padding-bottom:0;
	}
#nav li.menu-item {
	position: relative;
}
#nav .sub-menu {
	display:none;
}
#nav .sub-menu-container {
	background:#e2e8f2;
	display:none;
	line-height:18px;
	padding:10px 0;
	position:absolute;
	top:40px;
	z-index:500;
	width: auto;
}
	#nav .sub-menu-container a {
		color:#335795;
		font-weight:bold;
		display:inline-block;
		line-height:18px;
		margin:3px 10px 4px;
		padding:0;
	}
	#nav .sub-menu-container a:hover {
		border:none;
		text-decoration:underline;
	}
	#nav .sub-menu-column {
		float:left;
	}
		#nav .sub-menu-column li {
			display:block;
			padding:0;
		}
		#nav .sub-menu-column .sub-menu a {
			font-size:11px;
			font-weight:normal;
			line-height:14px;
			margin:0 15px 5px 15px;
		}

/* Content */
#main {
	float: left;
	width: 700px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

#main.full-width {
	float: none;
	width: 100%;
}

#main .news {
	border-bottom: 1px solid #eee;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	margin-bottom: 10px;
	overflow: hidden;
}

#main .news:last-of-type {
	border: none;
}

	#main .news h3 {
		margin-top: 0;
	}
	#main .news .photo {
		float:left;
		height:75px;
		margin:0 10px 10px 0;
		width:75px;
	}
	#main .news .info {
		float:left;
		width:615px;
	}
		#main .col-two .news .info {
			width:295px;
		}
#main .event {
	word-wrap: break-word;
	margin-bottom:10px;
	overflow:hidden;
}
	#main .event .date {
		border:3px solid #ccc;
		float:left;
		height:55px;
		margin:0 0 10px 0;
		width:55px;
	}
		#main .event .date .month {
			background:#3d62b3;
			color:#fff;
			display:block;
			font-weight:bold;
			letter-spacing:1px;
			line-height:19px;
			text-align:center;
			text-transform:uppercase;
		}
		#main .event .date .day {
			display:block;
			font-size:28px;
			font-weight:bold;
			line-height:38px;
			text-align:center;
		}
	#main .event .info {
		float:left;
		margin-left:10px;
		width:224px;
	}
	#main .event .info h3 {
		margin-bottom: 0;
		margin-top: 0;
	}
#main table {
	border:1px solid #d5d5d5;
	border-collapse:collapse;
	margin-bottom:10px;
	width: 100%;
}
#main th {
	background:#eee;
	border-bottom:1px solid #d5d5d5;
	color:#666;
	padding:5px;
	vertical-align:text-top;
}
#main th h2 {
	margin: 0;
}
#main td {
	border-bottom:1px solid #d5d5d5;
	padding:5px;
}
.no-table-border, .no-table-border th, .no-table-border td {
	border:none !important;
	padding:0 !important;
}
#comments #respond {
	overflow:hidden;
	margin-top:20px;
}
	#comments #respond textarea {
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		height:150px;
		width:100%;
	}
	#comments #respond #submit {
		float:right;
	}
	#comments h3.count {
		padding:8px 0;
	}
	#comments #responses li {
		margin-left:0;
	}
	#comments #responses .children {
		margin-left:30px;
	}
	#comments #responses .comment-body {
		border:1px solid #d5d5d5;
		padding:10px;
		margin-bottom:10px;
		overflow:hidden;
	}
	#comments #responses .comment-author {
		color:#345695;
		font-weight:bold;
	}
		#comments #responses .comment-author img {
			margin-right:10px;
		}
	#comments #responses .comment-meta {
		font-size:11px;
		padding:5px 0;
	}
	#comments #responses .reply {
		float:right;
		font-size:11px;
	}
		#comments #responses .comment-meta a, #comments #responses .reply a {
			color:#666;
		}
.nav-tabs {
	margin-bottom: 10px;
}
.nav-tabs li {
	margin: 0;
}

/* Sidebar */
#sidebar .widget {
	margin-bottom:20px;
}
#sidebar .featured_buttons {
	margin-bottom: 15px;
}
#sidebar .featured_buttons a {
	background:#c0ccdf url(images/featured_icons.png) no-repeat;
	color:#364258;
	display:block;
	font-size:14px;
	font-weight:bold;
	line-height:75px;
	text-decoration:none;
	padding:0 50px;
}
	#sidebar .featured_buttons a:hover {
		background:#335795 url(images/featured_icons.png) no-repeat;
		color:#fff;
	}
	#sidebar .featured_buttons a.store {
		background-position:10px 25px;
		margin-bottom:17px;
	}
	#sidebar .featured_buttons a.forum {
		background-position:10px -59px;
		margin-bottom:17px;
	}
	#sidebar .featured_buttons a.member {
		background-position:10px -153px;
	}
#sidebar input[type=text] {
	margin-bottom: 0;
	width: 180px;
}
#sidebar .socialmedia {
	background:url(images/socialmedia_icons.png) no-repeat;
	float:left;
	height:46px;
	margin:0 20px 0 0;
	text-indent:-9999px;
	width:46px;
	white-space:nowrap;
}
	#sidebar .facebook {
		background-position:0 0;
	}
	#sidebar .facebook:hover {
		background-position:0 -49px;
	}
	#sidebar .twitter {
		background-position:-213px 0;
	}
	#sidebar .twitter:hover {
		background-position:-213px -49px;
	}
	#sidebar .youtube {
		background-position:-71px 0;
	}
	#sidebar .youtube:hover {
		background-position:-71px -49px;
	}
	#sidebar .rss {
		background-position:-142px 0;
		margin-right: 0;
	}
	#sidebar .rss:hover {
		background-position:-142px -49px;
	}
.districts ul {
	float: left;
	list-style: none;
	width: 48%;
}
.districts li {
	margin: 0;
}
/* Footer */
#footer {
	background:#335795;
	color:#fff;
	overflow:hidden;
	margin-top: 20px;
	padding:15px;
}

#footer .container {
	margin:0 auto;
	width:980px;
}

#footer .menu {
	margin: 0;
}

#footer .menu li {
	float: left;
	padding-right: 20px;
}

#footer a {
	color: #fff;
}

/* Gravity Forms */
.gform_wrapper .gsection {
	border-bottom: 1px solid #eee !important;
	margin: 0 !important;
	padding-bottom: 0 !important;
}

.gsection_title {
	color: #335795;
	font-size: 14px !important;
	line-height: 20px;
}

.gfield_description {
	padding-top: 5px !important;
}

.gform_wrapper ul:not(.top_label) .gfield_label {
	margin-bottom: 10px !important;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
	font-size: 11px !important;
}