/* Theme Name: MatthewHussey.com Theme
Theme URI: http://www.matthewhussey.com
Description: The Wordpress theme for MatthewHussey.com
Version: 1.0
*/


/* ---------- CSS Reset ---------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-size:100%;
	font-family:inherit;
	font-weight:inherit;
	font-style:inherit;
	vertical-align:baseline;
	margin:0; padding:0; border:0; outline:0;
}
caption, th, td { text-align:left; font-weight:normal; }
table { border-collapse:separate; border-spacing:0; }
blockquote:before, blockquote:after, q:before,q:after { content: ""; } 
blockquote, q { quotes: "" ""; }


/* ---------- Page Setup ----------  --#01245c */

body { 
	margin:0; 
	padding:0;
	color:#363a39;
	font-family:"Optima", "Candara", "Trebuchet MS", Arial, sans-serif;
	font-size:13px;
	line-height:1.72em;
	letter-spacing:0.02em;
	text-indent:0;
	text-align:left;
	text-decoration:none;
	background:#001d5e url('images/bg/content-bg.jpg') repeat-y center top;
}
#header-bg {
	width:100%;
	height:916px;
	position:absolute;
	left:0;
	top:0;
	background:#001d5e url('images/bg/page-bg.jpg') no-repeat center top;
	z-index:-1;
}
#header {
	width:948px;
	height:100px;
	margin:0 auto;
	position:relative;
}
#menubar {
	width:948px;
	height:48px;
	margin:0 auto;
}
#page {
	margin:0 auto;
	padding-top:20px;
	width:948px;
	min-height:760px;
}
#left-content {
	width:598px;
	float:left;
	margin-left:18px;
}
#content, 
.content {
	background:#fff url('images/bg/content-bg-x.jpg') repeat-x left top;
	width:598px;
	float:left;
	margin-left:18px;
}
#content.salespage {
	width:912px;
	padding-top:10px;
}
#sidebar {
	width:292px;
	float:right;
	margin-right:20px;
}
#footer {
	width:100%;
	height:120px;
	margin-top:-34px;
	background:#001d5e url('images/bg/footer-bg.jpg') no-repeat center top;
}


/* ---------- Typography ---------- */

h1 {
	font-family:"Optima", "Candara", "Trebuchet MS", Arial, sans-serif;
	font-size:56px;
	font-weight:bold;
	font-style:italic;
	line-height:1.04em;
	letter-spacing:-0.04em;
	text-align:left;
	margin:0;
	padding:0 0 24px;
}
h2 {
	color:#373737;
	font-size:24px;
	text-align:left;
	font-weight:bold;
	letter-spacing:-0.02em;
	line-height:1.2em; 
	margin:0;
	padding:8px 0 10px;
}
h2.page-title {
	font-size:56px;
	font-weight:bold;
	font-style:normal;
	line-height:1.04em;
	letter-spacing:-0.04em;
	text-align:left;
	margin:0;
	padding:6px 0 12px;
}
h3 {
	color:#373737;
	font-size:20px;
	text-align:left;
	font-weight:bold;
	letter-spacing:-0.02em;
	line-height:1.2em; 
	margin:0;
	padding:4px 0 10px;
}
h4 {
	font-size:;
	font-weight:;
	margin:;
	padding:;
}
h5 {
	font-size:;
	font-weight:;
	margin:;
	padding:;
}
h6 {
	font-size:;
	font-weight:;
	margin:;
	padding:;
}

p {
	margin: 0 0 12px;
}
em {
	font-style:italic;
}
strong,
.strong {
	font-weight:bold;
}
big {
	font-size:1.2em;
}
#content p,
#sidebar p {
	text-align:justify;
}
blockquote {
	border-left:1px solid #CCCCCC;
	line-height:1.5em;
	padding:4px 0 4px 26px;
}
cite {
	text-align:right;
	font-weight:bold;
	display:block;
}

/* Salespage / Event Page copy:  */
#content.salespage .box-content {
	width:600px;
	margin:0 auto;
	font-size:1.2em;
	line-height:1.58em;
}
#content.salespage h2 { padding: 10px 0 14px }
#content.salespage h3 { padding: 6px 0 14px }
#content.salespage p,
#content.salespage ul {
	margin:0 0 20px;
	text-align:left;
}

/* --- Links --- */

a, a:link, a:visited {
	text-decoration:none;
	color:#0070d0;
}

