/*
	Theme Name: Chris MacGowan
	Description: Launch theme for Chris MacGowan new brand, new website.
	Author: Ben MacGowan
	Version: 2
*/

* {
	margin: 								0;
	padding: 								0;
}

body {
	background: 							#c9c5c8;
	color: 									#696969;
	font: 									12px/150% Arial, sans-serif;
}

p#no-js {
	background: 							#bf3a3a;
	border-bottom: 							1px solid #FFF;
	color: 									#FFF;
	text-align: 							center;
	width: 									100%;
}

#wrapper {
	margin: 								0 auto;
	width: 									960px;
}

/* Font Declarations */

@font-face {
    font-family: 							'ProcionoRegular';
    font-style: 							normal;
    font-weight: 							normal;
    src: 									url('fonts/Prociono-Regular-webfont.eot');
    src: 									url('fonts/Prociono-Regular-webfont.eot?#iefix') format('eot'),
         									url('fonts/Prociono-Regular-webfont.woff') format('woff'),
         									url('fonts/Prociono-Regular-webfont.ttf') format('truetype'),
         									url('fonts/Prociono-Regular-webfont.svg#webfontLqDKYAnt') format('svg');

}

/* Global Assets */

header, footer, nav, aside, article, section {
	display:								block;
}

h1, h2, h3, h4, h5, h6, p, ul, ol {
	padding: 								10px 0;
}

h1 {
	background: 							url('images/heading-bg.png') repeat-x left bottom;
	color: 									#bfbb3a;
	font: 									32px 'ProcionoRegular', Georgia, serif;
	margin-bottom: 							10px;
	padding-bottom: 						13px;
}

h2 {
	color: 									#3d2442;
	font: 									24px 'ProcionoRegular', Georgia, serif;
}

h3 {
	padding-bottom: 						0;
}

h3 + p {
	padding-top: 							0;
}

ul, ol {
	margin-left: 							25px;
}

a {
	color: 									#3d2442;
	display: 								inline-block;
	padding: 								10px 0;
}

a:hover {
	text-decoration: 						none;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a, ul a, ol a {
	padding: 								0;
}

blockquote {
	background: 							rgba(255,255,255,.7);
	border: 								1px solid rgba(0,0,0,.2);
	-moz-border-radius: 					5px;
	-webkit-border-radius: 					5px;
	border-radius:							5px;
	-moz-box-shadow:						0 0 5px rgba(0,0,0,.2) inset;
	-webkit-box-shadow: 					0 0 5px rgba(0,0,0,.2) inset;
	box-shadow:								0 0 5px rgba(0,0,0,.2) inset;
	margin: 								10px 0 20px;
	padding: 								0 10px;
}

blockquote:last-child {
	margin-bottom: 							10px;
}

img {
	border: 								0;
}

img.alignright {
	float: 									right;
	margin: 								0 0 10px 10px;
}

img.alignleft {
	float: 									left;
	margin: 								0 10px 10px 0;
}

/* Header */

header[role=banner] {
	background: 							#ece8eb url('images/stripe-bg.gif');
	-moz-border-radius-bottomleft: 			5px;
	-moz-border-radius-bottomright: 		5px;
	-webkit-border-bottom-left-radius: 		5px;
	-webkit-border-bottom-right-radius: 	5px;
	border-radius:							0 0 5px 5px;
	-moz-box-shadow:						0 0 5px rgba(0,0,0,.1);
	-webkit-box-shadow: 					0 0 5px rgba(0,0,0,.1);
	box-shadow:								0 0 5px rgba(0,0,0,.1);
	height: 								99px;
	padding-left: 							20px;
}

header[role=banner] a#logo {
	float: 									left;
	margin: 								9px 9px 0 0;
	padding: 								0;
}

header[role=banner] hgroup {
	background: 							url('images/header-logo-bg.png') no-repeat right top;
	-moz-border-radius-bottomleft: 			5px;
	-moz-border-radius-bottomright: 		5px;
	-webkit-border-bottom-left-radius: 		5px;
	-webkit-border-bottom-right-radius: 	5px;
	border-radius:							0 0 5px 5px;
	display: 								block;
	height: 								99px;
	padding: 								15px 20px 0 0;
}

