/*Color Chart
Deep Purple - #372049
Dark Purple - #786a82
Purple - #5d4970
Pink - #f1baf3
Light Pink - #faeeff


*/

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


body{
	font-family: Georgia, serif;
}


/*STICKY FOOTER*/

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 446px;}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -446px; /* negative value of footer height */
	height: 446px;
	clear: both;
	} 
	
	#footer-inside{
		width: 960px;
		height: 164px;
		margin: 0 auto;
		background-color: #5d4970;
		background: url(images/footer.png) no-repeat center;
	}
	
	
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*UTILITY*/

.clear{
	clear: both;
}

.center{
	width: 960px;
	height: 100%;
	margin: 0 auto;
}

.space{
	height: 15px;
}

.floatleft{
	float: left;
}

.floatright{
	float: right;
}

.aligncenter{
	padding-bottom: 20px;
}



/*LINKS*/

a:focus{
	outline: medium none;
}

a:link{
	color: #5d4970;
	text-decoration: none;
}

a:visited{
	color: #5d4970;
	text-decoration: none;
}

a:hover{
	color: #f1baf3;
	text-decoration: none;
	font-style: italic;
}

a:active{
	color: #f1baf3;
	text-decoration: none;
}

/*HEADER TEXT*/

h1{
	font-size: 24px;
}

h2{
	font-size: 24px;
}

.page h2{
	padding-bottom: 8px;
}



/*HEADER*/

#header{
	z-index: 10;
	position: relative;
	width: 960px;
	margin: 0 auto;
}


.latest-tweet-container{
	width: 365px;
	height: 130px;
	background-color: #372049;
	color: #fff;
	position: absolute;
	z-index: 100;
	top: 20px;
	left: 584px;
	border: 2px solid #e9dbff;
}

	#tweet-text{
		font-size: 12px;
		color: #fff;
		width: 340px;
		height: 50px;
		padding-top: 6px;
		margin-left: 15px;
	}
	
	#tweet-text a:link,
	#tweet-text a:visited{
		color: #f1baf3;
		text-decoration: none;
	}
	
	#tweet-text a:hover,
	tweet-text a:active{
		color: #f1baf3;
		text-decoration: none;
		font-style: normal;
	}
	
	
	#twitter-link{
		width: 150px;
		margin-left: 215px;
		margin-top: 8px;
		font-size: 14px;
	}
	
	#twitter-link a:link,
	#twitter-link a:visited{
		color: #f1baf3;
	}
	
	
	#twitter-link a:hover,
	#twitter-link a:active{
		color: #fff;
		font-style: normal;
	}


/*NAVIGATION*/

#nav-bar{
	position: relative;
	width: 960px;
	height: 30px;
	background-color: #5d4970;
}

ul#nav{
	position: relative;
	clear: both;
	list-style: none;
	width: 532px;
	margin-left: 605px;
}

	ul#nav li{
		display: inline;
	}
	
	ul#nav li a{
		display: block;
		float: left;
		height: 30px;
		text-indent: -99999px;
	}
	
	ul#nav li a.bio{
		width: 54px;
		background: url(images/bio-sprite.png) no-repeat center bottom;
	}
	
	ul#nav li a.photos{
		width: 134px;
		background: url(images/photo-sprite.png) no-repeat center bottom;
	}
	
	ul#nav li a.media{
		width: 76px;
		height: 30px;
		background: url(images/media-sprite.png) no-repeat center bottom;
	}
	
	ul#nav li a.blog{
		width: 56px;
		background: url(images/blog-sprite.png) no-repeat center bottom;
	}
	
	ul#nav li a:hover.bio,
	ul#nav li a:hover.photos,
	ul#nav li a:hover.media,
	ul#nav li a:hover.blog{
		background-position: center top;
		background-color: #5d4970;
	}
	


/*LOGO*/

h1#logo{
	position: relative;
	z-index: 50;
	width: 960px;
	height: 202px;
}

	h1#logo a.header-logo{
		position: relative;
		display: block;
		width: 960px;
		height: 202px;
		background: url(images/logo.png) no-repeat center;
		text-indent: -9999px;
		margin: 0 auto;
	}




/*CONTENT*/

.date{
	padding-top: 10px;
	padding-bottom: 10px;
}