a:hover, a:focus, a:active {
	color: #0072d3;
	text-decoration: underline;
}






/* ---------- General HTML ---------- */


/* --- Alignment --- */

.clear { clear:both }
.clear10 { clear:both; height:10px }
.clear20 { clear:both; height:20px }

.sep { border-bottom:1px dotted #aaa; height:14px; margin-bottom:13px; clear:both; }

.left { float:left }
.right { float:right }
.auto { margin:0 auto }

.alignleft { text-align:left }
.alignright { text-align:right }
.aligncenter { text-align:center }

img.alignright { margin-left:20px }
img.alignleft { margin-right:20px }

.center { text-align:center; margin:0 auto; }


/* --- Lists --- */

ul,
ol {
	margin-bottom:14px
}

li {
	margin-left:18px;
}

ul ul,
ol ol,
ul ol,
ol ul { 
	margin-bottom:0;
}


/* --- Forms --- */


/* --- Forms --- */


label { cursor:pointer }

input.text,
textarea.text {
	font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
	background:#fff;
	padding:5px 10px;
	margin:0;
	font-size:14px;
	color:#787878;
	width:480px;
	border:1px solid #bbb;
	-moz-box-shadow:inset 1px 1px 0 0 rgba(0,0,0,0.1);
	box-shadow:inset 1px 1px 0 0 rgba(0,0,0,0.1);
	outline:0;
}
input.text { width:260px }

input.text:focus,
textarea.text:focus {
	color:#555;
	background:#fcfcfc;
	border:1px solid #aaa;
	-moz-box-shadow:inset 1px 1px 0 0 rgba(0,0,0,0.2);
	box-shadow:inset 1px 1px 0 0 rgba(0,0,0,0.2);
}

input.text#cf-subject { width:480px }

/* Search Form */

input.text#s {
	float:left;
	font-size:12px;
	height:15px;
	margin-right:2px;
	width:150px;
}
input#searchsubmit {
	background:url('images/bg/searchsubmit.jpg') left top no-repeat;
	outline:0;border:0;
	margin:0;padding:0;
	width:43px;
	height:27px;
	cursor:pointer;
}
input#searchsubmit:focus,
input#searchsubmit:hover {
	background-position:left bottom;
	outline:0;border:0;
	margin:0;padding:0;
}
input#searchsubmit::-moz-focus-inner { outline:0;border:0 }


/* ---------- Content Styles ---------- */



.box-content {
	padding:28px 0 32px;
	margin:0 48px;
}


#sidebar .box-content {
	padding:28px 0 32px;
	margin:0 36px;
}


.box-shadow {
	-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.44);
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.44);
	-khtml-box-shadow:1px 1px 3px rgba(0,0,0,0.44);
	box-shadow:1px 1px 3px rgba(0,0,0,0.44);
}

/* --- Header --- */

a#logo-click {
	display:block;
	position:absolute;
	top:20px;
	left:18px;
	width:270px;
	height:64px;
}


p#header-quote {
	width:300px;
	float:right;
	padding-top:30px;
	margin-right:30px;
	text-align:right;
	line-height:1.3em;
	letter-spacing:0.04em;
	color:#b5b8be;
}





/* --- Menu Bar --- */


#menubar {
	padding-left:12px;
	z-index:10;
}


ul#nav {
	list-style:none;
	padding-top:4px;
	z-index:10;
}

#nav li {
	float:left;
	margin:0 2px;
	background:transparent url('images/bg/menu-sep.gif') right center no-repeat;
	position:relative;
	z-index:10;
}

#nav li.last { background:none }

#nav li a {
	background:transparent url('images/menubar-buttons.png') no-repeat;
	display:block;
	text-indent:-999em;
	height:42px;
	margin:0;
}

/* All menubar link items use the background sprite image, each with its own background position property */
/* To add/remove menu links, edit the sprite image and re-enter the background positions. */

#nav li a#nav-home { width:68px; background-position:6px top; }
#nav li a#nav-events { width:120px; background-position:-54px top; }
#nav li a#nav-coaching { width:148px; background-position:-194px top; }
#nav li a#nav-media { width:112px; background-position:-354px top; }
#nav li a#nav-blog { width:102px; background-position:-474px top; }
#nav li a#nav-about { width:116px; background-position:-596px top; }

