body { margin:0px; text-align:center; background:url(backdrop.jpg) bottom center no-repeat fixed; background-size:cover; }
body, p, div, td, ul, input, select, textarea { font-family:'PT Serif'; font-size:17px; line-height:1.5; color:#444444; }
h1, h2, h3 { text-align:center; font-size:200%; font-weight:normal; margin:10px 0px; line-height:1.2; }
h2 { font-size:150%; }
h3 { margin:55px 0px 25px 0px; }
a { color:#407376; text-decoration:underline; outline:none; }
a:hover { color:#4D8B8F; }
img { max-width:100%; }
.color { color:#196baa; }
blockquote { color:#888888; background:rgb(255, 255, 255, 0.5); border-left:5px solid #adadad; font-size:90%; margin:20px 25px 20px 0px; padding:10px 25px; }
#navigation { text-align:center; padding:10px 5%; }
#navigation a { padding:0px 7px; text-decoration:none; white-space:nowrap; }
#header { background-size:cover; }
#header a, #header a:hover { color:#ffffff; }
#header div { margin:auto; max-width:875px; height:105px; text-align:center; font-size:30px; color:#ffffff; line-height:1.4; }
#header span { display:inline-block; margin:0px 40px; vertical-align:top; text-shadow:0px 1px 2px #000000; }
#header big { font-size:65px; color:#ffffff; line-height:1; text-shadow:0px 1px 2px #000000; }
#header i { font-style:normal; white-space:nowrap; }
#content { margin:40px auto 100px auto; min-height:600px; width:90%; max-width:890px; text-align:left; }
#content p:first-of-type { margin-top:40px; }
#banner { text-align:center; background-image:radial-gradient(circle, rgba(0, 0, 0, 0.9) 50%, rgba(57, 75, 76, 0.7)); padding:5px; }
#banner img { width:100%; max-width:663px; display:block; margin:auto; }
#footer { background:rgb(64, 115, 118, 0.7); padding:30px 5%; color:#ffffff; }
#footer a { color:#ffffff; }
#footer span, #footer a { white-space:nowrap; }
.book-box { width:215px; display:inline-block; margin:0px 0px 50px 0px; text-align:center; vertical-align:top; }
.book-box img { display:block; margin:0px auto 13px auto; box-shadow:0px 0px 8px #888888; }
.book-box div { font-size:75%; text-transform:uppercase; margin:5px 0px; line-height:1.2; }
.book-box a { display:block; }
.book-box p { color:#333333; }
.book-title { margin:0px; color:#333333; }
.book-buynow { display:inline-block; background:linear-gradient(#ffd17a, #f09c00); padding:5px 15px 7px 15px; border-radius:8px; box-shadow:0px 2px 8px #888888; border:1px solid #db8f00; color:#000000; font-weight:bold; text-decoration:none; }
.book-buynow:hover { color:#000000; }
.subscribe-box { margin:50px 0px; background:#ffffff; border:1px solid rgb(64, 115, 118, 0.7); border-radius:5px; padding:25px; }
.subscribe-box a { display:inline-block; border:none; border-radius:20px; color:#ffffff; cursor:pointer; padding:5px 15px; margin:0px 15px; font-weight:bold; background:linear-gradient(#00a816, #00520b); text-decoration:none; }
.blog-title { margin:35px 0px 0px 0px; border-radius:5px 5px 0px 0px; background:rgb(64, 115, 118, 0.7); padding:10px 20px; color:#ffffff; font-size:120%; text-align:left; }
.blog-title a { color:#ffffff; text-decoration:none; }
.blog-box { margin:0px; border-radius:0px 0px 5px 5px; background:#ffffff; border:1px solid rgb(64, 115, 118, 0.7); padding:0px 0px 20px 0px; }
.blog-date { font-size:90%; color:#888888; margin:15px 20px 5px 20px; }
.blog-post { margin:0px 20px; line-height:22px; overflow:hidden; height:88px; position:relative; }
.blog-post a { position:absolute; bottom:0px; right:0px; padding:0px 20px; width:260px; font-weight:bold; background:url(fade.png) repeat-y right; text-align:right; }
.posted { text-align:center; font-size:80%; text-transform:uppercase; letter-spacing:1px; margin:15px 0px 40px 0px; }
#gallery { text-align:center; }
#gallery h2 { margin:50px 0px 30px 0px; }
#gallery img { margin:10px; border:5px solid #ffffff; box-shadow:0px 0px 8px #888888; vertical-align:middle; }
/* video */  .video-container { width:100%; margin:50px auto; }
.youtube-player { position: relative; padding-bottom: 56.23%; /* Use 75% for 4:3 videos */ height: 0; overflow: hidden; max-width: 100%; background: #000; margin: 5px; }
.youtube-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: transparent; }
.youtube-player img { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; border: none; height: auto; cursor: pointer; -webkit-transition: .4s all; -moz-transition: .4s all; transition: .4s all; }
.youtube-player img:hover { -webkit-filter: brightness(75%); }
.youtube-player .play { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url(play-button.png) no-repeat; cursor: pointer; }
/* input fields */  input, select, textarea { line-height:normal; vertical-align:middle; }
.input-text, .input-textarea, .input-submit { display:block; box-sizing:border-box; padding:5px 9px; width:100%; max-width:350px; margin:15px 0px; border-radius:3px; border:none; box-shadow:0px 0px 12px #000000; }
.input-textarea { max-width:700px; min-height:225px; }
.input-submit { display:inline-block; line-height:1.2; width:auto; background:#ed1c24; color:#ffffff; padding:10px 30px; font-weight:bold; cursor:pointer; text-decoration:none; }
.input-submit:hover { text-decoration:none; color:#ffffff; }
@media (max-width:950px) {  #header img { display:none; }
#header div { height:auto; }
}
@media (max-width:520px) {  body { background-size:auto 100%; }
#header { font-size:25px; }
#header big { font-size:55px; }
}
 