/*  
Theme Name: Mountaineers 2013
Description: Created for the Mountaineers Foundation
Version: 1.0
Author: Raven Gildea
Author URI: http://ravengildea.com/
*/


/*
COLOR CODES:

color: #048DA9;		logo blue 

color: #4C86AC; 	light steel blue
color: #407293; 	med steel blue

color: #335973;		headline dark steel blue

color: #335A74;		dark steel blue  (links, text)

color: #B3B3B3; 	30% gray
color: #4D4D4D;		70% gray
color: #1A1A1A;		90% gray


color: #686362;		try this gray for text: from MF.org ... it's a little too light. Something darker?

*/


/* RESETS */
body, body * {
	margin: 0; 
	padding: 0; 
}
a img, img {
	border: none;
}
a {
	text-decoration: none;
}

/* RESPONSIVE */

img {
	max-width: 100%;
}

/* GENERAL TEXT STYLES */

body {
	font-family: Cabin, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	background-image: url(images/bluebar.png);
	background-repeat: repeat-x;
	background-position: 0px 170px;
	font-size: 15px;
	line-height: 1.5;
	/*color: #1A1A1A;*/	/* 90% black */
	color: #4D4D4D;
	letter-spacing: .2px;
	text-align: center; /* center hack for IE6 */
}

/* LAYOUT */

#wrapper {
	clear: both;
	width: 900px;
	margin: 0 auto  20px;
	text-align: left;  /* reset IE center hack */
	overflow: hidden;
}


/* HEADER */
header {
    height: 150px;
    padding-top: 20px;
}

#nav-main {
	height: 42px;
	line-height: 42px;
	padding: 0 5px;
	font-family: Oswald,"Times New Roman",Times,serif;
}

#primary {
	width: 153px;
	float: left;
	padding: 85px 0 0;
	text-align: right;
}

#main {
	width:675px;
	float: right;
	border-left: 2px solid #335A74;	/* dark steel blue */
	padding: 0 0 30px 35px;
	margin-top: 35px;
}

#content {
	float: left;
	width: 437px;
}
		
#secondary {
	float: right;
	width: 190px;
    padding: 40px 0 20px;
}

footer {
	clear: both;
	font-size: 14px;
	color: #666666;		
	float: right;		/* float, width, and padding align with left edge of #content */
	width: 437px;			
	padding: 35px 238px 0 0;			
}

	

/* LINKS */

a:link, 
a:visited {
color: #407293	/* med steel blue */;
}
		
a:hover, 
a:focus {
	color: #335A74;	/* dark steel blue */
	text-decoration: underline;
}
		

/* HEADER */


header h1 span {
	display: none; 	/* h1 does not display on this theme, but we leave it in for SEO */
}

.description {
	/*font-style: italic;*/
	font-size: 19px;
	color: #444;
	float: left;
	width: 500px;
	display: none;	/* description does not display on this theme, but we leave it in for SEO */
}

#bannerpics {
	width: 712px;
	float: right;
    height: 183px;
}

/* PRIMARY (LEFT) SIDEBAR */

#primary h3 {
	font-family: Oswald,"Times New Roman",Times,serif;
	font-weight: 400;
	font-size: 17px;
	color: #335A74;		/*dark steel blue*/
    line-height: 1.3;
    margin: 25px 0 5px;
}

#primary p, 
#primary li {
	font-size: 14px;
	margin-bottom: 15px;
}

/* blog subscription widget */

#subscribe-email input {						
	font-size: 1em;
	padding: 2px;
}

#primary p#subscribe-email {
	margin-bottom: 7px;
}

#primary p.margin-bottom {
	margin-bottom: 35px;
}

#primary ul ul {
	margin-bottom: 0;
}


/* NAVIGATION */

/* main nav */

#nav-main ul {
	list-style-type: none;
}

#nav-main li {
	float: left;
	margin-right: 50px;
}

#nav-main a {
	color: #FFF;
}

