* { padding: 0; margin: 0; } img {border:none;} html { overflow-y: scroll; } html { overflow: -moz-scrollbars-vertical; } body { font-family: Verdana, Helvetica, sans-serif; font-size: 12px; } body.test-body {display:none;} #leftCol {width:162px; float:left;display:block;padding:0;margin:0;height:600px;background:#ffffff;} #content {font-size:11px; background:#fff} #magazine-container a:link ,#magazine-container a:visited ,#magazine-container a:active {color:#749987;} #content-height {height:552px;} /* LEFT NAVIGATION CLASSES */ #magazine-navigation { width:171px; margin-left:-10px; margin-top:12px;position:absolute; z-index: 2; } #magazine-navigation ul { list-style-type:none; text-transform: uppercase; } #nav-branch {list-style:none;margin:0; padding:0; width:171px;} #nav-branch li.nav-section{list-style:none;margin:0; padding:0;height:23px;overflow:hidden;} #nav-branch li {list-style:none;margin:0; padding:0; height:auto;float:left; clear:left; width:171px;} #nav-branch ul.open {background:#fff;margin-left:10px;} #nav-branch .open li {padding: 2px 0 2px 0;background:#fff;width:161px;} #nav-branch .open li a {margin:0px 6px;padding:2px;display:block;background:white; text-decoration:none; font-weight:normal;font-size:10px;} #nav-branch .open li a.sublinkOn {margin:0px 6px;padding:2px;display:block;background:#004957;color:#fff;} #nav-branch li.nav-section-selected {list-style:none;margin:0; padding:0;height:21px;overflow:hidden;} .closed {display:none;} a:link.sublink, a:visited.sublink, a:link.active{margin:0px 6px;padding:2px;background:none;text-decoration:none;color:#004957} /* ARTICLE CLASSES */ #magazine-article-main {width:798px; float:left; background:#ffffff} /* no right see mores */ #magazine-article-body {width: 605px; margin:16px 0 0 0;float:left;} #magazine-article-text {width:505px;margin:0;padding:0;} #magazine-article-text p {margin: 0 0 12px 0; line-height:1.6em; width: 505px;} #magazine-article-text h4 {margin-top: 16px; margin-bottom:0;} div.dek {font-size: 12px;margin: 4px 0 8px 0;} div.dekwhite {font-size: 12px;margin:4px 0 8px 0;color:white;} /*div.byline {font-size:11px; margin:0; padding:0;}*/ #magazine-container { float:right; background: #ffffff; } #magazine-header { width: 798px; height: 102px; padding: 0; margin:0; background-color: #000000; } #magazine-header-headline { float: left; padding-left: 10px; padding-top: 60px; } #magazine-header-image { float: right; } #story-left-container {width:180px;float:left;height:300px;} #right-nav-container {float:right;margin:0;padding:0; width:172px;margin-top:20px;height:300px;} /* bottom padding for this background is added to the html include file as the number of links may vary */ #magazine-right-nav-bg {background:#ffffff;float:left; height:70px; position: absolute; z-index: 4;top:203px;filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;width:155px;margin-left:17px;} #mrn {margin-left:16px;border-left: 1px solid #cecece; position:absolute;z-index:10} #mrn.noBorder {border:none;} #mrn ul {list-style:none; margin-top:12px;margin-left:16px;} #mrn ul li{margin-bottom:12px; width:135px;} #mrn ul li a:link, #mrn ul li a:visited,#mrn ul li a:active{display:block;color:#2C4A3C; margin-top:6px;} .subpic { margin: 6px 12px 6px 0; float: left;} /* SUB LANDING PAGE */ .sub-feature {background:#d5e0db;width:397px;float:left; font-size: 12px; margin-top:1px; margin-bottom:45px;} .sub-feature img {float:left;} .sub-feature div {margin: 30px 0 0 13px;float:left; width:145px;} .sub-feature h4{font-size:12px; margin-bottom:8px;} .sub-feature a:link, .sub-feature a:visited, .sub-feature a:active {display:block; color:#444444;} .all-articles-table {clear:both; text-align:left;width:777px;font-size:10px;} .all-articles-table td {vertical-align: top;padding-bottom:8px;} .all-articles-table th {font-weight:bold; padding-bottom:8px;} .all-articles-table td.c1, .all-articles-table th.c1 {width:122px; } .all-articles-table td.c2, .all-articles-table th.c2 {width:450px;} .all-articles-table td.c3, .all-articles-table th.c3 {padding-left:12px;} /* GUIDE */ #guide-hero {width:798px; height: 178px; margin: 0 0 25px 0; background: #e6e6e6 url(/pub-share/magazine/html/Guide-to-Lexus-Magazine/images/Guide_img.jpg);float:left; clear:left;} #guide-hero p {margin:60px 225px 0 20px; } /* SLIDESHOW CLASSES */ #slideshow_container { width:608px; height:300px; margin:0; padding:0;} #slideshow_container #image-container {float:left; width:400px;height:300px;background:#000000} #slideshow_container #copy {float:left; width:208px; height:300px; overflow:auto; font-size:11px;} #slideshow_container #copy p{ padding: 11px 11px 0 11px; margin:0;} #slideshow_container #copy h4 {padding: 11px 11px 0 11px;font-size:11px;margin:0;} #slideshow_navigation {margin-top:12px; width:608px; height:60px; margin-bottom:12px;} #slideshow_navigation img{padding:3px} #slideshow_navigation a.navlinksSelected img{border:3px solid #739987; padding:0;} #legal_info {float: left; clear:left;} #legal_info a:link, #legal_info a:visited{color:white;font-weight: normal;} #legal_info.dark a:link, #legal_info.dark a:visited, #legal_info{color:black;} /* STORYSHOW CLASSES */ #story_container {width: 608px; float:left; display:inline; margin-top:20px; padding:0; } #story_container h4 {margin-bottom: 4px; font-size: 1.1em;} /* ROADTRIP CLASSES */ #map_left_col {float:left; width: 189px;padding: 22px 15px 0 30px; height: 540px; } #map_right_col {float:left;width:293px;float:left; height: 561px;font-size:12px;font-family:verdana;} #side_bar {height: 325px; color: #fff; line-height:1.3em; overflow:auto;} #side_bar a:link, #side_bar a:visited, #side_bar a:active {color: #fff; font-weight: bold;} #map_navigation {color: #999999;margin-top: 8px; margin-bottom: 4px;border-top: 1px solid white;} #map_navigation a {font-weight: normal; } #map_navigation a.selected, #map_navigation a:hover.selected, #map_navigation a:visited.selected { color: #ffffff; text-decoration: none; cursor: default; } #article_headline_map {padding:16px 16px 0 16px;} #map {width: 505px; height: 561px; color: black; float:left;} #map a:link, #map a:visited, #map a:active {color: #0066cc;} #side_bar {height: 330px; padding:8px 16px 0 16px;color: #000000; line-height:1.3em; overflow:auto;} #side_bar a:link, #side_bar a:visited, #side_bar a:active {color: #000000; font-weight: bold;} #map_navigation {color: #999999;margin-top: 8px; margin-bottom: 4px;border-top: 1px solid black; height: 2.8em;width:260px; margin-left:16px; } #map_navigation a {color: #0066cc; font-weight: normal; } #map_navigation a.selected, #map_navigation a:hover.selected, #map_navigation a:visited.selected { color: #000000; text-decoration: none; cursor: default; } #map-loader-gif {z-index:25; position:absolute; margin: 250px 0 0 350px;} /* info window classes */ div.map_img_info_widnow {width:250px;margin-top: 12px; line-height: 1.3em; font-size: 10.5px;} div.map_img_info_widnow img{ margin-bottom: 8px; border: 1px solid #999999;} div.map_img_info_widnow strong {font-size: 1.1em;} div.map_img_info_widnow p.visit_website {text-align: right; margin: 0;} div.map_img_info_widnow h4 {margin-top:0; margin-bottom:6px;} div.map_img_info_widnow p.visit_website a:link, div.map_img_info_widnow p.visit_website a:visited ,div.map_img_info_widnow p.visit_website a:active {font-size:10px; font-family:verdana;} /* FOOTNOTE & POPUP CLASSES */ #legal {margin-top:12px; border:1px solid #888; overflow-x:hidden; float:left; background:#ffffcc} #legal h4 {margin-top:0;} #legal p {font-size: 10px; font-family: verdana, arial, sans-serif; margin-top:0;} #content #copy sup {line-height: 0em; font-size: 8px;color:black;} #copy sup a:link, #main_content #copy sup a:visited {font-size: 8px;text-decoration:none; font-weight: normal; color:black;} #content #copy sup a:hover {text-decoration:underline;} #content #copy.dark sup {line-height: 0em; font-size: 8px;color:black;} #content #copy.dark sup a:link, #content #copy.dark sup a:visited {font-size: 8px;text-decoration:none; color:black; font-weight: normal;} #content #copy.dark sup a:hover {text-decoration:underline;} .vehicle-popup {z-index:20; width:600px;clear:both; border:1px solid #444444; font-family: verdana, arial, helvetica; font-size:12px;} .vehicle-popup-close {float:right} #popup-morelinks {border-top: 1px solid #cdcccc; margin-top:12px; padding-top:12px;width:273px;} #popup-morelinks a {display:block;} .vehicle-popup-body {padding:10px;} .vehicle-popup-body h3 {font-size: 22px;font-weight: lighter; margin: 0 0 8px 0;} .vehicle-popup-body p {margin:0; width:350px;} .vehicle-popup-body p.padding {margin-top:12px;} /* OLD MAG CLASSES Edit and remove as necessary... */ /* CLASSES FOR SLIDESHOW AND ARTICLE TYPES */ #left_content {width: 172px; float:left; background: url(images/bracket.gif) 0% 0% no-repeat; padding:0 20px 0 0; line-height: 1.2em;} #left_content #image {margin:12px 12px 0 0; } #left_content #image2 {margin:12px 0 0 12px; width: 170px;} #left_content #copy {padding-top: 12px; padding-left: 12px; height:330px; overflow:auto; } #left_content #copy p {margin: 1em 0;} #right_content { width: 400px; color: white; FLOAT:LEFT; line-height: 1.2em;} #right_content #copy {height: 300px; overflow: auto;width:400px;} #right_content #copy p, #right_content #copy h4 {margin: 10px 0;} #right_content #image {width: 400px; height:300px; margin:0; padding:0;} #right_content #image img {width: 400px; height: 300px;margin:0; padding:0;} #nextButton {position: absolute;width:29px; height: 28px; z-index: 7; padding: 272px 0 0 371px; } #loader_image {position: absolute; margin:50px; z-index: 8;} #copy.bullets ol {list-style: disc outside; line-height: 1.3em; width: 382px; padding-left: 42px;} #copy.bullets ol li {padding-bottom: 5px; } #copy.bullets ul {list-style: disc outside; line-height: 1.2em; width: 382px; padding-left: 18px;} #copy.bullets ul li {padding-bottom: 5px; line-height: 1.2em; } /* STORY CLASSES droplist P */ ul.drop_list {border-top: 1px solid white;margin: 4px 0;} ul.drop_list li {border-bottom: 1px solid white; padding: 4px 0; list-style: none; line-height: 1.2em;} ul.drop_list li a:link, ul.drop_list li a:visited {color: white; font-weight: bold; text-decoration: none;} ul.drop_list li a:hover {text-decoration: underline; color: white;} ul.drop_list li p.toggle_pg {margin: 2px 0 4px 12px;} /* STORY CLASSES droplist accordion style for the wine story*/ ul.drop_list_acc {list-style: outside;} ul.drop_list_acc li {border-bottom: 1px solid #e6e6e6; padding: 4px 0; list-style: none; line-height: 1.2em;} ul.drop_list_acc li a.display:link, ul.drop_list_acc li a.display:visited {color: white; font-weight: bold; text-decoration: none;} ul.drop_list_acc li a.display:hover {text-decoration: underline; color: white;} #right_content #copy p.toggle_pg {margin: 2px 0 6px 0px;} /* STORY CLASSES droplist accordion style for the wine story*/ ul.drop_list_authors {border-top: 1px solid black;margin: 4px 0;} ul.drop_list_authors li {border-bottom: 1px solid black; padding: 4px 0; list-style: none; line-height: 1.2em;} ul.drop_list_authors li a:link, ul.drop_list_authors li a:visited {color: black; font-weight: bold; text-decoration: none;} ul.drop_list_authors li a:hover {text-decoration: underline; color: black;} ul.drop_list_authors li p.toggle_pg {margin: 2px 0 4px 12px;} /* STORY NAVIGATION CLASSES */ #story_navigation img {margin-right: 15px;} /* FOR THE WINE STORY*/ #caption {margin:12px;}/* FOR THE WINE STORY*/ #subContent #story_navigation {margin-top:10px; margin-bottom:0;height: 30px; line-heght: 1em; width:380px;} #subContent #story_navigation a:link.navlinks, #subContent #story_navigation a:visited.navlinks {border: 1px solid #efefef; padding:1px 3px; margin-right: 3px; text-decoration: none; display: block; color: white; float: left;} #subContent #story_navigation a.navlinks:hover {background-color: #bba37e;padding:1px 3px; margin-right: 3px;} #subContent #story_navigation a.navlinksSelected {background-color: #bba37e; border: 1px solid #efefef; padding:1px 3px; text-decoration: none; margin-right: 3px; display: block; color: white; float: left;} #rate_article {float:right;} #rate_article a:link, #rate_article a:visited{color:white; font-weight: normal;} #subContent.dark #copy, #subContent #copy.dark {color: black;} #subContent #copy.dark a:link, #subContent #copy.dark a:visited{color: #0066cc} #subContent.dark #story_navigation a:link.navlinks, #subContent.dark #story_navigation a:visited.navlinks, #subContent.dark #story_navigation a:active.navlinks{border: 1px solid #000000; padding:1px 3px; margin-right: 3px; text-decoration: none; display: block; color: #000000; float: left;} #subContent.dark #left_col_wide a:link, #subContent.dark #left_col_wide a:visited, #subContent.dark a:active {color:#0066cc;} #subContent.dark #story_navigation a.navlinks:hover {background-color: #bba37e;padding:1px 3px; margin-right: 3px;} #subContent.dark #story_navigation a:link.navlinksSelected, #subContent.dark #story_navigation a:visited.navlinksSelected, #subContent.dark #story_navigation a:active.navlinksSelected {background-color: #bba37e; border: 1px solid #000000; padding:1px 3px; text-decoration: none; margin-right: 3px; display: block; color: white; float: left;} #footer-row3 { position: absolute; margin-top: 58px; margin-left: 5px; font-size: 9px; font-family: Verdana; color: gray; width:800px; } /* Printable Classes*/ #print-console {padding-top:10px; width:608px; margin-left:30px;} #print-controls {padding-bottom:10px; border-bottom: 1px solid #444444;} .lmo-print-head {font-family: verdana;font-size:10px; margin-top:10px;} #print_iconTop, #print_iconBottom {margin: 6px 0 10px 0;} div.print-copyright {width:650px; font-family: Georgia; font-size:11px; font-style:italic; color:#aaa; margin-left:30px; padding-bottom:10px; margin-top:12px;clear:left;} /* new redesign classes */ #Lexus-News-img {border:25px;} #pageHeader { /* this is the page banner that will be on the sub landing pages. it aligns with the 4 nav bars to the left (their total height is 102px. */ width: 798px; height: 102px; background-color: #aaa; float: left; } #contentSubLanding { /* this is for the expanded content area on the sub-landing pages */ width: 798px; margin: 0; padding:0; float: left; background-color:#fff; } #contentInteractive { /* this is for the expanded content area on the sub-landing pages */ width: 798px; margin: 0; padding:0; float: left; background-color:#fff; position:relative; } div.scroll-wrap { padding:0; margin:0px; margin-right:0;position:absolute; height:350px;font-size:30px; width:598px;} #c1{left:-498px; } #c2{left:100px; } #c3{left:698px; } #c4{left:1296px; } #c5{left:1894px; } #c6{left:2492px; } #left {width: 162px;height: 500px;float: left;background:#fff} #carouselWrapper {width:798px; height:350px; background:#aaa; overflow:hidden; position:absolute;} #carouselLeft {height: 350px; width:100px; background:white;filter:alpha(opacity=90);-moz-opacity: .9; opacity: .9;position:absolute; z-index:4} #carouselRight {height: 350px; width:100px; background:white;filter:alpha(opacity=90);-moz-opacity: .9; opacity: .9;position:absolute; z-index:4;margin-left:698px;} #leftArrowCarousel {position:absolute; z-index:5; border:1px solid #aaa;margin-top: 270px; margin-left:20px;} #rightArrowCarousel {position:absolute; z-index:5; border:1px solid #aaa;margin-top: 270px; margin-left: 718px;} #scroller {float:left;position:absolute;width:798px;height:350px;} #content a:link {text-decoration:none;color:#004957; font-weight:normal;} #content a:visited {text-decoration:none;color:#004957;font-weight:normal;} #content a:hover {text-decoration:underline;color:#004957; /*border-bottom:1px solid #004957;*/ font-weight:normal;} #content a:active {text-decoration:underline;color:#aaa; /*border-bottom:1px solid #aaa;*/font-weight:normal;} #content2Col { width: 798px; margin: 0; float: left; background-color:#fff; height:auto; } #contentArticle { /* This is the modified content area in the middle of the page. */ width: 600px; margin-top: 12px; margin-left: 12px; float: left; display:inline; } /* FOR STORIES THAT HAVE A LONGER CONTENT AREA */ #contentArticle.border {border-right:1px solid #888; padding-right:12px} #sideBar { /*This is the modified sidebar; it has increased in size. */ width: 153px; margin-left:12px; margin-top:12px; /*margin: 12px 8px 0 12px;*/ padding-left: 12px; border-left: 1px solid #aaa; float: left; } /* FOR STORIES THAT HAVE A LONGER CONTENT AREA */ #sideBar.noBorder {border: none;padding-left: 0;} /* ---------------------------------------- interactive Classes ---------------------------------------- #content a.int-icon:link,#content a.int-icon:visited { z-index:10; position:absolute; color:#ffffff;font-size:12px; font-family:verdana;} #content a.int-icon:hover { color:#0200b8; text-decoration:none;} .box-bg {position:absolute; background:black;filter:alpha(opacity=90);-moz-opacity: .9; opacity: .9;} .box-content {position:absolute;color:white; font-size:10px;} .box-content h4{color:white; font-size:10px;font-weight:bold;margin:0; padding:0;margin-bottom:4px;} .box-content li {margin-left:15px; line-height:1.4em; margin-bottom:3px;} .box-content a:link,.box-content a:visited, .box-content a:active, {color:#8bc5c3; text-decoration: none;} #content div.box-content sup a {color:#8bc5c3; text-decoration: none;} #content div.box-content sup a:hover {text-decoration: underline;} #sub-inter {float: left; margin-left: 162px; display: inline; width: 798px; } */ /* ---------------------------------------- interactive Classes revised for new es/ls ---------------------------------------- */ #content a.int-icon:link,#content a.int-icon:visited { z-index:10; position:absolute; color:#ffffff;font-size:12px; font-family:verdana;} #content a.int-icon:hover { color:#0200b8; text-decoration:none;} /* es hover color */ #content a.int-icon-es:link,#content a.int-icon-es:visited { z-index:10; position:absolute; color:#ffffff;font-size:12px; font-family:verdana;} #content a.int-icon-es:hover { color:#61a425; text-decoration:none;} /* ls hover color */ #content a.int-icon-ls:link,#content a.int-icon-ls:visited { z-index:10; position:absolute; color:#ffffff;font-size:12px; font-family:verdana;} #content a.int-icon-ls:hover { color:#e8b438; text-decoration:none;} .box-bg {position:absolute; background:black;filter:alpha(opacity=90);-moz-opacity: .9; opacity: .9;} .box-content {position:absolute;color:white; font-size:10px; width: 550px; height: 160px; top: 338px; left: 236px; z-index: 6;} .box-content h4{color:white; font-size:10px;font-weight:bold;margin:0; padding:0;margin-bottom:4px;} .box-content li {margin-left:15px; line-height:1.4em; margin-bottom:3px;} .box-content a:link,.box-content a:visited, .box-content a:active, {color:#8bc5c3; text-decoration: none;} #content div.box-content sup a {color:#8bc5c3; text-decoration: none;} #content div.box-content sup a:hover {text-decoration: underline;} #sub-inter {float: left; margin-left: 162px; display: block; width: 798px; } .copy-box {width: 274px; float: left; overflow-y: auto; height:160px; margin:0;} .copy-box h4 {margin:12px;} .copy-box p, .copy-box ul li {color:white; margin:0 8px 12px 12px; font-family: verdana; font-size:11px; line-height:18px} .copy-box ul li {margin-left:28px} .int-small-x {float: right; margin:4px;} /* ---------------------------------------- Slideshow Classes ---------------------------------------- */ /* #show_slideVideoIcons {height:386px; width:601px;position:absolute;z-index:5} #show_slideVideoIcons img {} #subContent #pop-copy p {width:150px;} img.video-button-img {margin-top:5px; margin-left:200px; cursor:hand;} img.slide-button-img {margin-top:150px; margin-left:200px; cursor:hand;} #pop-copy p, #pop-copy h4 {width:225px; color:white}*/ #slideMediaLaunch-BG{width:600px; height:50px; background:#000; filter:alpha(opacity=80);-moz-opacity: .8; opacity: .8; z-index:24;position:absolute;top:450px;} #slideMediaLaunch {width:600px; height:50px; position:absolute;top:450px; z-index:25;} a:visited#view-story, a:link#view-story, a:active#view-story {color:white; line-height:20px; padding-top:5px;} .media-plus {margin:15px 10px; 16px 10px; float:right;} a:link#media-click-here, a:visited#media-click-here, a:active#media-click-here {width:200px; float:right; text-align:right;margin-top:16px;color:white;font-height:9px;line-height:1.3em;font-family:verdana;} #grey {background-color: #000000; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; width:100%; height:3000px; z-index:10;position: absolute; top:0; left:0; margin:0;} /* css ie6 hack--ie needs the wider background */ * html #grey {width:3000px;} #slideshow {width:976px; height: auto; position: relative; background:none; z-index:30; background:#000000;left: 50%;margin-left: -488px;text-align: left; top:42px; position: absolute;} #slideshowHeader {width:974px; height:48px; background-color:#000; float:left; border: 1px solid #111} #pop-image {clear:left; float: left; width: 774px; height: 500px; background-color:#000;} #slideTextArea {width: 202px; height: 500px; background-color:#111; float:right;margin:0; padding:0; overflow:hidden;} #pop-copy {padding:12px 20px 0 24px; font-family:Verdana; font-size: 11px; color: #fff; line-height: 1.6em; margin:0; } #pop-copy h4 {font-size:10px; color:white;margin:0 0 10px 0;line-height:1.3em} #pop-copy a:link, #pop-copy a:visited, #pop-copy a:active {font-weight:normal; color:#8bc5c3 } /* color changed from 66cccc */ #pop-copy a:hover {font-weight:normal;} .blk_wraplinks {background:url(/pub-share/magazine/images/greentextarrow.gif) no-repeat;padding-left:15px; display:block;} #pop-copy sup {font-size:8px; line-height: 1em} #pop-more {padding:24px;} .slideBody {font-family:Verdana; font-size: 11px; color: #fff; line-height: 1.6em; margin:0;} .slideLinks .slideBody {margin-bottom:12px;} .slideshowHed { /* this is based on DEK but is modified */ font-family: Georgia; font-size: 15px; line-height: 1.3em; font-style: normal; font-weight: normal; margin-top: .2em; margin-bottom: 0; color: #888; } .slideshowPhotographer {font-family:Verdana; font-size: 9px; letter-spacing: 1px; color: #888; line-height: 1.3em; margin: 12px 0; text-transform:uppercase;} #slideshowArrows {padding:24px 24px 12px 24px; } #slideshowArrows img {float: left;border: 1px solid #888;} .margin20 {margin-right:18px;} .margin24 {margin-right:24px;} .floatLeft {float:left;} .floatRight {float:right;} .clearBoth {clear:both;} #slide_counter {margin-left:24px;} .grey8 {color: #888;} div.youtube560x340 {margin: 80px 107px 0 107px;display:block; width:560px;height:340px;} /* Fiction pop over */ #fictionPopOverBG { width:774px; height:800px;position:absolute; z-index: 55; margin-top:96px; margin-left:12px;background-color: #000000;filter:alpha(opacity=55); -moz-opacity: 0.55; opacity: 0.55;} #fictionPopOver{ width:774px; height:800px;position:absolute; z-index: 37; margin-top:96px; margin-left:12px;} #content #fictionIndexContent p{font-family:Verdana; font-size: 11px; color: #fff; line-height: 1.6em; margin:0 0 12px 0; } #content #fictionIndexContent h4 {font-size:10px; color:white;margin:6px 0 10px 0;line-height:1.3em } #content #fictionIndexContent a:link, #fictionIndexContent a:visited, #fictionIndexContent a:active {font-weight:normal; color:#8bc5c3 } /* color changed from 66cccc */ #content #fictionIndexContent a:hover {font-weight:normal;} .fictionBioHeadshot {float:left; margin:18px; margin-left:36px; margin-right:12px; width:150px; background:white;height:200px} /* ---------------------------------------- THESE ARE THE SUBLINK STYLES ---------------------------------------- */ #share-button {margin-top:12px; float:left;} #share-button.wide {float:right; margin-top:6px;} #sub-links {font-size:12px;width:600px; border-top: 1px solid #888;clear:left;float:left; padding-top:12px;margin:12px 0 12px 0;} #share-button img.share-print-bottom {margin-top:12px; margin-left:6px;} #share-button-top {float:right; width:595px; margin:12px 0 24px 0} #share-button-top img {float:right; margin-left:6px;} /* Floats the upper share / print buttons */ #share-button-top.wrap {width:160px; margin-top:6px;} #sub-links.noPrint {float:left;} #sub-links.wide{width:600px} #sub-links a:link, #sub-links a:visited {line-height:1.5em;} /* ---------------------------------------- THESE ARE THE SIDEBAR STYLES ---------------------------------------- */ .sideItem { /* this div contains the a Picture and Text for sidebar article */ border-bottom: 1px dotted #888; margin: 0 0 12px 0; } .sideItem.noBorder {border:none} .sideItem.noRule {border:none; margin-top:18px;} .sidePic { width: 85px; height: 85px; margin:0; padding:0; background-color: #efefef; } #sideBar p { font-family: Verdana; font-size: 10px; line-height: 1.4em; margin: 6px 0 8px 0; /* changed 12px to 8px to even out lineheight */ } .moreSide { color: rgb(0, 79, 90); } #related {height:505px;} /* sidebar links are different in that they are not initially green, and they do not turn green. */ #sideBar .sideItem a:link {text-decoration:none;color:#333;} #sideBar .sideItem a:visited {text-decoration:none;color:#333;} #sideBar .sideItem a:hover {text-decoration:underline;color:#333; /*border-bottom:1px solid #333;*/} #sideBar .sideItem a:active {text-decoration:underline;color:#aaa; /*border-bottom:1px solid #aaa;*/} .little { /* This was made for the "advertisement" attribute. */ font-family: Verdana; font-size: 9px; color: #888; } /* ---------------------------------------- THESE ARE THE ROADTRIP STYLES ---------------------------------------- */ #rt-container { width:798px;float:left;height:510px;margin:0; padding:0;} #rt-story-float {float:left;width:624px; border-right:1px solid #888;margin-top:12px;} .pad12 {padding:12px} #rt_map {width:798px;} .map-head {height:116px;margin:0;/*width:780px; position:absolute; z-index:6;margin:12px 0 0 12px; background:red;*/} div.white, .white {color:#000} #map-nav-bg {position:absolute; z-index:7;filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; background:white;margin-left:12px; margin-top:142px;height:20px; width:352px;} #map-nav-container {width:798px;border-bottom:1px solid #888; position:absolute; z-index:8;} #map_nav {list-style:none;padding-left:12px; margin-left:0 0 0 12px; float:left; } #map_nav li { border:1px solid #666666; border-bottom:none;border-right:none;margin:0;line-height:1em;float:left; height:20px;} #map_nav li.last {border-right: 1px solid #888;} #map_nav li.non {color:black; background: #ffffff} #map_nav li.selected {color:white; padding:0; margin:0;} #destinations {width:130px;background:white;position: absolute; top:10px; left:648px;z-index:105; border:1px solid #888; padding:4px;font-weight:bold;} #destinations a:link,#destinations a:visited, #destinations a:active {text-decoration:none; color:#333} #destinations a:hover {text-decoration:underline;} #sub-links-rt {font-size:12px;width:600px; border-top: 1px solid #888;clear:left;float:left; padding-top:12px;margin:12px 0 12px 0;}} #sub-links-rt{font-size:12px;width:600px; border-top: 1px solid #888;clear:left;float:left; padding-top:12px;margin:12px 0 12px 0;} #sub-links-rt .noPrint {float:left;} #sub-links-rt .wide{width:600px} #sub-links-rt a:link, #sub-links a:visited {line-height:1.5em;} #mapsub {background:white;position:absolute;backgrond:grey; border: 1px solid #454545; width:200px;height:auto; z-index:22;} #mapsub a:link, #mapsub a:visited , #mapsub a:active{padding:0 4px; display:block; font-size:11px; text-decoration:none;background:white; line-height:1.6em;color:black} #mapsub a:hover {padding:0 4px; display:block; font-size:11px; text-decoration:none;background:#444444; line-height:1.6em; COLOR:WHITE;} #mapsub a.selectAdrive:link, #mapsub a.selectAdrive:visited {background: #ffffff url('/pub-share/magazine/images/down_arrow.gif') no-repeat 100% 0;color:black} #mapsub a.selectAdrive:hover {COLOR:black; background:#ffffff url('/pub-share/magazine/images/down_arrow.gif') no-repeat 100% 0;} #map_dropdown, #fiction_dropdown {position:absolute; z-index: 23; width:200px; margin-left: 586px;} /* ---------------------------------------- THESE ARE TEXT STYLES ---------------------------------------- */ p { /* This sets the body copy style for articles */ font-family: Georgia; font-size: 15px; line-height: 1.6em; margin: 0 0 12px 0; color: #333; } p.editnote {font-size:13px; line-height:20px; padding:20px 24px 20px 24px; background:#eeeeee;clear:both;} ul.textstory, ol.textstory { font-family: Georgia; font-size: 15px; line-height: 1.6em; margin: 0 0 12px 0; color: #333; margin-left:18px; } span.normal {font-style:normal} .rubric { /* this is the div for rubrics at the top of articles, to indicate the section. typographically, it is the same as .storyType, but this div is used to align the Rubric to the top of the left nav bars */ width: 600px; height: 20px; font-family: Verdana; font-size: 10px; text-transform:uppercase; color: #555; letter-spacing: 1px; margin: -2px 0 0 0; } .attribute { /* this is used for names in Q&A and other situations that need to look like byline (without Byline spacing) */ font-family: Verdana; font-size: 10px; line-height: 1.3em; letter-spacing: 1px; text-transform: uppercase; margin: 0; } .storyType { /* this is the same as .rubric, typographically. */ font-family: Verdana; font-size: 10px; text-transform:uppercase; color: #666; letter-spacing: 1px; } #headline { /* this is the HED .gif space */ width: 600px; height: 30px; } #headline-news { /* this is the HED .gif space */ width: 600px; height: 30px; margin-bottom:24px; } h3 { /* this is a DEK */ font-family: Georgia; font-size: 16px; line-height: 1.25em; font-style: italic; font-weight: normal; margin-top: .2em; margin-bottom: 12px; color: #000; } h3.wrap {width:430px;float:left;margin-bottom:6px;font-size:18px;} h3.qa {font-size:22px; width:475px;float:left;} h4 { /* this is a SUBHED to be used within articles */ font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; line-height: 1em; margin: 24px 0 12px 0; color: #333; } .byline { /* this is the BYLINE */ font-family: Verdana; font-size: 10px; line-height: 1.3em; letter-spacing: 1px; text-transform: uppercase; margin: .75em 0 2.25em 0; color: #000; font-style: normal; } h3 .byline {margin-top:12px;margin-bottom:0;} .firstThreeWords { /* this is for the uppercase lead-in for articles */ text-transform: uppercase; } p.firstPara {clear:both; padding-top:12px;} .bodySansCaps { /* this was made for interviewer/ee attributes. */ font-family:Verdana; font-size: 11px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; color: #888; } #more { /* this is for the space to follow an article, with a border to divide the article/content from the "more" links. */ width: 600px; border-top: 1px solid #aaa; margin-top: 6px; padding-top: 12px; } #more p { font-family: Verdana; font-size: 12px; line-height: 1.5em; color: rgb(0, 79, 90); margin: 0; } /* for note class & footer disclaimer text*/ p.note, div.note p {font-size:11px; font-style:italic; color:#aaa; clear:both; line-height:1.6em; margin:0;} #int_note.note {margin-left:162px;clear:left;} p.note em, p.note i{font-style:normal;} .sub{ margin: 0 12px 6px 0; float: left;} .viewDemo {font-size:12px; font-family:verdana;} /* ---------------------------------------- LEGAL DISCLAIMERS ---------------------------------------- */ #legal {position:absolute; top:-12px; left:-176px; z-index:100;background:#ffffcc; width:774px; height:500px; overflow:auto;} #legal h4 {margin:14px; font-family: verdana; font-size:12px; width:300px;float:left;} #legal .close {float:right;margin:12px;} #legal p {margin: 0 12px 12px 12px; font-family: verdana; font-size:10px;clear:left;} /* ---------------------------------------- THIS IS THE TABLE FOR NEWS/SUB-LANDING ---------------------------------------- */ .fakeImg { width: 250px; height: 160px; background-color: #efefef; margin: 0 12px 6px 0; float: left; } .tableRow { width: 600px; height: 85px; font-family: Verdana; font-size: 12px; line-height: 1.5em; color: #333; padding-bottom: 12px; border-bottom: 1px dotted #888; margin-bottom: 12px; } .tableRow div {float: left;} .tableRowText {width: 400px;margin-right:12px;} .tableRowPic {width:85px;height: 85px;margin-right:12px;} .tableRowDate {width:85px;font-size: 10px;text-align: center;} .fpo84 {width:85px; height:85px;background-color:#efefef;} div.guideBox p { font-family: Verdana; font-size: 10px; line-height: 1.4em; margin: 6px 0 0 0; /* changed 12px to 8px to even out lineheight */ } /* ---------------------------------------- THIS IS THE FLOATING MEDIA BOX ---------------------------------------- */ div.mediaFloat {background:black;float:left;width:250px; margin:6px 12px 6px 0px; } img.mediaFloatHed {padding:3px 0 2px 0;} .mediaFloatBody {background-color:black;padding: 0 12px 12px 12px;} .mediaFloatFoot {padding-top:12px;} .mediaFloatFoot div {float:left; width:20px; padding-bottom:8px;} .mediaFloatFoot div.textLink {float:left; height:20px;width:206px;} .video320 {width:320px;float:left;margin:6px 12px 0px 0; padding:0;border:1px solid #888 } .video320 iframe {margin:0 padding:0; background:black;margin-bottom:-3px;} .video320 p {padding:6px; margin:0; font-size: 13px; font-family:verdana, arial; font-weight:bold;} .videoSlide704 {margin: 46px 35px 0 35px;} div.subPicFloat { width: 250px; margin: .6em 12px .6em 0; float: left; font-family: Verdana; font-size: 10px; text-transform:uppercase; color: #000; letter-spacing: 1px; } #content div.subPicFloat span {display:block; margin-top:4px;} #content div.subPicFloat a:link,#content div.subPicFloat a:visited,#content div.subPicFloat a:active {color:black;} .inset {float:left; margin: .5em 12px .5em 0;} /* ---------------------------------------- GUIDE CLASSES ---------------------------------------- */ #contentArticle.guide {margin-top:0; } #contentArticle.guide #magazineTeam p {font-family:verdana; line-height:1.3em; font-size:12px; margin:0;} #sideBar.guide {} .letter {border-bottom: 1px solid #888;margin-top:6px;} #content p.guideDek {border-bottom: 1px solid #888; padding-bottom:12px;font-family:verdana, arial; font-size:12px; color: #333;} .guideHed {margin-top:74px;margin-left:12px;} #contentArticle.guide #magazineTeam p{font-size:12px; font-family:verdana, arial, sans-serif; margin:0; padding:0; line-height:1.3em;} #magazineTeam h4 {margin-bottom:0; margin-top:18px; font-variant:small-caps;font-size:10px;font-weight:bold;line-height:1.6em;} .contributorBox {padding:12px 0 12px 0;border-top:1px dotted #888;float:left;} .contributorBox.Last {padding:12px 0 12px 0;border-top:1px dotted #888; border-bottom:1px dotted #888;float:left;} .contributorBox p {font-size:12px; font-family:verdana, arial, sans-serif;line-height:1.3em; margin:0} .contributorBox img {float:left; margin-right:24px;} .potwThumb {float:left; width:109px; margin-bottom:24px;} span.potw-date {margin-top:6px;display:block; color:#333; font-size:10px;} .guide-index-row {width:388px; border-top:1px solid #888;clear:left; float:left;padding:18px 0;} .guide-index-row.bottom {border-bottom:1px solid #888;} .guide-index-row p {margin:0;} .guideBox {width:175px;float:left; margin-right:13px;} .guideBox p {} #content .guideBox a:link,#content .guideBox a:visited, #content .guideBox a:active {color:#000} .guideBox-potw {width:350px;float:right;background:black; margin:12px 12px 0 0; font-family:verdana, arial} .guideBox-potw-links {padding:12px 12px 12px; 12px;} .guideBox-potw-links p {color:white;font-size:10px;margin-bottom:20px; margin-top:8px;FONT-FAMILY:VERDANA;} #ptow-subcopy p {font-size:12px; font-family:verdana, arial; color#333} p.answer {color:#aaa; font-style:italic;} /* ---------------------------------------- video ---------------------------------------- */ div.video320 .playButton {background:red;} div.video256 {width:256px;float:left;margin:6px 12px 0px 0; padding:0;} .Video640x398 {margin: 45px 0 0 67px; width:640px; height:398px;background:#000000} .Video512x420 {margin: 40px 0 0 131px; width:512px; height:420px;background:#000000} .Video672x420 {margin: 40px 0 0 51px; width:672px; height:420px;background:#000000} .Video560x340 {margin: 85px 0 0 107px; width:560px; height:340px;background:#000000} #slideshow .videoSlideCaption {color:#888; margin-top:4px; margin-left:77px;} .videoSlideCaptionArticle{color:#888; margin-top:4px; margin-left:10px;} /* ---------------------------------------- archive test classes ---------------------------------------- */ #content #contentArticle #slideshow_container #copy p{font-size:11px; font-family:verdana;} #content #contentArticle #slideshow_container #copy h4 {margin-top:0; padding-top:0;} #content #left_content #image {float:left; margin:.6em 12px .6em 12px; border:1px solid red; height:700px} #print_content ul {} #print_content li{font-size:15px; font-family:Georgia; margin-left:0px; line-height:1.6em;list-style-position: inside} div.story-row h4{margin-top:12px;padding-top:0;} /* ---------------------------------------- home page fixes temp aka lifestyle css ---------------------------------------- */ /* ---------------------------------------- Add RSS Pop up window css ---------------------------------------- */ #blanket { opacity: 0.65; filter:alpha(opacity=65); position:absolute; z-index: 99998; top:0px; left:0px; width:100%; } #rssContainerDiv { border: 5px #666 solid; margin:0 auto; width:305px; z-index: 99999; position:absolute; background-color: white; margin-left:-450px; margin-top: -100px; } #rssContainerDiv.hasRelated {margin-top: -600px;} #rssContainerDiv.potw {margin-left:-450px; margin-top: -100px;} #rssContainerDiv.archive {margin-top:50px;margin-left:-350px} #rssContainerDiv.guideIndex {margin-left:-350px; margin-top: -250px;} #rssContainerDiv p { height: 10%; padding: 10%; text-align: center; background-color: white; z-index: 99999; } .noscript_tag {position:absolute;top:100px;left:130px;} img {border:none;} html { overflow-y: scroll; } html { overflow: -moz-scrollbars-vertical; } body { font-family: Verdana, Helvetica, sans-serif; font-size: 12px; } body.test-body {display:none;} #leftCol {width:162px; float:left;display:block;padding:0;margin:0;height:600px;background:#ffffff;} #content {font-size:11px; background:#fff} #magazine-container a:link ,#magazine-container a:visited ,#magazine-container a:active {color:#749987;} #content-height {height:552px;} /* LEFT NAVIGATION CLASSES */ #magazine-navigation { width:171px; margin-left:-10px; margin-top:12px;position:absolute; z-index: 2; } #magazine-navigation ul { list-style-type:none; text-transform: uppercase; } #nav-branch {list-style:none;margin:0; padding:0; width:171px;} #nav-branch li.nav-section{list-style:none;margin:0; padding:0;height:23px;overflow:hidden;} #nav-branch li {list-style:none;margin:0; padding:0; height:auto;float:left; clear:left; width:171px;} #nav-branch ul.open {background:#fff;margin-left:10px;} #nav-branch .open li {padding: 2px 0 2px 0;background:#fff;width:161px;} #nav-branch .open li a {margin:0px 6px;padding:2px;display:block;background:white; text-decoration:none; font-weight:normal;font-size:10px;} #nav-branch .open li a.sublinkOn {margin:0px 6px;padding:2px;display:block;background:#004957;color:#fff;} #nav-branch li.nav-section-selected {list-style:none;margin:0; padding:0;height:21px;overflow:hidden;} .closed {display:none;} a:link.sublink, a:visited.sublink, a:link.active{margin:0px 6px;padding:2px;background:none;text-decoration:none;color:#004957} /* ARTICLE CLASSES */ #magazine-article-main {width:798px; float:left; background:#ffffff} /* no right see mores */ #magazine-article-body {width: 605px; margin:16px 0 0 0;float:left;} #magazine-article-text {width:505px;margin:0;padding:0;} #magazine-article-text p {margin: 0 0 12px 0; line-height:1.6em; width: 505px;} #magazine-article-text h4 {margin-top: 16px; margin-bottom:0;} div.dek {font-size: 12px;margin: 4px 0 8px 0;} div.dekwhite {font-size: 12px;margin:4px 0 8px 0;color:white;} /*div.byline {font-size:11px; margin:0; padding:0;}*/ #magazine-container { float:right; background: #ffffff; } #magazine-header { width: 798px; height: 102px; padding: 0; margin:0; background-color: #000000; } #magazine-header-headline { float: left; padding-left: 10px; padding-top: 60px; } #magazine-header-image { float: right; } #story-left-container {width:180px;float:left;height:300px;} #right-nav-container {float:right;margin:0;padding:0; width:172px;margin-top:20px;height:300px;} /* bottom padding for this background is added to the html include file as the number of links may vary */ #magazine-right-nav-bg {background:#ffffff;float:left; height:70px; position: absolute; z-index: 4;top:203px;filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;width:155px;margin-left:17px;} #mrn {margin-left:16px;border-left: 1px solid #cecece; position:absolute;z-index:10} #mrn.noBorder {border:none;} #mrn ul {list-style:none; margin-top:12px;margin-left:16px;} #mrn ul li{margin-bottom:12px; width:135px;} #mrn ul li a:link, #mrn ul li a:visited,#mrn ul li a:active{display:block;color:#2C4A3C; margin-top:6px;} .subpic { margin: 6px 12px 6px 0; float: left;} /* SUB LANDING PAGE */ .sub-feature {background:#d5e0db;width:397px;float:left; font-size: 12px; margin-top:1px; margin-bottom:45px;} .sub-feature img {float:left;} .sub-feature div {margin: 30px 0 0 13px;float:left; width:145px;} .sub-feature h4{font-size:12px; margin-bottom:8px;} .sub-feature a:link, .sub-feature a:visited, .sub-feature a:active {display:block; color:#444444;} .all-articles-table {clear:both; text-align:left;width:777px;font-size:10px;} .all-articles-table td {vertical-align: top;padding-bottom:8px;} .all-articles-table th {font-weight:bold; padding-bottom:8px;} .all-articles-table td.c1, .all-articles-table th.c1 {width:122px; } .all-articles-table td.c2, .all-articles-table th.c2 {width:450px;} .all-articles-table td.c3, .all-articles-table th.c3 {padding-left:12px;} /* GUIDE */ #guide-hero {width:798px; height: 178px; margin: 0 0 25px 0; background: #e6e6e6 url(/pub-share/magazine/html/Guide-to-Lexus-Magazine/images/Guide_img.jpg);float:left; clear:left;} #guide-hero p {margin:60px 225px 0 20px; } /* SLIDESHOW CLASSES */ #slideshow_container { width:608px; height:300px; margin:0; padding:0;} #slideshow_container #image-container {float:left; width:400px;height:300px;background:#000000} #slideshow_container #copy {float:left; width:208px; height:300px; overflow:auto; font-size:11px;} #slideshow_container #copy p{ padding: 11px 11px 0 11px; margin:0;} #slideshow_container #copy h4 {padding: 11px 11px 0 11px;font-size:11px;margin:0;} #slideshow_navigation {margin-top:12px; width:608px; height:60px; margin-bottom:12px;} #slideshow_navigation img{padding:3px} #slideshow_navigation a.navlinksSelected img{border:3px solid #739987; padding:0;} #legal_info {float: left; clear:left;} #legal_info a:link, #legal_info a:visited{color:white;font-weight: normal;} #legal_info.dark a:link, #legal_info.dark a:visited, #legal_info{color:black;} /* STORYSHOW CLASSES */ #story_container {width: 608px; float:left; display:inline; margin-top:20px; padding:0; } #story_container h4 {margin-bottom: 4px; font-size: 1.1em;} /* ROADTRIP CLASSES */ #map_left_col {float:left; width: 189px;padding: 22px 15px 0 30px; height: 540px; } #map_right_col {float:left;width:293px;float:left; height: 561px;font-size:12px;font-family:verdana;} #side_bar {height: 325px; color: #fff; line-height:1.3em; overflow:auto;} #side_bar a:link, #side_bar a:visited, #side_bar a:active {color: #fff; font-weight: bold;} #map_navigation {color: #999999;margin-top: 8px; margin-bottom: 4px;border-top: 1px solid white;} #map_navigation a {font-weight: normal; } #map_navigation a.selected, #map_navigation a:hover.selected, #map_navigation a:visited.selected { color: #ffffff; text-decoration: none; cursor: default; } #article_headline_map {padding:16px 16px 0 16px;} #map {width: 505px; height: 561px; color: black; float:left;} #map a:link, #map a:visited, #map a:active {color: #0066cc;} #side_bar {height: 330px; padding:8px 16px 0 16px;color: #000000; line-height:1.3em; overflow:auto;} #side_bar a:link, #side_bar a:visited, #side_bar a:active {color: #000000; font-weight: bold;} #map_navigation {color: #999999;margin-top: 8px; margin-bottom: 4px;border-top: 1px solid black; height: 2.8em;width:260px; margin-left:16px; } #map_navigation a {color: #0066cc; font-weight: normal; } #map_navigation a.selected, #map_navigation a:hover.selected, #map_navigation a:visited.selected { color: #000000; text-decoration: none; cursor: default; } #map-loader-gif {z-index:25; position:absolute; margin: 250px 0 0 350px;} /* info window classes */ div.map_img_info_widnow {width:250px;margin-top: 12px; line-height: 1.3em; font-size: 10.5px;} div.map_img_info_widnow img{ margin-bottom: 8px; border: 1px solid #999999;} div.map_img_info_widnow strong {font-size: 1.1em;} div.map_img_info_widnow p.visit_website {text-align: right; margin: 0;} div.map_img_info_widnow h4 {margin-top:0; margin-bottom:6px;} div.map_img_info_widnow p.visit_website a:link, div.map_img_info_widnow p.visit_website a:visited ,div.map_img_info_widnow p.visit_website a:active {font-size:10px; font-family:verdana;} /* FOOTNOTE & POPUP CLASSES */ #legal {margin-top:12px; border:1px solid #888; overflow-x:hidden; float:left; background:#ffffcc} #legal h4 {margin-top:0;} #legal p {font-size: 10px; font-family: verdana, arial, sans-serif; margin-top:0;} #content #copy sup {line-height: 0em; font-size: 8px;color:black;} #copy sup a:link, #main_content #copy sup a:visited {font-size: 8px;text-decoration:none; font-weight: normal; color:black;} #content #copy sup a:hover {text-decoration:underline;} #content #copy.dark sup {line-height: 0em; font-size: 8px;color:black;} #content #copy.dark sup a:link, #content #copy.dark sup a:visited {font-size: 8px;text-decoration:none; color:black; font-weight: normal;} #content #copy.dark sup a:hover {text-decoration:underline;} .vehicle-popup {z-index:20; width:600px;clear:both; border:1px solid #444444; font-family: verdana, arial, helvetica; font-size:12px;} .vehicle-popup-close {float:right} #popup-morelinks {border-top: 1px solid #cdcccc; margin-top:12px; padding-top:12px;width:273px;} #popup-morelinks a {display:block;} .vehicle-popup-body {padding:10px;} .vehicle-popup-body h3 {font-size: 22px;font-weight: lighter; margin: 0 0 8px 0;} .vehicle-popup-body p {margin:0; width:350px;} .vehicle-popup-body p.padding {margin-top:12px;} /* OLD MAG CLASSES Edit and remove as necessary... */ /* CLASSES FOR SLIDESHOW AND ARTICLE TYPES */ #left_content {width: 172px; float:left; background: url(images/bracket.gif) 0% 0% no-repeat; padding:0 20px 0 0; line-height: 1.2em;} #left_content #image {margin:12px 12px 0 0; } #left_content #image2 {margin:12px 0 0 12px; width: 170px;} #left_content #copy {padding-top: 12px; padding-left: 12px; height:330px; overflow:auto; } #left_content #copy p {margin: 1em 0;} #right_content { width: 400px; color: white; FLOAT:LEFT; line-height: 1.2em;} #right_content #copy {height: 300px; overflow: auto;width:400px;} #right_content #copy p, #right_content #copy h4 {margin: 10px 0;} #right_content #image {width: 400px; height:300px; margin:0; padding:0;} #right_content #image img {width: 400px; height: 300px;margin:0; padding:0;} #nextButton {position: absolute;width:29px; height: 28px; z-index: 7; padding: 272px 0 0 371px; } #loader_image {position: absolute; margin:50px; z-index: 8;} #copy.bullets ol {list-style: disc outside; line-height: 1.3em; width: 382px; padding-left: 42px;} #copy.bullets ol li {padding-bottom: 5px; } #copy.bullets ul {list-style: disc outside; line-height: 1.2em; width: 382px; padding-left: 18px;} #copy.bullets ul li {padding-bottom: 5px; line-height: 1.2em; } /* STORY CLASSES droplist P */ ul.drop_list {border-top: 1px solid white;margin: 4px 0;} ul.drop_list li {border-bottom: 1px solid white; padding: 4px 0; list-style: none; line-height: 1.2em;} ul.drop_list li a:link, ul.drop_list li a:visited {color: white; font-weight: bold; text-decoration: none;} ul.drop_list li a:hover {text-decoration: underline; color: white;} ul.drop_list li p.toggle_pg {margin: 2px 0 4px 12px;} /* STORY CLASSES droplist accordion style for the wine story*/ ul.drop_list_acc {list-style: outside;} ul.drop_list_acc li {border-bottom: 1px solid #e6e6e6; padding: 4px 0; list-style: none; line-height: 1.2em;} ul.drop_list_acc li a.display:link, ul.drop_list_acc li a.display:visited {color: white; font-weight: bold; text-decoration: none;} ul.drop_list_acc li a.display:hover {text-decoration: underline; color: white;} #right_content #copy p.toggle_pg {margin: 2px 0 6px 0px;} /* STORY CLASSES droplist accordion style for the wine story*/ ul.drop_list_authors {border-top: 1px solid black;margin: 4px 0;} ul.drop_list_authors li {border-bottom: 1px solid black; padding: 4px 0; list-style: none; line-height: 1.2em;} ul.drop_list_authors li a:link, ul.drop_list_authors li a:visited {color: black; font-weight: bold; text-decoration: none;} ul.drop_list_authors li a:hover {text-decoration: underline; color: black;} ul.drop_list_authors li p.toggle_pg {margin: 2px 0 4px 12px;} /* STORY NAVIGATION CLASSES */ #story_navigation img {margin-right: 15px;} /* FOR THE WINE STORY*/ #caption {margin:12px;}/* FOR THE WINE STORY*/ #subContent #story_navigation {margin-top:10px; margin-bottom:0;height: 30px; line-heght: 1em; width:380px;} #subContent #story_navigation a:link.navlinks, #subContent #story_navigation a:visited.navlinks {border: 1px solid #efefef; padding:1px 3px; margin-right: 3px; text-decoration: none; display: block; color: white; float: left;} #subContent #story_navigation a.navlinks:hover {background-color: #bba37e;padding:1px 3px; margin-right: 3px;} #subContent #story_navigation a.navlinksSelected {background-color: #bba37e; border: 1px solid #efefef; padding:1px 3px; text-decoration: none; margin-right: 3px; display: block; color: white; float: left;} #rate_article {float:right;} #rate_article a:link, #rate_article a:visited{color:white; font-weight: normal;} #subContent.dark #copy, #subContent #copy.dark {color: black;} #subContent #copy.dark a:link, #subContent #copy.dark a:visited{color: #0066cc} #subContent.dark #story_navigation a:link.navlinks, #subContent.dark #story_navigation a:visited.navlinks, #subContent.dark #story_navigation a:active.navlinks{border: 1px solid #000000; padding:1px 3px; margin-right: 3px; text-decoration: none; display: block; color: #000000; float: left;} #subContent.dark #left_col_wide a:link, #subContent.dark #left_col_wide a:visited, #subContent.dark a:active {color:#0066cc;} #subContent.dark #story_navigation a.navlinks:hover {background-color: #bba37e;padding:1px 3px; margin-right: 3px;} #subContent.dark #story_navigation a:link.navlinksSelected, #subContent.dark #story_navigation a:visited.navlinksSelected, #subContent.dark #story_navigation a:active.navlinksSelected {background-color: #bba37e; border: 1px solid #000000; padding:1px 3px; text-decoration: none; margin-right: 3px; display: block; color: white; float: left;} #footer-row3 { position: absolute; margin-top: 58px; margin-left: 5px; font-size: 9px; font-family: Verdana; color: gray; width:800px; } /* Printable Classes*/ #print-console {padding-top:10px; width:608px; margin-left:30px;} #print-controls {padding-bottom:10px; border-bottom: 1px solid #444444;} .lmo-print-head {font-family: verdana;font-size:10px; margin-top:10px;} #print_iconTop, #print_iconBottom {margin: 6px 0 10px 0;} div.print-copyright {width:650px; font-family: Georgia; font-size:11px; font-style:italic; color:#aaa; margin-left:30px; padding-bottom:10px; margin-top:12px;clear:left;} /* new redesign classes */ #Lexus-News-img {border:25px;} #pageHeader { /* this is the page banner that will be on the sub landing pages. it aligns with the 4 nav bars to the left (their total height is 102px. */ width: 798px; height: 102px; background-color: #aaa; float: left; } #contentSubLanding { /* this is for the expanded content area on the sub-landing pages */ width: 798px; margin: 0; padding:0; float: left; background-color:#fff; } #contentInteractive { /* this is for the expanded content area on the sub-landing pages */ width: 798px; margin: 0; padding:0; float: left; background-color:#fff; position:relative; } div.scroll-wrap { padding:0; margin:0px; margin-right:0;position:absolute; height:350px;font-size:30px; width:598px;} #c1{left:-498px; } #c2{left:100px; } #c3{left:698px; } #c4{left:1296px; } #c5{left:1894px; } #c6{left:2492px; } #left {width: 162px;height: 500px;float: left;background:#fff} #carouselWrapper {width:798px; height:350px; background:#aaa; overflow:hidden; position:absolute;} #carouselLeft {height: 350px; width:100px; background:white;filter:alpha(opacity=90);-moz-opacity: .9; opacity: .9;position:absolute; z-index:4} #carouselRight {height: 350px; width:100px; background:white;filter:alpha(opacity=90);-moz-opacity: .9; opacity: .9;position:absolute; z-index:4;margin-left:698px;} #leftArrowCarousel {position:absolute; z-index:5; border:1px solid #aaa;margin-top: 270px; margin-left:20px;} #rightArrowCarousel {position:absolute; z-index:5; border:1px solid #aaa;margin-top: 270px; margin-left: 718px;} #scroller {float:left;position:absolute;width:798px;height:350px;} #content a:link {text-decoration:none;color:#004957; font-weight:normal;} #content a:visited {text-decoration:none;color:#004957;font-weight:normal;} #content a:hover {text-decoration:underline;color:#004957; /*border-bottom:1px solid #004957;*/ font-weight:normal;} #content a:active {text-decoration:underline;color:#aaa; /*border-bottom:1px solid #aaa;*/font-weight:normal;} #content2Col { width: 798px; margin: 0; float: left; background-color:#fff; height:auto; } #contentArticle { /* This is the modified content area in the middle of the page. */ width: 600px; margin-top: 12px; margin-left: 12px; float: left; display:inline; } /* FOR STORIES THAT HAVE A LONGER CONTENT AREA */ #contentArticle.border {border-right:1px solid #888; padding-right:12px} #sideBar { /*This is the modified sidebar; it has increased in size. */ width: 153px; margin-left:12px; margin-top:12px; /*margin: 12px 8px 0 12px;*/ padding-left: 12px; border-left: 1px solid #aaa; float: left; } /* FOR STORIES THAT HAVE A LONGER CONTENT AREA */ #sideBar.noBorder {border: none;padding-left: 0;} /* ---------------------------------------- interactive Classes ---------------------------------------- #content a.int-icon:link,#content a.int-icon:visited { z-index:10; position:absolute; color:#ffffff;font-size:12px; font-family:verdana;} #content a.int-icon:hover { color:#0200b8; text-decoration:none;} .box-bg {position:absolute; background:black;filter:alpha(opacity=90);-moz-opacity: .9; opacity: .9;} .box-content {position:absolute;color:white; font-size:10px;} .box-content h4{color:white; font-size:10px;font-weight:bold;margin:0; padding:0;margin-bottom:4px;} .box-content li {margin-left:15px; line-height:1.4em; margin-bottom:3px;} .box-content a:link,.box-content a:visited, .box-content a:active, {color:#8bc5c3; text-decoration: none;} #content div.box-content sup a {color:#8bc5c3; text-decoration: none;} #content div.box-content sup a:hover {text-decoration: underline;} #sub-inter {float: left; margin-left: 162px; display: inline; width: 798px; } */ /* ---------------------------------------- interactive Classes revised for new es/ls ---------------------------------------- */ #content a.int-icon:link,#content a.int-icon:visited { z-index:10; position:absolute; color:#ffffff;font-size:12px; font-family:verdana;} #content a.int-icon:hover { color:#0200b8; text-decoration:none;} /* es hover color */ #content a.int-icon-es:link,#content a.int-icon-es:visited { z-index:10; position:absolute; color:#ffffff;font-size:12px; font-family:verdana;} #content a.int-icon-es:hover { color:#61a425; text-decoration:none;} /* ls hover color */ #content a.int-icon-ls:link,#content a.int-icon-ls:visited { z-index:10; position:absolute; color:#ffffff;font-size:12px; font-family:verdana;} #content a.int-icon-ls:hover { color:#e8b438; text-decoration:none;} .box-bg {position:absolute; background:black;filter:alpha(opacity=90);-moz-opacity: .9; opacity: .9;} .box-content {position:absolute;color:white; font-size:10px; width: 550px; height: 160px; top: 338px; left: 236px; z-index: 6;} .box-content h4{color:white; font-size:10px;font-weight:bold;margin:0; padding:0;margin-bottom:4px;} .box-content li {margin-left:15px; line-height:1.4em; margin-bottom:3px;} .box-content a:link,.box-content a:visited, .box-content a:active, {color:#8bc5c3; text-decoration: none;} #content div.box-content sup a {color:#8bc5c3; text-decoration: none;} #content div.box-content sup a:hover {text-decoration: underline;} #sub-inter {float: left; margin-left: 162px; display: block; width: 798px; } .copy-box {width: 274px; float: left; overflow-y: auto; height:160px; margin:0;} .copy-box h4 {margin:12px;} .copy-box p, .copy-box ul li {color:white; margin:0 8px 12px 12px; font-family: verdana; font-size:11px; line-height:18px} .copy-box ul li {margin-left:28px} .int-small-x {float: right; margin:4px;} /* ---------------------------------------- Slideshow Classes ---------------------------------------- */ /* #show_slideVideoIcons {height:386px; width:601px;position:absolute;z-index:5} #show_slideVideoIcons img {} #subContent #pop-copy p {width:150px;} img.video-button-img {margin-top:5px; margin-left:200px; cursor:hand;} img.slide-button-img {margin-top:150px; margin-left:200px; cursor:hand;} #pop-copy p, #pop-copy h4 {width:225px; color:white}*/ #slideMediaLaunch-BG{width:600px; height:50px; background:#000; filter:alpha(opacity=80);-moz-opacity: .8; opacity: .8; z-index:24;position:absolute;top:450px;} #slideMediaLaunch {width:600px; height:50px; position:absolute;top:450px; z-index:25;} a:visited#view-story, a:link#view-story, a:active#view-story {color:white; line-height:20px; padding-top:5px;} .media-plus {margin:15px 10px; 16px 10px; float:right;} a:link#media-click-here, a:visited#media-click-here, a:active#media-click-here {width:200px; float:right; text-align:right;margin-top:16px;color:white;font-height:9px;line-height:1.3em;font-family:verdana;} #grey {background-color: #000000; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; width:100%; height:3000px; z-index:10;position: absolute; top:0; left:0; margin:0;} /* css ie6 hack--ie needs the wider background */ * html #grey {width:3000px;} #slideshow {width:976px; height: auto; position: relative; background:none; z-index:30; background:#000000;left: 50%;margin-left: -488px;text-align: left; top:42px; position: absolute;} #slideshowHeader {width:974px; height:48px; background-color:#000; float:left; border: 1px solid #111} #pop-image {clear:left; float: left; width: 774px; height: 500px; background-color:#000;} #slideTextArea {width: 202px; height: 500px; background-color:#111; float:right;margin:0; padding:0; overflow:hidden;} #pop-copy {padding:12px 20px 0 24px; font-family:Verdana; font-size: 11px; color: #fff; line-height: 1.6em; margin:0; } #pop-copy h4 {font-size:10px; color:white;margin:0 0 10px 0;line-height:1.3em} #pop-copy a:link, #pop-copy a:visited, #pop-copy a:active {font-weight:normal; color:#8bc5c3 } /* color changed from 66cccc */ #pop-copy a:hover {font-weight:normal;} .blk_wraplinks {background:url(/pub-share/magazine/images/greentextarrow.gif) no-repeat;padding-left:15px; display:block;} #pop-copy sup {font-size:8px; line-height: 1em} #pop-more {padding:24px;} .slideBody {font-family:Verdana; font-size: 11px; color: #fff; line-height: 1.6em; margin:0;} .slideLinks .slideBody {margin-bottom:12px;} .slideshowHed { /* this is based on DEK but is modified */ font-family: Georgia; font-size: 15px; line-height: 1.3em; font-style: normal; font-weight: normal; margin-top: .2em; margin-bottom: 0; color: #888; } .slideshowPhotographer {font-family:Verdana; font-size: 9px; letter-spacing: 1px; color: #888; line-height: 1.3em; margin: 12px 0; text-transform:uppercase;} #slideshowArrows {padding:24px 24px 12px 24px; } #slideshowArrows img {float: left;border: 1px solid #888;} .margin20 {margin-right:18px;} .margin24 {margin-right:24px;} .floatLeft {float:left;} .floatRight {float:right;} .clearBoth {clear:both;} #slide_counter {margin-left:24px;} .grey8 {color: #888;} div.youtube560x340 {margin: 80px 107px 0 107px;display:block; width:560px;height:340px;} /* Fiction pop over */ #fictionPopOverBG { width:774px; height:800px;position:absolute; z-index: 55; margin-top:96px; margin-left:12px;background-color: #000000;filter:alpha(opacity=55); -moz-opacity: 0.55; opacity: 0.55;} #fictionPopOver{ width:774px; height:800px;position:absolute; z-index: 37; margin-top:96px; margin-left:12px;} #fictionIndexContent p{font-family:Verdana; font-size: 11px; color: #fff; line-height: 1.6em; margin:0; } #fictionIndexContent h4 {font-size:10px; color:white;margin:16px 0 10px 0;line-height:1.3em } #fictionIndexContent a:link, #fictionIndexContent a:visited, #fictionIndexContent a:active {font-weight:normal; color:#8bc5c3 } /* color changed from 66cccc */ #fictionIndexContent a:hover {font-weight:normal;} .fictionBioHeadshot {float:left; margin:18px; margin-left:36px; margin-right:12px; width:150px; background:white;height:200px} /* ---------------------------------------- THESE ARE THE SUBLINK STYLES ---------------------------------------- */ #share-button {margin-top:12px; float:left;} #share-button.wide {float:right; margin-top:6px;} #sub-links {font-size:12px;width:600px; border-top: 1px solid #888;clear:left;float:left; padding-top:12px;margin:12px 0 12px 0;} #share-button img.share-print-bottom {margin-top:12px; margin-left:6px;} #share-button-top {float:right; width:595px; margin:12px 0 24px 0} #share-button-top img {float:right; margin-left:6px;} /* Floats the upper share / print buttons */ #share-button-top.wrap {width:160px; margin-top:6px;} #sub-links.noPrint {float:left;} #sub-links.wide{width:600px} #sub-links a:link, #sub-links a:visited {line-height:1.5em;} /* ---------------------------------------- THESE ARE THE SIDEBAR STYLES ---------------------------------------- */ .sideItem { /* this div contains the a Picture and Text for sidebar article */ border-bottom: 1px dotted #888; margin: 0 0 12px 0; } .sideItem.noBorder {border:none} .sideItem.noRule {border:none; margin-top:18px;} .sidePic { width: 85px; height: 85px; margin:0; padding:0; background-color: #efefef; } #sideBar p { font-family: Verdana; font-size: 10px; line-height: 1.4em; margin: 6px 0 8px 0; /* changed 12px to 8px to even out lineheight */ } .moreSide { color: rgb(0, 79, 90); } #related {height:505px;} /* sidebar links are different in that they are not initially green, and they do not turn green. */ #sideBar .sideItem a:link {text-decoration:none;color:#333;} #sideBar .sideItem a:visited {text-decoration:none;color:#333;} #sideBar .sideItem a:hover {text-decoration:underline;color:#333; /*border-bottom:1px solid #333;*/} #sideBar .sideItem a:active {text-decoration:underline;color:#aaa; /*border-bottom:1px solid #aaa;*/} .little { /* This was made for the "advertisement" attribute. */ font-family: Verdana; font-size: 9px; color: #888; } /* ---------------------------------------- THESE ARE THE ROADTRIP STYLES ---------------------------------------- */ #rt-container { width:798px;float:left;height:510px;margin:0; padding:0;} #rt-story-float {float:left;width:624px; border-right:1px solid #888;margin-top:12px;} .pad12 {padding:12px} #rt_map {width:798px;} .map-head {height:116px;margin:0;/*width:780px; position:absolute; z-index:6;margin:12px 0 0 12px; background:red;*/} div.white, .white {color:#000} #map-nav-bg {position:absolute; z-index:7;filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; background:white;margin-left:12px; margin-top:142px;height:20px; width:352px;} #map-nav-container {width:798px;border-bottom:1px solid #888; position:absolute; z-index:8;} #map_nav {list-style:none;padding-left:12px; margin-left:0 0 0 12px; float:left; } #map_nav li { border:1px solid #666666; border-bottom:none;border-right:none;margin:0;line-height:1em;float:left; height:20px;} #map_nav li.last {border-right: 1px solid #888;} #map_nav li.non {color:black; background: #ffffff} #map_nav li.selected {color:white; padding:0; margin:0;} #destinations {width:130px;background:white;position: absolute; top:10px; left:648px;z-index:105; border:1px solid #888; padding:4px;font-weight:bold;} #destinations a:link,#destinations a:visited, #destinations a:active {text-decoration:none; color:#333} #destinations a:hover {text-decoration:underline;} #sub-links-rt {font-size:12px;width:600px; border-top: 1px solid #888;clear:left;float:left; padding-top:12px;margin:12px 0 12px 0;}} #sub-links-rt{font-size:12px;width:600px; border-top: 1px solid #888;clear:left;float:left; padding-top:12px;margin:12px 0 12px 0;} #sub-links-rt .noPrint {float:left;} #sub-links-rt .wide{width:600px} #sub-links-rt a:link, #sub-links a:visited {line-height:1.5em;} #mapsub {background:white;position:absolute;backgrond:grey; border: 1px solid #454545; width:200px;height:auto; z-index:22;} #mapsub a:link, #mapsub a:visited , #mapsub a:active{padding:0 4px; display:block; font-size:11px; text-decoration:none;background:white; line-height:1.6em;color:black} #mapsub a:hover {padding:0 4px; display:block; font-size:11px; text-decoration:none;background:#444444; line-height:1.6em; COLOR:WHITE;} #mapsub a.selectAdrive:link, #mapsub a.selectAdrive:visited {background: #ffffff url('/pub-share/magazine/images/down_arrow.gif') no-repeat 100% 0;color:black} #mapsub a.selectAdrive:hover {COLOR:black; background:#ffffff url('/pub-share/magazine/images/down_arrow.gif') no-repeat 100% 0;} #map_dropdown, #fiction_dropdown {position:absolute; z-index: 23; width:200px; margin-left: 586px;} /* ---------------------------------------- THESE ARE TEXT STYLES ---------------------------------------- */ p { /* This sets the body copy style for articles */ font-family: Georgia; font-size: 15px; line-height: 1.6em; margin: 0 0 12px 0; color: #333; } p.editnote {font-size:13px; line-height:20px; padding:20px 24px 20px 24px; background:#eeeeee;clear:both;} ul.textstory, ol.textstory { font-family: Georgia; font-size: 15px; line-height: 1.6em; margin: 0 0 12px 0; color: #333; margin-left:18px; } span.normal {font-style:normal} .rubric { /* this is the div for rubrics at the top of articles, to indicate the section. typographically, it is the same as .storyType, but this div is used to align the Rubric to the top of the left nav bars */ width: 600px; height: 20px; font-family: Verdana; font-size: 10px; text-transform:uppercase; color: #555; letter-spacing: 1px; margin: -2px 0 0 0; } .attribute { /* this is used for names in Q&A and other situations that need to look like byline (without Byline spacing) */ font-family: Verdana; font-size: 10px; line-height: 1.3em; letter-spacing: 1px; text-transform: uppercase; margin: 0; } .storyType { /* this is the same as .rubric, typographically. */ font-family: Verdana; font-size: 10px; text-transform:uppercase; color: #666; letter-spacing: 1px; } #headline { /* this is the HED .gif space */ width: 600px; height: 30px; } #headline-news { /* this is the HED .gif space */ width: 600px; height: 30px; margin-bottom:24px; } h3 { /* this is a DEK */ font-family: Georgia; font-size: 16px; line-height: 1.25em; font-style: italic; font-weight: normal; margin-top: .2em; margin-bottom: 12px; color: #000; } h3.wrap {width:430px;float:left;margin-bottom:6px;font-size:18px;} h3.qa {font-size:22px;height:100px;} h4 { /* this is a SUBHED to be used within articles */ font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; line-height: 1em; margin: 24px 0 12px 0; color: #333; } .byline { /* this is the BYLINE */ font-family: Verdana; font-size: 10px; line-height: 1.3em; letter-spacing: 1px; text-transform: uppercase; margin: .75em 0 2.25em 0; color: #000; font-style: normal; } h3 .byline {margin-top:12px;margin-bottom:0;} .firstThreeWords { /* this is for the uppercase lead-in for articles */ text-transform: uppercase; } p.firstPara {clear:both; padding-top:12px;} .bodySansCaps { /* this was made for interviewer/ee attributes. */ font-family:Verdana; font-size: 11px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; color: #888; } #more { /* this is for the space to follow an article, with a border to divide the article/content from the "more" links. */ width: 600px; border-top: 1px solid #aaa; margin-top: 6px; padding-top: 12px; } #more p { font-family: Verdana; font-size: 12px; line-height: 1.5em; color: rgb(0, 79, 90); margin: 0; } /* for note class & footer disclaimer text*/ p.note, div.note p {font-size:11px; font-style:italic; color:#aaa; clear:both; line-height:1.6em; margin:0;} #int_note.note {margin-left:162px;clear:left;} p.note em, p.note i{font-style:normal;} .sub{ margin: 0 12px 6px 0; float: left;} .viewDemo {font-size:12px; font-family:verdana;} /* ---------------------------------------- LEGAL DISCLAIMERS ---------------------------------------- */ #legal {position:absolute; top:-12px; left:-176px; z-index:100;background:#ffffcc; width:774px; height:500px; overflow:auto;} #legal h4 {margin:14px; font-family: verdana; font-size:12px; width:300px;float:left;} #legal .close {float:right;margin:12px;} #legal p {margin: 0 12px 12px 12px; font-family: verdana; font-size:10px;clear:left;} /* ---------------------------------------- THIS IS THE TABLE FOR NEWS/SUB-LANDING ---------------------------------------- */ .fakeImg { width: 250px; height: 160px; background-color: #efefef; margin: 0 12px 6px 0; float: left; } .tableRow { width: 600px; height: 85px; font-family: Verdana; font-size: 12px; line-height: 1.5em; color: #333; padding-bottom: 12px; border-bottom: 1px dotted #888; margin-bottom: 12px; } .tableRow div {float: left;} .tableRowText {width: 400px;margin-right:12px;} .tableRowPic {width:85px;height: 85px;margin-right:12px;} .tableRowDate {width:85px;font-size: 10px;text-align: center;} .fpo84 {width:85px; height:85px;background-color:#efefef;} div.guideBox p { font-family: Verdana; font-size: 10px; line-height: 1.4em; margin: 6px 0 0 0; /* changed 12px to 8px to even out lineheight */ } /* ---------------------------------------- THIS IS THE FLOATING MEDIA BOX ---------------------------------------- */ div.mediaFloat {background:black;float:left;width:250px; margin:6px 12px 6px 0px; } img.mediaFloatHed {padding:3px 0 2px 0;} .mediaFloatBody {background-color:black;padding: 0 12px 12px 12px;} .mediaFloatFoot {padding-top:12px;} .mediaFloatFoot div {float:left; width:20px; padding-bottom:8px;} .mediaFloatFoot div.textLink {float:left; height:20px;width:206px;} .video320 {width:320px;float:left;margin:6px 12px 0px 0; padding:0;border:1px solid #888 } .video320 iframe {margin:0 padding:0; background:black;margin-bottom:-3px;} .video320 p {padding:6px; margin:0; font-size: 13px; font-family:verdana, arial; font-weight:bold;} .videoSlide704 {margin: 46px 35px 0 35px;} div.subPicFloat { width: 250px; margin: .6em 12px .6em 0; float: left; font-family: Verdana; font-size: 10px; text-transform:uppercase; color: #000; letter-spacing: 1px; } #content div.subPicFloat span {display:block; margin-top:4px;} #content div.subPicFloat a:link,#content div.subPicFloat a:visited,#content div.subPicFloat a:active {color:black;} .inset {float:left; margin: .5em 12px .5em 0;} /* ---------------------------------------- GUIDE CLASSES ---------------------------------------- */ #contentArticle.guide {margin-top:0; } #contentArticle.guide #magazineTeam p {font-family:verdana; line-height:1.3em; font-size:12px; margin:0;} #sideBar.guide {} .letter {border-bottom: 1px solid #888;margin-top:6px;} #content p.guideDek {border-bottom: 1px solid #888; padding-bottom:12px;font-family:verdana, arial; font-size:12px; color: #333;} .guideHed {margin-top:74px;margin-left:12px;} #contentArticle.guide #magazineTeam p{font-size:12px; font-family:verdana, arial, sans-serif; margin:0; padding:0; line-height:1.3em;} #magazineTeam h4 {margin-bottom:0; margin-top:18px; font-variant:small-caps;font-size:10px;font-weight:bold;line-height:1.6em;} .contributorBox {padding:12px 0 12px 0;border-top:1px dotted #888;float:left;} .contributorBox.Last {padding:12px 0 12px 0;border-top:1px dotted #888; border-bottom:1px dotted #888;float:left;} .contributorBox p {font-size:12px; font-family:verdana, arial, sans-serif;line-height:1.3em; margin:0} .contributorBox img {float:left; margin-right:24px;} .potwThumb {float:left; width:109px; margin-bottom:24px;} span.potw-date {margin-top:6px;display:block; color:#333; font-size:10px;} .guide-index-row {width:388px; border-top:1px solid #888;clear:left; float:left;padding:18px 0;} .guide-index-row.bottom {border-bottom:1px solid #888;} .guide-index-row p {margin:0;} .guideBox {width:175px;float:left; margin-right:13px;} .guideBox p {} #content .guideBox a:link,#content .guideBox a:visited, #content .guideBox a:active {color:#000} .guideBox-potw {width:350px;float:right;background:black; margin:12px 12px 0 0; font-family:verdana, arial} .guideBox-potw-links {padding:12px 12px 12px; 12px;} .guideBox-potw-links p {color:white;font-size:10px;margin-bottom:20px; margin-top:8px;FONT-FAMILY:VERDANA;} #ptow-subcopy p {font-size:12px; font-family:verdana, arial; color#333} p.answer {color:#aaa; font-style:italic;} /* ---------------------------------------- video ---------------------------------------- */ div.video320 .playButton {background:red;} div.video256 {width:256px;float:left;margin:6px 12px 0px 0; padding:0;} .Video640x398 {margin: 45px 0 0 67px; width:640px; height:398px;background:#000000} .Video512x420 {margin: 40px 0 0 131px; width:512px; height:420px;background:#000000} .Video672x420 {margin: 40px 0 0 51px; width:672px; height:420px;background:#000000} .Video560x340 {margin: 85px 0 0 107px; width:560px; height:340px;background:#000000} #slideshow .videoSlideCaption {color:#888; margin-top:4px; margin-left:77px;} .videoSlideCaptionArticle{color:#888; margin-top:4px; margin-left:10px;} /* ---------------------------------------- archive test classes ---------------------------------------- */ #content #contentArticle #slideshow_container #copy p{font-size:11px; font-family:verdana;} #content #contentArticle #slideshow_container #copy h4 {margin-top:0; padding-top:0;} #content #left_content #image {float:left; margin:.6em 12px .6em 12px; border:1px solid red; height:700px} #print_content ul {} #print_content li{font-size:15px; font-family:Georgia; margin-left:0px; line-height:1.6em;list-style-position: inside} div.story-row h4{margin-top:12px;padding-top:0;} /* ---------------------------------------- home page fixes temp aka lifestyle css ---------------------------------------- */ /* ---------------------------------------- Add RSS Pop up window css ---------------------------------------- */ #blanket { opacity: 0.65; filter:alpha(opacity=65); position:absolute; z-index: 99998; top:0px; left:0px; width:100%; } #rssContainerDiv { border: 5px #666 solid; margin:0 auto; width:305px; z-index: 99999; position:absolute; background-color: white; margin-left:-450px; margin-top: -100px; } #rssContainerDiv.hasRelated {margin-top: -600px;} #rssContainerDiv.potw {margin-left:-450px; margin-top: -100px;} #rssContainerDiv.archive {margin-top:50px;margin-left:-350px} #rssContainerDiv.guideIndex {margin-left:-350px; margin-top: -250px;} #rssContainerDiv p { height: 10%; padding: 10%; text-align: center; background-color: white; z-index: 99999; } .noscript_tag {position:absolute;top:100px;left:130px;}