header[role=banner] hgroup h1 {
	background: 							none;
	font: 									36px 'ProcionoRegular', Georgia, serif;
	margin: 								0;
	padding: 								0;
}

header[role=banner] hgroup h1 a {
	text-decoration: 						none;
}

header[role=banner] hgroup h2 {
	color: 									#7d7d7d;
	font: 									italic 16px 'ProcionoRegular', Georgia, serif;
	padding: 								0;
}

/* Navigation */

nav[role=navigation] {
	height: 								50px;
}

nav[role=navigation] ul {
	float: 									right;
	list-style: 							none;
	margin: 								0;
	padding: 								10px 0 0;
}

nav[role=navigation] ul li {
	display: 								inline;
}

nav[role=navigation] ul li a {
	-moz-border-radius: 					3px;
	-webkit-border-radius: 					3px;
	border-radius:							3px;
	color: 									#FFF;
	display: 								block;
	float: 									left;
	font-size: 								14px;
	line-height: 							14px;
	margin-right: 							10px;
	padding: 								9px 12px;
	text-decoration: 						none;
	text-shadow: 							1px 1px 1px rgba(0,0,0,.1);
	-moz-transition:						all .5s ease-in-out;
	-webkit-transition:						all .5s ease-in-out;
	transition:								all .5s ease-in-out;
}

nav[role=navigation] ul li a:hover, 
nav[role=navigation] ul li.current-menu-item a, 
nav[role=navigation] ul li.current-page-ancestor a, 
body.post-type-archive-services nav[role=navigation] ul li.menu-item-41 a {
	background: 							#3d2442;
	-moz-box-shadow:						0 0 10px rgba(0,0,0,.2) inset;
	-webkit-box-shadow: 					0 0 10px rgba(0,0,0,.2) inset;
	box-shadow:								0 0 10px rgba(0,0,0,.2) inset;
}

/* Content */

#content {
	background: 							#ece8eb url('images/stripe-bg.gif');
	-moz-border-radius: 					5px;
	-webkit-border-radius: 					5px;
	border-radius:							5px;
	-moz-box-shadow:						0 0 5px rgba(0,0,0,.1);
	-webkit-box-shadow: 					0 0 5px rgba(0,0,0,.1);
	box-shadow:								0 0 5px rgba(0,0,0,.1);
	margin-bottom: 							20px;
}

section[role=main] {
	background: 							url('images/content-logo-bg.png') no-repeat right top;
	-moz-border-radius-topleft: 			5px;
	-moz-border-radius-topright: 			5px;
	-webkit-border-top-left-radius: 		5px;
	-webkit-border-top-right-radius: 		5px;
	border-radius:							5px 5px 0 0;
	min-height:								211px;
	padding: 								10px 20px;
}

section[role=main]:after {
	clear: 									both;
	content: 								'';
	display: 								block;
	height: 								0;
	overflow: 								hidden;
}

section[role=main] article {
	float: 									right;
	width: 									698px;
}

body.home section[role=main] article {
	float:									left;
	width:									450px;
}

body.home section[role=main] article.panel {
	width:									430px;
}

/* Forms */

form {
	padding:								10px 0;
}

form dl dd {
	padding-bottom:							10px;
}

form label {
	color:									#3D2442;
	display:								inline-block;
	margin-bottom:							3px;
}

form input[type=text], 
form input[type=email], 
form textarea {
	border: 								1px solid rgba(0,0,0,.2);
	-moz-border-radius: 					5px;
	-webkit-border-radius: 					5px;
	border-radius:							5px;
	font:									12px Arial, sans-serif;
	height:									14px;
	padding:								5px;
	width:									166px;
}

form textarea {
	height:									100px;
	resize:									none;
	width:									300px;
}

form input[type=submit] {
	background: 							#3d2442;
	border:									0;
	-moz-border-radius: 					5px;
	-webkit-border-radius: 					5px;
	border-radius:							5px;
	-moz-box-shadow:						0 0 10px rgba(0,0,0,.2) inset;
	-webkit-box-shadow: 					0 0 10px rgba(0,0,0,.2) inset;
	box-shadow:								0 0 10px rgba(0,0,0,.2) inset;
	color: 									#FFF;
	display: 								inline-block;
	padding: 								5px;
}

