html, body { text-align: center; } #page { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; font-size: 11px; color: #000; width: 600px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; padding: 0; text-align: left; }  A { text-decoration: none; } A:link { color: #0066FF; } A:visited { color: #6699CC; } A:active { color: red; } A:hover { text-decoration: underline; } #topnav A:visited { color: #0066FF; }  h1 { font-size: 16px; font-weight: bold; margin: 0px; } h1 a:visited { color: #000000; } h1 a:link { color: #000000; } h1 a:hover { text-decoration: none; } h2 { font-size: 16px; font-weight: lighter; margin: 0px; width: 292px; } h2.divider { border-top: 1px solid #000; font-size: 11px; line-height: 16px; font-weight: bold; margin-top: 0px; margin-bottom: 20px; padding: 5px 0; width: 580px; clear: both; } h2.divider span { font-weight: normal; } h3 { font-size: 11px; line-height: 16px; font-weight: bold; margin-top: 0px; margin-bottom: 2px; } .blogentry h3 a { color: #000; } .blogentry h3 a:visited { color: #000; } h4 { font-size: 9px; letter-spacing: 2px; font-weight: 100; text-transform: uppercase; margin-top: 0px; margin-bottom: 2px; } p { font-size: 11px; line-height: 16px; margin-top: 0px; margin-bottom: 16px; } p.widecaption { font-size: 10px; line-height: 13px; margin-top: 4px; width: 282px; } p.smallcaption { font-size: 10px; line-height: 13px; margin-top: 4px; width: 133px; } #pagecontent p.break { position: relative; margin-top: -8px; text-indent: 0px; } .smallcaps { font-size: 9px; letter-spacing: 2px; font-weight: 100; text-transform: uppercase; } .smalltext { font-size: 10px; line-height: 13px; } .byline { display: block; margin-bottom: 8px; } blockquote { width: 250px; background-color: #eeeeee; padding: 8px 16px 8px 16px; margin: -8px 0px 8px 0px; font-size: 11px; line-height: 16px; } .light { color: #999; } .alt { display: none; } ul { margin-left: 0px; padding-left: 15px; margin-top: -16px; line-height: 16px; } ol { margin-left: 0px; padding-left: 35px; margin-top: -16px; line-height: 16px; } ul.nobullets { list-style: none; margin-left: -12px; padding-left: 12px; margin-top: 0px; } hr { border: 0; width: 100%; color: black; background-color: black; height: 1px; margin-bottom: 12px; } hr.dotted { border-bottom: 1px dotted black; color: white; background-color: white; }  #pagetitle { border-top: 1px solid black; padding-top: 5px; width: 580px; padding-bottom: 55px; } #pagecontent { width: 650px; padding-bottom: 30px; display: block; } #breadcrumb { font-size: 10px; position: absolute; top: -22px; color: #999; width: 580px; } #pagination, #pagenav { font-size: 10px; position: absolute; left: 298px; top: 10px; width: 282px; color: #999; text-align: left; } #foot { position: relative; border-top: 1px solid black; padding-top: 5px; width: 580px; } #copyright { width: 282px; font-size: 10px; } #footerlinks { font-size: 10px; position: absolute; left: 298px; top: 4px; width: 282px; color: #999; text-align: left; } #sitehead, #pagehead, #pagecontent { position: relative; } #sitename { border-top: 1px solid black; padding-top: 5px; width: 580px; padding-bottom: 55px; } #topnav { font-size: 10px; position: absolute; left: 298px; top: 10px; width: 282px; color: #999; text-align: left; white-space: nowrap; } .fullwidth { float: left; width: 600px; margin-bottom: 16px; } .bodytext { float: left; width: 282px; margin-right: 16px; } #mtlogo { padding-top: 10px; margin-left: 298px; } #mtlogoleft { clear: both; padding-top: 10px; } .sidebarimages { float: left; width: 300px; } .overview, .floatcaption { float: left; width: 133px; margin-right: 16px; } .wideoverview { float: left; width: 282px; margin-right: 16px; } .overview .imagewindow { height: 98px; width: 131px; } .leadstory .imagewindow { height: 198px; width: 578px; } .bodytext .imagewindow { height: 198px; width: 280px; } .wideoverview .imagewindow { height: 98px; width: 280px; } .spacer { clear: both; height: 0px; font-size: 1px; } #wrap4, #wrap8, #wrap12, #wrap16, #wrap20, #wrap24, #wrap28, #wrap32 { display: block; } .gridwrap { clear: both; height: 0px; font-size: 1px; display: none; } .imagewrapper, .imagewrappersoft { float: left; margin-right: 16px; } .sidebar { position: absolute; top: 0px; left: 447px; display: none; } span.left { float: left; text-align: left; width: 55%; } span.right { float: right; text-align: right; width: 45%; }  .blogentry { float: left; width: 600px; } .blogstats { text-align: right; width: 282px; float: left; color: #999999; margin-right: 16px; margin-top: 19px; font-size: 10px; line-height: 14px; } .blogdts, .blogcat, blognav { color: #999999; font-size: 10px; line-height: 14px; } .resdate { float: left; text-align: right; width: 282px; margin-right: 16px; } .ressectionheader { float: left; width: 600px; margin-right: 16px; } .ressectionheader h3 { margin-left: 298px; font-size: 9px; letter-spacing: 2px; font-weight: 100; text-transform: uppercase; } .ressection * h4 { font-size: 11px; line-height: 16px; font-weight: bold; margin-top: 0px; margin-bottom: 2px; text-transform: none; letter-spacing: normal; }  #topnav ul, #breadcrumb ul, #styleswitcher ul, #pagenav ul, #pagination ul, #footerlinks ul { font-size: 10px; margin-left: 0; padding-left: 0; display: inline; } #topnav ul li, #styleswitcher ul li, #pagenav ul li, #footerlinks ul li { margin-left: 0; padding-right: 8px; list-style: none; display: inline; } #breadcrumb ul li { margin-left: 0; padding: 0px; list-style: none; display: inline; } #pagination ul li { margin-left: 0; padding-right: 5px; list-style: none; display: inline; } #pagination li.selected, #pagenav li.selected { font-weight: bold; padding-right: 5px; color: black; } #pagination li.selected:before, #pagenav li.selected:before { content: "[ "; } #pagination li.selected:after, #pagenav li.selected:after { content: " ]"; }  .bodytext .imagewrapper, .bodytext .imagewrappersoft { margin-right: 0px; } .bodytext .imagewrapper+.imagewrapper { margin-left: 16px; } #pagecontent .imagewrappersoft img { border: 0; } #pagecontent img.imagewrappersoft { border: 0; } #pagecontent img { border: 1px solid black; } #pagecontent a:hover img { border: 1px solid #0066FF; } .imagewindow { background-repeat: no-repeat; border: 1px solid black; background-position: center center; }   #pagecontent img+p { margin-top: 16px; } #pagecontent img+h3 { margin-top: 8px; } #pagecontent img+p.smallcaption, #pagecontent img+p.widecaption { margin-top: 4px; } .overview h3 { margin-top: 4px; } h3+ul.nobullets { margin-top: 0px; } #mailto { position: relative; top: 2px; } .hide { display: none; } .formfield { width: 85px; height: 13px; padding: 0px; margin: 2px 0; border: 1px solid #000; font: 9px Verdana, Arial, Helvetica, sans-serif; } .formbutton { margin: 0 0 1px 0; padding: 0px; } .portfoliogrid { width: 450px; float: left; } .portfoliogrid .overview { margin-bottom: 10px; } .overviewlead { width: 133px; background-color: blue; }