#page-wrapper{
	width:100%;
}
#page{
	max-width:1412px;
	margin:auto;
  position:relative;
}
#page.with-sidebar #pre-content,
#page.with-sidebar #header,
#page.with-sidebar #messages-wrapper,
#page.with-sidebar #main-wrapper{
  width:75%;
}

#page.with-sidebar #messages-wrapper{
  padding:1em;
}

@media screen and (max-width: 1024px) {
    #page.with-sidebar #messages-wrapper{
        width: 100%;
    }
}

#messages-wrapper{
  padding:1em;
}
#page.with-sidebar .messages{
  margin:0;
}
#page.with-sidebar #sidebar{
  width:25%;
  position:absolute;
  top:2.2em;/* top is recalculated in script.js width the sidebar position function */
  right:0;
  z-index:1;
}