/*
Theme Name: Five Points
Theme URI: http://fivepointsyoga.com
Description: The default theme for Five Points Yoga
Version: 1.0
Author: Kabimba Media
Author URI: http://kabimbamedia.com
*/


/*	=RESET YUIv3 */

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a, h6 a{ color: #D27342;font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}



/*//	=GLOBAL */

html,body {
	background: #FEFFEC url(assets/images/bg.png) repeat-x 0 0;
	font: normal 14px/18px "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #333;
	}

/* links */
a {
	color: #D27342;
	}
a:hover {
	color: #276c9c;
	}

/* logo */
h1#logo {
	width: 960px;
	height: 170px;
	margin: 0 auto;
	background: url(assets/images/masthead-bg.jpg) no-repeat;
	text-align: center;
	}
h1#logo a {
	display: block;
	width: 577px;
	height: 170px;
	margin: 0 auto;
	background: url(assets/images/logo.png) no-repeat;
	text-indent: -999em;
	}

/* shims */
.clear { clear: both; }
strong { font-weight: bold; }
em { font-style: italic; }
a { outline: none; }

/* fonts */
@font-face {
	font-family: 'brush-tipTerrence Regular';
	src: url('assets/fonts/BTTTRIAL.eot');
	src: local('brush-tipTerrence Regular'), local('brush-tipTerrence'), url('assets/fonts/BTTTRIAL.woff') format('woff'), url('assets/fonts/BTTTRIAL.ttf') format('truetype'), url('assets/fonts/BTTTRIAL.svg#brush-tipTerrence') format('svg');
}

/*//	=NAVIGATION */

#nav {
	z-index: 100;
	position: relative;
	background: url(assets/images/nav-bg.png) no-repeat top center;
	height: 43px;
	margin-bottom: 15px;
	text-align: center;
	}
#nav a {
	display: block;
	width: auto;
	text-decoration: none;
	}
#nav ul {
	display: table;
	margin: 0 auto;
	text-align: center;
	}
#nav ul li {
	display: table-cell;
	position: relative;
	height: 40px;
	}
#nav ul li a {
	height: 20px;
	padding: 13px 20px 6px;
	color: #A55927;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	}
#nav ul li a:hover,
#nav ul li.current_page_item a {
	color: #f5bd68;
	}
	
/* subnav */
#nav li ul {
	z-index: 100;
	position: absolute;
	top: 32px;
	left: -999em;
	width: 150px;
	margin-left: 10px;
	background-color: #fff;
	}
#nav li ul a {
	display: block;
	padding: 10px;
	text-align: left;
	font-weight: normal;
	text-transform: capitalize;
	}
#nav li li {
	display: block;
	height: auto;
	}
#nav li:hover ul {
	left: auto;
	}


/*//	=CONTENT */

#main {
	clear: both;
	width: 960px;
	margin: 0 auto;
	background: url(assets/images/main-bg.png) no-repeat center top;
	}
#content {
	float: left;
	width: 600px;
	}
.no_sidebar {
	width: 465px !important;
	margin-left: 475px;
	padding: 0 10px;
	}
.fullwidth {
	float: none !important;
	width: 960px !important;
	margin: 0 auto;
	padding: 0;
}

/* headers */
h1,h2,h3,h4,h5,h6,
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
/*	color: #088900;*/
	text-decoration: none;
	}

.navigation {
	margin-bottom: 1em;
	font-size: 12px;
	}
.navigation span {
	margin-right: 15px;
}

/* blog posts */
h2.post-title a {color: #088900;}
p.posts-nav {
	margin-bottom: 15px;
	}
.page,
.post {
	margin-bottom: 3em;
	}
	
#content h1,
#content h2 {
	margin: 40px 0 5px;
	font-size: 28px;
	line-height: 30px;
	}
#content h1:first-child,
#content h2:first-child {
	margin-top: 0;
	}
#content h1 {
	color: #333;
	}
#content h2.pagetitle {
	margin: 0;
	padding: 10px 0 10px;
	font: 60px/65px 'brush-tipTerrence Regular', Helvetica, Arial, sans-serif;
	color: #A55927;
	text-shadow: #ccc 1px 1px 1px;
	height: 70px;
	}
#content h2.pagesubtitle {
	margin: 0 0 20px;
	font-size: 22px;
}
#content h2.post-title {
	margin-top: 0;
	color: #088900;
	}
#content h3,
#content h4 {
	margin: 30px 0 5px;
	font-size: 20px;
	}
#content h3 {
	color: #333;
	}
#content h5,
#content h6 {
	color: #333;
	font-weight: bold;
	}
#content h6 {
	border-top: 1px solid #E9E8D8;
	padding-top: 5px;
	margin: 30px 0 10px;
	}
.post > h1:first-child,
#content h2:first-child,
#content h3:first-child,
#content h4:first-child,
#content h5:first-child,
#content h6:first-child,
#content p,
.firstchild {
	margin: 0 0 10px;
	}
#content p.post-date {
	margin-bottom: .3em;
	font-weight: bold;
	}
#content p.post-meta {
	font-size: 12px;
	line-height: 16px;
	}
#content ul,
#content ol {
	margin: 15px 0;
	}
#content li {
	margin-left: 40px;
	padding: 2px;
	}
#content ul li { list-style-type: disc; } 
#content ol li { list-style-type: decimal; }
#content a.more-link {
	font-weight: bold;
	}
