/*  
Theme Name: West Sound Tech 2015
Version: 1.0
Author: Raven Gildea
Author URI: http://ravengildea.com/
Text Domain: wstscf
*/


/*	COLOR SWATCHES

color: #21759b;	mountain blue

color: #004A71;	steel blue

color: #93A6C4;	very pale blue

color: #515151;	text gray

color: #757575;	lighter gray

color: #414b54;	darker gray



------- not in use ? check them, then delete

color: #676767;

#758899; 	pale steel blue
#33404C;	dark steel blue
#4E5B66;	medium steel blue


#646644;	khaki green
#E1E5A4;	yellow green

#586637; 	green?
#728448;	green?


*/

/* FOR DEVO ONLY */

#valid {
	display: none;		/* remove validation buttons from footer.php before site goes live */	
}


/* RESETS */
body, body * {
	margin: 0; 
	padding: 0; 
	box-sizing: border-box;	/* declared width = rendered width */
}
a img {
	border: none;
}

a {
	text-decoration: none;
}

/* RESPONSIVE */

/* will not validate --------- */
html { 
	-webkit-text-size-adjust: none; 	/* don't resize body copy on iPhone */
}

@-ms-viewport,		/* IE10 */
@viewport	{		/* future browsers */
    width: extend-to-zoom;
    zoom: 1.0;
}
/* --------- end will not validate */

/* SCALABLE IMAGES */
img, 
embed, 
object, 
video, 
iframe, 
.wp-caption { 	
	max-width: 100%;		
	width: auto;
	height: auto;
}

/* GLOBAL TEXT STYLES */

html {
	font-size: 16px;
}

body {
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 100%;
	line-height: 1.6;
	color: #515151;
}

em { 
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-style: italic;
}

strong, dt { 
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-weight: 700;
}

h1, h2, h3 {
	font-family: "Lora", Georgia, "Times New Roman", serif;
	font-weight: bold;
	font-weight: 700;
	color: #004A71;	
}

h2 {
	font-size: 2em;
	line-height: 1.25;
}

p+h2, ol+h2, ul+h2, img+h2, dl+h2 {
	margin-top: .75em;
}

h3 {
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 1.25em;
	margin-bottom: .25em;
	text-transform: uppercase;
	line-height: 1.4;
}

h4 {
	color: #414b54;		/* darker gray */
}

#content h3 {
	margin-top: .75em;
}
		
p, ul, ol, dl {
	margin-bottom: 0.625em;	
}

ul, dd {
	margin-left: 1.25em;	
}

ol {
	margin-left: 1.75em;	
}

li, dd {
	margin-bottom: 0.3125em;
	line-height: 1.45;	
}

blockquote {
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-size: 1.088em;
}

blockquote:before {
	content: "\201C";
	font-size: 4em;
	line-height: 0.1em;
	margin-right: .16em;
	vertical-align: -0.44em;
	color: #CCC;
	margin-left: -.1em;	
}

.attrib {
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: .85em;
	font-weight: 700;
	color: #757575;
}

.attrib:before {
	content: "~ ";	
	font-size: 1.171em;
}

#content blockquote {
	margin: 2em;
}

/* 	LINKS */

a:link, 
a:visited {
	color: #004A71;
	}
		
a:hover, 
a:focus {
	color: #888;
	}
	
p a:link, 
p a:visited, 
li a:link, 
li a:visited {
	border-bottom: 1px solid;	
}

p a:hover, 
p a:focus, 
li a:hover, 
li a:focus {
	border-bottom: 0;	
}


/* LAYOUT */

#wrapper,
#nav-main ul {
	width: 93%;
	max-width: 1200px;
	max-width: 75rem;
	margin: 0 auto 1.25rem; 		/* 20 / 16 */
}

#middle {				
	clear: both;
	overflow: hidden;	
}

#main {		
	width: 730px;	
	width: 77.659574%;	/* 730 / 940 */
	float: right;
}

