/*
Theme Name: Strange Adventures v.03
Theme URI: http://www.strangeadventures.com
Description: Custom theme created for Strange Adventures
Author: Lissa Pattillo
Author URI: http://lissapattillo.com
Version: 3.0
*/

body { background-image: url('images/vintage.jpg'); margin: auto 0; font-family: 'Open Sans', sans-serif; font-size: 14px;  }

a { color: #089dde; text-decoration: none; }
a:hover { color: #58cafc; }

#container { min-width: 1000px; overflow: hidden; margin: 0 auto -15px auto; min-height: 720px; padding: 0; }

img { border: 0px; vertical-align: middle; max-width: 100%; }
img.alignright {float:right; margin:0 0 1em 1em}img.alignleft {float:left; margin:0 1em 1em 0}img.aligncenter {display: block; margin-left: auto; margin-right: auto}.alignright {float:right; }.alignleft {float:left; }.aligncenter {display: block; margin-left: auto; margin-right: auto}

h1 { font-size: 24px; font-weight: 800; text-align: left; color: #089dde; }
h2 { font-size: 22px; margin: 0; font-weight: 700; color: #2E2E2E; }
h3 { color: #f69534; text-transform: uppercase; font-size: 20px; }

h4 { color: #ab271b; font-size: 18px; margin: 0; }
h4 a { color: #ab271b; }
h4 a { color: #da3223; }

#header { height: 150px; width: 970px; margin: auto; padding: 10px 0 10px 0; }
#header .contact { width: 750px; float: right; text-align: right; padding: 15px 0 0 0; }
#header .contact span { display: none; }
#header #about { text-align: center; color: #ab271b; }

#header #logo { float: left; margin: 10px 0 0 0; width: 200px; }

nav { display: block; font-size: 16px; background: #ab271b; height: 40px; width: 100%;
margin: 0; }
nav ul { margin: auto; width: 850px; }
nav ul li { float: left; list-style-type: none; border-right: 1px #FFFFFF solid; padding: 0 25px 0 25px; margin: 8px 0 0 0; }
nav ul li:first-child { padding: 0 25px 0 0; }
nav ul li:last-child { border-right: 0px; }
nav ul li a { color: #FFFFFF; }

.nav-mobile { display: none; }

#slider { width: 950px; height: 200px; margin: auto; margin: 0 auto 25px auto;  }
#slider-small { margin: 0 auto 30px auto; text-align: center; width: 990px; height: 200px; }

#content { background: #FFFFFF; width: 990px; padding: 25px 25px 40px 25px; margin: auto; display: block; }

hr { width: 80%; border: 0; border-top: 1px solid #ccc; margin: 20px auto 25px auto; }

.newstuff { display: inline-block; vertical-align: top; margin: 0; width: 555px; }
.newstuff img { display: none; }

#sidebar { float: left; width: 200px; }
#sidebar li { list-style-type: none; }

.post-container { display: block; float: right; width: 760px; padding: 25px 0 0 0; }

#st_sharethis { display: none!important; }
.stButton { display: none!important; }

#twitter-widget-0 { height: 200px!important; }

.post { padding: 0 25px 0 25px; }
.post-index { padding: 0 25px 15px 25px; }

.navigation { font-size: 24px; font-weight: bold; margin-bottom: 35px; }
.navigation .next-posts { float: left; margin-left: 25px; }
.navigation .prev-posts { float: right; margin-right: 25px; }


img.product_image { margin: 0 25px 0 15px!important; }
.in_stock { font-size: 1.5em; font-weight: bold; color: #2e832d!important; }


.blogbox { width: 28%; padding: 0 20px 0 20px; display: inline-block; overflow: hidden; margin: 0; vertical-align: top; }
.blogbox img { width: 100%; height: auto !important; }
.blogbox h3 { margin: 0 0 15px 0; color: #FFFFFF; background: #ab271b; padding: 5px; text-align: center; font-size: 18px;}

#footer { width: 100%; height: 100px; margin: 35px auto 25px auto; clear: both; text-align: center; }


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

body { background-image: none!important; 
border-right: solid 4px #f5ed9f; border-left: solid 4px #f5ed9f; }

#header { height: auto; width: 90%; margin: 15px auto 0 auto; padding: 0!important; }
#header .contact { width: 100%; text-align: center; float: none!important; padding: 0; }
#header #logo { float: none!important; margin: 0 auto 0 auto!important; width: 100%; text-align: center; }
#header #about { width: 100%; text-align: center; float: none!important; }

nav { display: none; }

.nav-mobile { display: block; width: 100%; float: none; text-align: center; margin: 10px auto 15px auto; }
.nav-mobile select { width: 85%; margin: 10px auto 0 0; height: 45px; font-size: 1.25em;  }
.nav-mobile option { background: #FFFFFF; }

#container { width: 98%; margin: auto; min-width: 0!important;  }

#slider { display: none; }
#sidebar { display: none; }
.post-container { display: block; float: none; width: 100%; padding: 0; margin: auto; }
#content { width: 94%; padding: 15px 15px 15px 15px; margin: auto; }

.newstuff { display: block; margin: auto; width: 100%; }
.blogbox { display: block; width: 100%; margin: 0 auto 15px auto; padding: 0px 0px 0px 0px!important; }
#twitter-widget-0 { width: 90%!important;  margin: 10px 0 20px 0; }

#slider-small { margin: 0 0 30px 0!important; width: 100%; height: auto!important; }
#slider-small img { max-width: 92%!important; }
.ebayfeed { display: block; margin: auto; }

#footer { height: auto!important; }

}