#nav li a#nav-home:hover, #nav li.selected a#nav-home { background-position:6px bottom; }
#nav li a#nav-events:hover, #nav li.selected a#nav-events { background-position:-54px bottom; }
#nav li a#nav-coaching:hover, #nav li.selected a#nav-coaching { background-position:-194px bottom; }
#nav li a#nav-media:hover, #nav li.selected a#nav-media { background-position:-354px bottom; }
#nav li a#nav-blog:hover, #nav li.selected a#nav-blopg { background-position:-474px bottom; }
#nav li a#nav-about:hover, #nav li.selected a#nav-about { background-position:-596px bottom; }



#nav li ul {
	display:none;
	position:absolute;
	top:40px;
	left:0;
	background:#fff;
	z-index:1000;
	list-style:none;
	border:1px solid #e4bdd3;
	font-size:13px;
	width:170px;
}

#nav li:hover ul,
#nav li ul:hover li {
	display:block;
}

#nav li ul li {
	background:none;
	margin:1px 15px;
}

#nav li ul li a,
#nav li ul li a:visited {
	text-indent:0;
	background:none;
	padding:10px 0 16px;
	height:12px;
	border-bottom:1px solid #ddd;
	width:140px;
}


#nav li ul li a.last { border:none }





/* --- The Homepage Headline --- */

#headline {
	position:relative;
	height:405px;
	z-index:0;
}

#headline-video {
	background:#021633 url('images/bg/headline-video-top.jpg') no-repeat left top;
	width:598px;
	height:347px;
	float:left;
	margin:0 0 0 18px;
	padding-top:0px;
	z-index:0;
}

#headline-media {
	background:url('images/bg/media.png') no-repeat left top;
	width:610px;
	height:42px;
	float:left;
	margin-left:18px;
	display:block;
}

a#media-banner, a#media-banner:visited {
	display:block;
	position:absolute;
	left:0;
	top:0;
/*	width:596px;
	height:42px;*/

}

#headline-signup {
	background:url('images/bg/signup-box.jpg') no-repeat left top;
	width:292px;
	height:426px;
	position:relative;
	margin:-21px 20px 0 0;
	float:right;
	z-index:0;
}

/*
#headline-signup ul#bullet-list {
	color:#fff;
	padding-top:144px;
	width:240px;
	margin-left:26px;
	font-size:12px;
	line-height:1.18em;
}
ul#bullet-list li {
	padding-bottom:5px;
}
*/
#headline-signup p {
	color:#FFFFFF;
	font-size:13px;
	line-height:1.3em;
	margin-left:27px;
	padding-top:144px;
	width:240px;
}

#headline-signup input#name {
	height:15px;
	width:220px;
	border:0;
	outline:0;
	color:#777;
	position:absolute;
	top:289px;
	left:36px;
}

#headline-signup input#email {
	height:15px;
	width:220px;
	border:0;
	outline:0;
	color:#777;
	position:absolute;
	top:327px;
	left:36px;
}

#headline-signup input#name:focus,
#headline-signup input#email:focus {
	color:#333;
}


input#signup-submit {
	border:0;
	outline:0;
	padding:0;
	background:url('images/bg/signup-submit.png') left -3px no-repeat;
	width:264px;
	height:42px;
	position:absolute;
	top:366px;
	left:14px;
	text-indent:-9999em;
	cursor:pointer;
}

input#signup-submit:hover,
input#signup-submit:focus,
input#signup-submit:active {
	outline:0;
	background-position:left -50px;
	-moz-box-shadow:0 0 8px rgba(255, 255, 255, 0.6);
}


input#signup-submit::-moz-focus-inner { border:0; outline:0; padding: 0; }




/* Homepage Content Slider */

#homepage-slider { position:relative; }

#homepage-slider .slide {
	width:598px;
	height:200px;
	margin:0 auto;
	position:relative;
	z-index:1;
}

/*
#homepage-slide-1 { background:url('images/homepage-slider/slide1.jpg') no-repeat; }
#homepage-slide-2 { background:url('images/homepage-slider/slide2.jpg') no-repeat; }
#homepage-slide-3 { background:url('images/homepage-slider/slide3.jpg') no-repeat; }

#homepage-slider .slide p {
	margin:0;
	position:absolute;
	top:212px;
	left:38px;
	max-width:280px;
	text-align:left;
}

#homepage-slider a.action {
	background:url('images/homepage-slider/homepage-slider-actions.jpg') no-repeat left top;
	display:block;
	width:242px;
	height:43px;
	position:absolute;
	top:212px;
	right:38px;
	
}
*/

