body, p, a, ol, ul, li, img, h1, h2, h3, h4, h5, h6, hr, blockquote { margin: 0; padding: 0; border: none; list-style: none; }
html, body { height: 100%; }
body { background: -moz-linear-gradient(top, #EEFAFD, #FFF) no-repeat; background: -moz-linear-gradient(top, #EEFAFD, #FFF) no-repeat; background: -webkit-linear-gradient(top, #EEFAFD, #FFF) no-repeat;font-size: 1em; }
p, ul li, ul ol, a, h1, h2, h3, h4, h5, h6, input, textarea, blockquote { font-family: sans-serif; }
h1 { font-size: 1.2em; font-weight: bold; color: #777; margin: 10px 0 15px 0; display: block; border-bottom: 1px solid #CCC; }
h2 { font-size: 1em; color: #555; margin: 20px 0 5px 0; font-style: italic; background: #E3F5FB; padding: 5px; text-shadow: 0 1px 1px #FFF; }
p { font-size: .8em; line-height: 200%; text-align: justify; }
a { color: #06C; }

body#home { background: linear-gradient(top, #FEF1E0, #FFF) no-repeat; background: -moz-linear-gradient(top, #FEF1E0, #FFF) no-repeat; background: -webkit-linear-gradient(top, #FEF1E0, #FFF) no-repeat; }

#wrapper { margin: auto; width: 90%; max-width: 1000px; min-width: 800px; min-height: 100%; height: auto; }
#header { width: 100%; margin: 0 0 4em 0; }
#logo { display: block; width: 400px; height: 71px; background: url(images/jeffrey-masson-logo.png) no-repeat; margin: 2em auto 1.25em auto; }
#header p { color: #333; font-size: .8em; padding: 0 0 5px 0; }
#header p a { color: #555; }

#navigation-links { background: url(images/book-swirl.png) no-repeat center bottom; padding: 0 0 2.75em 0; }
#navigation-links li { display: inline; margin: 0 5% 0 0; }
#navigation-links li.last { margin: 0; }
#navigation-links li a { color: #333; font-size: .95em; text-decoration: none; padding: 0 0 2px 0; }
#navigation-links li a:hover { border-bottom: 5px solid #FC0; }
#navigation-links li a.active { font-weight: bold; }

#photo { width: 90%; opacity: .9; border: 1em solid #FFF; height: 250px; background: url(images/jeff-and-benjy2.jpg) no-repeat center center; box-shadow: 0 2px 4px #999; -moz-box-shadow: 0 2px 4px #999; -webkit-box-shadow: 0 2px 4px #999; }
#main div.photo-home { opacity: 1; height: 350px; background: url(images/jeff-and-benjy.jpg) no-repeat center center; }

#main { clear: both; }
#main p  { margin-bottom: 1em; }
#introduction { margin-top: .9em; }
#book p { margin: 0 0 1em 225px; }
#book p.quoting { margin-bottom: 20px; }
#book .book { margin-left: 3px; }
#book h1 { margin-bottom: 25px; line-height: 175%; }
#book h1 em { color: #333; font-weight: normal; font-size: .9em;}
#book blockquote p { margin-left: 0; }
#main ul li, #book ul li { margin: 0 0 0 10px; font-size: .8em; line-height: 225%; }
#main ul.book-options li, #book ul.book-options li { margin-left: 0; }
#main div.photo p { font-style: italic; text-align: center; font-size: 1em; margin: 0; }
#footer, #push { height: 200px; clear: both; }
#footer { padding: 120px 0 0 0; width: 100%; margin-top: -200px; background: url(images/elephant.png) no-repeat 20% 15px; }
#footer p { padding-bottom: 1em; font-size: .75em; }
#footer-background { padding: 2em 0 0 0; background: linear-gradient(top, #DDD, #FFF) no-repeat; background: -moz-linear-gradient(top, #DDD, #FFF) no-repeat; background: -webkit-linear-gradient(top, #DDD, #FFF) no-repeat; }
#footer-content { max-width: 1000px; min-width: 800px; width: 90%; margin: auto; }

p.large { font-size: .95em; }

ul.social-media { clear: both; margin: 1.5em 0 0 -10px; }
ul.social-media li { font-size: .8em; display: block; }
ul.social-media li a { padding: 0 0 1.25em 40px; display: block; background-repeat: no-repeat; opacity: .7; }
ul.social-media li a:hover  { opacity: 1; }
ul.social-media li.youtube a { background-image: url(images/icon-youtube.png); }
ul.social-media li.twitter a { background-image: url(images/icon-twitter.png); }
ul.social-media li.wordpress a { background-image: url(images/icon-wordpress.png); }
ul.social-media li.facebook a { background-image: url(images/icon-facebook.png); }

ul.books { width: 85%; margin: 20px auto 0 auto; }
ul.books li { display: block; float: left; }
ul.books li a { clear: both; }
ul.books li a img { opacity: .7; }
ul.books li a:hover img { opacity: 1; }

ul.book-options { margin-bottom: 25px; }
ul.book-options li { background-repeat: no-repeat; padding-left: 24px; background-position: 0 7px; }
li.indiebound { background-image: url(images/icon-indiebound.png); }
li.vimeo { background-image: url(images/icon-vimeo.png); }
li.amazon { background-image: url(images/icon-amazon.png); }
li.amazon-kindle, li.kindle, li.ebook { background-image: url(images/icon-amazon-kindle.png); }
li.barnes-and-noble { background-image: url(images/icon-barnes-and-noble.png); }
li.powells { background-image: url(images/icon-powells.png); }
li.pdf { background-image: url(images/icon-pdf-small.png); }
li.more-info { background-image: url(images/icon-book.png); }
.bookdepository {background-image:url(images/icon-bookdepository.png);}

div.home-feature { width: 100%; clear: both; }
div.home-feature hr { width: 100%; clear: both; display: block; border: none; border-top: 1px solid #EECFBF; margin: 10px 0; }
div.left-half { float: left; width: 47%; margin: 0 3% 40px 0; }
div.right-half { float: left; width: 47%; margin: 0 0 40px 3%; }
div.photo  { margin-bottom: 20px; border: 5px solid #FFF; box-shadow: 0 2px 4px #999; -moz-box-shadow: 0 2px 4px #999; -webkit-box-shadow: 0 2px 4px #999; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}

img.book { float: left; margin: 10px 25px 25px 0; border: 1px solid #FFF; box-shadow: 0 2px 4px #999; -moz-box-shadow: 0 2px 4px #999; -webkit-box-shadow: 0 2px 4px #999; }
#main div.book-info  p, #main div.book-info ul { margin-left: 200px; }

.left { float: left; }
.right { float: right; }
.center, img.center { display: block; margin: auto; text-align: center; float: none; }
.clear { clear: both; }
.leftmargin { margin-left: 20px; }
.rightmargin { margin-left: -3px; margin-right: 20px; }
.topmargin { margin-top: 30px; }
.nomargin, #main div.book-info p.nomargin, #main div.book-info ul.nomargin { margin: 1em 0 0 0; }
#main div.book-info p.nomargin strong { line-height: 250%; }
#contact input, #contact textarea { border: 1px solid #CCC; border-bottom: 2px solid #CCC; border-right: 2px solid #CCC; padding: 2px; }
#contact input { width: 200px; }
#contact label { width: 100px; float: left; display: block; font-weight: bold; color: #333; }
#contact input.selected, #contact textarea.selected { border: 1px solid #06C; border-right: 2px solid #06C; border-bottom: 2px solid #06C; }
#contact input.submit { margin: 0 0 50px 100px; }
#contact ul li { line-height: 400%; }
.marginRight { margin-right: 30px; }