body { background: black; color: white; font-family: "Helvetica Neue", "Arial", "Helvatica", sans-serif; font-size: 14px; } a { text-decoration: none; } #container { padding-top: 20px; } #wrapper { background: black; } #header { position: relative; background: #0082bf; height: 308px; } #header h1 { padding: 0; margin: 0; position: absolute; bottom: 15px; right: 20px; } .sg-5 { height: 140px; } .sg-5 a { height: 140px; width: 140px; } .sg-7 { height: 196px; } .sg-7 a { height: 196px; width: 196px; } .category { position: relative; } .category a, .photo a { display: block; color: white; text-decoration: none; } .category a .arrow { position: absolute; bottom: 10px; left: 20px; } .category a:focus, .photo a:focus { background: rgba(255,255,255,0.1); } .category a:hover, .photo a:hover { background: rgba(255,255,255,0.2); } .blank-category, .blank-photo { background: #222; outline: 1px dashed #444; } .category h3 { position: absolute; top: 16px; right: 0; text-align: right; margin: 0 20px; font-weight: normal; font-size: 1.1em; line-height: 1em; } img { } .page-links { background: #c03232; } .prev-link, .next-link { color: white; position: relative; display: block; width: 70px !important; } .prev-link { float: left; } .next-link { float: right; } .prev-link div, .next-link div { position: absolute; bottom: 10px; } .prev-link div { left: 20px; } .next-link div { right: 20px; } .prev-link:hover, .next-link:hover { background: rgba(255,255,255,0.2); }