"

From 2013.igem.org

1. container

{ margin: 0 auto; width: 1000px; background: #fff; }

1. header

{ background: #ccc; padding: 20px; }

1. header h1 { margin: 0; }

1. navigation

{ float: left; width: 1000px; background: #333; }

1. navigation ul

{ margin: 0; padding: 0; }

1. navigation ul li

{ list-style-type: none; display: inline; }

1. navigation li a

{ display: block; float: left; padding: 5px 10px; color: #fff; text-decoration: none; border-right: 1px solid #fff; }

1. navigation li a:hover { background: #383; }

1. content-container

{ float: left; width: 1000px; background: #fff url(/wp-content/uploads/layout-three-fixed-background.gif) repeat-y 100% 0; }

1. section-navigation

{ float: left; width: 250px; padding: 20px 0; margin: 0 20px; display: inline; }

1. section-navigation ul

{ margin: 0; padding: 0; }

1. section-navigation ul li

{ margin: 0 0 1em; padding: 0; list-style-type: none; }

1. content

{ float: left; width: 500px; padding: 20px 0; margin: 0 0 0 30px; }

1. content h2 { margin: 0; }

1. aside

{ float: right; width: 200px; padding: 20px 0; margin: 0 20px 0 0; display: inline; }

1. aside h3 { margin: 0; }

1. footer

{ clear: left; background: #ccc; text-align: right; padding: 20px; height: 1%; }