#page-content{
	padding: 30px;
	background-color: #faeeff;
}


	#page-content p{
		font-size: 13px;
		line-height: 1.4em;
		padding-bottom: 8px;
	}

	#page-content ul{
		padding-left: 10px;
		font-size: 13px;
		padding-bottom: 11px;
	}

	
	#page-content ul li{
		padding: 5px;
	}

#blog-content{
	width: 677px;
	float: left;	
}

.post{
	padding: 20px;
	}
	
	.post h2{
		margin-bottom: 15px;
	}
	
	.post p{
		line-height: 1.4em;
		font-size: 14px;
		padding-bottom: 10px;
	}


#post-data{
	padding-top: 15px;
	font-size: 11px;
}


h3#comments{
	margin-left: 20px;
	font-size: 13px;
	margin-bottom: 15px;
}


#line{
	width: 250px;
	margin: 0 auto;
	height: 20px;
	border-bottom: solid 1px #5d4970;
}



/*COMMENTS*/

.commentlist{
	margin-left: 20px;
}


.comment{
	width: 520px;
	margin-bottom: 20px;
}


	.comment p{
		line-height: 1.4em;
		font-size: 14px;
	}


.comment-body{
	padding: 10px;
}


.even{
	background-color: #faeeff;
}


.odd{
	background-color: #ffffff;
}

.comment-meta{
	font-size: 11px;
}


#respond{
	margin-left: 20px;
	width: 520px;
	background-color: #f2efd8;
}


	#respond h3{
		margin-left: 8px;
		padding-top: 10px;
	}


#commentform{
	width: 520px;
	padding: 20px;
	/*margin-left: 20px;*/
}


	#commentform p{
		font-size: 12px;
		padding-bottom: 8px;
	}


#submit{
	margin-top: 10px;
}



/*SIDEBAR*/

#sidebar{
	width: 236px;
	float: right;
}

h3#side-bar-title{
	width: 220px;
	padding-top: 20px;
	padding-bottom: 4px;
	color: #372049;
	border-bottom: solid 1px #000;
}

#people{
	width: 200px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 15px;
}

	#people p{
		line-height: 1.4em;
	}
	
p#name{
	font-size: 15px;
	font-style: italic;
}

p#description{
	font-size: 12px;
}

/*BOTTOM*/

#bottom{
	width: 960px;
	height: 282px;
	margin: 0 auto;
	background: url(images/bottom-bg.png) no-repeat center;
}


	#news{
		width: 302px;
		height: 199px;
		padding-left: 22px;
		padding-top: 68px;
		float: left;
		background: url(images/news-box.png) no-repeat center;
	}
	
	.most-recent-post{
		font-size: 15px;
		color: #bf6f90;
		width: 215px;
		height: 75px;
		margin-left: 55px;
		margin-top: 50px;
		margin-top: 25px;
	}
	
	.most-recent-post-title{
		font-size: 14px
	
	}
	
	
	.most-recent-post-content{
		padding-top: 7px;
		font-size: 13px;
	}
	
	
	.excerpt-read-more{
		padding-left: 6px;
	}

	
	#classes{
		width: 302px;
		height: 199px;
		padding-left: 13px;
		padding-top: 68px;
		float: left;
		background: url(images/classes-box.png) no-repeat center;
	}
	
		#class-text{
			width: 200px;
			margin-left: 65px;
			margin-top: 50px;
			margin-top: 25px;
		}
		
		#class-link{
			width: 150px;
			margin-left: 136px;
			margin-top: 30px;
			font-size: 14px;
		}
	
	#massage{
		width: 302px;
		height: 199px;
		padding-left: 13px;
		padding-top: 68px;
		float: left;
		background: url(images/massage-box.png) no-repeat center;
	}
	
	
#footer-copy-container{
	width: 960px;
	color: #fff;
	text-align: center;
	font-size: 12px;
	padding-top: 115px;
}

	#footer-copy-container p{
		width: 940px;
		text-align: center;
		padding-bottom: 6px;
	}
	
	#footer-copy-container a:link,
	footer-copy-container a:visited{
		color: #fff;
	}
	
	#footer-copy-container a:hover,
	footer-copy-container a:active{
		color: #bf6f90;
		font-style: normal;
	}