ul#homepage-tabs {
	list-style:none;
	width:598px;
	height:44px;
	overflow:hidden;
	padding:0;
	z-index:1;
}

ul#homepage-tabs li {
	margin:0;
	height:44px;
	float:left;
}

#homepage-tab-1 { width: 210px }
#homepage-tab-2 { width: 173px }
#homepage-tab-3 { width: 215px }

ul#homepage-tabs li#homepage-tab-3 { float:right }

ul#homepage-tabs li a {
	background:url('images/homepage-slider-tabs.jpg') no-repeat left -79px;
	display:block;
	width:100%;
	height:100%;
}

#homepage-tab-1.ui-state-default a { background-position: left -44px }
#homepage-tab-2.ui-state-default a { background-position: -210px -44px }
#homepage-tab-3.ui-state-default a { background-position: -383px -44px }

#homepage-tab-1.ui-tabs-selected a { background-position: left top }
#homepage-tab-2.ui-tabs-selected a { background-position: -210px top }
#homepage-tab-3.ui-tabs-selected a { background-position: -383px top }

.ui-tabs-hide {
	display:none;
}






/* --- Content --- */




/* Testimonials Page Template */

.testimonial { padding:11px 0 9px }

.home .testimonial { padding:0 }

.testimonial img {
	float:left;
	width:90px;
	padding:4px;
	background:#eee;
	border:1px solid #aaa;
	margin-right:18px;
}

.homepage-testimonial h2 { padding:0 0 4px }

.testimonial p { margin:0 0 4px }



/* Events Page buttons */
a.event-button:hover img {
	opacity: .92;
	-moz-opacity: .92;
	filter: alpha(opacity=92);
}




/* Events Calendar */

table.events-calendar {
	width:100%;
	margin-bottom:16px;
	font-size:1em;
	line-height:1.3em;
}
table.events-calendar th, table.events-calendar td {
	padding:2px 14px 2px 2px;
	color:#666;
}
table.events-calendar th { 
	font-size:1.15em;
	font-weight:bold;
	padding-bottom:4px;
	color:#555;
}
table.events-calendar td.last {
	padding-right:2px;
	white-space:nowrap;
}
table.events-calendar td.date { white-space:nowrap; }


#sidebar table.events-calendar {
	margin-bottom:10px;
/* 	font-size:0.96em; */
}
#sidebar table.events-calendar th, #sidebar table.events-calendar td {
	padding:2px 10px 2px 0;
	color:#666;
}
#sidebar table.events-calendar td.last {
	padding-right:0px;
	white-space:normal;
}
#sidebar table.events-calendar td.date { font-size:0.94em; }





/* --- Sidebar --- */

#sidebar ul.widgets {
	list-style:none;
	margin:0;
	padding:0;
	z-index:0;
}
li.widget {
	background:#fff url('images/bg/content-bg-x.jpg') repeat-x left top;
	width:100%;
	margin:0 0 30px;
	padding:0;
	position:relative;
}
li.widget ul li { list-style:disc; }


/* Social Buttons Widget: */

li.widget ul.subscribe-buttons {
	list-style:none;
	margin:0;
	padding:0;
}
li.widget ul.subscribe-buttons li {
	list-style:none;
	margin:0;
	padding:0 0 6px;
}
li.widget ul.subscribe-buttons li a {
	display:table-cell;
	vertical-align:middle;
}
a.icon {
	display:inline-block;
	width:48px;
	height:48px;
	background:url('images/bg/social-icons-48.png') left top no-repeat;
}
a.icon.facebook { background-position:0 0 }
a.icon.twitter { background-position:-48px 0 }
a.icon.linkedin { background-position:-96px 0 }
a.icon:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}
a.icon-label {
	padding-left:10px;
	font-size:1.1em;
}

#sidebar a.banner {
	display:block;
	text-align:center;
	line-height:0;
	padding:11px 0 10px;
}


/* --- Footer --- */

#footer p {
	padding:66px 0 0;
	margin:0;
	text-align:center;
	color:#aeb7c8;
}

#footer a, #footer a:link, #footer a:visited {
	color:#aeb7c8;
}

#footer a:hover, #footer a:focus, #footer a:active {
	color:#bed7d8;
}


/* ---------- Additional ---------- */