/*
Theme Name: YetiZen
Theme URI: http://yetizen.com
Description: Custom theme for Yetizen.
Author: Andy Standfield
Author URI: http://andystandfield/
Version: 1.0

License: None (Copyright 2011 YetiZen)
License URI: None.

*/

/* @group Reset & Fix */
header, footer, article, section, nav, figure, figcaption {display: block;}
body, div ,dl ,dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,form,  fieldset, input, textarea, p, blockquote, th, td, header, footer, article, section, nav, figure, figcaption {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,th,var {font-style: normal;font-weight: normal;}
ol,ul {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal;}
q:before,q:after {content: '';}
abbr,acronym {border: 0;}
/* @end */

@font-face {
    font-family: 'CallunaSansRegular';
    src: url('type/callunasansregular-webfont.eot');
    src: url('type/callunasansregular-webfont.eot#iefix') format('embedded-opentype'),
         url('type/callunasansregular-webfont.woff') format('woff'),
         url('type/callunasansregular-webfont.ttf') format('truetype'),
         url('type/callunasansregular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}



body {
	background-image: url(images/bgTile.jpg);
	font: 16px/1.2em "CallunaSansRegular", sans-serif;
	color: #000;
	text-shadow: rgba(254,255,254,0.01) 0 0 1px;
}

body.landing {
}

a {
	color: #f60;
	text-decoration: none;
}

a:hover {
	color: #f60;
	text-decoration: underline;
}

p, h1, h2, h3, h4, h5, h6, h7, blockquote, ul {
	margin-bottom: 1em;
}

h3, h4, h5, h6, h7 {
	margin-top: 30px;
}

h3 {
	font-weight: bold;
}

.leftcol h2.widgethead {
	display: none;
}

.landing #wrapper {
	width: 100%;
	background: url(images/bgTop.jpg) repeat-x center top;
	padding-top: 20px;
}

.landing header, .inside header h1, .inside header h2 {
	position: relative;
	width: 940px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}

.inside header {
	position: relative;
	width: 100%;
	height: 200px;
	padding-left: 0;
	padding-right: 0;
	background: url(images/bgInsideTop.jpg) repeat-x center top;
}

.landing header h1 {
	position: relative;
	margin-bottom: 15px;
	width: 300px;
	z-index: 8;
}

.inside header h1 a {
	width: 229px;
	height: 100px;
	display: block;
	overflow: hidden;
	text-indent: -2000px;
	background: url(images/logo-inside.png) no-repeat left top;
}

.landing header h1 a {
	width: 300px;
	height: 83px;
	display: block;
	overflow: hidden;
	text-indent: -2000px;
	background: url(images/logo-landing.png) no-repeat left top;
}

.landing header h2 {
	font-size: 28px;
	width: 300px;
	line-height: 1.2em;
}

.inside header h2 {
	font-size: 21px;
	margin-top: 10px;
	line-height: 1.2em;
	text-shadow: #fff 0 0 8px;
}

.inside header h2 span.sizer {
	display: block;
	width: 220px;
}

.landing nav {
	position: relative;
	top: -180px;
}

section#mainContent, footer {
	position: relative;
}

.landing section#mainContent {
	margin-top: -175px;
}

.landing nav {
	width: 960px;
	height: 480px;
	z-index: 5;
	background: url(images/giantyetihead.png) no-repeat center center;
	margin-right: auto;
	margin-top: 0;
	margin-left: auto;
}

.landing nav p, .landing nav h2 {
	margin-bottom: 0;
}

.landing nav div.menu {
	position: absolute;
	font-size: 18px;
	line-height: 1.2em;
	width: 200px;
	padding: 10px;
	background-color: #fff;
	border-radius: 5px;
	border-right: 1px solid rgba(0,0,0,0.5);
	border-bottom: 1px solid rgba(0,0,0,0.5);
}

.landing nav div.menu h2 {
	font-size: 21px;
	line-height: 1.2em;
}

.landing nav div.menu ul {
	position: absolute;
	z-index: -1;
	left: 10px;
	min-width: 140px;
	margin-top: 11px;
	display: block;
	background-color: #f60;
	color: #fff;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.landing nav div.menu ul.temp {
	z-index: -5;
}

.landing nav div.menu ul li {
	display: block;
}
.landing nav div.menu ul.temp li {
	padding-left: 5px;
}