#content {
	width: 400px;
	width: 55.555556%;		/* 400 / 740 */
	float: left;	
}

#secondary {
	width: 180px;
	width: 19.148936%;		/* 180 / 940 */
	float: left;
	margin-top: 1.6em;
}


#primary {
	width: 300px; 	
	width: 40.540541%;		/* 300 / 740 */
	padding-left: 28px;
	padding-left: 1.75rem;
	padding-top: 2em;
	margin-top: 3em;
	border-left: 1px solid #CCC;
	float: right;	
}

#footer {
	width: 100%;
	padding: 1em 1.75em .5em;
	background-color: #004A71;
	color: #FFF;
	line-height: 1.4;
 }
 
 #footer p {
	margin-bottom: 1em;	
	text-align: center;	
 }	
 
 footer span {
		white-space: nowrap; 
 }
 
 #footer a:link,
 #footer a:visited {
	color: #93A6C4;	/*very pale blue*/  
 }

 #footer a:hover,
 #footer a:focus {
	color: #CCC;	 
 }


/* HEADER */
#header {
	overflow: hidden; 
	padding: 2.5em 0 2em; 
}

			
h1 {
	font-size: 2.5em;
	line-height: 1.2;
}
	
h1 a:link, 
h1 a:visited {
	color: #004A71;
	text-decoration: none;
}

h1 a:hover, 
h1 a:focus {
	color: #21759b;	/*mountain blue */
	text-decoration: none;
}

#tagline {
	font-style: italic;
	font-size: 1.25em;
	color: #757575;
	margin-bottom: 0;
	line-height: 1.4;
}
	
/*	small logo  ---------------------------------------
#logo {	
	display: block;
	float: left;
	margin-right: 15px;
	width: 100px;
	margin-top: 10px;
}

#header h1 {
	font-family: "Lato", Helvetica, Arial, sans-serif;
}

*/

				/* larger logo, with text  --------------------------------------- */
				#header h1,
				#tagline {
					text-align: center;	
				}
				
				#header h1 span {
					display: none;	
				}
				
				#logo {
					width: 400px;	
				}
				/* --------------------------------------- */
	
/* NAV STYLES */

a:link.noborder,
a:visited.noborder,
nav li a:link,
nav li a:visited {
	border-bottom: 0;		/* reset global link styles */	
}

/* MAIN NAV */

#nav-main {
	overflow: hidden;
	border-bottom: 1px solid #004A71;
	background-color: #004A71;
}

#nav-main ul {
	float: left;
	text-align: left;
	text-transform: uppercase;
	margin: 0 2%;	
	text-transform: uppercase;
}


#nav-main li.last a {
	border-right: 1px solid #FFF;
}

#nav-main li {
	float: left;
	list-style-type: none;
	margin-bottom: 0;
}

#nav-main a {
	color: #FFF;
	display: block;
	padding: .25em 1.5em;
	text-decoration: none;
											/*	margin-left: -3px;
												margin-left: -0.1875rem; */
	font-size: 0.9375em;
	border-left: 1px solid #FFF;
}

#nav-main a:hover, 
#nav-main a:focus, 
#nav-main li.current_page_item a:link,
#nav-main li.current_page_item a:visited,
#nav-main li.current_page_item a:hover,
#nav-main li.current_page_item a:focus {		/* border not working on current page item */
	color: #004A71;
	background-color: #FFF;
	border-left: 1px solid #004A71;
}

/* 	TOGGLE MOBILE NAV */

#nav-mobile {
	display: none;			/* not visible on wider screens */
	padding: 1px 0;
	overflow: hidden;
	background-color: #004A71;
}

#nav-mobile a:link,
#nav-mobile a:visited {
	color: #FFF;
	text-decoration: none;
}
#nav-toggle a:hover,
#nav-toggle a:focus,
#nav-toggle li.current_page_item a:link,
#nav-toggle li.current_page_item a:visited,
#nav-toggle li.current_page_item a:hover, 
#nav-toggle li.current_page_item a:focus {		
	background-color: #FFF;
	color: #004A71;
	text-decoration: none;
}

