/*
Theme Name: Tina Leonard
Theme URI: http://tinaleonard.com/
Description: Custom Author Theme for Tina Leonard
Author:  Bemis Promotions
Author URI: http://bemispromotions.com/
Version: 2.0
*/
@import url("css/books.css");
@import url("css/grid.css");
@import url("css/links.css");
@import url("css/misc.css");
@import url("css/nav.css");
@import url("css/text.css");
@import url(https://fonts.googleapis.com/css?family=Elsie|Lato);
/*---------BASICS----------*/
body {
	color: #000000;
	font-family: Lato;
	margin:0;
	padding:0;
	overflow-x:hidden;
}
.wrapper {
	margin: 0px auto 0px auto;
	width: 90%;
	max-width: 1200px;
}
.tina {
	float: left;
	margin-left: 10%;
}
.header {
	width: 100%;
	height: 225x;
	/*background-color: #3c9b8e;*/
	background: url(/images/header-bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	margin:0;
	padding:15px 0 0
}
.header p {
	margin: 0;
}
.title {
	font-family: Elsie;
	color: #FFFFFF;
	text-shadow: 1px 1px #000000;
	font-size: 80px;
	margin: 0px auto 0px auto;
	width: 90%;
	max-width: 1200px;
	text-align: center;
}
.subtitle {
	font-family: Elsie;
	color: #FFFFFF;
	text-shadow: 1px 1px #000000;
	font-size: 36px;
	margin: 0px auto 0px auto;
	width: 90%;
	max-width: 1200px;
	text-align: center;
}
.breakbar {
	width: 100%;
	height: 0px;
	background-color: #f8d55f;
	padding: 0;
}
.nav {
	width: 100%;
	height: 50px;
	background-color: #cc4e8e;
	padding: 0;
}
.footer{
	width: 100%;
	background: #e1fcf8;
	clear: both;
	border-top: #3c9b8e double 2px;
	border-bottom: #3c9b8e double 2px;
}
.copyright {
	text-align: center;
	padding: 0;
	font-size: 13px;
	clear: both;
}
.sidebar {
	background-color:  rgba(156, 229, 219, 0.2);
	border-radius: .5em;;
	margin: 1em;
	padding: 1em;
}
.sidebar h2 {
	text-align: center;	
}
.box {
	background-color:  rgba(204, 78, 142, 0.2);
	border-radius: .5em;
	margin: 1em;
	padding: 1em;
}
@media only screen and (min-width:481px) and (max-width:850px) {
	.title {
		font-size: 50px;
		width: 98%;
		padding-top: 50px;
	}
	.subtitle {
		font-size: 33px;
		width: 98%;
	}
}

@media only screen and (max-width: 480px) {
	.wrapper {
		max-width: none;
		width: 98%;	
	}
	.title {
		padding-top: 50px;
		font-size: 33px;
		width: 98%;
	}
	.subtitle {
		font-size: 20px;
		width: 98%;
	}
}
.alignleft {
	margin-right: 20px;
}
.quotes {
	height: 200px;
}
@media only screen and (min-width: 767px) {
	.quotes {
		height: 150px;
		margin-bottom: 55px;
	}	
	
}