'Tunic top' Pattern suggestions for a novice

 #footer { width: 100%; float: left; margin:0 auto; display: inline; font-size: 0.6875em; } .clear { clear:both; height:0; margin:0; padding:0; } #footer img { border:0; } #footer .line { height:295px; width:1px; border-left:1px solid #ccc; float:left; margin:15px 0 0; } #footer, #footer a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; background-color: #fff; } #footer .footer-content, #footer .global-links { border-top:2px dotted #ccc; } #footer .column { float: left; width: 23%; margin:15px 0 0 20px; padding-right:0.5em; } #footer .column.wide { width: 45%; color:#848484; text-align:center; } #footer .column.wide img { max-width:100%; } @media (min-width: 35em) and (max-width: 70em) { #footer .column { margin:10px 0 0 10px; } } #footer .column ul { margin:10px 0 0; color: #959595; padding:0; list-style:none; } #footer .column ul li { margin-bottom: 3px; } #footer .column ul li.heading { margin-bottom: 5px; font-weight: bold; } #footer .column ul li.heading.big a { font-size:18px; } #footer .global-links { font-size:110%; line-height: 120%; text-align: center; margin-top:.40em; padding-top:.90em; } #footer .global-links p { margin: 12px 0; } #footer .global-links a { color: #363636; text-decoration: none; } #footer .global-links .taunton-main, #footer .global-links .gb { display: none; } #footer .global-links .byline { padding-top: 5px; display: none; } @media (max-width: 35em) { #footer .footer-content { display: none; } } #footer .footer-content table { margin: 0 auto; } #footer .footer-content table td { border:1px solid #ccc; width:40%; text-align: center; vertical-align:middle; } #footer .footer-content table p { margin:0; } #footer .footer-content table td p.marg10 { margin-bottom:8px; } #footer .footer-content table p a { text-decoration:underline; color:#848484; } #footer .column ul li a { text-decoration: none; color: #959595; } #footer td { padding: 10px; } #footer table { border-collapse: separate; border-spacing: 10px; margin: 0 auto; } #footer td { vertical-align: middle; } #footer table img { max-width: 100%; } #footer .column .fw a, #footer .column .fw li { color: #d05603; } #footer .column .sw a, #footer .column .sw li { color: #1C6687; } #footer .column .fh a, #footer .column .fh li { color: #1E264D; } #footer .column .gb a, #footer .column .gb li { color: #8B8D09; } #footer .column .vg a, #footer .column .vg li { color: #4a3784; } #footer .column .fg a, #footer .column .fg li { color: #6e8538; } #footer .column .th a, #footer .column .th li { color: #1c567a; } #footer .column .cs a, #footer .column .cs li { color: #80a831; } #footer .column .fc a, #footer .column .fc li { color: #603d26; } #footer .smlbuys { border-top:1px solid #ccc; clear:both; float: left; margin: 10px 0 10px 20px; padding:0.5em 0.5em 0 0; width: 48%; } #footer .smlbuys a { color: #252525; }