/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on Twenty Ten)
Version: 3.0
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
/* FONTS
 * 
 * 
 font-family: 'Rosario', sans-serif;
font-family: 'Spinnaker', sans-serif; 
 * 
 * 
 */
html, body {
	height: 100%;
	margin:0 auto;
	width:960px;
	}

#wrap {min-height: 100%;}
#main {
	width:960px;
	margin:0 auto;
	border-left: 1px dashed #5c6f7c;
	border-right: 1px dashed #5c6f7c;
	padding-bottom: 120px;  /* must be same height as the footer */
}
#mainAbout {
	width:960px;
	margin:0 auto;
	border-left: 1px dashed #5c6f7c;
	border-right: 1px dashed #5c6f7c;
	padding-bottom: 120px;  /* must be same height as the footer */
	min-height:700px;
	margin-bottom:20px;
}
/*********
 * HEADER
 ********/
#banner {
	margin:0 auto;
	text-align:center;
}
#nav {
	text-align:center;
	background-image:url('https://quiettigertaichi.com/wp-content/themes/Starkers/images/NavigationBar.png');
	background-image:repeat-x;
	height:90px;
	margin-top:-10px;
	
}
#nav ul {
	padding-top:30px; 
}
#nav li {
	display:inline;
	margin:0 15px;

}

#nav a {
	text-decoration:none;
	font-family: 'Rosario', sans-serif;
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
	font-size:21px;
	
}
.shadow {
	text-shadow: 2px 1.5px 1px #5c6f7c;
}

/**************
 * Main - HOME
 *************/
#yyLayer {
	position: relative;
	margin-top: -276px;
	z-index: 9;
}
#flashElement {
	height:272px;
	overflow:hidden;
}
.slideshowlink {
	display: none;
}
#animation {
}
#top {
	width:960px;
}
#topLeft {
	margin-left:20px;
	width:570px;
	float:left;
	display:inline;
}
#topRight {
	float:left;
	display:inline;
}
#topRightText {
	margin-top:35px;
	width:320px;
	font-family: 'Rosario', sans-serif;
	font-size:16px;
	color:#403629;
	line-height:23px;
	padding-left:20px;
}
#topRightText a {
	text-decoration:none;
	color:#5C6F7C;
}
.moreAbout {
	font-size:13px;
	font-weight:bold;
}

#homeMainLeft {
	margin-left:35px;
	float:left;
	display:inline;
	width:525px;
}
#homeMainRight {
	float:right;
	display:inline;
	width:400px;
	text-align:center;
}
#posts {
	font-family: 'Rosario', sans-serif;
	font-size:14px;
	color:#403629;
}
.postTitle {
	width:525px;
	height:60px;
}
.blogTitleLeft {
	float:left;
	display:inline;
	width:70px;
	margin-left:10px;
}
.blogTitleRight {
	margin-top:5px;
	float:left;
	display:inline;
	margin-left:15px;
	width:430px;
}
.blogPostTitle {
	text-decoration:none;
	text-transform:uppercase;
	color:#5C6F7C;
	font-family: 'Spinnaker', sans-serif; 
	font-size:17px;
}
.postDate {
	color:#7C6A55;
	font-family: 'Spinnaker', sans-serif; 
	font-size:14px;
}
.readmore a {
	text-decoration:none;
	color:#5C6F7C;
	font-size:12px;
}
.blogContent {
	margin-top:5px;
	margin-left:10px;
}
.socialBar {
	width:525px;
	height:40px;
	margin-bottom:20px;
}
.socialBar a {
	text-decoration:none;
}
.shareButton {
	margin: 10px 0;
	display:inline;
	vertical-align: middle;
}
.blogLinks {
	margin-top:-10px;
	text-align:center;
}
.blogLinks a {
	text-decoration: none;
	color:#5c6f7c;
	font-family: 'Spinnaker', sans-serif; 
	font-size:12px;
}
#classSchedule {
	margin-left:45px;
	border-left:1px dashed #5c6f7c;
	height:540px;
}
#classScheduleImg {
	width:360px;
	margin-left:45px;
}
.className {
	font-family: 'Spinnaker', sans-serif; 
	font-size:20px;
	color:#5c6f7c;
	text-transform:uppercase;
}
.classDayTime {
	font-family: 'Spinnaker', sans-serif; 
	font-size:16px;
	color:#7c6a55;
}