.landing nav div.menu ul li a {
	display: block;
	line-height: 32px;
	color: #fff;
	height: 32px;
	padding-right: 10px;
	padding-left: 5px;
}

.landing nav div.menu ul li a:hover {
	background-color: #222C38;
	text-decoration: none;
}

.landing nav div#yetizenMenu {
	left: 10px;
	top: 200px;
}

.landing nav div#yetizenMenu:after {
	display: block;
	content: "";
	width: 66px;
	height: 46px;
	position: absolute;
	z-index: 10;
	right: -66px;
	top: 30px;
	background: url(images/pointer-yetizenMenu.png) no-repeat left top;
}

.landing nav div#yzaMenu {
	right: 10px;
	top: 90px;
	z-index: 10;
}

.landing nav div#yzaMenu:after {
	display: block;
	content: "";
	width: 55px;
	height: 40px;
	position: absolute;
	z-index: 10;
	left: -55px;
	top: 30px;
	background: url(images/pointer-yzaMenu.png) no-repeat left top;
}

.landing nav div#sfgdwMenu {
	right: 10px;
	top: 290px;
}

.landing nav div#sfgdwMenu:after {
	display: block;
	content: "";
	width: 50px;
	height: 26px;
	position: absolute;
	z-index: 10;
	left: -50px;
	top: 30px;
	background: url(images/pointer-sfgdwMenu.png) no-repeat left top;
}

section#mainContent {
	width: 100%;
	min-width: 960px;
	padding-top: 20px;
	margin: 0 auto;
	background: #fff;
	overflow: hidden;
	padding-bottom: 20px;
	border-bottom: 10px solid #232C38;
	margin-bottom: 20px;
}

section#mainContent div.midcol ul, section#mainContent div.midcol ol{
	margin-bottom: 20px;
}

section#mainContent div.midcol ul {
	list-style: disc;
}

section#mainContent div.midcol ol {
	list-style: decimal;
}

section#mainContent div.midcol li {
	margin-bottom: 20px;
	list-style-position: outside;
	margin-left: 40px;
}

.landing section#mainContent {
	padding-top: 120px;
	background: #fff url(images/bgMountains.jpg) repeat-x center top;
}

div.colContainer {
	width: 960px;
	position: relative;
	margin: 0 auto;
}

.landing div.colContainer {
	width: 960px;
	margin: -53px auto 0;
	position: relative;
}

.leftcol, .rightcol {
	width: 220px;
	margin-right: 10px;
	margin-left: 10px;
	float: left;
}
.rightcol2 {
	width: 0px;
	margin-right: 10px;
	margin-left: 10px;
	float: left;
}

.landing .leftcol {
	padding-top: 180px;
	font-size: 14px;
}

.inside nav h2 {
	font-size: 21px;
	padding: 10px;
	line-height: 1.2em;
	color: #fff;
	background-color: #f60;
	border-radius: 5px;
	margin-bottom: 10px;
	cursor: pointer;
}

.inside nav #blogMenu h2, .inside nav #homeMenu h2 {
	padding: 0;
	background-color: transparent;
	border-radius: 0;
	margin-bottom: 10px;
	cursor: default;
}

.inside nav h2 a, .inside nav h2 a:hover {
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 21px;
	line-height: 1.2em;
	padding: 10px;
	background-color: #f60;
	border-radius: 5px;
	margin-bottom: 10px;
	cursor: pointer;
}

.inside nav ul {
	display: block;
	padding-left: 10px;
	margin-bottom: 20px;
}

.inside nav ul li {
	display: block;
	margin-bottom: 10px;
}

.leftcol div.address {
	margin-bottom: 30px;
	padding-left: 10px;
}

.leftcol #advisorsAside {
	min-height: 420px;
	margin-bottom: 20px;
	padding-left: 10px;
}

.leftcol #advisorsAside .slideshow {
	margin-bottom: 20px;
}

.leftcol #advisorsAside h1 {
	font-size: 16px;
	margin-left: -10px;
}

.leftcol #advisorsAside h3 {
	margin-bottom: 0;
	font-weight: bold;
}

.leftcol #advisorsAside p {
	padding-left: 10px;
	margin-bottom: 7px;
}

