@import url('normalize.css');
@import url('color.css'); 
@import url('typography.css'); 
@import url('layout.css');

/* =grid */
div.grid { position: relative; }
div.grid div.group { width: 784px; margin: 0 auto; clear: both; }
div.grid div.alternate { width: auto; margin: 0; }
div.grid div.alternate div.content div.logo { width: 784px; margin: 0 auto; }
div.grid div.alternate div.nav ul { width: 784px; margin: 0 auto; }
div.grid div.group div.content { float: left; width: 184px; margin-right: 16px; }
div.grid div.single div.content { width: 784px; margin-right: 0px; }
div.grid div.alternate div.content { float: none; width: auto; margin: 0 auto; }
div.grid div.group div.last { margin-right: 0em; }
div.grid div.double div.first { width: 584px; }
div.grid div.double div#content_main { margin-top: 16px; }
div.grid div.double div.first #content_body { float: left; width: 384px; margin-left: 200px; display: inline; }
div.grid div.double div.first #content_tangent { float: left; width: 182px; margin-left: -584px; border-right: 2px solid #e8e8e8; display: inline; }
div.grid div.triple div.content { width: 384px; }
div.grid div.triple div.first { width: 184px; }
div.grid div.triple div.last { width: 184px; }
div.grid div#login div#login_container { width: 784px; margin: 0 auto; }

/* =debug */
body.debug div.grid div.group { background: #fafafa; }
body.debug div.grid div.group div.content { background: #F00; }
body.debug div.grid div.double div.first #content_sub { background: #FFCC00; }
body.debug div.grid div.double div.first #content_body { background: #FFCC00; }
body.debug div.grid div.double div.first #content_tangent { background: #FFCC00; }