/* Get In Touch form */

form.wpcf7-form p {
	padding:								0;
}

form.wpcf7-form span.wpcf7-not-valid-tip {
	background:								none;
	border:									0;
	color:									#bf3a3a;
	font-size:								12px;
	left:									100%;
	margin-left:							10px;
	top:									-4px;
}

form.wpcf7-form div.wpcf7-response-output {
	border:									0 !important;
	-moz-border-radius: 					5px;
	-webkit-border-radius: 					5px;
	border-radius:							5px;
	color:									#FFF;
    margin: 								10px 0;
    padding: 								10px;
}

form.wpcf7-form div.wpcf7-mail-sent-ok {
	background:								#cac640;
}

form.wpcf7-form div.wpcf7-validation-errors {
	background:								#bf3a3a;
}

/* Services listing */

body.post-type-archive-services article h2 + .panel {
	margin-top:								10px;
}

body.post-type-archive-services article .panel h3 {
	display:								inline-block;
}

body.post-type-archive-services article .panel p.price {
	display:								inline-block;
	font-style: 							italic;
	padding:								0;
}

body.post-type-archive-services article .panel time {
	display: 								block;
}

body.post-type-archive-services article .panel p.location, 
body.post-type-archive-services article .panel p.price {
	padding:								0;
}

/* Sidebar */

aside[role=complementary] {
	float:									left;
	margin:									-10px 0;
	min-height:								1px;
	width:									200px;
}

/* Side Navigation */

aside[role=complementary] nav#sub-navigation {
	background: 							rgba(255,255,255,.7);
	border: 								1px solid rgba(0,0,0,.2);
	-moz-border-radius: 					5px;
	-webkit-border-radius: 					5px;
	border-radius:							5px;
	-moz-box-shadow:						0 0 5px rgba(0,0,0,.2) inset;
	-webkit-box-shadow: 					0 0 5px rgba(0,0,0,.2) inset;
	box-shadow:								0 0 5px rgba(0,0,0,.2) inset;
	margin: 								20px 0;
}

aside[role=complementary] nav#sub-navigation ul {
	list-style: 							none;
	margin: 								-1px;
	padding: 								0;
}

aside[role=complementary] nav#sub-navigation ul li a {
	border-bottom:							1px solid rgba(0,0,0,.2);
	display:								block;
	padding:								10px;
	text-decoration:						none;
	-moz-transition:						all .5s ease-in-out;
	-webkit-transition:						all .5s ease-in-out;
	transition:								all .5s ease-in-out;
}

aside[role=complementary] nav#sub-navigation ul li:first-child a {
	-moz-border-radius-topleft: 			5px;
	-moz-border-radius-topright: 			5px;
	-webkit-border-top-left-radius: 		5px;
	-webkit-border-top-right-radius: 		5px;
	border-radius:							5px 5px 0 0;
}

aside[role=complementary] nav#sub-navigation ul li:last-child a {
	border-bottom:							0;
	-moz-border-radius-bottomleft: 			5px;
	-moz-border-radius-bottomright: 		5px;
	-webkit-border-bottom-left-radius: 		5px;
	-webkit-border-bottom-right-radius: 	5px;
	border-radius:							0 0 5px 5px;
}

aside[role=complementary] nav#sub-navigation ul li:only-child a {
	border-bottom:							0;
	-moz-border-radius: 					5px;
	-webkit-border-radius: 					5px;
	border-radius:							5px;
}

aside[role=complementary] nav#sub-navigation ul li a:hover, 
aside[role=complementary] nav#sub-navigation ul li.current_page_item a {
	background:								#3D2442;
	-moz-box-shadow:						0 0 10px rgba(0,0,0,.2) inset;
	-webkit-box-shadow: 					0 0 10px rgba(0,0,0,.2) inset;
	box-shadow:								0 0 10px rgba(0,0,0,.2) inset;
	color:									#FFF;
}

/* Upcoming events */

section[role=main] aside#upcoming-events {
	background: 							rgba(255,255,255,.7);
	border: 								1px solid rgba(0,0,0,.2);
	-moz-border-radius: 					5px;
	-webkit-border-radius: 					5px;
	border-radius:							5px;
	-moz-box-shadow:						0 0 5px rgba(0,0,0,.2) inset;
	-webkit-box-shadow: 					0 0 5px rgba(0,0,0,.2) inset;
	box-shadow:								0 0 5px rgba(0,0,0,.2) inset;
	float: 									right;
	margin: 								10px 0;
	padding: 								10px 20px;
	width: 									410px;
}

