/*   
Theme Name: Books by Oliver
Description: Theme for A Time to Stand Website
Author: MDS Media Group
Version: 1.0
*/

/* ----------------------------------------------
   HTML ELEMENTS
---------------------------------------------- */
/* Top Elements */
* {margin: 0; padding: 0; outline: 0}
* img {border:none;}
body {font-family: "Myriad Pro", Myriad, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; color: #fff; background: url(images/bg.jpg) repeat top left; text-align: center;}

/* Links */
a {color: #e9d576;}
a:hover {text-decoration: none;}

/* Text */
ul, ol {margin-left: 25px;}

/* Elements */
table {border: none;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}

/* Form Elements */
input[type="text"] {}
input[type="textarea"] {}
input[type="submit"] {}

/*------------------------------------------
   LAYOUT
-------------------------------------------*/
#bg {width: 1307px; height: 814px; margin: 0 auto; background: url(images/overlay.png) no-repeat top left;}

#title_bar {width: 100%; height: 52px; margin-top: -814px; background: url(images/title_bar_bg.png) repeat-x top left;}

#wrap {width: 960px; min-height: 600px; margin: 30px auto 0px; text-align: left; position: relative;}

#masthead {width: 945px; height: 368px; padding: 40px 0px 0px 15px; background: url(images/masthead.png) no-repeat top left;}
	#masthead h1 {width: 611px; height: 185px; margin-bottom: 10px; background: url(images/h1_revolution.png) no-repeat top left; text-indent: -9999px;}
	#masthead p {width: 595px; margin-bottom: 15px; text-align: center;}

#aboutbook {width: 645px; height: 306px; padding: 20px 0px 0px 315px; background: url(images/aboutbook.png) no-repeat top left;}
	#aboutbook #stand {width: 375px; float: left;}
	#stand h1 {width: 375px; height: 65px; margin-bottom: 10px; background: url(images/h1_stand.png) no-repeat top left; text-indent: -9999px;}
	#stand p {width: 400px; margin-bottom: 10px;}
	#aboutbook #buybook {width: 220px; text-align: center; float: right;}
	#buybook h1 {width: 220px; height: 40px; margin-bottom: 10px; background: url(images/h1_buybook.png) no-repeat top left; text-indent: -9999px;}
	#buybook h2 {color: #e9d576; margin-bottom: 10px; font-size: 1em; font-weight: normal;}

#testimonials {width: 960px; padding: 20px 0px; background: url(images/seperator.png) no-repeat bottom left;}
	#testimonials h1 {width: 400px; height: 90px; margin-bottom: 10px; background: url(images/h1_testimonials.png) no-repeat top left; text-indent: -9999px;}
	#testimonials span.testimonial {width: 940px; min-height: 50px; padding: 0px 10px; display: block; margin-bottom: 20px; background: url(images/quote_right.png) no-repeat 900px 70%;}
		span.testimonial p {background: url(images/quote_left.png) no-repeat top left; padding: 10px 35px 0px 35px; margin-bottom: 20px; text-align: justify; font-size: 1.4em;}
		span.testimonial span {color: #e9d576; font-size: 1.1em; font-weight: bold; display: block; float: right; margin-right: 75px;}

#book_excerpt {color: #fff; padding: 20px 10px; background: url(images/seperator.png) no-repeat bottom left; position: relative;}
#book_excerpt p {margin-bottom: 20px;}
#book_excerpt img {border: solid 5px #fff; margin: 10px;}
#book_excerpt h1 {margin-bottom: 10px;}
#book_excerpt h3 {margin-bottom: 20px;}
#book_excerpt #close_excerpt {position: absolute; top: 10px; right: 0px; color: #fff; font-weight: bold; text-decoration: none;}

#aboutjerry {width: 960px; height: 270px; padding: 20px 0px;}
	#aboutjerry #about {width: 750px; float: left;}
	#about h1 {width: 464px; height: 67px; background: url(images/h1_about.png) no-repeat top left; text-indent: -9999px;}
	#aboutjerry img {float: right;}

#footer {width: 960px; margin-bottom: 20px; font-size: .7em;}


/*------------------------------------------
   PAGE SPECIFIC
-------------------------------------------*/