#nav-mobile ul {
	display: none;			/* nav list is closed on page load */
	list-style: none;
	margin: 40px 0 0 0;
	padding: 0;
}

#nav-mobile li {
	margin-bottom: 0;
}

#nav-toggle a {
	display: block;
	padding: 0.375em 20px;
	padding: 0.375em 1.25rem; 	
	border-top: 1px solid #FFF; 		
	font-size: 1.1em;
	text-transform: uppercase;
}

#toggle-icon {
	display: block;
	width: 140px;
	padding: 0.375em 20px 0.375em 0;
	padding: 0.375em 1.25rem 0.375em 0;
	float: right;
	text-align: right;
	font-size: 1.1em;
	width: 100%;
}


/* SIDEBAR STYLES */
.widget {
	overflow: hidden;
	margin-bottom: 2.5em;	
}

#primary dd {			/* sponsor list */
	margin-left: 0;	
}

#primary dt {
	text-transform: uppercase;
	margin-top: 1.25em;
    border-bottom: 1px solid #ddd;
    color: #004A71;
}

#secondary ul {
	margin: 0;
	padding: 0;
}

.page-id-12 #secondary li {			/* sponsor logos */
	overflow: hidden;
	margin-bottom: 1em;
	text-align: center;
	list-style-type: none;
}

/* gold and silver sponsors at half size */

#secondary #gold li,
#secondary #silver li {
	width: 47%;
	float: left;
	margin-right: .5rem;
}

#secondary #gold li:nth-of-type(2n),
#secondary #silver li:nth-of-type(2n) {
	margin-right: 0;
}

#secondary .alignleft {	
	margin: 0; 	/* reset .alignleft margin for sponsor logos */
}

#secondary #silver li.wide,
#secondary #gold li.wide {
	width: 80%;  	/* make tiny logo legible */
}

.page-id-12 #secondary .widget {
	
}

.page-id-12 #secondary a:link,
.page-id-12 #secondary a:visited {			
	text-decoration: none;
	border-bottom: 0;
}

.sponsors dd {
	margin-top: .75em;
}

img.wp-image-78 {	/* Federal Managers Assoc logo */
    width: 70%;
    float: none;
}

/* FORM STYLES */

textarea, input, select {
	margin-bottom:6px;
}

input#Submit {
	font-size: 1em;
	background-color: #004A71;
	color: #FFF;
	padding: .35em;
}

input#Submit:hover {
	background-color: #93A6C4;
	color: #004A71;
}
	
/*	MISC STYLES */	

.clearnone {
	clear: none;	
}

.clearright {
	clear: right;	
}

.clearleft {
	clear: left;	
}

			
		
/*  ---------------  BEGIN WORDPRESS-GENERATED SELECTORS  ---------------  */		
		
div.hentry {
	margin-bottom: 20px;
}

.wp-caption-text  {
}
	
.alignnone {
	margin-bottom: 10px; 
}
	
.alignleft {	/* applies to floated images */
	float: left;
	margin: 0 10px 10px 0px ; 
}
	
.alignright { 	/* applies to floated images */
	float: right;
	margin: 0 0px 10px 10px; 
}
	
#previous_image a, 
#next_image a {
	border-bottom: none; 
}
	
.attachment-thumbnail, 
.size-thumbnail {
	padding: 5px;
	border: 1px solid #ddd;
}
	
#gallery-box {
	margin-bottom: 25px;
}
	
#comments-box,
#respond {
	clear: both; 	/* clears floated prev/next nav on comments.php template */	
}
	
	
/* COMMENTS */

#comments-head {
	border-bottom: 1px solid #ddd;
}
	
#comments-box ol,
#comments-box ul {
	list-style-type:none;
	padding-left: 0;
	margin-left: 0;	
}
	