section[role=main] aside#upcoming-events h2 {
	background: 							url('images/heading-bg.png') repeat-x left bottom;
	margin-bottom: 							10px;
	padding-bottom: 						13px;
}

section[role=main] aside#upcoming-events ul {
	list-style: 							none;
	margin: 								-5px -5px 5px;
	padding: 								0;
}

section[role=main] aside#upcoming-events ul li {
	padding: 								0 5px 10px;
}

section[role=main] aside#upcoming-events ul li h3 {
	color: 									#3d2442;
	font: 									italic 14px 'ProcionoRegular', Georgia, serif;
	padding: 								0;
}

section[role=main] aside#upcoming-events ul li p {
	color: 									#7d7d7d;
	padding: 								0;
}

section[role=main] aside#upcoming-events ul li time {
	font-weight: 							bold;
}

section[role=main] aside#upcoming-events ul li.special {
	background: 							#CAC640;
	-moz-border-radius: 					5px;
	-webkit-border-radius: 					5px;
	border-radius:							5px;
	color: 									#FFF;
	margin-bottom: 							10px;
	padding: 								5px;
}

section[role=main] aside#upcoming-events ul li.special h3, 
section[role=main] aside#upcoming-events ul li.special h3 a, 
section[role=main] aside#upcoming-events ul li.special p {
	color: 									#FFF;
}

section[role=main] aside#upcoming-events p {
	padding-top: 							0;
}

/* Sidebar panels */

.panel {
	background: 							rgba(255,255,255,.7);
	border: 								1px solid rgba(0,0,0,.2);
	-moz-border-radius: 					5px;
	-webkit-border-radius: 					5px;
	border-radius:							5px;
	-moz-box-shadow:						0 0 5px rgba(0,0,0,.2) inset;
	-webkit-box-shadow: 					0 0 5px rgba(0,0,0,.2) inset;
	box-shadow:								0 0 5px rgba(0,0,0,.2) inset;
	margin:									20px 0;
	padding:								0 10px;
}

.panel h2 {
	padding-bottom:							0;
}

aside[role=complementary] .panel h2 {
	font-size:								18px;
}

/* Sidebar Contact panel */

aside[role=complementary] .panel#contact {
	background:								#cac640;
	border:									0;
	-moz-box-shadow:						none;
	-webkit-box-shadow:						none;
	box-shadow:								none;
	color:									#FFF;
}

aside[role=complementary] .panel#contact h2 {
	color:									#FFF;
	padding-bottom:							0;
}

aside[role=complementary] .panel#contact a {
	color:									#FFF;
}

aside[role=complementary] .panel#contact em {
	font: 									italic 14px 'ProcionoRegular', Georgia, serif;
}

/* Sidebar MailChimp Sign Up panel */

aside[role=complementary] .panel #mc_signup form#mc_signup_form #mc_subheader, 
aside[role=complementary] .panel #mc_signup form#mc_signup_form .mc_merge_var {
	padding-bottom:							10px;
}

aside[role=complementary] .panel #mc_signup form#mc_signup_form strong.mc_success_msg, 
aside[role=complementary] .panel #mc_signup form#mc_signup_form span.mc_error_msg {
	color: 									#bfbb3a;
	display:								block;
	font-weight:							normal;
	padding-bottom:							10px;
}
 
aside[role=complementary] .panel #mc_signup form#mc_signup_form span.mc_error_msg {
	color:									#bf3a3a;
}

aside[role=complementary] .panel #mc_signup form#mc_signup_form .mc_signup_submit {
	text-align:								left;
}

/* Footer */

footer[role=contentinfo] {
	background: 							url('images/footer-bg.png') repeat-x;
	color: 									#7d7d7d;
	font-size: 								11px;
	overflow: 								hidden;
	padding: 								13px 20px 10px;
}

footer[role=contentinfo] p {
	float: 									left;
	padding: 								0;
}

footer[role=contentinfo] p:last-child {
	float: 									right;
}