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


/*---------------*/		
/*    MOBILE     */
/*---------------*/

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

.wrapper { width: 95%!important; position: absolute; margin: auto; }
.logo { float: none!important; }
.contact { width: 90%!important; float: none!important; margin: 0 auto 0 auto!important; text-align: center; font-size: 0.70em!important; }
.contact img { display: none!important; }

.contenttop { width: 105%!important; background-size: contain; }
.content { width: 98%!important; position: absolute; margin: auto; }
.content-wrap { width: 98%!important; }

.welcome { width: 98%!important; float: none!important; margin: 25px 0 25px 0!important; }
#frontbuttons { float:none!important; margin: auto!important; }

hr { width: 80%!important; }
div, textarea { max-width: 100%!important; }
div.sharedaddy { display: none!important; }
img { max-width: 98%!important; }

#sidebar { display: none!important; }
#respond { width: 98%!important; }

#newstufffront { width: 98%!important; float: none!important; margin: 20px 0 0 0; }
.blogbox { float: none!important; margin: 0 auto 0 auto!important; width: 90%!important; }

}


body { background: url('images/paperpattern.jpg') #d7cdaf; background-repeat: repeat;
font-family: Arial, Helvetica, sans-serif; font-size: 0.88em !important; margin: 0; -webkit-text-size-adjust: none;
}

a { text-decoration: none; color: #db3442; }
a:hover { text-decoration: none; color: #DA3B13; }

img { border: 0; }

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}

.wrapper { margin: auto; margin-top: 15px; width: 850px; }

#logo { float: left; margin: -135px 0 0 0; }

.contenttop { width: 834px; height: 52px; background: url('images/papertop.png'); background-repeat: no-repeat; margin-top: 100px; }
.content-wrap { width: 760px; padding-right: 15px; margin: auto; }
.content { background: url('images/bg.png'); background-repeat: repeat-y; width: 834px; margin: 0 -14px 0 0; padding: 0 15px 0 15px; float: right; }

#newstufffront { width: 575px; float: right; }
#newstufffront img { display: none !important; }
#frontbuttons { float: left; margin: 0 30px 25px 0; }

#sidebar { float: left; display: block; width: 200px; margin: 0 15px 20px 0; padding: 10px; }

.contact { float: right; text-align: right; margin: -80px 45px 0 0;  width: 500px; font-size: 14px; }
.welcome { width: 480px; float: right; margin: -55px 40px 20px 0; text-align: center; clear: both; }


h2 { color: #db3442; margin: 0; }
h3 { margin: 0 0 15px 0; color: #FFFFFF; background: #db3442; padding: 5px; text-align: center; font-size: 18px;}

h4 { margin: 0 auto 5px auto; color: #FFFFFF; background: #000000; padding: 5px; text-align: center; font-size: 18px; }
h4 a { color: #FFFFFF; }
h4 a:hover { color: #efc239; }

.photoheader h4 { background: #FFFFFF; border: none; font-size: 12px; }
.photoheader h4 a { color: #000000; }

.blogbox { width: 235px; float: left; margin-left: 28px; overflow: hidden; }
.blogbox img { width: 200px; height: auto !important; }
.blogbox h2 { text-align: center; }

.footer { text-align: center; margin: 25px 0 20px 0; }