/*
Theme Name: MSS
Theme URI:
Description: A theme for MountainSuperSweep.com by Travis Raymond Uribe
Author: Travis Uribe
Author URI: http://turibe.com
Version: 1.0
Tags:
*/

@import url("css/reset.css");
@import url("css/quick.css");

@font-face {
	font-family: Benguiat;
	src: url(fonts/benguiat/benguiat-bold.eot);
	src: url(fonts/benguiat/benguiat-bold.woff) format('woff'),
			 url(fonts/benguiat/benguiat-bold.ttf) format('truetype'),
			 url(fonts/benguiat/benguiat-bold.otf) format('opentype');
	font-weight: bold;
}
@font-face {
	font-family: Benguiat;
	src: url(fonts/benguiat/benguiat-normal.eot);
	src: url(fonts/benguiat/benguiat-normal.woff) format('woff'),
			 url(fonts/benguiat/benguiat-normal.ttf) format('truetype'),
			 url(fonts/benguiat/benguiat-normal.otf) format('opentype');
	font-weight: normal;
}


:root {
	--main-column-width: 1100px;
}

/***************************************************************************/
/* General Element styling */
/***************************************************************************/


body {
	margin: 0;
	padding: 0;
	font-size: 10pt;
	font-family:	'Trebuchet MS', Arial, sans-serif;
	background-color: #3a3a3a;
	background-image: url(images/bricks.jpg);
}

a:link {
	color: #c00;
	text-decoration: underline;
}
a:hover{text-decoration: underline}
a:visited{color:#c00}

h1 {
	font-size: 36px;
	margin: 20px 0 20px;
	font-family: Benguiat, "Courier New", Courier, serif, monospace;
	font-weight: bold;
}
h2 {font-size: 32px}
h3 {font-size: 28px}
h4 {font-size: 24px}
h5 {font-size: 18px}
h6 {font-size: 15px}

h1, h2, h3, h4, h5, h6 {
	color: #c00;
}

h5, h6 {font-weight: bold}

p {
	font-size: 15px;
	margin: 15px 0;
	line-height: 24px;
}

#content input,
#content textarea,
#content select {
	border: 1px solid black;
	border-radius: 0;
}

label {
	line-height: 20px;
}

.alignleft {
	float: left;
	margin-right: 15px;
}
.alignright {
	float: right;
	margin-left: 15px;
}
.alignleft,
.alignright {
	margin-bottom: 15px;
}
.wp-caption {
	background-color: lightgrey;
}
.wp-caption img {
	display: block;
	margin: 4px auto 0;
}
.wp-caption-text {
	padding: 0 5px;
	margin: 0;
	font-size: 12px;
}

/***************************************************************************/
/* Site Header styling */
/***************************************************************************/

#site-header-canvas-bg {
	position: absolute;
	inset: 0;
	z-index: 2;
	background-image: url(images/metal.jpg);
}

#site-header-bar-wrap {
/*	background-image: url(images/v-grad.png);*/
	background-position: left top;
	background-repeat: repeat-x;
}
	#site-header-bar {

	}
		#site-header-wrap {
			position: relative;
			width: var(--main-column-width);
			margin: 0 auto;
		}
			#site-header {
				position: relative;
				z-index: 3;
				overflow: hidden;
/*				background-color: rgb(45, 45, 45);
				background-color: rgba(45, 45, 45, 0.45);*/
				background-image: url(images/site-header-bg.png);
				background-repeat: repeat;
/*				background-image: url(images/brushed-metal.png);*/
			}
				#site-logo-wrap {
					float: left;
					margin-right: 20px;
				}
					#site-logo-wrap .site-logo {
						margin: 5px 6px 3px 20px;
					}
				#site-title-wrap {
					float: left;
					height: 45px;
					max-width: 600px;
					white-space: nowrap;
				}
					#site-title {
						line-height: 60px;
						padding: 10px 0 0;
						margin: 0;
						font-size: 29px;
						font-family: Benguiat, "Courier New", Courier, serif, monospace;
						font-weight: bold;
					}
						#site-title a {
							color: white;
							font-weight: bold;
							text-decoration: none;
						}
					#blog-description {
						width: 500px;
						font-family: Benguiat, "Courier New", Courier, serif, monospace;
						font-weight: normal;
						font-size: 20px;
						color: ghostwhite;
						letter-spacing: -1px;
						line-height: 24px;
					}
				#site-header-contact-info {
					float: right;
					padding: 5px 20px 0 5px;
				}
				#site-header-contact-info h4 {
					font-family: Benguiat, "Courier New", Courier, serif, monospace;
					font-size: 26px;
					color: white;
				}
					.site-header-phone-legend {
						display: block;
						font-size: 18px;
						margin: 10px 0 2px -5px;
					}



