h1,h2,h3,h4,h5,h6,ul,ol,li { margin:0 0 0 0; padding:0 0 0 0; border:none; } body { margin:0; padding:0; text-align:center; font:normal 70% Arial,Sans-Serif; background:#fff; } a,a:link { text-decoration:none; } a:hover { text-decoration:underline; } a:active { position:relative; top:1px; } h1 { font-size:250%; margin:0 0 15px; } h2 { font-size:200%; margin:0 0 15px; } h3 { font-size:170%; margin:0 0 12px; } h4 { font-size:120%; margin:0 0 10px; } h5 { font-size:100%; margin:0 0 10px; } h6 { font-size:70%; margin:0 0 8px; } ul,ol { margin:10px 15px 10px 20px; display:block; } img { max-width:100%; height:auto; width:auto\9; } embed,iframe,object { max-width:100%; height:auto; min-height:300px; } #outer-wrapper { width:1030px; margin:0 auto 0; text-align:left; background:#ddd; } #header-wrapper { padding:2%; margin:0; display:block; background:#666; } #nav { background:#999; font:normal 1em Arial,Sans-Serif; overflow:hidden; } #nav ul { margin:0; padding:0; height:auto; } #nav ul li { margin:0; float:left; display:inline; list-style:none; } #nav ul li a { display:block; padding:5px 10px; background:#999; color:#fff; } #nav ul li a:hover { background:#888; text-decoration:none; } #content { clear:both; display:block; } #main-wrapper { width:71%; padding:2%; word-wrap:break-word; overflow:hidden; float:left; display:inline; background:#eee; } #sidebar-wrapper { width:21%; padding:2%; word-wrap:break-word; overflow:hidden; float:right; display:inline; background:#ddd; } .sidebar ul,.sidebar ol { border-top:1px solid #ccc; margin:0 0 15px; } .sidebar li { border-bottom:1px solid #ccc; padding:5px 10px 5px 10px; list-style:none; } #footer-wrapper { padding:2%; clear:both; display:block; background:#666; } .clear { clear:both; } @media screen and (max-width:1030px) { #outer-wrapper {width:100%;} } @media screen and (max-width:600px) { #sidebar-wrapper, #main-wrapper { display:block; float:none; width:auto; padding:5%; } }