#content blockquote,
.spoiler-body {
	margin: 10px 0;
	padding: 10px 20px 15px;
	background: #fff;
	font-style: italic;
	}
#content blockquote h2,
#content blockquote h3 {
	font-style: normal;
	margin: 3px 0 0;
	}
#content blockquote p:last-child {
	margin: 0;
	}
#content table {
	margin: 15px 0;
	}
#content table td {
	padding: 0 20px 3px 0;
	vertical-align: top;
	line-height: auto;
	}
#content table h1,
#content table h2,
#content table h3,
#content table h4,
#content table h5,
#content table h6 {
	margin: 0;
	padding: 0;
	}
#content .spoiler-body {
	margin-bottom: 10px;
	background: none;
	}
#content .spoiler-body p {
	margin: 10px 14px;
	}

/* images */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
.content-derk {
 display:none;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	}

#content hr {
	width: 100%;
	clear: both;
	float: none;
	border: 0;
	}

/* blog comments */
.comment-meta a {
	color: #333 !important;
	font-style: normal;
	text-decoration: none;
	}

/* form */
#respond {
	margin-top: 2em;
	padding-top: .5em;
	border-top: 1px solid #fff;
	}
#respond h3 {
	font-size: 22px;
	}
textarea#comment {
	width: 550px;
	}
input#submit {
	display: block;
	margin-top: 1em;
	}

/* comments */
h3#comments {
	font-size: 22px;
	padding-bottom: 15px;
	}
ol.commentlist li {
	margin-bottom: 2em;
	}
ol.commentlist li p {
	margin-bottom: 1em;
	}
.comment-author,
.comment-author cite {
	font-weight: bold;
	}
.comment-meta {
	font-style: italic;
	margin-bottom: 10px;
	}
.comment-author a,
.comment-meta a {
	color: #5DB32D;
	}



/* calendar */
ul.wplc_event_list li {
	list-style-type: none;
	margin: 0 0 40px 0;
	padding: 0;
	}
.sched-meta {
	display: block;
	margin-bottom: 3px !important;
	font-style: italic;
	}



/*//	=SIDEBAR */

#sidebar {
	float: left;
	overflow: hidden;
	width: 240px;
	margin-left: 60px;
	padding-top: 92px;
	font-size: 13px;
	}
#sidebar h2 {
	margin-bottom: 5px;
	font-size: 1.3em;
	font-weight: bold;
	color: #A55927;
	}

/*//	widgets */
.widget {
	border-bottom-color: #e9e8d8;
	clear: both;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #E9E8D8;
	overflow: hidden;
	}
.widget p {
	margin-bottom: 10px;
	}
.widget ul li {
	padding: .3em 0;
	}
	
/* search */
form#searchform label {
	display: none;
	}

/* recent_with_excerpt */
li.recent_with_excerpt li {
	display: block;
	clear: none;
	float: left;
	width: 215px;
	margin-right: 15px;
	padding: 0;
	}
li.recent_with_excerpt a {
	font-weight: bold;
	}
li.recent_with_excerpt blockquote p,
li.recent_with_excerpt small {
	margin-bottom: 0;
	font-size: 12px;
	line-height: 15px;
	}

/* text widgets */
div.textwidget ul li {
	display: block;
	clear: none;
	float: left;
	width: 215px;
	margin-right: 15px;
	font-size: 12px;
	padding: 0;
	}
div.textwidget ul li strong {
	font-size: 14px;
	}



/*//	=SPECIFIC PAGES */

/* homepage */
body.home #main {
	height: 700px;
	background: url(assets/images/main-bg_homepage.png) no-repeat;
	}
body.home .widget {
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
	}
body.home .widget .alignright {
	float: none;
	margin: 0;
	}
body.home #content li {
	margin-left: 0;
	padding: 0;
	}
body.home #content .widgettitle {
	margin: 0 0 8px 0;
	font: 46px/56px 'brush-tipTerrence Regular';
	color: #A55927;
	text-shadow: #ccc 1px 1px 1px;
	}
body.home #content #text-3 {
	padding: 10px 8px 8px 8px;
	background-color: #A55926;
	color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
body.home #content #text-3 h2 {
	color: #F9F2AD;
	font-size: 44px;
	text-shadow: #333 1px 1px 1px;
	}
body.home #content #text-3 p {
	margin-bottom: 0;
	}
body.home #content #text-3 a {
	color: #F9F2AD;
	}
body.home div.textwidget p {
	padding: 5px 0;
	clear: both;
	}
body.home .widget h2 a {
	color: #A55927;
	}
body.home #content blockquote {
	margin: 0;
	padding: 0;
	background: none;
	font-style: normal;
	}
body.home #content blockquote p {
	margin-bottom: 0;
	}

/* about */
body.page-id-2 #main {
	background: url(assets/images/main-bg_about.png) no-repeat left top;
	}

/* contact */
body.page-id-234 #main {
	height: 800px;
	background: url(assets/images/main-bg_contact.png) no-repeat left top;
	}

/* search */
/* remove content from pages in results */
body.search div.page div.post-content {
	display: none;
	}


/* plugin - spolier */
a.spoiler-tgl { border: 0 !important; }



/*//	=FOOTER */

#footer {
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding: 40px 0 10px;
	color: #F3995A;
	font-size: 11px;
	text-align: center;
	}

#footer form {
	padding-bottom: 10px;
	color: #A55926;
	font-size: 12px;
	}
#footer input {
	padding: 2px;
	}