.leftcol #advisorsAside .slideshow div.slide a {
	display: block;
	width: 200px;
	height: 200px;
	margin-left: -10px;
	margin-bottom: 7px;
	padding: 9px;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.leftcol #advisorsAside .slideshow div.slide a:hover {
	border-color: #f60;
}

.leftcol #advisorsAside .slideshow div.slide p#advisorsLink {
	margin-left: -10px;
	margin-top: 20px;
	font-weight: bold;
}

.leftcol #advisorsAside .slideshow div.slide p#advisorsLink a {
	width: auto;
	height: auto;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0;
	background-color: transparent;
	border: none;
	border-radius: 0;
	white-space: nowrap;
}

.leftcol #advisorsAside .slideshow div.slide a img {
	display: block;
	width: 200px;
	height: 200px;
	border: 1px solid #ccc;
}

.leftcol #advisorsAside .slideshow div.slide h3 a{
	display: inline;
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: none;
}

.leftcol #advisorsAside .slideshow div.slide h4 {
	margin: 0;
}

.leftcol #advisorsAside .slideshow div.slide h5 {
	margin: 0;
}

.landing .rightcol {
	padding-top: 70px;
	background: url(images/tree.png) no-repeat right top;
}

.midcol {
	position: relative;
	width: 680px;
	margin-right: 10px;
	margin-left: 10px;
	float: left;
}
.midcol2 {
	position: relative;
	width: 460px;
	margin-right: 10px;
	margin-left: 10px;
	float: left;
}

.landing .midcol2 {
	background: url(images/temple.png) no-repeat left top;
	padding-top: 70px;
}



div.midcol2 h1.blogLink {
	position: absolute;
	top: 70px;
	left: -240px;
}

div.midcol2 h1.blogLink:after {
	display: block;
	content: "";
	width: 11px;
	height: 22px;
	position: absolute;
	z-index: 10;
	right: -11px;
	top: 31px;
	background-image: url(images/pointer-blogLink.png);
}

div.midcol2 h2.posttitle a{
	color: #000;
	text-decoration: none;
}

div.midcol2 h2.posttitle a:hover {
	color: #f60;
	text-decoration: underline;
}

.inside div.midcol2 h1 {
	color: #000;
	font-size: 21px;
	line-height: 31px;
}

div.midcol2 h1 a {
	color: #000;
}

div.midcol2 h1 a:hover {
	color: #f60;
	text-decoration: none;
}

div.midcol2 h1.blogLink a {
	display: block;
	color: #fff;
	background-color: #f60;
	width: 200px;
	font-size: 21px;
	line-height: 31px;
	padding: 10px;
	border-radius: 5px;
}

div.midcol2 h1.blogLink a:hover {
	color: #333;
	text-decoration: none;
}

div.midcol2 article {
	margin-bottom: 40px;
}

div.midcol2 article h2 {
	font-size: 21px;
	line-height: 21px;
	margin-bottom: 15px;
}

div.midcol2 article p.date {
	font-size: 14px;
	line-height: 14px;
}

div.midcol2 article img.alignleft {
	padding-top: 3px;
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

div.rightcol div.blurb {
	font-size: 21px;
	line-height: 1.2em;
	margin-bottom: 20px;
}

div.rightcol ul {
	font-size: 14px;
	line-height: 1.2em;
	margin-bottom: 20px;
}

div.rightcol ul li {
	margin-bottom: 10px;
	list-style: disc;
	margin-left: 20px;
}

footer {
	width: 960px;
	margin: 0 auto 20px;
	text-align: right;
}

footer span.footerimage {
	min-height: 140px;
	margin-left: 10px;
	margin-right: 10px;
}

/* contact forms */

.the-email input, .the-name input {
	width: 200px;
}

textarea {
	width: 460px;
}



/* Special Pages */

article div.specialitem {
	position: relative;
	width: 540px;
	padding-left: 160px;
	margin-bottom: 40px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	overflow: hidden;
}

article div.specialitem div.brief {
	float: left;
	margin-left: -160px;
	width: 140px;
}

div.brief h3 {
	margin-top: 0;
	margin-bottom: 15px;
}

div.brief h4 {
	font-weight: bold;
}

div.brief h4, div.brief h5 {
	margin-top: 0;
	margin-bottom: 5px;
}

div#Chris_Ory {
	height: 220px;
}

div#Gordon_Lai {
	height: 280px;
}