.classDayTime h2 {
	font-family: 'Spinnaker', sans-serif; 
	font-size:20px;
	color:#5c6f7c;
	text-transform:uppercase;
	margin-bottom: 15px;
}
.classDayTime p {
	margin-bottom: 15px;
}

.classNotePrice {
	font-family: 'Spinnaker', sans-serif; 
	font-size:14px;
	color:#5c6f7c;
}
.classDivider {
	margin-top:15px;
	margin-bottom:15px;
}
#contactRight {
	margin:0 auto;
	width:200px;
	font-family: 'Rosario', sans-serif;
	font-size:15px;
	color:#403629;
}
.contactButton {
	margin-top:15px;
}
#homeBottom {
	padding-top:70px;
	height:1175px;
}
#philosophy {
	margin:0 auto;
	text-align:center;
}
#philosophy img {
	margin-top:50px;
}
#quietLeft {
	float: left;
	display:inline;
	width:460px;
	height:130px;
}
#quietRight {
	float:right;
	display:inline;
	width:490px;
	height:120px;
	font-family: 'Rosario', sans-serif;
	font-size:16px;
	color:#a69684;
	font-weight:bold;
}
#taiChi {
	margin:25px 0;
	width:345px;
	padding-left:65px;
	border-left: 1px dashed #5c6f7c;
}
#taiChi a {
	text-decoration:none;
	color:#5c6f7c;
}
#quiet {
	font-family: 'Rosario', sans-serif;
	font-weight:bold;
	font-size:48px;
	color:#a69684;
	display:inline;
	padding-right:10px;
}
.slider1 {
	display:inline;
}
.mindHeartTiger {
	font-family: 'Rosario', sans-serif;
	font-weight:bold;
	font-size:48px;
	color:#5c6f7c;
	display:inline;
}
#quietDescBox {
	width:380px;
	margin:0 auto;
}
.quietDescription {
	width:380px;
	margin:0 auto;
	text-align: center;
	font-family: 'Rosario', sans-serif;
	font-size:16px;
	color:#5c6f7c;
	margin-bottom:20px;
	height:100px;
}

.quoteBox a {
	color:#5c6f7c;
	text-decoration: none;
}
/*********
 * SINGLE
 ********/
#single {
	margin-left:30px;
	margin-right:30px;
	color:#403629;
	font-family: 'Rosario', sans-serif;
}
#singleSpacer {
	height:40px;
}
.singleTitle {
	color:#5c6f7c;
	font-size:22px;
	text-transform:uppercase;
	font-family: 'Spinnaker', sans-serif; 
}
.singleDate {
	color:#7c6a55;
	font-family: 'Spinnaker', sans-serif; 
}
.singleContent {
	color:#403629;
	font-family: 'Rosario', sans-serif;
}
.comment-form-comment label {
	vertical-align: top;
}
#respond {
	margin-top:50px;
	color:#403629;
	font-family: 'Rosario', sans-serif;
	font-size:14px;
	margin-bottom:100px;
}
.comment-notes {
	color:#7c6a55;
	font-family: 'Spinnaker', sans-serif; 
}
#reply-title {
	color:#5c6f7c;
	font-size:16px;
	text-transform:uppercase;
	font-family: 'Spinnaker', sans-serif; 
}
.comment-form-author {
	margin-top:15px;
	font-size:15px;
}
.comment-form-email {
	margin-top:15px;
	font-size:15px;
}
.comment-form-comment {
	margin-top:15px;
	font-size:15px;
}
#comments-title {
	color:#5c6f7c;
	font-size:16px;
	font-family: 'Spinnaker', sans-serif; 
	margin-top:15px;
	margin-bottom:15px;
}
li.comment img.avatar {
	display:none;
}
.comment-author {
	color:#5c6f7c;
	font-size:16px;
	font-family: 'Spinnaker', sans-serif; 
	line-height:12px;
}
.comment-meta a {
	text-decoration:none;
	color:#7c6a55;
	font-family: 'Spinnaker', sans-serif; 
	font-size:12px;
}
li.comment {
	margin-top:20px;
}
.reply a {
	text-decoration:none;
	color:#5c6f7c;
	font-family: 'Spinnaker', sans-serif; 
	font-size:17px;
}
/*******
 * BLOG
 ******/
