/* al.css Ask Leo! CSS (Replaces both pss.css, and Moveable Type's site-style.css) (h, s, l) logo color: #0c4599 (153, 218, 83) 3/4 Color #1369E9 (153, 218, 126) Half Color #5F9AF3 (153, 218, 169) Quarter #AFCDF9 (153, 218, 212) Eighth #D6E5FC (153, 218, 233) Sixteenth #EAF2FE (153, 218, 244) 32nd #F3F8FF (153, 218, 249) 64th #F9FBFF (153, 218, 252) */ /*** Standard Element Overrides & Customizations */ A { font-weight: bold; } A:link { color: #0c4599; } A:visited { color: #1369E9; } A:active { color: #1369E9; } A:hover { background: #F3F8FF; } BODY { /* Use body to set the background color of the page outside the primary fullpage div, and defaults like font inheritted by all elements (other than stupid td of course) */ background-color: #AFCDF9; font-family: verdana, arial, sans-serif; line-height: 120%; margin-bottom: 10px; margin-top: 0px; margin-left: 0px; margin-right: 0px; } H1 { /* article titles, mostly */ font-size: larger; } H2 { /* article titles in listings mostly */ font-size: medium; } H2 A { text-decoration: none; } /*** primary custom classes for content layout */ .fullpage { /* Essentially the outermost container, other than the itself, into which we put stuff. Defines the fixed width of the content, and any margins site wide. */ background-color: #FFFFFF; margin-left: 0; margin-top: 0; padding: 0; width: 720px; } .header { /* traditionally the top of the page. Includes header elements like logos, perhaps navigation, all above content. */ border-bottom: medium solid #0c4599; margin: 0; padding: 0; height: 100px; } .headerleft { /* optional - "stuff" to be placed on the left side of the header */ } .headerleft img { border:none; } .headerright { /* optional - "stuff" to be placed on the left side of the header */ clear: all; float: right; width: 250px; } .content { /* the actual content area of a page */ margin: 0; padding: 10px; } .contenthead { /* optional: upper part of content on a page. Perhaps an intro or something */ margin-left: 20px; margin-right: 20px; font-size: larger; font-style: italic; } .contentfoot { /* optional: lower part of content on a page. */ } .sidebar { /* a column, typically to the right of the content, that contains assorted items like nav, features or whatnot. */ border: thin solid #0c4599; float: right; font-size: small; line-height: 100%; width: 150px; margin-left: 5px; padding-bottom: 10px } .sideitemhead { /* a header for an item or section in the sidebar */ background-color: #D6E5FC; text-align: center; font-weight: bold; margin-top: 10px; margin-bottom: 5px; } .sideitem { /* an item or section in the sidebar */ text-align: center; } .footer { /* typically rectangular area at the bottom of every page */ border-top: medium solid #0c4599; font-size: xx-small; margin: 0; padding: 0; text-align: center; } .footerleft { /* optional - "stuff" to be placed on the left side of the footer */ } .footerright { /* optional - "stuff" to be placed on the left side of the footer */ float:right; } /*** custom classes for specific items */ .abstract { /* summary / abstract box at the top of entries */ background-color: #F3F8FF; border: 1px solid black; margin-bottom: 10px; margin-left: 100px; margin-right: 100px; padding: 10px; } .adblock { /* Google Ad Block */ background-color: #ffffff; float:left; margin-bottom: 20px; margin-right: 20px; padding-right: 20px; } .entryfooter { /* date stamp or whatever at bottom of an entry */ font-size: smaller; text-align: right; } .rightimage { float: right; margin-left: 10px; margin-bottom: 10px; } .centerimage { text-align: center; } .rightimage img, .centerimage img { border: 1px solid #0c4599; }