/* GARAMOND */ @font-face { font-family: "Garamond"; font-style: normal; font-weight: normal; src : url("../fonts/GaramondClassic-Regular.otf"); } @font-face { font-family: "Garamond"; font-style: italic; font-weight: normal; src : url("../fonts/GaramondClassic-Italic.otf"); } @font-face { font-family: "Garamond"; font-style: normal; font-weight: bold; src : url("../fonts/GaramondClassic-Bold.otf"); } @font-face { font-family: "Garamond"; font-style: italic; font-weight: bold; src : url("../fonts/GaramondClassic-BoldItalic.otf"); } @font-face { font-family: "Garamond"; font-style: normal; font-weight: 900; src : url("../fonts/GaramondClassic-Heavy.otf"); } /* MUSEO SANS */ @font-face { font-family: "Museo Sans"; font-style: italic; font-weight: 100; src : url("../fonts/MuseoSans_100_Italic.otf"); } @font-face { font-family: "Museo Sans"; font-style: normal; font-weight: 100; src : url("../fonts/MuseoSans_100.otf"); } @font-face { font-family: "Museo Sans"; font-style: italic; font-weight: 300; src : url("../fonts/MuseoSans_300_Italic.otf"); } @font-face { font-family: "Museo Sans"; font-style: normal; font-weight: 300; src : url("../fonts/MuseoSans_300.otf"); } @font-face { font-family: "Museo Sans"; font-style: italic; font-weight: normal; src : url("../fonts/MuseoSans_300_Italic.otf"); } @font-face { font-family: "Museo Sans"; font-style: normal; font-weight: normal; src : url("../fonts/MuseoSans_300.otf"); } @font-face { font-family: "Museo Sans"; font-style: italic; font-weight: 500; src : url("../fonts/MuseoSans_500_Italic.otf"); } @font-face { font-family: "Museo Sans"; font-style: normal; font-weight: 500; src : url("../fonts/MuseoSans_500.otf"); } @font-face { font-family: "Museo Sans"; font-style: italic; font-weight: 700; src : url("../fonts/MuseoSans_700_Italic.otf"); } @font-face { font-family: "Museo Sans"; font-style: normal; font-weight: 700; src : url("../fonts/MuseoSans_700.otf"); } @font-face { font-family: "Museo Sans"; font-style: italic; font-weight: bold; src : url("../fonts/MuseoSans_700_Italic.otf"); } @font-face { font-family: "Museo Sans"; font-style: normal; font-weight: bold; src : url("../fonts/MuseoSans_700.otf"); } @font-face { font-family: "Museo Sans"; font-style: italic; font-weight: 900; src : url("../fonts/MuseoSans_900_Italic.otf"); } @font-face { font-family: "Museo Sans"; font-style: normal; font-weight: 900; src : url("../fonts/MuseoSans_900.otf"); } /* FUTURA */ @font-face { font-family: "Futura"; font-style: italic; font-weight: bold; src : url("../fonts/FuturaStd-BoldOblique.otf"); } /* ---- IMAGES ---- */ img.image { width:100%; page-break-inside:avoid; text-align:center; } img.imageArrow { width:40%; page-break-inside:avoid; text-align:left; } img.imageArrowTimeline { clear:both; width:15%; float:right; margin-right:15%; } img.imageAnatomy { width:100%; page-break-inside:avoid; text-align:center; margin-bottom:-.75em; } img.imageCloseEnough { width:100%; page-break-inside:avoid; text-align:center; margin-bottom:-.75em; } img.imageHeart { width:100%; page-break-inside:avoid; text-align:center; margin-bottom:.2em; } .captureText { width:100%; text-align: center; margin:.25em 0; } .captureTextInline1 { display:inline-block; width:10.0em; } .captureTextInline2 { display:inline-block; width:4.5em; } .captureTextInline3 { display:inline-block; width:4.3em; } .full_width_image { page-break-before:always; width:100%; text-align: center; margin:.25em 0; } .full_width_image0 { width:100%; text-align: center; margin:.5em 0; } .deepFryerImage { width:70%; text-align: center; margin:.5em 15%; } .backlotImage { width:60%; text-align: center; margin:.5em 20%; } .full_width_image0A { width:100%; text-align: center; margin:0; } .heartImage { display:inline-block; width:1.0em; } .anatomyImage { display:inline-block; width:3.0em; margin-right:.25em; } .bubbleImage { width:30%; margin:.5em 0 .5em 5%; } .burgerImage { width:50%; margin:.5em 25%; } .captionImage { page-break-before:always; page-break-after:always; width:80%; text-align: center; margin:.25em 10%; } .captionImage0 { width:80%; text-align: center; margin:1.0em 10%; } .captionImage0A { page-break-before:always; width:80%; text-align: center; margin:.25em 10%; } .captionImage1 { width:30%; margin:.25em 5%; float:left; } .captionImage1A { width:20%; margin:1.0em 2%; float:right; } .captionImage1B { width:50%; margin-left:25%; } .captionImage1C { width:20%; margin:1.5em 2%; float:right; } .captionImage1D { width:30%; margin:1.0em 5% .25em 5%; float:left; } .captionImage2 { width:45%; margin-right:5%; float:left; margin-left:-7%; } .captionImage2A { width:45%; margin-left:5%; float:right; margin-right:-7%; } .captionImage2B { width:45%; margin-right:5%; float:left; margin-left:-7%; margin-top:1.5em; } .captionImage3 { width:38%; margin:.25em 2%; float:right; } .captionImage4 { page-break-before:always; page-break-after:always; width:50%; text-align: center; margin:.25em 25%; } .captionImage5 { width:60%; text-align: center; margin:1.0em 20%; } .timelineImage { width:25%; margin-right:5%; float:left; } .quoteImage { page-break-before:always; width:70%; text-align: center; margin:.25em 15%; } .stepImage { width:40%; margin: .5em 30%; text-align:center; } .stepImage1 { width:70%; margin: .5em 15%; text-align:center; } .tocImage { width:50%; margin: .5em 25%; text-align:center; } .littleIcon { page-break-before:always; width:16%; margin:.5em 42%; } .littleIcon1 { width:30%; margin:.5em 35%; } .littleIcon2 { width:50%; margin:-.75em 25% .25em 25%; } .lobsterImage { width:20%; float:right; margin-left:2%; } .brewmasterImage { page-break-before:always; width:50%; margin:.5em 25%; } .chefCollab { page-break-before:always; width:50%; margin:.5em 25%; } .chefCollab1 { page-break-before:always; width:22%; margin:0 39%; } .chefImage { width:26%; margin:.5em 37%; } .rightToolsImage { width:70%; margin:.5em 15%; } .splatterImage { width:60%; text-align: center; margin:.5em 20%; } .jonahBeer { width:66%; text-align: center; margin:.5em 17%; } .patLaFrieda { width:70%; text-align: center; margin:.5em 15%; } .toastTheBunsAhead { width:60%; text-align: center; margin:.5em 20%; } .toastTheBunsAhead1 { width:40%; text-align: center; margin:.5em 30%; } .c01_a { float:left; width:38%; margin-top:1.0em; } .c01_b { width:60%; margin: 1.0em 0 .25em 40%; } .c05_a { width:60%; margin-top: .25em; } .c06_a { width:23%; margin-top: .25em; margin-right:2%; float:left; } .c06_b { width:23%; margin-top: .25em; margin-left:2%; float:right; } .c06_c { width:50%; margin-top: .25em; margin-left:25%; } div.fullpageimage { page-break-after: always; width:100%; text-align: center; margin:.25em 0; } div.partimage { text-align: center; padding-top: .25em; margin-bottom: .25em; } div.sectionimage { page-break-before: always; text-align: center; margin:.25em 0; page-break-after:always; } div.sectionimagef { text-align: center; padding-top: .25em; margin-bottom: .25em; page-break-after:always; } .recipeImage { width:80%; margin:0 10%; padding:0; page-break-after:always; } .recipeImage0 { width:80%; margin:0 10% .5em 10%; padding:0; } .recipeImage1 { width:40%; margin:0 30%; padding:0; page-break-after:always; } .recipeImage2 { width:60%; margin:0 20%; padding:0; page-break-after:always; } .recipeImage3 { width:26%; margin:.5em 37%; padding:0; } .float_left { width:45%; margin:.5em 5% .5em 0; padding:0; float:left; } .float_right { width:45%; margin:.5em 0 .5em 5%; padding:0; float:right; } span.inline_image { display:inline-block; width:1.5em; margin:0 .2em 0 0; } .clear_float { clear:both; } /* ---- ADDITIONAL STYLES and OVERRIDES ---- */ a.wlink { text-decoration:none; color:#ffffff; -webkit-text-fill-color:#ffffff; } .normal { font-style:normal; } p { text-align:left; margin-bottom:0; } /* ----- NAV BARS ----- */ div.nav { margin:1em 0; page-break-inside:avoid; page-break-before:always; border-bottom: 2px solid #999999; border-top: 2px solid #999999; width:100%; } div.nav-nobreak { margin:1em 0 1em 0; page-break-inside:avoid; border-bottom: 2px solid #999999; border-top: 2px solid #999999; width:100%; } a.index_link { text-decoration:none; color:#333333; } p.nav-bar { margin:.1em; padding:.4em; line-height:1.5em; text-align:center; } span.letter-block { width:1em; text-align:center; margin:0 .15em; color:#999999; display:inline-block; } .indexdiv { color:#6caf2d; font-family:"Futura", sans-serif; letter-spacing:.01em; font-style:italic; font-size:1.0em; font-weight:bold; line-height:0.9em; text-align:center; margin-top:1.5em; } p.CRT { font-family:"Museo Sans", sans-serif; font-weight:300; font-size:0.8em; line-height:1.5em; } p.CRTF { font-family:"Museo Sans", sans-serif; font-weight:300; font-size:0.8em; line-height:1.5em; margin-top:1.25em; } p.DED { font-family:"Garamond", serif; font-size:1.2em; line-height:1.5em; font-weight:300; text-align:center; margin-top:.625em; width:80%; margin-left:10%; margin-right:10%; } /*----------QUOTES--------*/ p.QT { font-family:"Garamond", serif; font-size:1.3em; font-style:italic; font-weight:300; line-height:1.4em; text-align:center; } p.QT0 { font-family:"Garamond", serif; font-size:1.3em; font-style:italic; font-weight:300; line-height:1.4em; text-align:center; margin-top:1.0em; } p.QT0A { font-family:"Garamond", serif; font-size:1.3em; font-style:italic; font-weight:300; line-height:1.4em; text-align:center; margin-top:1.0em; margin-bottom:1.5em; } p.QT1 { font-family:"Garamond", serif; font-size:0.7em; font-weight:bold; line-height:1.4em; text-align:right; margin-top:.75em; margin-bottom:2.5em; } p.QT1A { font-family:"Garamond", serif; font-size:0.7em; font-weight:900; line-height:1.4em; text-align:right; margin-top:.75em; margin-bottom:2.5em; } p.QT1B { color:#6caf2d; font-family:"Garamond", serif; font-size:0.7em; font-weight:900; line-height:1.4em; text-align:right; margin-top:.75em; margin-bottom:2.5em; } p.QT2 { font-family:"Garamond", serif; font-size:1.3em; font-style:italic; font-weight:300; line-height:1.2em; text-align:center; margin-top:1.5em; } p.QT2A { font-family:"Garamond", serif; font-size:0.7em; font-weight:900; line-height:1.4em; text-align:right; margin-top:.75em; margin-bottom:2.5em; } p.QT3 { width:76%; font-family:"Garamond", serif; font-size:1.3em; font-style:italic; font-weight:300; line-height:1.2em; text-align:center; margin-top:1.0em; } p.QT3A { width:76%; font-family:"Garamond", serif; font-size:0.7em; font-weight:900; line-height:1.4em; text-align:right; margin-top:.75em; margin-bottom:2.5em; } p.BQT { font-family:"Garamond", serif; font-size:2.4em; line-height:1.1em; text-align:center; } p.BQT1 { font-family:"Garamond", serif; font-size:0.7em; font-weight:900; line-height:1.4em; text-align:center; margin-top:1.0em; } p.BQT1A { font-family:"Garamond", serif; font-size:0.8em; font-weight:900; line-height:1.4em; text-align:center; margin-top:1.0em; page-break-after:always; } p.BQT2 { font-family:"Garamond", serif; color:#6caf2d; font-size:2.5em; line-height:1.0em; } /*----------CAPTIONS----------*/ p.CAP { font-family:"Museo Sans", sans-serif; font-weight:bold; font-size:0.7em; line-height:1.4em; margin-top:.5em; } p.CAP0 { font-family:"Museo Sans", sans-serif; font-size:0.7em; line-height:1.4em; margin-top:.5em; } p.CAP1 { font-family:"Museo Sans", sans-serif; font-weight:300; font-size:0.7em; line-height:1.4em; text-align:center; } p.CAP2 { display:block; font-family:"Museo Sans", sans-serif; font-weight:300; font-size:0.7em; line-height:1.4em; text-align:center; margin-left:3%; } p.CAP3 { clear:both; font-family:"Museo Sans", sans-serif; font-weight:bold; font-size:0.7em; line-height:1.4em; margin-top:.5em; float:right; text-align:right; width:40%; } p.CAP4 { margin-left:50%; width:30%; font-family:"Museo Sans", sans-serif; font-weight:bold; font-size:0.7em; line-height:1.4em; margin-top:.5em; } p.INSTA { font-family:"Museo Sans", sans-serif; font-weight:300; font-size:0.7em; line-height:1.4em; } /*----------REGULAR TEXT----------*/ p.TX { font-family:"Garamond", serif; font-size:1.0em; line-height:1.5em; margin-top:1.0em; } p.TX0 { font-family:"Museo Sans", sans-serif; font-weight:300; font-size:0.8em; line-height:1.5em; } p.TX1 { font-family:"Museo Sans", sans-serif; font-weight:300; font-size:0.8em; line-height:1.5em; margin-top:1.0em; } p.TX1_Break { page-break-before:always; font-family:"Museo Sans", sans-serif; font-weight:300; font-size:0.8em; line-height:1.5em; } p.TX2 { font-family:"Museo Sans", sans-serif; font-weight:300; font-size:0.8em; line-height:1.5em; text-indent:1.5em; } /*----------ESSAY HEADERS----------*/ p.ESH { page-break-before:always; font-family:"Garamond", serif; font-size:2.9em; line-height:1.0em; text-align:center; } p.ESH_NoBreak { font-family:"Garamond", serif; font-size:2.9em; line-height:1.0em; text-align:center; } p.ESH0 { font-family:"Garamond", serif; font-size:1.3em; font-weight:300; line-height:1.2em; text-align:center; margin-top:.75em; margin-bottom:1.5em; } p.ESH1 { font-family:"Garamond", serif; font-size:1em; font-weight:300; line-height:1.2em; text-align:center; margin-top:.35em; } p.ESH2 { font-family:"Garamond", serif; font-size:1.2em; line-height:1.3em; text-align:center; margin-top:.5em; } /*----------HEADERS----------*/ p.H0 { page-break-before:always; font-family:"Garamond", serif; font-size:1.5em; line-height:1.1em; text-align:center; } p.H1 { page-break-before:always; font-family:"Garamond", serif; font-size:1.5em; line-height:1.1em; font-weight:bold; text-align:center; } p.H2 { page-break-before:always; color:#6caf2d; font-family:"Futura", sans-serif; letter-spacing:.01em; font-style:italic; font-size:1.1em; font-weight:bold; line-height:1.1em; text-align:center; } p.H2A { page-break-before:always; color:#6caf2d; font-family:"Futura", sans-serif; letter-spacing:.01em; font-style:italic; font-size:1.1em; font-weight:bold; line-height:1.1em; text-align:center; margin-bottom:1.25em; } p.H2B { page-break-before:always; color:#6caf2d; font-family:"Futura", sans-serif; letter-spacing:.01em; font-style:italic; font-size:1.1em; font-weight:bold; line-height:1.1em; text-align:center; margin-bottom:1.25em; margin-top:1.0em; } p.H2C { color:#6caf2d; font-family:"Futura", sans-serif; letter-spacing:.01em; font-style:italic; font-size:1.1em; font-weight:bold; line-height:1.1em; text-align:center; } p.H3 { color:#6caf2d; font-family:"Futura", sans-serif; letter-spacing:.01em; font-style:italic; font-size:0.75em; font-weight:bold; line-height:1.2em; text-align:center; margin-bottom:.25em; margin-top:1.0em; } p.H3A { color:#6caf2d; font-family:"Futura", sans-serif; letter-spacing:.01em; font-style:italic; font-size:0.75em; font-weight:bold; line-height:1.2em; margin-top:3.0em; margin-bottom:.25em; margin-left:15%; text-indent:-15%; } p.H3B { color:#6caf2d; font-family:"Futura", sans-serif; letter-spacing:.01em; font-style:italic; font-size:0.75em; font-weight:bold; line-height:1.2em; margin-bottom:.25em; margin-left:15%; text-indent:-15%; } p.H3C { color:#6caf2d; font-family:"Futura", sans-serif; letter-spacing:.01em; font-style:italic; font-size:0.75em; font-weight:bold; line-height:1.2em; margin-top:1.0em; margin-bottom:.25em; } p.H3D { color:#6caf2d; font-family:"Futura", sans-serif; letter-spacing:.01em; font-style:italic; font-size:1.0em; font-weight:bold; line-height:1.2em; text-align:center; margin-top:.75em; margin-bottom:.25em; } p.H3E { color:#6caf2d; font-family:"Futura", sans-serif; letter-spacing:.01em; font-style:italic; font-size:1.0em; font-weight:bold; line-height:1.2em; text-align:center; margin-bottom:.25em; } p.H4 { font-family:"Garamond", serif; font-size:0.8em; font-weight:900; line-height:1.5em; margin-top:1.0em; text-align:left; margin-left:3.25em; text-indent:-3.25em; } p.H5 { font-family:"Garamond", serif; font-size:0.8em; font-weight:900; line-height:1.2em; text-align:center; margin-top:-1.0em; margin-bottom:2.5em; } p.H5A { font-family:"Garamond", serif; font-size:0.8em; font-weight:900; line-height:1.2em; text-align:center; margin-top:1.0em; margin-bottom:2.5em; } p.BMH { color:#6caf2d; font-family:"Futura", sans-serif; letter-spacing:.01em; font-style:italic; font-size:1.0em; font-weight:bold; line-height:1.1em; text-align:center; } p.FMX { font-family:"Garamond", serif; font-size:1.6em; line-height:1.4em; margin-top:1.0em; text-align:center; } p.historyDates { color:#7d7d7c; font-family:"Museo Sans", sans-serif; font-weight:bold; font-size:0.7em; line-height:1.2em; margin-top:1.5em; text-align:center; } p.HTX0 { font-family:"Museo Sans", sans-serif; font-weight:300; font-size:0.9em; line-height:1.6em; clear:both; } p.HTX { font-family:"Museo Sans", sans-serif; font-weight:300; font-size:0.8em; line-height:1.5em; } .historyImage { width:40%; margin: .5em 30%; text-align:center; } p.group { color:#6caf2d; font-family:"Futura", sans-serif; letter-spacing:.01em; font-style:italic; font-size:1.0em; font-weight:bold; line-height:0.9em; text-align:center; margin-top:1.5em; } /*----------Table of Contents----------*/ table.tableTOC { border-collapse:collapse; margin-bottom:1.0em; } td.TOCLeft { width:50%; padding:2%; vertical-align:top; } td.TOCRight { width:50%; padding:2%; vertical-align:top; } p.TOC { font-family:"Garamond", serif; font-size:0.7em; font-weight:900; line-height:1.2em; text-align:center; letter-spacing:.1em; } /*----------RECIPE STUFF----------*/ div.RT { page-break-before:always; width:100%; margin:.25em 0; text-align:center; } div.RT0 { width:100%; margin:.25em 0; text-align:center; } div.RT1 { width:100%; margin:2.25em 0 .25em 0; text-align:center; } p.RT { page-break-before:always; color:#6caf2d; font-family:"Futura", sans-serif; letter-spacing:.01em; font-style:italic; font-size:1.0em; font-weight:bold; line-height:1.1em; text-align:center; margin-bottom:.25em; clear:both; } p.RT0 { page-break-before:always; color:#6caf2d; font-family:"Futura", sans-serif; letter-spacing:.01em; font-style:italic; font-size:.95em; font-weight:bold; line-height:1.1em; text-align:center; margin-bottom:.25em; clear:both; } p.RT1 { color:#6caf2d; font-family:"Futura", sans-serif; letter-spacing:.01em; font-style:italic; font-size:.95em; font-weight:bold; line-height:1.1em; text-align:center; margin-top:1.0em; margin-bottom:.25em; clear:both; } p.SRT { font-family:"Garamond", serif; font-size:1em; font-style:italic; font-weight:300; line-height:1.3em; margin-top:.25em; margin-bottom:.25em; text-align:center; } p.SRT1 { font-family:"Garamond", serif; font-size:1em; font-style:italic; font-weight:300; line-height:1.3em; margin-top:.25em; margin-bottom:1.25em; text-align:center; } p.RY { font-family:"Garamond", serif; font-size:0.7em; font-weight:900; line-height:1.5em; margin-bottom:.75em; text-align:center; letter-spacing:.1em; } p.HNF { font-family:"Garamond", serif; font-size:1.0em; line-height:1.5em; margin-top:1.5em; } p.HN { font-family:"Garamond", serif; font-size:1.0em; line-height:1.5em; text-indent:1.5em; } div.ingredients { margin:1.5em 0; } p.RIH { color:#6caf2d; font-family:"Futura", sans-serif; letter-spacing:.01em; font-style:italic; font-size:0.75em; font-weight:bold; line-height:1.5em; margin-top:2.0em; margin-bottom:.35em; } p.RIL { font-family:"Museo Sans", sans-serif; font-weight:bold; font-size:0.7em; line-height:1.3em; margin-top:.5em; margin-left:1.75em; text-indent:-1.75em; } p.RIL1 { font-family:"Museo Sans", sans-serif; font-weight:bold; font-size:0.7em; line-height:1.3em; margin-top:2.0em; margin-left:1.75em; text-indent:-1.75em; } span.RILNumber { display:inline-block; width:1.5em; margin-right:.25em; } p.RP { font-family:"Museo Sans", sans-serif; font-weight:300; font-size:0.8em; line-height:1.5em; margin-top:1.0em; } /*----------SIDEBARS----------*/ div.greenBox { page-break-before:always; border:2px solid #6caf2d; border-radius:15px; padding:8%; } div.greenBox0 { border:2px solid #6caf2d; border-radius:15px; padding:8%; margin:1.0em 0; } p.heroLocation { font-family:"Garamond", serif; font-size:0.8em; line-height:1.5em; font-weight:bold; margin-top:.15em; margin-bottom:.75em; text-align:center; letter-spacing:.10em; } p.SBX { font-family:"Garamond", serif; font-size:1.0em; line-height:1.5em; } p.SBX0 { font-family:"Garamond", serif; font-size:1.0em; line-height:1.5em; margin-top:1.5em; } p.SBX1 { font-family:"Garamond", serif; font-size:1.0em; line-height:1.5em; text-indent:1.0em; } span.Stat-Numeral { color:#6caf2d; font-family:"Garamond", serif; font-size:3.6em; font-weight:900; } p.StatText { font-family:"Museo Sans", sans-serif; font-size:0.7em; line-height:1.4em; margin-top:2.0em; text-align:center; } p.SH1 { font-family:"Garamond", serif; font-size:0.9em; font-weight:300; line-height:1.4em; text-align:center; } /*----------LEAD INS----------*/ span.leadIn { font-weight:bold; } span.leadInGreen { font-weight:bold; color:#6caf2d; } span.thirstyLeadIn { color:#6caf2d; font-family:"Futura", sans-serif; font-size:.85em; letter-spacing:.01em; font-style:italic; font-weight:bold; font-style:italic; } span.photoLeadIn { font-family:"Garamond", serif; font-size:.9em; font-weight:900; } span.statLeadIn { color:#6caf2d; font-weight:bold; } span.stepNumeral { color:#6caf2d; font-family:"Museo Sans", sans-serif; font-weight:bold; } span.museoSans300 { font-family:"Museo Sans"; font-weight:300; } span.properName { font-family:"Garamond"; font-size:1.1em; font-style:italic; font-weight:bold; } span.fortyFiveSeconds { font-family:"Museo Sans"; } span.leadInThirstyGreen { color:#6caf2d; font-family:"Futura", serif; letter-spacing:.01em; font-style:italic; font-size:1.0em; font-weight:bold; } span.blackBullet { font-family:"Garamond", serif; font-weight:900; } table.timeline { margin:1.0em 0; border-collapse:collapse; } td.timelineA { width:30%; padding:.25em 4%; vertical-align:top; } td.timelineA0 { width:30%; padding:.25em 4%; vertical-align:middle; } td.timelineB { width:70%; margin-left:30%; padding: 1.0em 2% .25em 0; border-left:3px solid #6caf2d; } span.timelineLine { display:inline-block; height:3px; background-color: #6caf2d; width:10%; vertical-align:middle; margin-right:5%; } div.somewhatTrue { width:50%; margin-left:25%; margin-top:1.5em; } .atHomeArrow { display:inline-block; width:2.5em; margin-left:.25em; } .somewhatTrueArrow { display:inline-block; width:.625em; margin-right:.05em; } .atHomeArrow1 { display:inline-block; width:1.5em; margin-left:.25em; } div.grindItOut { margin:1.0em 0; } div.grindItOutA { width:48%; padding-right:2%; float:left; margin-top:0; } div.grindItOutB { width:48%; margin-left:50%; padding-left:2%; border-left:1px solid #6caf2d; margin-top:0; } div.grindImageL { width:40%; float:left; } div.grindImageR { width:20%; float:right; } div.grindItIn { margin-left:40%; margin-right:20%; } div.anatomy { margin:1.0em 0; } div.anatomyA { float:left; width:30%; } div.anatomyB { width:70%; margin-left:30%; border-left:1px solid #6caf2d; padding-left:2%; } .guyLeft { float:left; width:25%; } .guyRight { float:right; width:25%; } img.guyLeft { width:50%; margin-left:25%; } img.guyRight { width:50%; margin-left:25%; }