2011-02-24 23:29:00 -05:00
|
|
|
/**
|
|
|
|
* These styles handle layout
|
|
|
|
*/
|
|
|
|
|
|
|
|
body {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
#header-inner, #content, #footer-inner {
|
|
|
|
max-width: 60em;
|
2015-03-10 22:01:20 -04:00
|
|
|
margin: 0 auto;
|
2011-02-24 23:29:00 -05:00
|
|
|
}
|
|
|
|
#main, #sidebar {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
#footer {
|
|
|
|
clear: both;
|
|
|
|
}
|
2015-03-10 22:01:20 -04:00
|
|
|
|
|
|
|
@media (min-width: 751px) {
|
|
|
|
#header-inner, #content, #footer-inner {
|
|
|
|
width: 80%;
|
|
|
|
min-width: 45em;
|
|
|
|
}
|
|
|
|
#main {
|
|
|
|
float: left;
|
|
|
|
width: 73%;
|
|
|
|
}
|
|
|
|
#sidebar {
|
|
|
|
float: right;
|
|
|
|
width: 23%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 750px) {
|
|
|
|
#header-inner, #content, #footer-inner {
|
|
|
|
width: 95%;
|
|
|
|
}
|
|
|
|
#main {
|
|
|
|
float: left;
|
|
|
|
width: 100%;
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
#sidebar {
|
|
|
|
float: left;
|
|
|
|
position: relative;
|
|
|
|
width: 75%;
|
|
|
|
left: 12.5%;
|
|
|
|
}
|
|
|
|
#sidebar.optional {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|