#nav-main a:link, 
#nav-main a:visited {
	text-decoration: none;
}

#nav-main a:hover, 
#nav-main a:focus,
#nav-main li.current_page_item a:link,
#nav-main li.current_page_parent a:link {
	text-decoration: underline;
}


/* utility nav */

nav#util {
	width: 350px;
	float: right;
}

nav#util ul {
	text-align: right;
	float:right;
	text-transform: lowercase;
}

nav#util a {
	padding: 0 10px;
}

nav#util li {
	float: left;
	list-style-type: none;
}

nav#util a {
	text-decoration: none;
	border-right: 1px solid; 	 
	font-size: 15px;
}

nav#util li.last a {
	border-right: none;
	padding-right: 0;
}

nav#util a:hover, 
nav#util a:focus, 
nav#util li.current_page_item a {
	color: #335973;		/*dark blue */
	border-bottom: none;
	text-decoration: underline;
}


/* side nav */

#primary ul,
#nav-board ul {
	font-family: Helvetica, Arial, sans-serif;
	font-family: Cabin, Helvetica, Arial, sans-serif;
	list-style-type: none;
	font-size: 16px;
    line-height: 1.4;
   	margin-bottom: 20px;

}

#primary ul li {
	margin-bottom: 6px;
}

#primary ul ul li {
   /*font-size: 15px;
    padding: 0 0 5px 0;*/
}

#primary nav ul {
	margin-bottom: 75px;
	/*text-transform: lowercase;*/
}

#primary ul ul {
	margin: 8px 0 5px;	
	padding: 0;
}

#primary li a:link, 
#primary li a:visited {
	color: #335A74;	/* dark steel blue */
}

#primary li a:hover, 
#primary li a:focus {
	color: #048DA9;		/*logo blue */
	text-decoration: none;
	border-bottom: 1px solid;
}
	
#primary li.current_page_item a:link/*, 
#primary li.current-page-parent > a:link*/ {
	color: #335A74;	/* dark steel blue */
	border-bottom: 1px solid;
}

#primary li.current_page_item li a:link {	/* sub-pages of current page */
	color: #335A74;	/* dark steel blue */
	border-bottom: none;
}
	
/* Community Grants menu item on Grants Awarded Sub-menu */
#primary #nav-grants-awarded li#menu-item-147 > a:link,
#primary #menu-grants-awarded-sub-menu li#menu-item-147 > a:link {	
	border-bottom: none;
}
	
#primary li.current_page_item a:hover,
#primary li.current_page_item a:focus {
	color: #048DA9;		/*logo blue */
}

	/*
#primary li.current_page_parent a:link {
	color: #004A71;
	border-bottom: 1px solid #ddd;
}
	
#primary li.current_page_parent a:hover,
#primary li.current_page_parent a:focus {
	color: #004A71;
	border-bottom: 1px solid #ddd;
}

*/

/* BOARD RESOURCES NAV */

#content #nav-board ul li {
	margin: 0 0 6px 0;
	list-style-type: none;
}

#content ul.nobullet li {
	list-style-type: none;
}

/* CONTENT */

#primary h2,
#content h2,
#content.archive h3 {
	clear: both;
	color: #335973;
	font-size:22px;
	margin: 15px 0 10px;
	font-family: Oswald,"Times New Roman",Times,serif;
	font-weight: 400;
    font-size: 28px;
}

#primary h2 a,
#content h2 a,
#content h3 a,
#content h4 a {
	/*margin-right: 3px;*/
	color: #335973;
}
	
#primary h2 a:hover,
#primary h2 a:focus,	
#content h2 a:hover,
#content h2 a:focus,
#content h3 a:hover,
#content h3 a:focus,
#content h4 a:hover,
#content h4 a:focus {
	/*margin-right: 3px;*/
	text-decoration: underline;
	color: #407293; 	/*med steel blue*/
}
			
