@blue: #09f; @green: #d6ff33; @altgreen: #cf0; * { color: #111; font-family: 'Open Sans', Verdana; text-transform: lowercase; font-size: 15px; } h1 { margin-bottom: 0px; } h1, h2, h3, h4 { margin: 0; margin-top: 30px; line-height: 1.5; } p { font-weight: 300; line-height: 1.5; margin: 0; padding: 0; } a { text-decoration: none; font-weight: 300; color: @blue; background-color: lighten(@blue, 45%); padding: 0 5px; border-bottom: 1px solid lighten(@blue, 35%); &:hover { background-color: lighten(@blue, 40%); } } a:hover { color: @blue; } ul { list-style-type: none; margin: 10px 0; padding: 0; } li { margin: 0; } div#nav { margin: 40px 0; margin-bottom: 20px; } div#wrapper { margin: 0 auto; width: 900px; overflow: hidden; zoom: 1; } div#footer { margin: 40px auto; width: 900px; } div#blog, div#shows { width: 440px; p { padding: 5px 10px; } h3 { padding-bottom: 4px!important; } h3, h3 strong { font-weight: 600; margin-bottom: 0px; } h3 strong { font-weight: 300; } } div#shows { float: right; text-align: right; a:hover { color: #000; } p { background-color: lighten(@green, 37%); } } div#shows h3 { padding: 0 6px; font-weight: 300; margin-bottom: 2px; text-align: left; overflow: hidden; strong { color: inherit; padding: 1px 8px; padding-bottom: 2px; margin-left: -5px; margin-right: 2px; background-color: @green; } } div#blog { float: left; text-align: left; p { background-color: lighten(@blue, 48%); } a:hover { color: #000; } } div#blog h3 { padding: 0 6px; font-weight: 300; margin-bottom: 2px; strong { margin-left: -8px; margin-right: 2px; padding: 1px 8px; padding-bottom: 2px; background-color: @blue; color: #fff; } } .markdown p { padding: 5px 0; line-height: 1.4; font-size: 15px; }