body { font: 12px "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; background: #7c90b0; text-align: center; margin: 0; padding: 0 } #main, #breadcrumb, #footer {width: 680px; margin: 1.5em auto; text-align: left;} #main div.column {text-align: left; margin-bottom: 1em;} #main p {margin: 0 0 1em 0;} #main p.last {margin: 0;} #main p.intro {font-weight: bold;} #main .lite {color: #79767c;} #main h1 {font-size: 24px; margin: 0 0 .5em 0;} #main h2 {font-size: 16px; margin: 0;} #main h3 { font-size: 12px; margin: 1em 0 } #main h4 {font-size: 10px; margin: 0;} #main .more {text-align: right;} .title { color: #005db1; font-size: 16px; font-weight: bold; text-decoration: none } #header {width: 680px; margin: 10px auto; text-align: center;} #breadcrumb, #footer {text-align: center; clear: both;} #breadcrumb {clear: both; font-size: 10px; padding: 1em 0;} #footer {font-size: 10px; border-top: 1px solid #a1a5a9; padding-top: 1em;} #footer form {margin-bottom: 2em;} #footer form input {vertical-align: bottom;} div.clearer {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 0; font-size: 0;} table, td {font: 10px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;} #navbar { background-image: url("btn02.gif"); background-repeat: repeat-x; text-align: center; white-space: nowrap; height: 25px } #navbar td a:link, #navbar td a:visited {display: block; color: #000; font-size: 11px; padding: 8px 8px 2px 8px; text-align: center; text-decoration: none;} #navbar td a:hover {color: #fff; text-decoration: none;} #globalnav { background-image: url("btn01.gif"); background-repeat: repeat-x; text-align: center; white-space: nowrap; height: 25px } #globalnav td a {display: block; color: #000; font-size: 11px; padding: 2px 8px 2px 8px; text-align: center; text-decoration: none;} #globalnav td a:hover {color: #fff; text-decoration: none;} #globalnav .hi { color: #fff; background-image: url("btn01_on.gif") } /*SUBNAVIGATION*/ #subnav a:link, #subnav a:visited {display: block; padding: 8px 0 8px 0; background-repeat: no-repeat; background-position: left middle; padding-left: 35px; font-weight: bold; text-decoration: none} #subnav a:hover, #subnav a:active {text-decoration: none} #subnav li {padding: 0; margin: 0;} #subnav ul {border-bottom: 1px solid #6A7180} #subnav .sidebox {padding: 0; margin: 0} #subnav .sideshots {padding: 0; margin: 0; padding-left: 5px;} #subnav a#hi {color: #000;} #subnav a { background-color: #dcdeee } #subnav a:hover { background-color: #beceef } #subnav a#hi { background-color: #dcdeee } #subnav #subnav1 hi { background-image: url("click_hi.gif"); background-repeat: no-repeat } #subnav #subnav1 a { background-image: url("click.gif") } #subnav #subnav1 a:hover {background-image: url("click_hover.gif");} #subnav #subnav1 a#hi {background-image: url("click_hi.gif");} #header {margin: 1em auto 0;} #main {margin: 0 auto 1.5em;} a { color: #005db1 } .nounder a {text-decoration: none;} #cont p {font-size: 12px;} #cont {padding: 20px;} #cont h2 a {text-decoration: none;} #cont h2 {padding-bottom: 3px;} #side { background: #dcdeee; border-left: 1px solid #9aa0ac } #side h2 { font-size: 1em; background: #d4d6e9; padding: 5px } #side .sidebox { background: #dcdeee; padding: 5px; width: 187px; border-top: 1px solid #e9ebf2; border-bottom: 1px solid #6a7180 } #side .sideshots { background: #dcdeee; text-align: center; width: 187px; border-top: 1px solid #e9ebf2; border-bottom: 1px solid #6a7180 } /* ORIGINAL #side {background: #DCDEE4; border-left: 1px solid #9AA0AC;} #side h2 {background: #C3C8D9; padding: 5px; font-size: 1em;} #side .sidebox {background: #DCDEE4; border-top: 1px solid #E9EBF2; border-bottom: 1px solid #6A7180; padding: 5px; width: 187px} */ /* BUNT #side { background: #c96; border-left: 1px solid #9aa0ac } #side h2 { font-size: 1em; background: #c96; padding: 5px } #side .sidebox { background: #fc6; padding: 5px; width: 187px; border-top: 1px solid #e9ebf2; border-bottom: 1px solid #6a7180 } */ #side a {color: #054CA3; text-decoration: none;} #side a:hover {color: #054CA3; text-decoration: underline;} #side .sideboxlast { background: #dcdeee; padding: 5px; width: 187px; border-top: 1px solid #e9ebf2 } #side .sidebox h3, #side .sideboxlast h3 { font-size: 1em; margin-bottom: 0.5em } #side .sidebox ul, #side .sideboxlast ul { margin-bottom: 5px; padding: 0 } #side .sidebox p, #side .sideboxlast p {margin: 0;} #side .sidebox .morelink, #side .sideboxlast .morelink {margin: 0; padding: 5px; text-align: right;} #side ul.arrowpro {list-style: url("arrowpro2.gif"); margin-left: 15px; padding-left: 0px;} #side ul.none {list-style: none; padding-left: 0px;} #side .none li {padding-bottom: 10px;} .specs {padding: 0px 0px 0px 20px;} .specslast {padding: 0px 20px 0px 20px;} .specs h3 {padding-bottom: 3px;} .specslast h3 {padding-bottom: 3px;} .clearer {clear: both; margin: 0 !important;} .hi {font-weight: bold;} .sideleft { background-image: url(frame_left.gif) } .sideright { background-image: url(frame_right.gif) } /* ANDY STARTS HERE */ ul { list-style: none; margin: 0; padding: 0 0 1em } ul.square {list-style: square outside; margin: 0 0 0 16px; padding: 0 0 1em 0;} ul.circle {list-style: circle outside; margin: 0 0 0 16px; padding: 0 0 1em 0;} ul.arrowtext { list-style-image: url("http://a772.g.akamai.net/7/772/51/64c11bdf28b789/www.apple.com/main/elements/arrowa1a5a9.gif"); margin-left: 15px; padding-left: 0 } ul.arrowright { list-style-image: url("arrowright.gif"); margin-left: 15px } ol {list-style: decimal; margin: 0 0 0 2.8em; padding: 0 0 1em 0;} li { padding-bottom: 0.5em } ul ul.circle {margin-top: .3em;} ol.last {padding: 0;} ul.last {padding: 0;} .listseparator { color: white; font-size: 11px; font-weight: bold; background-color: #7c90b0; text-align: center; padding: 4px; border: solid thin #99c } .projectlist { color: #033; font-size: 11px; padding: 2px; border-style: none none dotted; border-width: medium medium 1px; border-color: #005db1 } .iteminfo{font-size:11px;color:#000000;} .iteminfo a,.iteminfo a:link,.iteminfo a:visited{font-size:11px;} .iteminfo a:hover{color:#FFFFFF} .morebutton, .morebuttonright { color: white; font-size: 10px; font-family: verdana, sans-serif; font-weight: bold; text-decoration: none; background-color: #005db1; display: inline; margin: 0; padding-right: 3px; padding-left: 3px; border-style: solid; border-width: 1px; border-color: #99c #036 #036 #aaf } .morebuttonright { float: right } #specbtn a:link, #specbtn a:visited { font-size: 14px; font-weight: bold; text-decoration: none; background-repeat: no-repeat; background-position: left middle; display: block; padding: 25px 0 25px 54px } #specbtn a:hover, #specbtn a:active {text-decoration: none} #specbtn a#hi {color: #000;} #specbtn .news a { background-image: url("news.jpg") } #specbtn .news a:hover { background-image: url("news_hi.jpg") } #specbtn .news a#hi { background-image: url("news.jpg") } #specbtn .info a { background-image: url("info.gif") } #specbtn .info a:hover { background-image: url("info_hi.gif") } #specbtn .info a#hi { background-image: url("info.gif") } /*MIDDLE NAVIGATION*/ #midnav {background-repeat: repeat-x; white-space: nowrap; height: 25px;background-image: url("btn02.gif") ;} #midnav td a:link, #midnav td a:visited {padding-top: 6px; padding-bottom: 7px; display: block; color: #000; font-weight: 900; text-decoration: none; background-repeat: repeat-x;} #midnav {background-color: #A499cc;} #midnav td a:link, #midnav td a:visited { background-image: url("btn02.gif") } #midnav td a:hover, #midnav td a:active { background-image: url("btn02_over.gif") } #midnav td.hi a:link, #midnav td.hi a:visited { background-image: url("btn02_on.gif") } #midnav td.hi a:hover, #midnav td a:active { background-image: url("btn02_on_over.gif") } #tagtory #midnav td.btn01 a:link, #tagtory #midnav td.btn01 a:visited { background-image: url("btn02_on.gif") } #goettingen #midnav td.btn02 a:link, #goettingen #midnav td.btn02 a:visited { background-image: url("btn02_on.gif") } #wald #midnav td.btn03 a:link, #wald #midnav td.btn03 a:visited { background-image: url("btn02_on.gif") } #opsys #midnav td.btn04 a:link, #opsys #midnav td.btn04 a:visited { background-image: url("btn02_on.gif") } #nol #midnav td.btn05 a:link, #nol #midnav td.btn05 a:visited { background-image: url("btn02_on.gif") } #cocker #midnav td.btn06 a:link, #cocker #midnav td.btn06 a:visited { background-image: url("btn02_on.gif") } /*SCREENSHOTS*/ #screen01 #midnav td.scrn01 a:link, #screen01 #midnav td.scrn01 a:visited { background-image: url("btn02_on.gif") } #screen02 #midnav td.scrn02 a:link, #screen02 #midnav td.scrn02 a:visited { background-image: url("btn02_on.gif") } #screen03 #midnav td.scrn03 a:link, #screen03 #midnav td.scrn03 a:visited { background-image: url("btn02_on.gif") } #screen04 #midnav td.scrn04 a:link, #screen04 #midnav td.scrn04 a:visited { background-image: url("btn02_on.gif") } #screen04 #midnav td.scrn04 a:link, #screen04 #midnav td.scrn04 a:visited { background-image: url("btn02_on.gif") } #screen05 #midnav td.scrn05 a:link, #screen05 #midnav td.scrn05 a:visited { background-image: url("btn02_on.gif") } #screen06 #midnav td.scrn06 a:link, #screen06 #midnav td.scrn06 a:visited { background-image: url("btn02_on.gif") } #screen07 #midnav td.scrn07 a:link, #screen07 #midnav td.scrn07 a:visited { background-image: url("btn02_on.gif") } #screen08 #midnav td.scrn08 a:link, #screen08 #midnav td.scrn08 a:visited { background-image: url("btn02_on.gif") } #screen09 #midnav td.scrn09 a:link, #screen09 #midnav td.scrn09 a:visited { background-image: url("btn02_on.gif") } .job { color: #222; font-size: 11px; background-color: #dedede; margin-top: 1em; margin-bottom: 1em; padding-top: 1em; padding-left: 1em; border: solid thin silver } .job h4 { font-style: oblique; font-weight: bold } .logo { } /* floating pictures in itembody */ .logo .leftbox {float:left; background: url(shadowAlpha.png) no-repeat bottom right !important; background: url(shadowAlphas.gif) no-repeat bottom right; margin: 15px 15px 10px 0px;line-height:0px;} .logo .leftbox img {display: block;position: relative;background-color: #fff;border: 1px solid #a9a9a9;margin: -6px 6px 6px -6px;padding: 4px;line-height:0px;} .logo .rightbox {float:right;background: url(shadowAlpha.png) no-repeat bottom right !important;background: url(shadowAlphas.gif) no-repeat bottom right;margin: 15px 0px 10px 15px;line-height:0px;} .logo .rightbox img {display: block;position: relative;background-color: #fff;border: 1px solid #a9a9a9;margin: -6px 6px 6px -6px;padding: 4px;line-height:0px;} .smallyear { font-size: 10px } .smallyear td { }