body { margin: 0; padding: 0; } header { width: 100%; background-color: black; color: white; p.breadcrumbs { background-color: Maroon; margin: 0; a { color: GoldenRod; } } h1 { font-size: 50px; margin: 0; } nav { /* layout */ line-height: 1; width: 100%; ul { padding: 0; margin: 0; list-style: none; } li { display: inline-block; } a { display: block; } /* pretty */ background-color: Maroon; a { padding: 0.2em 1em; font-size: 40px; color: GoldenRod; text-decoration: none; &:hover, &:focus { background-color: white; } &:hover, &:visited { color: GoldenRod; } &:active { color: Black; } } form { padding: 0.2 1em; display: block; input { font-size: 25px; border: solid 1px #333333; } input[type="search"] { max-width: 10em; } input:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } input:not(:last-child) { border-right: 0; } input:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } } } } article { max-width: 6.5in; margin: 0 auto; #constructionBanner { height: 50px; background-color: #f89406; } #constructionMessage { text-align: center; padding: 12px; } #search { padding: 10px; } #sidebar { border: 1px solid black; padding: 5px; margin: 5px; float: right; } li { font-size: 14px; } .spacer { width: 50px; display: inline; padding: 0px 50px 0px 50px; } .tag { font-size: 11px; height: 13px; padding: 4px 7px 5px 7px; border-radius: 2px; text-align: center; text-decoration: none; color: white; font-family: sans-serif; } .tag.FF { background: FireBrick; } .tag.SS { background: SeaGreen; } .tag.ES { background: DarkViolet; } .tag.HB { background: DimGray; } .tag.DM { background: DarkSlateGray; } .tag.WP { background: GhostWhite; color: black; } border-bottom: solid 1px #333333; } footer { margin: 0 2em; font-size: smaller; }