body {
	background-color: #000;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.5em;
}
#slogan {
	background-color: #2a0e07;
	background-image: url(images/top-bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	padding: 20px 0 10px;
}
#slogantwo {
	background-color: #2a0e07;
	background-image: url(images/top-bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	min-height: 50px;
	padding: 10px 0;
}
#highlighttop {
	background-image: url(images/bar-highlight.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	height: 4px;
	background-color: #321a1f;
}
#highlightbottom {
	background-image: url(images/highlight-bottom.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	height: 4px;
	background-color: #321a1f;
}
#menu {
	padding: 12px 0;
}
#menu a {
	letter-spacing: .12em;
	display: inline-block;
	margin: 0 18px;
	font-size: 18px;
}
#menu a:link, #menu a:visited {
	color: #FFF;
	text-decoration: none;
}
#menu a:hover, #menu a:visited:hover {
	color: #e51e25;
	text-decoration: none;
}
#content {
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #2a0e07;
	padding: 15px 0 40px 0;
}
.homebuzz {
	background-image: url(images/buzz.jpg);
}
.inside {
	background-image: url(images/background.jpg);
}
#copyright {
	font-size: 11px;
	color: #a41c1f;
	padding: 25px 0 50px;
}
#copyright a:link, #copyright a:visited {
	color: #6b4047;
}
#copyright a:hover, #copyright a:visited:hover {
	color: #FFF;
}

.innerpage {
	margin: 0 auto;
	max-width: 730px;
	text-align: left;
	padding: 0 30px;
	color: #FFF;
}
h2 {
	color: #000;
	font-size: 26px;
}
h3 {
	display: inline;
	font-size: 22px;
}
h4 {
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: .1em;
}
.bookcol {
	width: 250px;
	text-align: center;
	float: left;
}
.bookcol img {
	border: 2px solid #FFF;
	box-shadow: 0px 0px 10px #000;
}
.bookcol a {
	width: 110px;
	margin: 0 0 8px 8px;
	display: block;
	text-align: center;
	border-radius: 8px;
	padding: 1px;
	font-size: 13px;
	float: left;
}
.bookcol a:link, .bookcol a:visited {
	background-color: #cc232a;
	color: #FFF;
	text-decoration: none;
}
.bookcol a:hover, .bookcol a:visited:hover {
	background-color: #881d21;
	color: #FFF;
	text-decoration: none;
}
.dotted {
	clear: both;
	border-top: 1px solid #000;
	margin: 30px 0;
}
#quotes {
	min-height: 30px;
}
#quotes div {
	position:absolute;
	z-index:0;
	opacity: 0.0;
}
#quotes div.previous {
	z-index:1;
	opacity: 0.0;
}
#quotes div.current {
	z-index:2;
	opacity: 1.0;
}
#quotes div.current p {
	margin-top: 0px;
	margin-bottom: 0px;
}
.pink {
	color: #f7babb;
}
.thedate {
	display: inline-block;
	border-left: 2px solid #000;
	color: #f7babb;
	margin: 0 0 0 20px;
	padding: 2px 0 2px 20px;
}


@media only screen and (min-width: 700px) {
#title {
	padding: 310px 0 152px;
}
#quotes {
	width: 700px;
	margin: 0 auto;
}
#onequote {
	width: 490px;
	border-right: 3px solid #901212;
	padding: 5px 20px 5px 0;
	float: left;
	text-align: center;
	font-size: 17px;
	line-height: 22px;
	min-height: 30px;
}
#quotefrom {
	float: right;
	color: #FFF;
	text-align: left;
	width: 160px;
	padding: 5px 0 0 20px;
	font-size: 15px;
	line-height: 22px;
}
.copyone {
	display: inline-block;
	margin-right: 200px;
}
.copytwo {
	color: #CCC;
	display: inline-block;
}
}

@media only screen and (max-width: 700px) {
#title {
	padding: 35% 0 13%;
}
#title img {
	width: 95%;
}
#author img {
	width: 95%;
}
#quotes {
	width: 95%;
	margin: 0 auto;
}
#slogan img {
	width: 95%;
	height: auto;
}
.copyone, .copytwo {
	display: block;
	text-align: center
}
.copytwo {
	color: #CCC;
}
}

@media only screen and (min-width: 500px) {
.bookright {
	padding-left: 280px;
}
}
@media only screen and (max-width: 500px) {
.bookright {
	clear: both;
}
#slogantwo {
	display: none;
}
}