#blogPage {
	margin-left:30px;
	margin-right:30px;
	color:#403629;
	font-family: 'Rosario', sans-serif;
}
#blogTitle {
	color:#5c6f7c;
	font-family: 'Spinnaker', sans-serif; 
	font-size:29px;
	margin-top:20px;
	margin-bottom:20px;
}
.blogPostTitle a {
	color:#5c6f7c;
	font-size:18px;
	text-decoration: none;
	text-transform:uppercase;
	font-family: 'Spinnaker', sans-serif; 
}
.blogPostDate {
	color:#7c6a55;
	font-family: 'Spinnaker', sans-serif; 
}
.older-post {
	margin-top:20px;	
}
.blogPaginate {
	height:20px;
	margin-top:20px;
	margin-bottom:100px;
}
.olderPg a {
	color:#5c6f7c;
	font-size:14px;
	text-decoration: none;
	font-family: 'Spinnaker', sans-serif; 
}
.newerPg a {
	color:#5c6f7c;
	font-size:14px;
	text-decoration: none;
	font-family: 'Spinnaker', sans-serif; 
}
/*******
 * TABS
 ******/
.noLink {
	cursor:default;
}


#contentTabs {
	margin:0 auto;
	width:850px;
}
.tabItem {
}
ul.tabs {
	padding: 0;
	float: left;
	list-style: none;
	width: 100%;
	margin:0 auto;
}
ul.top li {
	float: left;
	margin: 0;
	padding: 0;
	border-left: none;
	overflow: hidden;
	position: relative;
	height:45px;
	width:245px;
	margin:40px 19px;
}
ul.tabs li a {
	text-decoration: none;
	color: #7c6a55;
	display: block;
	outline: none;
	text-transform:uppercase;
	font-family: 'Spinnaker', sans-serif; 
}
ul.tabs li a:active {
	color:#782B19;
}

html ul.tabs li.active, html ul.tabs li.active a { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
}
.tab_container p {
	margin-bottom:10px;
}
.tab_container {
}

.tabContentTop {
	color:#7c6a55;
	font-family: 'Rosario', sans-serif;
	font-size:18px;
	margin-left:7px;
}
.tabContentTopBlue {
	color:#5c6f7c;
}
.tabContentHeader {
	color:#5c6f7c; 
	font-size:20px;
	text-transform:uppercase;
}
.tabContentBottom {
	margin-top:20px;
	font-family: 'Spinnaker', sans-serif; 
}
.tabContentLeft {
	float:left;
	display:inline;
	width:270px;
	margin-left:7px;
}
.tabContentRight {
	float:right;
	display:inline;
	width:550px;
}
.tabContentBottomText {
	font-family: 'Rosario', sans-serif;
	font-size:16px;
	color:#403629;
}
.tabContentBottomText a {
	color:#7c6a55;
	text-decoration:none;
}
.historyLink {
	width:500px;
}

.quoteBox {
	width:200px;
	margin-top:40px;
	margin-left:30px;
	text-align:center;
	line-height: 29px;
	color:#7c6a55; 
	font-size:18px;
}
.tabsInTabs {
	display:inline;
	margin-bottom:20px;
}
.tabsInTabs li {
	display:inline-block;
	margin-right:20px;
	margin-bottom:10px;
}
/*********
 * FOOTER
 ********/
#footer {
	position: relative;
	margin-top: -200px; /* negative value of footer height */
	height: 200px;
	/*background-image:url('http://quiettigertaichi.com/wp-content/themes/Starkers/images/NavigationBar.png');
	background-image:repeat-x; */
	clear:both;
	background-image:url('https://quiettigertaichi.com/wp-content/themes/Starkers/images/Footer.png');
	background-image:repeat-x;
	} 
	
#footerPadding {
	height:60px;
}
#footerInfo {
	text-align:center;
	width:400px;
	margin:0 auto;
	vertical-align:middle;
}
#footerName {
	font-family: 'Rosario', sans-serif;
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
	font-size:22px;
}
#footerContact {
	margin-top:-10px;
	font-family: 'Spinnaker', sans-serif; 
	font-size:11px;
	color:#FFF;
	text-transform:uppercase;
}
#copyBy {
	margin-top:0px;
	font-family: 'Spinnaker', sans-serif; 
	font-size:10px;
	color:#e2d9d1;
	text-transform:uppercase;
	line-height:12px;
}

#copyBy a {
	text-decoration:none;
	color:#e2d9d1;
}