/***************************************************************************/
/*  Site nav menu styling
/***************************************************************************/
#site-header-menu {
	/*position: absolute;*/
	bottom: 0;
	width: 100%;
}
	#site-header-menu .menu {
		overflow: hidden;
		padding: 1.5rem 15px 0;
	}
		#site-header-menu .menu li {
			float: left;
			margin-right: 15px;
		}
			#site-header-menu .menu li a {
				display: block;
				position: relative;
				top: 7px;
				z-index: 9;
				height: 35px;
				padding: 0.5rem 1rem 0.25rem;
				border-radius: 0.25rem 0.25rem 0 0;
				border: 1px solid grey;
				border-style: solid solid none;
				color: white;
				box-shadow: 0 0 6px 0 black;
				font-family: Benguiat, "Courier New", Courier, serif, monospace;
				line-height: 23px;
				font-size: 18px;
				text-decoration: none;
				background-color: #555;
				background-image: url(images/brushed-metal.png);
				transition: top ease-out 0.25s;

				&:hover {
					top: 0;
				}
			}
			#site-header-menu .menu li.current_page_item a {
				border: 1px solid white;
				border-bottom-style: none;
				z-index: 11;
				color: black;
				background-color: whitesmoke;
				background-image: url(images/brushed-metal-light.png);
			}
#site-header-menu-border {
	position: relative;
	z-index: 10;
	height: 3px;
	border-bottom: 1px solid grey;
	background-image: url(images/brushed-metal-light.png);
	background-color: whitesmoke;
	box-shadow: 0 0 4px black;
}


/***************************************************************************/
/* Content Column styles */
/***************************************************************************/


#main-wrap {
	position: relative;
	z-index: 3;
	width: var(--main-column-width);
	margin: 0 auto;
}
	#main {
		box-shadow: 0 0 15px 1px black;
		background-color: white;
/*		box-shadow: 0 0 8px 1px black;*/
	}
		#content-wrap {
/*			background-color: white;*/
		}
			#content {
				padding: 20px;
			}


/***************************************************************************/
/* Home-page styles */
/***************************************************************************/

#home-content-header {
	padding-bottom: 25px;
	border-bottom: 1px solid lightgrey;
}
#home-content-title {
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 36px;
}
#home-content-subtitle {
	font-size: 24px;
}
#contact-form-wrap {
	float: right;
	width: 420px;
}
	#contact-form {
		border-left: 1px solid lightgrey;
		padding-left: 20px;
	}
	#contact-form .cform {
		width: auto;
		background-color: transparent;
		border-style: none;
	}
		#contact-form label {
			width: 25%;
			float: left;
			margin: 5px 0;
			text-align: left;
		}
		#contact-form input,
		#contact-form select {
			float: left;
			width: 70%;
			margin: 0;
		}
		#contact-form select {
			padding: 1px 2px;
			background-image: none;
		}
		#contact-form input {
			padding: 2px;
			border: 1px solid black;
			background-color: white;
			background-image: none;
		}
		ol.cf-ol li {
			clear: both;
			padding: 10px 0;
			margin: 0!important;
		}
		p.cf-sb {
			padding-top: 20px;
			clear: both;
			text-align: center;
		}
		p.cf-sb input#sendbutton {
			float: none;
			width: 80%;
			margin: 10px auto;
			font-size: 20px;
		}
#primary-sidebar-wrap {
	margin-top: 0px;
}
	#primary-sidebar {
		padding-top: 30px;
		border-top: 1px solid lightgrey;
	}
	#primary-sidebar .widget .widget-title {
		border-bottom: 1px solid lightgrey;
	}
	#primary-sidebar .widget .widget-title a {
		display: block;
		border-bottom: 1px solid lightgrey;
		margin-bottom: -1px;
		text-decoration: none;
	}
	#primary-sidebar .widget .widget-title a:hover {
		border-bottom-color: #c00;
	}
		#primary-sidebar .widget-wrap {
			float: left;
			width: 25%;
		}
			#primary-sidebar .widget-wrap .widget {
				padding-right: 40px;
			}
			#primary-sidebar .widget-wrap.widget-last .widget {
				padding-right: 0;
			}
				#primary-sidebar .widget p {
					line-height: 18px;
					font-size: 13px;
				}
		.about-brief-wrap {

		}
			a.about-brief {
				display: block;
				text-decoration: none;
				padding-bottom: 10px;
			}
			.about-brief h5,
			.about-brief h6 {
				text-decoration: none;
			}
			.about-brief h5 {
				margin-top: 5px;
				margin-bottom: 2px;
			}
			.about-brief h6 {
				margin-bottom: 10px;
			}
			.about-brief .about-brief-portrait {
				float: right;
				margin-top: 5px;
				margin-left: 5px;
			}
			.widget p img,
			.about-brief .about-brief-portrait {
				border: 1px solid lightgrey;
				box-shadow: 0 5px 12px -3px grey;
			}
			.about-brief p {
				color: black;
				text-decoration: none;
				margin: 10px 0;
			}
#home-logo-bar-wrap {
	margin-top: 10px;
}
	#home-logo-bar {
		border-top: 1px solid lightgray;
	}


/***************************************************************************/
/* Post styles */
/***************************************************************************/

.post-single-title {
	margin: 15px 0 25px;
	border-bottom: 1px solid lightgrey;
	height: 33px;
	overflow: visible;
}
.post-single-subtitle {
	font-size: 20px;
	margin: 0 0 25px;
	color: #555;
}
.post-meta {
	float: right;
	color: #555;
	line-height: 25px;
	margin: 10px 20px 0 0;
}
	.post-author {
		color: #555;
	}
	.post-date {

	}
