@import url("../SimplePress/style.css");

.wrapper { border: solid 1px red; width: 960px; margin: auto; overflow: visible;}
#logowrap { width: 950px; background-color: white; border: solid 1px black; margin:auto;}
#logo { width: 900px; border: none; margin-left: 22.5px; margin-right: 22.5px; }


@media only screen and ( min-width: 768px ) and ( max-width: 959px ) {
    .wrapper, #navwrap, .nav_top, .nav_bottom, #blurbs, .blurbs_shadow, #footer, #strip div { width: 748px; }
             #logowrap { width: auto; background-color: white; border: solid 1px black; margin: auto;}
             #logo { width: 688px; border: none; position: relative; left: -240px;}

}

@media only screen and ( min-width: 480px) and( max-width: 767px ) {
    .wrapper, #navwrap, .nav_top, .nav_bottom, #blurbs, .blurbs_shadow, #footer, #strip div, #posts .post { width: 350px; }
            #logowrap { width: auto; background-color: yellow; border: solid 1px black; margin: auto;}
            #logo {  width: 325px; border: solid 5px yellow; position:relative; left: -100px;}
}

@media only screen and ( max-width: 479px ) {
    .wrapper, #navwrap, .nav_top, .nav_bottom, #blurbs, .blurbs_shadow, #footer, #strip div, #posts .post { width: 300px; }
             #logowrap { width:auto; background-color: white; border: solid 1px black; margin: auto;}
             #logo {  width: 280px; border: none; position:relative; right:40px;}
}