@mainbg: #EDEDED; /* background color, section text inside bars, misc text */ @red: #F41E1E; /* highlight color in chronology and team */ @bar: #000; /* color of bars and rules */ body { background-color: @mainbg; } #wrapper { width: 985px; margin-top: 25px; margin-left: auto; margin-right: auto; } #logo { margin-left: -18px; margin-top: -6px; float: left; width: 220px; height: 247px; } #left-column { position: fixed; width: 335px; float: left; } #right-column { width: 650px; float: right; } #bottom-buffer { width: 650px; padding-bottom: 125px; clear: left; } .slideshow img { cursor: pointer; } div { /* begin div */ p-header { width: 650px; background-color: #000; border-top: solid #000 1px; border-right: none; border-bottom: none; border-left: none; padding: 0; margin: 0; clear: both; } .header { width: 650px; border-top: solid @bar 1px; border-right: none; border-bottom: none; border-left: none; padding: 0; margin: 0; clear: both; a { cursor: pointer; display: block; padding: 0; background: #000; &:hover { cursor: pointer; background: @bar; } } } .news-header { width: 650px; border-top: solid @bar 1px; border-right: none; border-bottom: none; border-left: none; padding: 0; margin: 0; clear: both; a { display: block; padding: 0; } span {color: @red;} &:hover { cursor: pointer; background: @bar; } } .credit-header { width: 650px; border-top: none; border-right: none; border-bottom: solid @bar 1px; border-left: none; padding: 0; margin: 0; cursor: pointer; clear: both; &:hover {background: @bar;} a { display: block; padding: 0; } } .text-left { display: block; width: 310px; float: left; margin: 0 0 25px 5px; padding: 20px 0 25px 0; p { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; line-height: 13px; color: @bar; text-align: left; margin: 0; padding: 0; } } .text-right { display: block; width: 310px; float: right; margin: 0 5px; padding: 20px 0 25px 0; p { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; line-height: 13px; color: @bar; text-align: left; margin: 0; padding: 0; } a { text-decoration: none; color: @bar; &:hover {color: @red; text-decoration: none;} } } } /* end div */ li.entry { display: block; width: 650px; list-style: none; } #position { display: block; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; font-weight: normal; line-height: 13px; color: @bar; width:220px; height:132px; float: left; position: relative; } #contact { display: block; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; font-weight: normal; line-height: 13px; color: @bar; width: 220px; float: left; position: relative; } h3.head { cursor: default; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, sans-serif; font-size: 11px; font-weight: normal; margin: 0; padding: 4px 0 4px 4px; color: @mainbg; } h5.toggler { cursor: pointer; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, sans-serif; font-size: 11px; font-weight: normal; margin: 0; padding: 4px 0 4px 4px; /* color controlled by js */ } p { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; color: @bar; text-align: left; padding: 5px 0 0 0; } a { text-decoration: none; color: @bar; font-size: 11px; &:hover {text-decoration: none;color:@red;} } .black-highlight {color: @bar;} .red-highlight {color: @red; font-weight: bold;} .contact-highlight {color: @bar;} .chronology-reddate {color: @red; font-weight:bold; padding: 5px 0 0 0;}