#comments-box ol li {
	margin: 10px 0;
}
		
#comments-box cite {
	font-weight:bold;
	font-size: 13px;
}
	
.comment-author {
	margin-bottom: 2px;
}
	
.comment p {
	clear:both
}

.reply {
	font-size:10px;
}
	
.comment-meta {
	font-size:10px;
}
	
#commentform p {
	font-size: 12px;
}
	
.avatar {
	float: left;
	margin: 0 10px 10px 0;
}
	

#content img.print {
	float: right;
	border: none;
	clear:both;
	margin-bottom: 20px;
}
		
#content object { 
	margin: 0 0 10px 0px ; 
}
	
#content pre {
	max-height: 300px;
	font-size: 12px;
	padding: 10px;
	margin: 10px 0px;
	overflow: auto;
}
	

	
.clear {
	clear:both;
}


					
/* POST ITEMS */
.post-box {
	border-bottom:1px solid #DDDDDD;
	margin-bottom:30px;
	padding-bottom:10px;
}

.postmetadata {
	font-size:12px;
	font-style:italic;
}


/* GALLERY ITEMS */
.gallery {
	margin: auto;
}
	
.gallery-item {
	float: left;
	margin: 5px 3px 5px 0;
	text-align: center;
}
	
#content p.smallattachment a, 
#content dl.gallery-item a {
	border-bottom: none;
}
	
.gallery img {
}
	
.gallery-caption {
	margin-left: 0;
}
	
#content p.wp-caption-text {
	margin-top: 10px;
	font-size: 12px;
}
		
/*  ---------------  END WORDPRESS-GENERATED SELECTORS  ---------------  */		
		
		
		
@media (max-width: 850px) {

#secondary {
	width: 100%;
	margin-top: 2.5em;
}

#secondary div.widget {
	width: 48%;
	float:left;
	margin-right: 0;
}

#secondary div.widget:nth-of-type(2n) {
	float: right;
}

#secondary div.widget:nth-of-type(3n) {
	clear: both;
}


#main {		/* wraps left sidebar and content div */
	width: 100%;			
 }
 
 /* SPONSOR PAGE SIDEBAR */
 
 .page-id-12 #secondary .widget:nth-of-type(3n) {
	width: 100%;
	margin-right: 0;
}

#secondary #silver li,
#secondary #silver li:nth-of-type(2n) {
    width: 23%;
    margin-right: .5rem;
}


#secondary #silver li.wide {
	width: 45%;  	/* make tiny logo legible */
}

	
}
	
@media (max-width: 630px) {
	
#wrapper {
	width: 90%;	
}
	
#nav-main {	
	display: none;
}

#nav-mobile {
	display: block;
}

#toggle-icon {
	padding-right: 5%;		/* to match new wrapper width */
}

#content,
#primary {
	width: 100%;	
}

#primary {
	padding-left: 0;
	border-left: 0;
}

#primary div.widget {
	/*width: 47%;*/		
	width: 100%;		/* because we only have one widget per page */
	float:left;
	margin-right: 0;
}
/*		not needed, because we only have one widget per page 
	
#primary div.widget:nth-of-type(2n) {
	float: right;
}

#primary div.widget:nth-of-type(3n) {
	clear: both;
}
*/
#secondary div.widget {
	width: 47%;
}

}


@media (max-width: 575px) {

h1 {
	font-size: 2em; 	
}

h2 {
	font-size: 1.5em; 	
}

}

@media (max-width: 450px) {
	
body {
	font-size: 110%;
}

#primary div.widget,
#secondary div.widget {
  width: 100%;
}

#logo {
	width: 100%;	
}

/* SPONSOR LOGOS */

#secondary #silver li,
#secondary #silver li:nth-of-type(2n) {
    width: 30%;
}


#secondary #silver li.wide {
	width: 60%;  	/* make tiny logo legible */
}




}