/*   
Author: Tom Rose (tom@slurve.com)
Author URI: http://slurve.com
Date: 01 Apr 2009
*/

/* -------------------------------------------------------------------------- global */

body { margin: 0; padding: 0; background: #7ab0a7 url(images/bg.jpg) 0 0 fixed; }
a img { border: none; }
p { margin: 0 0 15px 0; }
blockquote { margin: 0; font-style: italic; }
blockquote p { margin: 0; }
blockquote em { font-style: normal; }
cite { margin: 8px 0 30px 0; display: block; font-style: normal; font-size: 0.9em; line-height: 1.4em; color: #777; }
cite p { margin: 0; }
ol li { margin: 0; padding: 0; }
ol li { margin: 10px 0; padding: 0; }

/* -------------------------------------------------------------------------- headers */
	
h1 { margin: 0 0 15px 0; font-size: 1.8em; font-weight: normal; line-height: 28px; }
h2 { margin: 15px 0 5px 0; font-size: 1.3em; font-weight: normal; line-height: 28px; color: #7ab0a7; }
h2.alt { margin-bottom: 20px; }

/* -------------------------------------------------------------------------- links */

a, a:visited { color: #d95734; text-decoration: none; outline: none; }
a:hover, a:active { color: #0c5053; }

/* -------------------------------------------------------------------------- masthead */

#masthead { position: relative; height: 103px; background: url(http://hyattbass.com/wp/wp-content/themes/hyatt-bass/images/bg_masthead.jpg) 0 0 no-repeat; }
.logo { position: absolute; top: 21px; left: 30px; }
.logo a { position: relative; width: 260px; height: 0px !important; display: block; background: url(images/logo.jpg) top left no-repeat; overflow: hidden; padding: 70px 0 0 0; border: 0; outline: none; }
.nav { position: absolute; top: 46px; right: 30px; }
.nav ul { margin: 0; padding: 0; list-style-type: none; }
.nav li { margin: 0 10px 0 0; padding: 0; float: left; display: inline; position: relative; }
.nav li a, .nav li a:visited { position: relative; display: block; height: 0px !important; display: block; overflow: hidden; padding: 12px 0 0 0; }
.nav .home a { width: 43px; background: url(images/nav_home.gif) top left no-repeat; }
.nav .the-embers a { width: 82px; background: url(images/nav_embers.gif) top left no-repeat; }
.nav .about-hyatt-bass a { width: 96px; background: url(images/nav_hyatt.gif) top left no-repeat; }
.nav .news a { width: 153px; background: url(images/nav_news.gif) top left no-repeat; }
.nav .clubs a { width: 122px; background: url(images/nav_clubs.gif) top left no-repeat; }
.nav .contact a { width: 68px; background: url(images/nav_contact.gif) top left no-repeat; }
.nav .press a { width: 34px; background: url(images/nav_press.gif) top left no-repeat; }
.nav li:hover a, .nav li a:hover, #home .nav .home a, #the-embers .nav .the-embers a, #about-hyatt-bass .nav .about-hyatt-bass a, #news .nav .news a, #appearances .nav .news a, #contact .nav .contact a, #press .nav .press a { background-position: 0 -12px; }
#the-embers.wrap-book-clubs .nav .the-embers a { background-position: 0 0; }
#the-embers.wrap-book-clubs .nav .clubs a { background-position: 0 -12px; }
.nav ul ul { display: none; background: url(images/bg_nav.gif) 0 0; width: 200px; position: absolute; top: 10px; left: 0; padding: 15px 0 3px 0; margin: 0; z-index: 2; }
.nav li li { float: none; }
.nav li li a, .nav li li a:visited { background: none !important; width: auto !important; height: auto !important; overflow: visible !important; padding: 2px 10px; font-size: 13px; color: #444; }
.nav li li a:hover { color: #000; }
.tools { position: absolute; top: -28px; right: 33px; font-family: "Lucida Grande", sans-serif; font-size: 11px; line-height: 11px; }
.tools #searchForm { display: inline; margin: 0 0 0 20px; }
.tools input { width: 120px; border: 1px solid #ccc; padding: 2px 3px; color: #444; }
.tools .submit { width: 55px; height: auto; background: none; color: #d48c16; border: none; }
.tools .submit:hover { color: #444; cursor: pointer; }
.bannerLeft { background: transparent url(images/banner_left.png) no-repeat 0 0; width: 19px; height: 115px; position: absolute; top: -12px; left: -19px; z-index: 99; }
.bannerRight { background: transparent url(images/banner_right.png) no-repeat 0 0; width: 19px; height: 115px; position: absolute; top: -12px; right: -19px; z-index: 99; }
.shadowLeft { background: transparent url(images/shadow_left.png) no-repeat 0 0; width: 13px; height: 203px; position: absolute; top: 136px; left: -13px; z-index: 99; }
.shadowRight { background: transparent url(images/shadow_right.png) no-repeat 0 0; width: 13px; height: 203px; position: absolute; top: 136px; right: -13px; z-index: 99; }
.fontResizer { margin: 0 0 0 10px; }
.fontResizer a, .fontResizer a:visited { margin: 0 2px 0 4px; }
.fontResizer a:hover { color: #0c5053; }
.smallFont { font-size: 12px; }
.medFont { font-size: 14px; }
.largeFont { font-size: 16px; }
.fontResizer .curFont { color: #0c5053; }

/* -------------------------------------------------------------------------- containers */

#container { position: relative; margin: 0 auto; width: 900px; background-color: #fff; padding: 38px 0 0 0; font-family: "Georgia", "Palatino", serif; font-size: 1.1em; line-height: 1.5em; color: #444; }
#main { float: left; display: inline; width: 570px; margin: 30px 40px 30px 0; }
#main.wide { float: none; display: block; width: 900px; padding: 0; margin: 20px 0 0 0; }

/* -------------------------------------------------------------------------------- contact */

#contactForm { margin: 20px 0; }
#contactForm img { vertical-align: middle; margin: 0 0 0 10px; } /* verification image */
#contactForm label { text-transform: uppercase; display: block; font-size: 12px; color: #999; margin: 0 3px 0 0; }
#contactForm input, textarea { width: 300px; border: 1px solid #ccc; padding: 4px; color: #444; font: normal 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; }
#contactForm input:focus, textarea:focus, select:focus { background-color: #ffc; }
#contactForm textarea { width: 400px; height: 200px; }
#contactForm label.error { text-transform: none; font-size: 12px; font-weight: normal; line-height: 14px; margin: 4px 0 0 0; color: #930; }
#contactForm .required { font-style: italic; font-family: Georgia, serif; font-size: 11px; margin: 20px 0; color: #ccc; }
#contactForm .submit { width: 130px; height: 28px; background-color: #d95734; color: #fff; border: none; font-size: 11px; }
#contactForm .submit:hover { background-color: #0c5053; cursor: pointer; border: none; }
#contact .newsletter { padding: 3px 0 0 0; margin: 0; clear: both; }
#contact .newsletter input { margin: 0 0 10px 0; }
#contact .newsletter h2 { margin-bottom: -12px; }
#contact .facebookIcon { float: left; display: inline; margin: 0 5px 0 -5px; }
#contact .twitterIcon { float: left; display: inline; margin: 0 5px 0 -5px; }

/* -------------------------------------------------------------------------- sidebar */

#sidebar { float: left; display: inline; width: 210px; padding: 0; margin: 30px; }
#sidebar ul { margin: 0; padding: 0; }
#sidebar ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none; }
#sidebar h2 { margin-top: 5px; line-height: 120%; color: #7ab0a7; }
#sidebar p { margin-bottom: 25px; }

/* -------------------------------------------------------------------------- interior */

#bookGroupsIntro { border: 3px solid #eee; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin: 50px 0 120px 0; padding: 20px 30px 0 30px; }
#bookGroupsIntro #bookGroupsImg { float: left; display: inline; margin: -40px 30px -120px 0; }
#bookGroupsIntro #bookGroupsText { width: 330px; float: right; display: inline; }
#bookGroupsIntro #bookGroupsText p { margin: 0 0 15px 0; font-size: 1.1em; line-height: 1.5em; color: #777; } 
#bookGroupsIntro #bookGroupsText ul { margin: 0; padding: 0; } 
#bookGroupsIntro #bookGroupsText ul li { margin: 0 0 4px 0; padding: 0; list-style-type: none; }
#bookClubForm { margin: 0 0 50px 0; } 
#bookClubForm label { text-transform: uppercase; display: block; font-size: 11px; color: #999; margin: 0 3px 0 0; }
#bookClubForm input, #bookClubForm textarea { width: 300px; border: 1px solid #ccc; padding: 4px; color: #444; font: normal 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; }
#bookClubForm textarea { width: 400px; height: 200px; }
#bookClubForm label.error { text-transform: none; font-size: 12px; font-weight: normal; line-height: 14px; margin: 4px 0 0 0; color: #930; }
#bookClubForm .required { font-style: italic; font-family: "Georgia", serif; font-size: 11px; margin: 20px 0; color: #ccc; }
#bookClubForm .submit input { width: 100px; height: 28px; background-color: #d95734; -moz-border-radius: 6px; -webkit-border-radius: 6px; color: #fff; border: none; font-size: 11px; }
#bookClubForm .submit input:hover { background-color: #0c5053; -moz-border-radius: 6px; -webkit-border-radius: 6px; cursor: pointer; border: none; }
.wrap-just-for-fun #main p { margin-bottom: 30px; }
.wrap-first-chapter #main h2 { font-size: 24px; margin: 0 0 15px 0; }
.wrap-first-chapter #main h3 { font-size: 14px; margin: 0 0 15px 0; font-weight: normal; }
#news h2 { margin-top: 0; }
.shopLogos { width: 350px; }
.shopLogos img { margin: 0 15px 5px 0; }

/* -------------------------------------------------------------------------- homepage */

.colA { float: left; display: inline; width: 260px; margin: 0 0 0 30px; }
.colB { float: left; display: inline; width: 315px; margin: 0 30px 0; }
.colC { float: left; display: inline; width: 205px; margin: 0 30px 0 0; }
.topContent .colA { text-align: center; }
.topContent .colB .intro blockquote { margin: 0 0 10px 0; font-size: 1.3em; line-height: 1.5em; color: #777; }
.topContent .colB .intro cite { margin: 0; font-size: 0.8em; line-height: 1.5em; color: #959e9f; }
.topContent .colB ul { margin: 20px 0 0 0; padding: 0; }
.topContent .colB ul li { margin: 0 0 5px 0; padding: 0; font-size: 1.1em; list-style-type: none; }
.topContent .colC img { border: 4px solid #ccc; margin: 0 0 10px 0; }
.bottomContent { background: #e7eeef url(images/bg_bottom_content.gif) 0 0 repeat-x; margin: 20px 0 0 0; padding: 20px 0; }
.bottomContent h2 { color: #2c6d73; font-size: 1.1em; margin: 0 0 8px 0; text-transform: uppercase; font-weight: normal; }
.bottomContent h2 em { color: #48b8ad; }
.bottomContent .colB blockquote { width: 95%; margin: 0 0 8px 0; } 
.bottomContent .colB cite { width: 95%; margin: 0 0 12px 0; text-transform: none; } 
.facebookPromo { margin: 5px 0 0 0; line-height: 19px; } 
.facebookPromo img { float: left; display: inline; margin: -5px 5px 0 0; } 
.twitterPromo { margin: 15px 0 0 0; line-height: 19px; clear: both; } 
.twitterPromo img { float: left; display: inline; margin: -5px 5px 0 0; } 
.newsletter { margin: 30px 0 20px 0; background-color: #fff; padding: 10px; }
.newsletter p, #sidebar .newsletter p { margin: 0 0 7px 0; }
.newsletter form { margin: 0; }
.newsletter label { display: none; }
.newsletter input { padding: 3px; border: 1px solid #999; color: #666; width: 175px; }
.newsletter input.filledIn { border: 1px solid #ddd; color: #999; }
.newsletter .submit { border: none; background: none; padding: 0; width: auto; color: #d95734; cursor: pointer; }
.newsletter .submit.ready { font-weight: bold; }
.newsletter .submit:hover { color: #0c5053; }
#embersPb { text-align: center; margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #999; }
#appearancesList { margin: 0 0 15px 0; padding: 0; }
#appearancesList li { margin: 0; padding: 0; list-style-type: none; }
#appearancesList li.more { padding: 5px 0 0 0; }

/* -------------------------------------------------------------------------- footer */

#footer { width: 900px; padding: 13px 0; background-color: #5b847d; font-size: 11px; line-height: 16px; }
#footer a, #footer a:visited { color: #ccc; }
#footer a:hover { color: #eee; }
#footer p { margin: 0; color: #fff; }
#footer .siteInfo { float: left; display: inline; margin: 0 0 0 30px; }
#footer .siteCredit { float: right; display: inline; margin: 0 30px 0 0; }

/* -------------------------------------------------------------------------- utility */

.downloadLink { float: right; display: inline; margin: -35px 0 0 0; }
a.imglink:link, a.imglink:visited { border: none; }
.alignright { float: right; display: inline; margin: 15px 0 15px 15px; }
.alignleft { float: left; display: inline; margin: 15px 15px 15px 0; }
.backtotop { font-size: 80%; text-transform: uppercase; }
.clear { clear: both; }