/* ********** RESET browser settings *********** */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; text-align: left; } a img, :link img, :visited img {border: 0;} table {border-collapse: collapse;border-spacing: 0;} ol, ul {list-style: none;} q:before, q:after, blockquote:before, blockquote:after {content: "";} /* ********** END RESET browser settings *********** */ html, body { height: 100%; width: 100%; padding: 0; margin: 0; } body{ font-family: 'Open Sans', sans-serif; font-size:12px; color:#000; min-width:960px; background:url(../images/dark_bg.jpg) #121212; } a {text-decoration:none;color:#000;} a:hover {color:#fff;} .green {color:#cdde58;} .blue {color:#1b7bda;} .white {color:#fff;} a.redsmall {color:#660000; font-size:11px; text-decoration: none;} a.redsmall:hover {text-decoration: underline;} .bigger {font-size:120%;} .opensans {font-family: 'Open Sans', sans-serif;} em {font-style: italic;} strong {font-weight:800;} semibold {font-weight:600;} .alignleft {float:left; margin-right:10px;} p {margin-bottom:1em;} @font-face { font-family: 'StMarieThin'; src: url('fonts/StMarie-Thin-webfont.eot'); src: url('fonts/StMarie-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/StMarie-Thin-webfont.woff') format('woff'), url('fonts/StMarie-Thin-webfont.ttf') format('truetype'), url('fonts/StMarie-Thin-webfont.svg#StMarieThin') format('svg'); font-weight: normal; font-style: normal; } #white-border { margin:0 auto; width:1024px; height:768px; padding-left:23px; padding-right:23px; padding-bottom:23px; background-color:#fff; overflow:hidden; position:relative;} #background{width:1024px; height:768px; margin:0 auto; overflow:hidden; position:relative; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.48); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.48); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.48); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#dadada')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#dadada'); } #background.homepage {background:url(../images/bg_surfer_lg.jpg) no-repeat;} #background.letter {background:url(../images/bg_letter.jpg) no-repeat;} #background.frontier {background:url(../images/bg_frontier.gif) no-repeat;} #background.themix {background:url(../images/bg_themix.gif) no-repeat #191818; width:2450px;} #background.justsayno {background:url(../images/bg_justsayno.jpg) no-repeat;} #background.kunath {background:url(../images/bg_kunath.jpg) no-repeat;} #background.kunath2 {background:url(../images/bg_kunath2.jpg) no-repeat;} #background.ageless {background:url(../images/bg_ageless1.jpg) no-repeat;} #background.ageless2 {background:url(../images/bg_ageless2.jpg) no-repeat;} #background.pure50-1 {background:url(../images/bg_pure50_1.jpg) no-repeat;} #background.pure50-2 {background:url(../images/bg_pure50_2.jpg) no-repeat;} #background.pure50-3 {background:url(../images/bg_pure50_3.jpg) no-repeat;} #background.onthevine {background:url(../images/bg_onthevine.jpg) no-repeat;} #background.zimmern-1 {background:url(../images/bg_andrew_zimmern_1.jpg) no-repeat;} #background.zimmern-2 {background:url(../images/bg_andrew_zimmern_2.jpg) no-repeat;} #background.marilu {background:url(../images/bg_marilu.jpg) no-repeat;} body.bg-toc {background:url(../images/bg_toc.gif) #111010 no-repeat center center;} a.mini-logo {position:absolute; top:15px; left:25px; display:block; width:43px; height:39px; background:url(../images/logo.png) no-repeat; text-indent:-9999px; z-index:2;} a.mini-logo-light {position:absolute; top:11px; left:15px; display:block; width:17px; height:25px; background:url(../images/mini-logo-light.png) no-repeat; text-indent:-9999px;} /***** PAGES MENU *****/ a.pages-btn {position:absolute; top:22px; right:27px; display:block; width:44px; height:44px; background:url(../images/btn_pages.png) no-repeat; text-indent:-9999px; z-index:100;} #menu {position:absolute; top:22px; right:-1024px; width:1024px; height:72px; background:url(../images/menu_bg.gif) repeat-x; z-index:99;} #menu a {float:left; margin-right:9px;} #menu a.last {margin-right:0px;} /***** PAGE PREV/NEXT Buttons *****/ .slider-nav a.prev-button {display:block; width:28px; height:38px; background: url(../images/prev-button.png) no-repeat; position:absolute; top:350px; left:15px; text-indent:-9999px;z-index:1000;} .slider-nav a.next-button {display:block; width:28px; height:38px; background: url(../images/next-button.png) no-repeat; position:absolute; top:350px; right:15px; text-indent:-9999px;z-index:1000;} .slider-nav a.slide-right {display:block; width:108px; height:25px; background:url(../images/btn_fastright.png) no-repeat; position:absolute; top:20px; left:933px; text-indent:-9999px;z-index:1000;} .slider-nav a.slide-left {display:block; width:102px; height:25px; background:url(../images/btn_fastleft.png) no-repeat; position:absolute; top:20px; left:1468px; text-indent:-9999px;z-index:1000;} /***** TOOLS TAB *****/ #toolstab {position:absolute; bottom:75px; width:181px; right:-144px; height:45px; z-index:25;} #toolstab-container {position:relative; height:45px;} .toolstab-content {width:144px; background-color:#000; height:38px; float:right; overflow:hidden; padding-top:7px;} .toolstab-content ul {list-style-type:none; float:right; width:144px;} .toolstab-content ul li{float:left; margin-right:4px;} .toolstab-content ul li a {display:block; text-indent:-9999px;} .toolstab-content ul li a.icon-fb {background:url(../images/icon_facebook.png) no-repeat; width:31px; height:31px;} .toolstab-content ul li a.icon-tw {background:url(../images/icon_twitter.png) no-repeat; width:31px; height:31px;} .toolstab-content ul li a.icon-pn {background:url(../images/icon_pinterest.png) no-repeat; width:34px; height:31px;} .toolstab-content ul li a.icon-vd {background:url(../images/icon_video.png) no-repeat; width:32px; height:31px;} .toolstab-btns {float:right; width:17px; height:45px; display:block;} a.tt-btn {display:block;} a.tt-open {display:block; width:17px; height:45px; background:url(../images/toolstab_open.png); text-indent:-9999px;} a.tt-close {display:none; width:17px; height:45px; background:url(../images/toolstab_close.png); text-indent:-9999px;} /***** BUTTONS *****/ #buttons {position:absolute; bottom:12px; right:12px; text-align:right; width:300px; display:table-cell;} #buttons img {vertical-align: bottom;} #buttons a {margin-left:6px;} /***** HOME Styles *****/ #issuenum {position:absolute; top:27px; left:30px;} #tagline {position:absolute; top:-50px; left:742px;} .cover-slider {position:absolute; bottom:25px; width:100%;} #toc {height:136px; width:768px; margin:0 auto; background:url(../images/scroller_bg.png) repeat-x;} .toc-header {height:21px;} .thisissue {display:block; background-color:#ced92c; line-height:21px; height:20px; width:76px; padding:0 12px; color:#fff; font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:800; text-transform: uppercase; letter-spacing:1px;} .toc-footer {height:19px; color:#fff; font-family: 'Open Sans', sans-serif; font-size:11px; letter-spacing:7px; text-indent:12px; text-transform: uppercase; line-height:19px; width:100%; overflow:hidden; font-weight:600; margin-top:1px; text-align:center;} .Slider {height:95px;} #home-audio{position:absolute; top:425px; right:18px; width:22px; height:21px;} a.btn-audio {display:block; width:22px; height:21px; background:url(../images/icon_speaker.png) no-repeat top left; cursor: pointer; text-indent:-9999px;} /***** TABLE OF CONTENTS styles *****/ h1#toc-hdr{position:absolute; top:8px; background:url(../images/toc_hdr.png) no-repeat; width:126px; height:21px; text-indent:-9999px;} ul#filters {position:absolute; right:15px; top:15px; background:#101010; z-index:1;} ul#filters li {color:#fff;} ul#filters li a{color:#80c13b;} ul#filters li a:hover{color:#afba62;} #toc-container {padding:50px;} #toc-container .item {z-index: 2; margin:10px;} #toc-container .item a img{ border:19px solid #282828; width:auto;} #toc-container .vid-icon {position:absolute; bottom:6px; right:5px; width:20px; height:20px; background:url(../images/icon-video-small.png) no-repeat;} .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /***** Letter from the Editor styles *****/ .letter-tagline {position:absolute; left:40px; bottom:0px;} .letter-tagline img {display:block;} #letter-main {position:absolute; top:50px; left:340px; width:571px; height:440px; overflow:hidden;} #letter-main h2 {color:#ccffff; font-weight:normal; letter-spacing:2px; line-height:24px;} #letter-main .letter-content {height:420px; width:1142px; background:url(../images/white_20.png); position:absolute; left:0px; left:0px; font-size:13px; line-height:16px;} #letter-main .letter-content h1 {text-transform: uppercase; font-size:28px; font-weight:normal; line-height:24px; margin-bottom:7px;} #letter-main .letter-content .red {color:#660000;} #letter-main .letter-content .page1{float:left; width:498px; height:403px; padding:17px 35px 0 38px;} #letter-main .letter-content .page2{float:left; width:498px; height:403px; padding:17px 35px 0 38px;} #letter-main .controls {position:absolute; left:0px; bottom:0px; z-index:10; height:20px; width:222px; background-color:#c8d958; padding-right:20px; line-height:18px;} #letter-main .controls a {font-size:12px; color:#000; text-decoration:none; font-weight:600; float:right;} #letter-main .controls a.nextCopy {display:block;} #letter-main .controls a.prevCopy {display:none;} #letter-main .controls a:hover {color:#fff;} #letter-more {position:absolute; top:80px; left:67px; width:169px; display:none;} #letter-more .more-item{ margin-bottom:15px;} #letter-more .more-item img {display:block; float:right;} #letter-more .more-item p {width:95px; float:right; color:#370000;} /***** FRONTIER styles *****/ .frontier-title {position:absolute; top:14px; left:54px; } .frontier-sponsors {position:absolute; top:14px; left:309px; width:656px; height:239px;} .frontier-sponsors .links {position:absolute; top:0px; left:0px; height:37px; width:641px; background:url(../images/frontier_sponsors_greenband.png) no-repeat; z-index:3; padding:6px 10px 0 5px; color:#000;} .frontier-sponsors .links h3 {font-size:16px; text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.5);} .frontier-sponsors .links a {font-size:11px; text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.5);} .frontier-sponsors .links a:hover {color:#fff;} .getinthegroove {position:absolute; top:264px; left:50px; width:894px; height:130px; background:url(../images/frontier_purpleband.png); padding:21px 10px 0 8px; border-left:4px solid #000; border-right:4px solid #000; border-top:8px solid #000; border-bottom:8px solid #000; color:#ccc; font-size:14px;} .getinthegroove strong {color:#fff;} .getinthegroove .orange {color:#ff6600; font-size:16px;} .getinthegroove a.button {position:absolute; top:116px; left:387px; display:block; width:237px; height:23px; text-align:center; line-height:23px; color:#ccff33; text-transform:uppercase; font-size:10px; background:url(../images/frontier_button_bg.png) no-repeat; letter-spacing: 1px;} .getinthegroove a.button:hover {color:#fff;} .frontier-poll {position:absolute; top:438px; left:54px; width:365px; height:269px; background-color:#fff;} .frontier-poll .pad {padding:10px;} .frontier-facebook {position:absolute; top:438px; left:444px; width:258px; height:269px; background-color:#fff;} .frontier-twitter {position:absolute; top:438px; left:722px; width:216px; height:254px; background-color:#fff; padding:15px 12px 0 15px;} .socialbit {border-bottom:2px solid #000; padding-bottom:14px; margin-bottom:14px; overflow:hidden;} .socialbit-last {border:none; padding-bottom:0; margin-bottom:0px; overflow:hidden;} .socialbit .icon {float:left; width:32px; padding-right:12px;} .socialbit .text {color:#000; font-size:11px; line-height:12px; float:left; width:171px;} .socialbit-last .icon {float:left; width:32px; padding-right:10px;} .socialbit-last .text {color:#000; font-size:11px; line-height:12px; float:left; width:171px;} .socialbit .text a, .socialbit-last .text a{color:#354f85; font-size:11px;} .socialbit .text a:hover, .socialbit-last .text a:hover{color:#666;} a.icon-tw {display:block; background:url(../images/icon_twitter.png) no-repeat; width:31px; height:31px; text-indent:-9999px;} a.icon-pn {display:block; background:url(../images/icon_pinterest.png) no-repeat; width:34px; height:31px; text-indent:-9999px;} a.icon-vd {display:block; background:url(../images/icon_video.png) no-repeat; width:32px; height:31px; text-indent:-9999px;} .socialbit-last .text h4{color:#354f85; font-size:14px; margin-bottom:2px;} .twtr-hd {display:none;} .twtr-widget .twtr-tweet-wrap { padding: 0 0 0 0 !important; overflow: hidden; zoom: 1; } .twtr-tweet-text {font-size:11px !important;} a.twtr-timestamp, a.twtr-reply, a.twtr-rt, a.twtr-fav {font-size:9px !important;} .twtr-ft {display:none;} #sponsor-irongirl {display:none; position:absolute; top:14px; left:54px; width:913px; height:694px; background:url(../images/frontier_pop_irongirl_bg.jpg); z-index:5;} #sponsor-irongirl .copy {position:absolute; top:142px; left:109px; width:270px; height:385px; color:#fff;} #sponsor-irongirl .copy h3 {font-size:24px; line-height:27px; margin-bottom:8px;} #sponsor-irongirl .copy .links {display:block; height:92px; padding-left:5px; background:url(../images/bg_blue_45.png) no-repeat left top;} #sponsor-irongirl .copy .links .gray {text-transform: uppercase; color:#3c3f40; font-size:11px; font-weight:bold;} #sponsor-irongirl .copy .links a.whitelink {color:#fff; font-size:15px; line-height:32px;} #sponsor-irongirl .copy .links a.whitelink:hover {text-decoration: underline;} #sponsor-irongirl a.close {position:absolute; top:-20px; right:-20px; display:block; width:41px; height:41px; background:url(../images/popup-close.png) no-repeat; text-indent:-9999px;} #sponsor-viking {display:none; position:absolute; top:14px; left:54px; width:911px; height:693px; background:url(../images/frontier_pop_viking_bg.jpg); z-index:5;} #sponsor-viking .copy {position:absolute; top:43px; left:33px; width:213px; color:#3c3f40;} #sponsor-viking .copy .pad {padding:0 15px 0 13px;} #sponsor-viking .copy h3 {font-size:24px; line-height:27px; margin-bottom:8px;} #sponsor-viking .copy a.vidlink {margin-left:8px; margin-top:5px; color:#3c3f40;} #sponsor-viking .copy a.vidlink:hover {color:#000;} #sponsor-viking a.close {position:absolute; top:-20px; right:-20px; display:block; width:41px; height:41px; background:url(../images/popup-close.png) no-repeat; text-indent:-9999px;} #inside {display:none; position:absolute; top:0; left:0px; width:1024px; height:768px; background:url(../images/join_bg.gif) repeat-x top #fff; z-index:5000;} #inside .inside-logo {position:absolute; top:0; left:72px;} #inside .contact1 {position:absolute; top:165px; right:451px; text-align:right; color:#ff9900; font-size:14px;} #inside .contact2 {position:absolute; top:165px; left:594px; color:#ff9900; font-size:14px;} #inside .contact1 a, #inside .contact2 a { color:#ff9900;} #inside .contact1 a:hover, #inside .contact2 a:hover { color:#fff;} #inside .contact-info {position:absolute; top:283px; right:746px; text-align:right; color:#993366; font-size:18px; font-family:"Open Sans Condensed", "Open Sans", sans-serif;} #inside .contact-info strong {font-weight:700;} #inside .contact-form {position:absolute; top:283px; left:298px; font-size:14px; width:575px; height:475px;} #inside a.close {position:absolute; top:0px; right:0px; display:block; width:41px; height:41px; background:url(../images/popup-close.png) no-repeat; text-indent:-9999px;} /***** JUST SAY NO styles *****/ h1#justsayno-hdr {position:absolute; top:20px; left:63px; width:325px; height:436px; background:url(../images/justsayno_hdr.png) no-repeat; text-indent:-9999px;} #justsayno-bg {position:absolute; top:0px; left:490px; width:360px; height:365px; background:url(../images/justsayno_main_bg.png) no-repeat top right;} #justsayno-main {overflow:hidden; width:338px; height:329px; position:absolute; top:12px; left:0px; background-color:#fff;} #justsayno-main .justsayno-content {height:365px; width:720px; position:absolute; left:0px; left:0px;} #justsayno-main .justsayno-content h2 {color:#ff6600; text-transform: uppercase; font-size:28px; font-weight:normal; margin-bottom:8px;} #justsayno-main .justsayno-content .page1{float:left; width:303px; height:284px; padding:20px 33px 0 15px;} #justsayno-main .justsayno-content .page2{float:left; width:303px; height:284px; padding:20px 33px 0 15px;} #justsayno-main .controls {position:absolute; left:0px; bottom:0px; z-index:10; height:20px; width:318px; background-color:#000; padding-right:20px; line-height:18px;} #justsayno-main .controls a {font-size:12px; color:#fff; text-decoration:none; font-weight:600; float:right;} #justsayno-main .controls a.nextCopy {display:block;} #justsayno-main .controls a.prevCopy {display:none;} #justsayno-main .controls a:hover {color:#ccc;} /***** GARY KUNATH styles *****/ h1#kunath-hdr {position:absolute; top:0px; left:46px; width:256px; height:223px; background:url(../images/kunath_hdr.png) no-repeat; text-indent:-9999px;} #slant-text {position:absolute; top:582px; left:723px; width:247px; height:136px; text-indent:-9999px; background:url(../images/kunath_slanttext.png) no-repeat;} #kunath-mainpic {position:absolute; top:216px; left:300px;} #kunath-maintext {position:absolute; top:542px; left:388px; width:295px; padding:10px; color:#fff; background:url(../images/bg_black_50.png); font-size:15px;} #kunath-maintext h1 {color:#ff6600; font-size:40px; font-weight:300;} #kunath-byline {position: absolute; top:747px; left:515px; color:#fff; font-size: 11px;} #whitebg {height:100%; background:#fff; width:613px;} #whitebg img {display:block;} #whitebg .bluehdr {font-family: 'StMarieThin'; color:#1b7bda; font-size:16px; text-transform: uppercase; font-weight:bold;} #whitebg .blackhdr {font-family: 'StMarieThin'; color:#000; font-size:20px; font-weight:bold;} #whitebg .video {border-top:1px solid #72b9ff;padding:20px 0 0 0; margin:20px 0; font-size:13px; overflow:hidden;} #whitebg .goodreadin {border-top:1px solid #72b9ff; border-bottom:1px solid #72b9ff; padding:20px 0; margin:20px 0; font-size:13px; overflow:hidden;} #whitebg .goodreadin .bookshadow {-webkit-box-shadow: 7px 7px 10px rgba(50, 50, 50, 0.4); -moz-box-shadow:7px 7px 10px rgba(50, 50, 50, 0.4); box-shadow:7px 7px 10px rgba(50, 50, 50, 0.4);} #whitebg .goodpurpose {border-bottom:1px solid #72b9ff; padding:0 0 20px 0; margin:20px 0; font-size:13px; overflow:hidden;} #whitebg a.bluelink {color:#1b7bda; font-size:12px; font-weight:600;} #whitebg a.bluelink:hover {text-decoration: underline;} /* scroller */ #kunath_scroller {position:absolute; left:63px; top:10px; width:550px; height:750px; overflow-y:auto;} #kunath_scroller .container{position:relative; width:500px; top:0; float:left;} .quote {margin:10px 30px 20px 30px; font-family: 'StMarieThin'; color:#1b7bda; font-size:16px; font-weight:bold;} .kunath-quote {position:absolute; top:40%; left:630px; width:250px; padding-left:; font-size:24px; color:#fff; background:url(../images/kunath2_quotes_left.png) no-repeat top left; padding-left:50px; font-weight:400; text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.5);} #whitebg #snapshots {position:relative; overflow:hidden; height:430px; border-top:1px solid #72b9ff; padding:20px 0 0 0; margin:20px 0;} #whitebg #snapshots .controls {position: absolute; z-index:20; top:0px; right:0px;} #whitebg #snapshots .controls a.prevpic {display:block; width:12px; height:23px; background:url(../images/snapshot_prev.png) no-repeat; text-indent:-9999px; position: absolute; top:187px; right:70px;} #whitebg #snapshots .controls a.nextpic {display:block; width:12px; height:23px; background:url(../images/snapshot_next.png) no-repeat; text-indent:-9999px; position: absolute; top:187px; right:52px;} #whitebg #snapshots .snapshot {position: absolute; top:0; left:0; display:none;} /***** AGELESS styles *****/ h1#ageless-hdr {position:absolute; top:45px; left:30px; width:390px; height:105px; background:url(../images/ageless_hdr.png) no-repeat; text-indent:-9999px;} #ageless-maintext {position:absolute; top:220px; left:135px; width:370px; color:#bcbfc1; font-size:14px;} #ageless-maintext h2 {color:#00a4e1; font-size:24px; line-height:26px;} #ageless-thumbs {position:absolute; top:316px; left:548px; width:425px;} #ageless-thumbs img {float:left; display:block; padding-right:8px;} h1#ageless2-hdr {position:absolute; top:55px; left:25px; width:102px; height:35px; background:url(../images/ageless2_hdr.png) no-repeat; text-indent:-9999px;} #ageless2-maintext {position:absolute; top:170px; left:125px; width:365px; color:#bcbfc1; font-size:14px;} #ageless2-maintext h2 {color:#00a4e1; font-size:24px; line-height:26px;} #ageless2-cover {position:absolute; top:40px; left:511px;} #ageless2-quiz {position:absolute; top:412px; left:15px; width:467px; height:350px; color:#333366; font-size:13px; background:url(../images/ageless2_quiz_bg.png) no-repeat;} #ageless2-quiz .question {position:absolute; top:106px; left:137px; color:#333366; line-height:14px; font-weight:600;} #ageless2-quiz h3 {font-size:17px; margin-bottom:3px;} #ageless2-quiz ol {list-style-type: upper-alpha; margin-top:5px; padding:0} #ageless2-quiz ol li { color:#333366; margin-left:20px;} #ageless2-quiz ol li a {color:#333366; } #ageless2-quiz ol li a:hover {text-decoration: underline;} #ageless2-quiz .correct {display:none; position:absolute; top:106px; left:137px; width:200px;} #ageless2-quiz .incorrect {display:none; position:absolute; top:106px; left:137px; width:200px;} /***** PURE 50 styles *****/ h1#pure50-bighdr {position:absolute; top:250px; left:85px; width:587px; height:166px; background:url(../images/pure50_bighdr.png) no-repeat; text-indent:-9999px;} #pure50-p1-maintext {position:absolute; top:527px; left:366px; width:257px; height:160px; padding:14px 20px 0 15px; background:url(../images/bg_black_50.png) transparent; color:#fff; font-size:13px; line-height:15px;} #pure50-p1-maintext h2 {font-size:44px; color:#ccffff; text-align:center; margin:0px; line-height: 44px; font-weight:300;} #pure50-p1-photo-credit{position:absolute; bottom:10px; left:85px; width:200px; color:#fff; font-size:12px;} h1#pure50-smhdr {position:absolute; top:13px; left:11px; width:164px; height:47px; background:url(../images/pure50_smhdr.png) no-repeat; text-indent:-9999px;} /* Pure50 scroller */ #pure50scroll_container{position:absolute; left:511px; top:10px; width:343px; height:750px; overflow-y:auto;} #pure50scroll_container .container{position:relative; width:275px; top:0; float:left;} #pure50scroll_container .container h2 {color:#000; font-size:36px; font-weight:300;} #pure50scroll_container .container .redsmall {text-transform: uppercase; color:#f7466c; font-size:11px; letter-spacing: 1px;} #pure50scroll_container .container h4 {color:#f7466c; font-size:14px; } #pure50-p3-photo {position:absolute; left:169px; top:127px; width:675px; height:445px; border:10px solid #000; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; overflow:hidden;} #pure50-p3-photo .photos {position:absolute; width:6075px;} /* (675 * no of photos) */ #pure50-p3-photo .photos img {float:left; display:block;} #pure50-p3-photo .controls {position:absolute; right:0px; bottom:0px; z-index:10; height:20px; width:125px; background-color:#c8d958; line-height:18px; text-align:center;} #pure50-p3-photo .controls a {font-size:12px; color:#000; text-decoration:none; font-weight:600;} #pure50-p3-photo .controls a:hover {color:#fff;} #pure50-p3-photo .controls a.nextpic {display:block;width:auto; position:absolute; right:10px; top:0px;} #pure50-p3-photo .controls a.prevpic {display:none;width:auto; position:absolute; right:70px; top:0px;} #pure50-p3-caption {position:absolute; left:169px; top:592px; width:272px; height:144px; padding:6px 10px 0 10px; background:url(../images/bg_black_50.png) transparent; color:#fff; overflow:hidden;} #pure50-p3-caption h2 {font-size:18px; color:#ccffff; font-weight:300;} #pure50-p3-caption .captions {position:absolute; width:2628px; top:0; left:0;} /* (292 * no of photos) */ #pure50-p3-caption .captions .caption {display:block; width:272px; height:144px; padding:6px 10px 0 10px; float:right; } /***** On The Vine styles *****/ h1#onthevine-hdr {position:absolute; top:120px; left:500px; width:104px; height:73px; background:url(../images/onthevine_hdr.png) no-repeat; text-indent:-9999px;} #onthevine-main {position:absolute; top:318px; left:361px; width:381px; height:367px; overflow:hidden; background:url(../images/bg_black_60.png);} #onthevine-main .onthevine-content {height:346px; width:1143px; position:absolute; top:0px; left:0px; font-size:13px; color:#fff; line-height:15px;} #onthevine-main .onthevine-content h1 {font-size:28px; font-weight:300; line-height:24px; margin-bottom:13px; color:#ced92c;} #onthevine-main .onthevine-content .red {color:#660000;} #onthevine-main .onthevine-content .page{float:left; width:357px; height:346px; padding:10px 10px 10px 14px;} #onthevine-main .controls {position:absolute; left:0px; bottom:0px; z-index:10; height:20px; width:222px; background-color:#c8d958; padding-right:20px; line-height:18px; text-align:right;} #onthevine-main .controls a {font-size:12px; color:#000; text-decoration:none; font-weight:600;} #onthevine-main .controls a:hover {color:#fff;} #onthevine-main .controls a.nextCopy {display:block;width:auto; position:absolute; right:10px; top:0px;} #onthevine-main .controls a.prevCopy {display:none;width:auto; position:absolute; right:70px; top:0px;} #onthevine-try {position:absolute; top:425px; left:775px; width:122px; display:none;} #onthevine-try .try-item{ margin-bottom:15px;} #onthevine-try .try-item img {display:block;} .onthevine-note {background:url(../images/onthevine_note.png); display:none; width:451px; height:557px; color:#370000; font-size:12px; line-height:16px; position:absolute; top:106px; left:288px;} .onthevine-note .pad {padding:100px 14px 0 34px; overflow:hidden;} .onthevine-note .pad .half {float:left; width:48%; padding-right:2%;} .onthevine-note .pad .half-last {float:left; width:48%;} .onthevine-note a.close {position:absolute; top:0px; right:-10px; display:block; width:41px; height:41px; background:url(../images/popup-close.png) no-repeat; text-indent:-9999px;} .onthevine-note a.print {position:absolute; top:529px; left:392px; display:block; width:44px; height:17px; background-color:#d77d38; color:#fff; line-height:17px; text-align: center; font-weight:600px; letter-spacing:1px;} #onthevine-credit {position:absolute; bottom:10px; left:10px; font-size:10px; color:#fff;} /***** Andrew Zimmern styles *****/ #azimmern-intro {background:url(../images/andrew_zimmern_hdr.png) no-repeat; position:absolute; top:122px; left:539px; width:248px; height:80px; padding:99px 5px 0 113px; color:#000; font-size:12px; line-height:15px;} #azimmern-photo {position:absolute; top:71px; left:642px;} #azimmern-credit {color:#fff; position:absolute; bottom:17px; left:295px;} #azimmern-credit .credit{font-size:11px;} #azimmern-leftcol {height:100%; width:613px;} #azimmern-leftcol .hdr{padding:245px 0 15px 0;} #azimmern-leftcol .redhdr {color:#660000; font-weight:bold;} #azimmern-leftcol .blackhdr {font-family: 'StMarieThin'; color:#000; font-size:20px; font-weight:bold;} #azimmern-scroller {position:absolute; left:63px; top:71px; width:550px; height:670px; overflow-y:auto;} #azimmern-scroller .customScrollBox{position:relative; height:100%; overflow:hidden;} #azimmern-scroller .container{position:relative; width:500px; top:0; float:left;} #zimmern-napkin {position:absolute; left:604px; top:516px; width:164px; height:210px;} #zimmern-redcopy {position:absolute; left:778px; top:543px; width:184px; color:#660000; font-size:10px; line-height:12px;} #zimmern-redcopy2 {position:absolute; left:642px; top:662px; width:324px; color:#660000; font-size:10px; line-height:12px;} .zimmern-slideshow {position:absolute; top:71px; left:642px; width:324px; height: 400px;} #output {position:absolute; top:484px; left:687px; width:277px; font-size:12px; font-weight:300; color:#000; line-height:16px;} #azimmern-vidlink {position:absolute; top:486px; left:642px;} /***** Marilu Henner styles *****/ #marilu-hdr {position:absolute; left:65px; top:9px; width:601px; height:439px;} #marilu-copy {position:absolute; left:95px; top:220px; width:365px; height:105px; font-size:15px; color:#ccffff; line-height:20px;} #hermind {position:absolute; left:85px; top:490px; width:133px; height:134px; display:none;} #hermind img {position:absolute; left:0px; top:0px;} #memories{position:absolute; left:255px; top:575px; width:128px; height:128px; display:none;} #memories img {position:absolute; left:0px; top:0px;} #thebook{position:absolute; left:385px; top:445px; width:134px; height:135px; display:none;} #thebook img {position:absolute; left:0px; top:0px;} #story-credit{position:absolute; bottom:10px; left:49px; width:200px; color:#fff; font-size:12px;} #touchfor{position:absolute; left:249px; top:513px; width:68px; height:18px;} #pop-hermind {position:absolute; left:49px; top:83px; width:633px; height:627px; background:url(../images/marilu_hermind_bg.png) no-repeat; display:none;} #pop-hermind a.close {position:absolute; top:-20px; right:-20px; display:block; width:41px; height:41px; background:url(../images/popup-close.png) no-repeat; text-indent:-9999px;} #pop-hermind .page {display:none; position:absolute; top:0px; left:0px;} #pop-hermind .col1 {float:left; width:388px; height:555px; padding:28px 17px 0 32px; font-size:13px; color:#bcbfc1; line-height:16px;} #pop-hermind h2 {font-weight:300; color:#4fc2d0; font-size:36px; line-height:33px;} #pop-hermind h2 .small {font-family:georgia, serif; font-size:18px; color:#bcbfc1;font-style: italic;} #pop-hermind .big {font-size:18px; font-weight:300;} #pop-hermind .col2 {float:left; width:145px; height:420px; font-size:18px; color:#ccffff; line-height:16px; font-weight:300;} #pop-hermind .col2 .smallest {font-size:10px; color:#ff6600; font-weight:bold; letter-spacing: 2px;} #pop-hermind .col2 .big {font-size:23px; color:#4fc2d0; line-height:20px; line-height:16px;} #pop-hermind .controls {position:absolute; right:47px; bottom:44px; z-index:10; height:20px; width:127px; background-color:#562200; padding-right:20px; line-height:18px;} #pop-hermind .controls a {font-size:12px; color:#fff; text-decoration:none; font-weight:600; float:right;} #pop-hermind .controls a.nextCopy {display:block;} #pop-hermind .controls a.prevCopy {display:none;} #pop-hermind .controls a:hover {color:#ccc;} #pop-thebook {position:absolute; left:49px; top:83px; width:633px; height:627px; background:url(../images/marilu_hermind_bg.png) no-repeat; display:none;} #pop-thebook a.close {position:absolute; top:-20px; right:-20px; display:block; width:41px; height:41px; background:url(../images/popup-close.png) no-repeat; text-indent:-9999px;} #pop-thebook h2 {font-weight:300; color:#4fc2d0; font-size:36px; line-height:33px; margin:23px 0 0 34px; height:85px;} #pop-thebook .col1 {float:left; width:307px; height:555px; padding:0 25px 0 32px; font-size:13px; color:#bcbfc1; line-height:16px;} #pop-thebook .col2 {float:left; width:200px; height:420px;} #pop-thebook a {color:#bcbfc1;} #pop-thebook a:hover {text-decoration: underline;} #pop-thebook strong, #pop-hermind strong, #pop-thememories strong {color:#ccffff; font-weight:400; font-size:13px;} #pop-thememories {position:absolute; left:49px; top:83px; width:633px; height:627px; background:url(../images/marilu_hermind_bg.png) no-repeat; display:none;} #pop-thememories a.close {position:absolute; top:-20px; right:-20px; display:block; width:41px; height:41px; background:url(../images/popup-close.png) no-repeat; text-indent:-9999px;} #pop-thememories .col1 {float:left; width:388px; height:555px; padding:28px 12px 0 32px; font-size:13px; color:#bcbfc1; line-height:16px;} #pop-thememories .col2 {float:left; width:145px; height:420px; font-size:18px; color:#ccffff; line-height:18px; font-weight:300; padding-top:138px;} #pop-thememories h2 {font-weight:300; color:#4fc2d0; font-size:36px; line-height:33px; margin-bottom:12px;} #pop-thememories .col2 .big {font-size:23px; color:#4fc2d0; line-height:20px; line-height:16px;} #pop-thememories .col2 .orange {color:#ff6600; font-style:italic; font-size:12px;}