#content h3,
#content.archive h2 {
	clear: both;
	font-family: Oswald,"Times New Roman",Times,serif;
	font-weight: normal;
	color: #335973;
	font-size: 18px;
	margin-bottom: 6px;
}

#content.archive h2 {
	font-style: italic;
}
	
#content h4	{
	clear: both;
	margin-bottom: 4px;
	color: #555;
}
	
#content h5 {
    color: #335A74;
	font-family: Oswald,"Times New Roman",Times,serif;
	font-weight: 400;
    font-size: 16px;
}

span.h5,
b.h5 {
	font-family: Oswald,"Times New Roman",Times,serif;
	font-weight: 400;
}

#content p {
	margin: 0 0 15px 0;
}
			

#content ul,
#content ol,
#content dl {
	margin: 6px 0 15px;
}
	
#content ul li	{
	list-style: outside;
	margin-left: 1.25em;
	margin-bottom: 6px;
}
		
#content ul li a {
	border-bottom: 1px solid #ddd;
	text-decoration: none;
}
	
#content ul li a:hover,
#content ul li a:focus {
	color: #335973;
	border-bottom: 1px solid #335973;
}
	
#content ol {
	color:#333;
	margin: 6px 0 15px;
	padding: 0 15px;
}
	
#content ol li	{
	line-height: 150%;
	margin: 0 0px 6px 10px;
}
		
#content ol li a {
	border-bottom: 1px solid #ddd;
	text-decoration: none;
}
	
#content ol li a:hover,
#content ol li a:focus {
	color: #335973;
	border-bottom: 1px solid #335973;
}

#content aside {			/* blurbs */
    width: 180px; 
    float: right; 
    border-bottom: 2px solid #BBBBBB;
    border-top: 2px solid #BBBBBB;
    color: #666666;
    font-size: 17px;
    font-style: italic;
    line-height: 1.6;
    margin: 20px 0 20px 20px;
    padding: 15px 0 15px 20px;
}
		
#content blockquote {
	padding: 15px 40px;
	border-top: 2px solid #bbb;
	border-bottom: 2px solid #bbb;
	font-style: italic;
	font-size: 17px;
	line-height: 1.6;
	color: #666;
	margin: 30px 0px;
}

#content blockquote cite {
	display: block;
	font-family: Cabin, "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;
	padding: 10px 0 0 40px;
    font-size: 14px;
    font-style: italic;
    line-height: 1.5;
}
	
#content blockquote h3 {
	color: #333;
}

#content pre {
	padding: 25px;
	border-top: 2px solid #bbb;
	border-bottom: 2px solid #ddd;
	margin: 0px 0px 10px 0px;
}			
		
#content label	{
	/*color: #B3B3B3;*/  /*why was this?*/
}
	
#content iframe {
	/*padding: 4px;*/
	border: 1px solid #ddd;
	margin: 0 0 10px 0;
}	

#content img {
	/*padding: 4px;*/
	border: 1px solid #ddd;
}
		
#content form img,	/* no border around PayPal 1px gif */
#content img.noborder {
	border: none;		
}

/* RIGHT SIDEBAR */

#secondary p, 
#secondary ol, 
#secondary ul,
#secondary dl {
	color: #444;
	line-height: 140%;
	margin: 0px 0px 10px 0px;
}

#secondary h2, 
#secondary h3 {
	color: #335973;
	margin: 20px 0 5px;
	text-align: left;
    font-size: 17.5px;
    font-variant: small-caps;
}

#secondary blockquote {
	font-family: Oswald, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 18px;
	line-height: 1.5;
		color: #4C86AC; ;
	border-top: 1px solid  #B3B3B3;
	border-bottom: 1px solid  #B3B3B3;
	padding: 15px 0;
 	margin: 35px 0;
 }
 
#secondary blockquote form {		/* PayPal button */
	margin-top: 15px;
}

