body { margin: 0px; padding: 0px; /* Need to set body margin and padding to get consistency between browsers. */ text-align: center; /* Hack for IE5/Win */ color: #7e7e7e; font: 9pt/15pt Helvetica, Arial, Geneva, sans-serif; } a:link { color: #7973c2 !important; text-decoration: none !important; } .mainmenu a:link { color: #7973c2 !important; } .program-link { padding-left: 1em; } a:hover { text-decoration: underline !important; } a:visited { color: #7973c2; } #frame { position: relative; width: 1000px; margin: auto; text-align:left; /* To counteract the IE5/Win Hack */ /* background: 15px right no-repeat; This could not be interpreted by IE8. Background repeated and wasn't positioned correctly. */ background: right 15px no-repeat; } body#about #frame {background-image: url(images/nan-sav-roz-2009.jpg)} body#saverio-rinaldi #frame {background-image: url(images/sav-2009.jpg)} body#nan-e-brooks #frame {background-image: url(images/nan-2009.jpg)} body#rosalind-roz-o-smith #frame {background-image: url(images/roz-2009.jpg)} .header { width: 1000px; height: 130px; background: url(images/page-top.gif) top left no-repeat; padding-bottom: 1px; /* No padding at the bottom leaves a gap. */ text-align: left; ; } .content { padding-top: 1px; /* No padding at the top throws off the absolute spacing of any enclosed elements (in Safari) */ padding-bottom: 1px; /* No padding at the bottom leaves a gap. */ position: relative; width: 770px; margin-left: 220px; } .footer { width: 770px; padding-top: 10px; padding-bottom: 2em; /* background: url(images/page-bottom.jpg) bottom left no-repeat; */ margin-left: 220px; } .footer img { padding-left: 20px; } .footer p { margin: 0 0 3em 0; font-size: 85%; font-family: Helvetica, Arial, Geneva, sans-serif; /* Must be defined so that forum footers render correctly. */ line-height: 100%; padding-top: 2em; text-align: left; } .footer a { color: #777 !important; text-decoration: none !important; } .footer a:hover { text-decoration: underline; } .hide-from-std-browsers, .hide{ display: none !important; } .spacer { /* For floating blocks that otherwise would have nothing to float against. See http://www.alistapart.com/articles/practicalcss/ */ clear: both; height: 1px; /* If you make this 0px it screws up Firefox. */ line-height: 0px; /* otherwise IE expands the empty divs to accommodate some text */ font-size: 0px; /*background: red; /* For testing only. */ } h1, h2, h3, p { margin: 0; padding: 0; } h1 { background: yellow; margin-bottom: 30px; display: none; } h2 { color: #293f6f; font-size: 100%; line-height: 14px; font-weight: bold; /* padding-bottom: 0.5em; */ text-transform: uppercase; padding-top: 12px; } .main-column h2 {line-height: 17px; padding-bottom: 4px;} .sub-column h2 {line-height: 14px} h2.top-of-column { padding-top: 3px; } h2.date-header { padding-top: 7px; line-height: 14px; font-weight: normal; font-size: 8pt; text-transform: none; color: #7973c2; } h3 { font-size: 100%; font-weight: normal; text-transform: uppercase; padding-top: 12px; line-height: 16px; /* padding-bottom: 0.5em; */ } h3.post-title { color: #7973c2; font-weight: bold; padding-top: 2px; color: #293f6f; font-weight: bold; } h3.before-list { padding-top: 12px; padding-bottom: 6px; } h2 span, h3 span { font-weight: normal; } h3 span { color: #777; } p { } p + p { text-indent: 1.5em; } p.before-list { padding-bottom: 0.5em; } p.blogger-labels { display: none; } ul, ol { margin: 0px; padding: 0px; /* Needed by IE. Other browsers pick it up from the */ } ul { list-style-type: square; margin-left: 1.25em; /* See http://www.alistapart.com/articles/taminglists/ */ } ol { margin-left: 1.4em; /* See http://www.alistapart.com/articles/taminglists/ */ } .post-body ul { margin-left: 1.5em; } .post-body li { text-indent: 0; } ul { color: #7e7e7e; /* The standard text color. */ } ul.coloured-bullets { color: #293f6f; /* The colour of the bullet */ } li span { color: #7e7e7e; /* The standard text color. */ } li.last-entry { margin-bottom: 1.0em; } .mainmenu { position:absolute !important; width: 190px; top: 68px; /*Align it with the baseline of the first column */ left: 10px; line-height: 100%; } .mainmenu ul { font-size: 150%; padding: 0 0 0 5px; margin: 0; list-style: none; } .mainmenu ul ul { font-size: 65%; text-transform: uppercase; padding: 0 0 0 15px; margin: 0; list-style: none; } .mainmenu a { display: block; text-decoration: none; padding-bottom: 15px; } .mainmenu a:hover { /* Hover styles */ color: #293f6f !important; } .mainmenu li { /* Main menu items */ list-style: none; list-style-image: none; height: 100%; /* IE6 Needs this */ } .lead { padding-right: 275px; padding-left: 50px; } .main-column { position: relative; float: left; display: inline; /* Needed by IE Win or it doubles the margin. See Macworld February 2005. */ width: 280px; margin-right: 10px; font: 11pt/18pt Helvetica, Arial, Geneva, sans-serif; /* This leaves space to the right. Which IE needs so that it can arbitrarily expand the width of the box (which happens when italicized wraps). */ } .sub-column { float: right; display: inline; /* Needed by IE Win or it doubles the margin. See Macworld February 2005. */ width: 240px; margin-right: 220px; font: 9pt/15pt Helvetica, Arial, Geneva, sans-serif; /* This leaves space to the right. Which we give to IE so that it can arbitrarily expand the width of the box (which happens when italicized wraps). */ } .only-column { width: 330px; } .only-column-callout { width: 330px; margin-right: 10px; font: 11pt/18pt Helvetica, Arial, Geneva, sans-serif; float: right; padding-right: 60px; padding-top: 587px; } .program { border: 1px dotted gray; padding: 1em 1em 0 1em; margin-bottom: 1em; font-size: smaller; line-height: 133%; } .toggler { border-top: 1px solid white; /* Needed by IE6 or toggle picks up the border from the enclosing div. */ } .program h2 { padding-top: 0; color: #7fc31c; } .link-more { /* Formats for links at bottom of each page. To top of page. To next page. */ text-decoration: none; background-image: url("images/arrow-right.gif"); background-repeat: no-repeat; background-position: right center; text-transform: capitalize; margin-top: 2em; padding-top: 5px; padding-bottom: 5px; padding-right: 12px; margin-right: 326px; float: right } .link-menu { text-decoration: none; background-image: url("images/arrow-up.gif"); background-repeat: no-repeat; background-position: center top; text-transform: capitalize; margin-top: 2em; padding-top: 5px; padding-bottom: 5px; display: inline; margin-left: 50px; float: left; } a.link-more, a.link-menu, a.link-more:visited, a.link-menu:visited { color: #06c !important; } .program-link:hover, .link-more:hover, .link-menu:hover { text-decoration: underline; } .program-link:hover { cursor: pointer; } /* Turn on the correct menu tab. */ body#about a#menu-about {color: #293f6f !important;} body#saverio-rinaldi a#menu-saverio {color: #293f6f !important;} body#rosalind-roz-o-smith a#menu-roz {color: #293f6f !important;} body#nan-e-brooks a#menu-nan {color: #293f6f !important;} body#sean-f-clarke a#menu-sean {color: #293f6f !important;} body#bo-green a#menu-bo {color: #293f6f !important;} body#products a#menu-products {color: #293f6f !important;} body#news-and-opinions a#menu-news {color: #293f6f !important;} body#contact a#menu-contact {color: #293f6f !important;} .post-body div div { /* Find the paragraphs after the first in a Blogger post. */ text-indent: 1.5em; } .suppress-indent { text-indent: 0 !important; } .post-footer { padding-bottom: 8pt; padding-top: 0.75em; font-size: 8pt; margin-left: 1.5em !important; line-height: 135%; } .post-footer em { display: none; } #news-and-opinions .post-footer, #archive .post-footer { text-indent: 0; } #news-and-opinions .post-footer em, #archive .post-footer em { display: inline; font-style: normal; padding-right: 1em; } /* Formats for new Blogger layout. July 2010 */ /* Formats for new Blogger layout. July 2010 */ /* Formats for new Blogger layout. July 2010 */ /* Formats for new Blogger layout. July 2010 */ /* Formats for new Blogger layout. July 2010 */ body#about .main-column, body#contact-us .main-column { width: 330px; } body#about .Blog, body#products .Blog, body#contact-us .Blog { display: none; } body#about .BlogArchive, body#products .BlogArchive, body#contact-us .BlogArchive { display: none; } body#about .sub-column { width: 330px; margin-right: 10px; font: 11pt/18pt Helvetica, Arial, Geneva, sans-serif; float: right; padding-right: 60px; padding-top: 587px; } .status-msg-wrap { display: none; } .post-footer-line-2 { display: none; } .descriptionwrapper { display: none; } .blog-pager { display: none; } .HTML .widget-content { padding-bottom: 24px; } .contact { text-indent: 0; padding-top: 15px; line-height: 1.25em; } .fb-share { text-indent: 0; padding: 10px 0 10px 0; } /* Final Blogger Tweaks */ #navbar { display: none; } a:-webkit-any-link { text-decoration: none; }