.post-featured-image-wrap {
	float: left;
	margin-right: 15px;
}
	.post-featured-image-wrap img {
		display: block;
	}


.post-excerpt-wrap:first-child {
	margin-top: 0;
}
.post-excerpt-wrap {
	margin: 0;
	padding: 10px 0;
}
.post-excerpt-wrap.odd {
	padding: 10px 5px;
	margin: 0 -5px;
	background-color: whitesmoke;
}
	.post-excerpt {

	}
		.post-header {

		}
			.post-excerpt .post-title,
			.post-excerpt .post-date {
				float: left;
				margin-right: 40px;
			}
			.post-excerpt .post-title {
				line-height: 36px;
			}
			.post-excerpt .post-date {
				height: 30px;
				color: grey;
				font-size: 15px;
				line-height: 46px;
			}
		.post-excerpt .post-content {

		}
		.more {
			display: block;
			border-radius: 8px;
			background-color: black;
			cursor: pointer;
			padding: 4px 8px;
			text-decoration: none;
			padding-left: 20px;
			line-height: 24px;
			background: url(images/more-icon.png) no-repeat left center;
			font-size: 11pt;
		}


/***************************************************************************/
/* Site Footer styles */
/***************************************************************************/
#site-footer-wrap {
	width: var(--main-column-width);
	margin: 0 auto 40px;
	background-color: #ccc;
}
	#site-footer {
		padding: 5px 10px;
		line-height: 24px;
	}
	#site-footer-middle {
		padding-left: 15px;
		border-left: 1px solid grey;
		margin-left: 20px;
		width: 420px;
		overflow: hidden;
	}
	.fb_iframe_widget span {
		height: 24px!important;
	}
		#site-footer-contact-info h4 {
			font-size: 16px;
			color: black;
		}
			.site-footer-phone-legend {
				display: inline-block;
				width: 140px;
				font-size: 11px;
				margin:	0 0 2px;
			}

		#site-footer-copyright {
			color: grey;
			font-size: 12px;
			padding-top: 8px;
		}
		#site-footer-legal-links {
			font-size: 14px;
		}
		#site-footer-basic-nav {

		}
		#site-footer-basic-nav .menu li {
			float: left;
			padding-right: 30px;
		}
			#site-footer-basic-nav .menu li a {
				font-size: 14px;
				color: grey;
			}
			#site-footer-basic-nav .menu li.current_page_item a {
				color: black;
			}
			#menu-item-33 {
				margin: -6px 0 -8px;
			}


/***************************************************************************/
/* Blog Feed styles */
/***************************************************************************/

.read_more {
	display: block;
	border-radius: 8px;
	background-color: black;
	cursor: pointer;
	padding: 4px 8px;
	text-decoration: none;
	padding-left: 20px;
	line-height: 24px;
	background: url(images/more-icon.png) no-repeat left center;
	font-size: 11pt;
}


/***************************************************************************/
/* Comments styles */
/***************************************************************************/

.comments-area {
	margin-top: 40px;
}
	#comments {

	}
		#comments-list {

		}
			#comments-list li {

			}
		#respond {

		}
			.comment-respond-legend {
				margin: 20px 0 15px;
				font-size: 24px;
			}
			.form-container {

			}
			.form-section {
				padding: 5px 0;
				line-height: 23px;
			}
				.form-label {
					width: 110px;
				}
				.form-input {

				}






/***************************************************************************/
/* One-Off styles */
/***************************************************************************/
#post-7 header {
	display: none;
}



/***************************************************************************/

.type-page #contact-form-wrap {
	float: none;
	width: 500px;
}
.type-page #contact-form {
	border-left-style: none;
}
.type-page #contact-form label {
	width: 33%;
	margin: 3px 0 5px;
}
.type-page #contact-form input,
.type-page #contact-form select {
	float: left;
	width: 65%;
	margin: 0;
}

/***************************************************************************/


#contact {

}
	#contact .big {
		font-size: 11pt;
	}


/***************************************************************************/

#post-53 h1 {
	border-bottom-style: none;
	margin-bottom: 40px;
	line-height: 40px;
	font-size: 32px;
}
#post-53 p {
	font-size: 20px;
	color: black;
	line-height: 40px;
}
/**************************************************************************/
.wpcf7-form, .wpcf7 * {
  box-sizing: border-box;
}
.type-page .wpcf7-form label {
  width: 192px;
}
.wpcf7-form label {
  display: inline-block;
  font-size: 12px;
  white-space: nowrap;
  width: 155px;
  text-align: right;
  padding-right: 15px;
  padding-top: 2px;
  vertical-align: top;
}
.wpcf7-form input,
.wpcf7-form select,
input[type="submit"] {
  padding: 2px;
  width: 300px;
}
.wpcf7-form select[multiple] {
  height: 120px;
}
.wpcf7-form input[type="submit"] {
  float: right;
  margin-left: 197px;
  padding: 8px;
  cursor: pointer;
}