/*
http://www.barelyfitz.com/screencast/html-training/css/positioning/
*/
.clear, .clr { clear: both; }
html {
height: 100%;
width: 100%;
}
body {
margin: 0;
padding: 0;
text-align: center;
width: 100%;
padding-top: 0 !important;
}
body div#wrapper { text-align: left; margin:0 auto; }
body.width_small div#wrapper { width:780px; }
body.width_medium div#wrapper { width: 950px; }
body.width_fluid div#wrapper {
min-width: 780px;
max-width: 1260px;
}
.mintheme {min-width: 780px; margin: 0 auto; padding: 0; }
/* Fix div p, unwanted margin */
div#lay_main p, div#lay_header p, div#lay_footer p,
div#lay_bar p, div#lay_bottom h3 {
margin:0 .25em;
padding:.25em 0;
}
/* admin bar */
#wp-admin-bar {
text-align: center;
}
body.width_small #wp-admin-bar { width:780px; }
body.width_medium #wp-admin-bar { width: 950px; }
body.width_fluid #wp-admin-bar {
min-width: 780px;
max-width: 1260px;
}
#wp-admin-bar .padder {
width: 90% !important; /* Line up the admin bar with the content body in this theme */
-moz-border-radius-bottomleft:13px;
-moz-border-radius-bottomright:13px;
-webkit-border-bottom-left-radius:13px;
-webkit-border-bottom-right-radius:13px;
border-bottom-left-radius:13px;
border-bottom-right-radius:13px;
}
@media screen {
/* Main Layout */
#lay_main {
text-align: left;
/*position:relative; ie6 problem, do not uncomment */
padding: 10px 0 10px 0;
}
#lay_main { min-height:400px; } * html #lay_main { height:400px; } /*ie6*/
#main_content { width: 100%; }
* html #main_content { width: 97%; }
#lay_left {
float:left;
width:215px;
margin-left: 10px;
}
#lay_content {
margin-left:225px;
margin-right:190px;
padding-left: 20px;
padding-right: 20px;
min-width:345px;
}
#lay_right {
float:right;
width:180px;
margin-right: 10px;
}
#main_content {
float: left; /* fix clear scope */
}
.pos_c #lay_content {
margin-left: 10px;
margin-right: 10px;
min-width:735px;
}
.pos_lcr #lay_left, .pos_lc #lay_left {
float:left;
margin-left: 10px;
}
.pos_lcr #lay_right, .pos_cr #lay_right {
float:right;
margin-right: 10px;
}
.pos_lcr #lay_content {
margin-left: 225px;
margin-right: 190px;
}
.pos_lc #lay_content {
margin-left: 225px;
margin-right: 10px;
padding-right: 10px;
min-width:525px;
}
.pos_cr #lay_content {
margin-left: 10px;
margin-right: 190px;
padding-left: 10px;
min-width:560px;
}
.pos_rcl #lay_left, .pos_cl #lay_left {
float:right;
margin-right: 10px;
}
.pos_rcl #lay_right, .pos_rc #lay_right {
float:left;
margin-left: 10px;
}
.pos_rcl #lay_content {
margin-left: 190px;
margin-right: 225px;
}
.pos_cl #lay_content {
margin-left: 10px;
margin-right: 225px;
padding-left: 10px;
min-width:525px;
}
.pos_rc #lay_content {
margin-left: 190px;
margin-right: 10px;
padding-right: 10px;
min-width:560px;
}
.pos_lrc #lay_left, .pos_lrc #lay_right,
.pos_rlc #lay_left, .pos_rlc #lay_right {
float:left;
margin-left: 10px;
}
.pos_rlc #lay_left { margin-left: 0px; }
.pos_lrc #lay_content,
.pos_rlc #lay_content {
margin-left: 425px;
margin-right: 10px;
padding-right: 10px;
}
.pos_clr #lay_left, .pos_clr #lay_right,
.pos_crl #lay_left, .pos_crl #lay_right {
float:right;
margin-right: 10px;
}
.pos_crl #lay_right { margin-right: 10px; } /* list-style arrow space */
.pos_clr #lay_content,
.pos_crl #lay_content {
margin-left: 10px;
margin-right: 425px;
padding-left: 10px;
}
/* end of media screen */
}