@charset "utf-8";
/* CSS Document */

body { line-height: 1.3em; font-family: 'Roboto', sans-serif;
	font-size: 0.95em !important; height: 100%;
	margin: 0; color: #000000; -webkit-text-size-adjust: none; }

a { text-decoration: none; color: #cf2026; }
a:hover { text-decoration: none; color: #bababa; }

img { border: 0; }


.wrapper { margin: 0 auto 0 auto; padding: 0; width: 1000px; 
  background: url('images/BG.jpg'); background-repeat: repeat-y; height: 100%; }

#content { width: 1000px; margin: 0 auto 0 auto; display: block;  }

#content-right { width: 310px; float: right; margin: 0 0 0 20px; text-align: center;
background: url('images/ryan-sidebar.jpg'); background-repeat: no-repeat; padding: 565px 0 0 0; }

#content-right-inner { width: 165px; padding: 0; margin: 0 auto 0 auto;
text-align: left; color: #FFFFFF; }
#content-right a { color: #FFFFFF; }

#content-right h2 { margin: 0; font-size: 18px; text-align: center; }

.tiny { font-size: 10px; margin-top: -5px; }

#social-media { border-bottom: 5px solid #FFFFFF; height: 44px; width: 100%;
margin: -10px 0 20px 0; padding-left: 5px; text-align: center; }

#social-media-mobile { display: none; }

#copyrights { font-size: 10px; line-height: 11px; text-align: center; margin: 0 0 0 10px; }

#content-left { width: 650px; float: left; margin: 0; padding: 0 0 15px 15px; }

#book { width: 100px; padding: 0 10px 0 10px; text-align: center; float: left; margin: 0 0 20px 0; font-size: 0.75em; line-height: 1.1em; }

#bigbook { width: 200px; padding: 0 10px 0 10px; text-align: center; float: left; margin: 0 0 20px 0; font-size: 0.75em; line-height: 1.1em; }

#book-quote { float: left; width: 50%; margin-left: 25px; }

#book-quote:before, #inner { display: inline-block; vertical-align: middle; }

#book-quote:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; margin-left: -0.25em; }

#inner { display: block; }


hr { width: 75%; margin: 15px auto 30px auto; }

.menu ul li { list-style-type: none; float: left; margin: 5px 40px 5px 0; }
.menu ul li a { font-family: 'Righteous', cursive; color: #cf2026; font-size: 20px; }
.menu ul li a:hover { color: #919191; }

#header-meta { color: #919191; }

h1 { font-family: 'Righteous', cursive; font-size: 42px; color: #cf2026;
margin: 30px 0 15px 0; }
h2 { margin: 35px 0 0 0; }
h3 { margin: 0 0 5px 0; padding: 0; color: #1882be; }

.tumblr_posts li { list-style-type: none; background: #eaeaea; border-radius: 15px; 
padding: 20px; margin: 0 0 25px -25px; }


#footer { margin: 15px auto 20px auto; clear: both; text-align: center; color: #919191; }



@media only screen and (max-device-width: 480px) {

.wrapper { width: 98%; margin: auto; overflow: hidden; padding: 0; }
img { max-width: 98%; height: auto; }

h1 { margin: 20px 0 15px 0; }
#content { width: 95%; margin: auto; }

#content-right { float: none!important; width: 100%; margin: auto; background-position: center; }

#content-left { float: none!important; width: 95%; padding: 15px 20px 15px 10px; }

#social-media-mobile { display: block; margin: auto; text-align: center; width: 80%; }


#content-right-inner, #social-media { display: none; }

.tumblr_posts li { margin: 0 0 25px - 35px; overflow: hidden; }

ul { margin-left: -20px; }

#footer { width: 95%; line-height: 0.95em; font-size: 0.85em; padding: 10px; margin: 15px auto 15px auto; }

}