#secondary li {
	line-height: 150%;
	list-style: none;
	padding: 0 0 0 7px; 
	margin-bottom: 4px;
}
	
#secondary li a {
	border-bottom: none;
	color:#444;
}
	
#secondary li a:hover,
#secondary li a:focus {
	border-bottom: 1px solid #ddd;
	color:#335973;
}
			
#secondary li.current_page_item a {
	color:#888;
	border-bottom: 1px solid #ddd;
}
		
#secondary li.current_page_item a:hover,
#secondary li.current_page_item a:focus {
	color: #333;
	border-bottom: 1px solid #ddd;
}
	
/*#secondary img, 
#secondary iframe {
	padding: 5px;
	margin: 5px 0;
	border: 1px solid #ddd;
}*/

#secondary img#donate {
	padding-top: 10px;	
}
	

	
/* FORM STYLES */

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

input#s {		/* searchform */
	margin-right: 40px;	/* hack to reset text-align: start; in chrome */	
	font-size: 1em;
	padding: 2px;
}

/* override gravity form css */
.gform_wrapper .description, 
.gform_wrapper 
.gfield_description, 
.gform_wrapper .gsection_description, 
.gform_wrapper .instruction {
    font-size: 100%;
}

.gform_wrapper label.gfield_label {
    font-size: 110%;
}

form span.screen-reader-text {
	font-style: italic;
}

span#extensions_message {
	display: block;
}

/* contact 7 form styles */

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
	font-size: 100%;
	width: 60%;
	padding: 4px;
}

.wpcf7-form textarea {
	width: 100%;
}


	
/* MISC STYLES */

hr {
    color: #EEEEEE;
    margin: 20px 0;
}

body.page-id-33 section { 		/* board resources page */
	margin: 20px 0;
	border-bottom: 1px solid #AAAAAA;
}

#content p.offset {
    margin-bottom: 25px;
}	

ol.alpha {
	list-style-type: upper-alpha;
}
	
/* GRAVITY FORMS CSS FOR GRANT APPLICATION */	

.gfield_label {
	margin: 25px 0 4px 0 !important;
}

h3.gform_title {	/* if we print the title on the form, style it here. */
	
}
		
/*  ---------------  BEGIN WORDPRESS-GENERATED SELECTORS  ---------------  */		
		

.widget {
	margin-bottom: 45px;	
}
		
div.hentry {
	margin-bottom: 20px;
}

.wp-caption-text  {

}
	
.alignnone {
	margin-bottom: 10px; 
}
	
.alignleft {
	float: left;
	margin: 0 10px 10px 0px ; 
}


.post-nav .alignleft {		/* single.php next/prev post nav */
	width: 48%;
  	margin-right: 0;

}

.post-nav .alignright {
	width: 48%;
   	margin-left: 0;
}

nav.post-nav {
    border-top: 2px solid #BBB;
    padding-top: 1em;
    margin-top: 1em;
	clear: both;
}

#secondary p.alignleft {		/* social media icons */
	float: left;
	margin: 0 10px 20px 0;
}


#previous_image a, 
#next_image a {
	border-bottom: none; 
}
	
.alignright {
	float: right;
	margin: 0 0px 10px 10px; 
}
	
.attachment-thumbnail, 
.size-thumbnail {
	padding: 5px;
	border: 1px solid #ddd;
}
	
#gallery-box {
	margin-bottom: 25px;
}
	
#comments-box {
	clear: both;
}
	
	
/* COMMENTS */

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

.reply {
	font-size:12px;
}
	
.comment-meta {
	font-size:12px;
}
	
#commentform p {
	font-size: 12px;
}
	
.avatar {
	float: left;
	margin: 0 10px 10px 0;
}
			
#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-family: Helvetica, Arial, sans-serif;
	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: 4px;
	font-size: 13px;
}

img#wpstats{display:none}		/* remove stats smiley */
		
/*  ---------------  END WORDPRESS-GENERATED SELECTORS  ---------------  */