@charset "UTF-8"; /* CSS Document */ body { background-color: #ffffff; } a { text-decoration: none; color: #333; } .altPane { background-image: url(images/datajournalism_alt_01.jpg); background-repeat: none; top: 0px; left: 0px; width: 995px; height: 800px; } #title { font-family: "VAG Rounded", Arial, Helvetica, sans-serif; font-size: 27px; color: #333; position: absolute; left: 28px; top: 44px; letter-spacing: -.01em; } #subtitle { font-family: "VAG Rounded", Arial, Helvetica, sans-serif; font-size: 10px; color: #666; position: relative; left: 425px; top: 39px; line-height: 11px; } .footer { position: relative; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; height: 75px; color: #ccc; padding: 10px; } .rPanel { width: 380px; position: relative; } .rPanelFirst { width: 380px; position: absolute; cleft: 5px; top: 0px; padding: 20px; height: 100%; background-image: url(images/shadowtile.png); sbackground-repeat: repeat-y; } .videoPane995{ width: 995px; } .videoPane800{ width: 730px; } .videoPane { position: absolute; left: 0px; top: 0px; height: 100%; background-color: #efefef; } .videoPaneInside { position: relative; left: 30px; top: 100px; } .videoPanePodcast { position: relative; left: 30px; top: 30px; } .videoBody { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; color: #333; } .panel995 { left: 995px; } .panel650 { left: 730px; } .panelContainer { width: 380px; display: table; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .panelTextBody { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; line-height: 19px; color: #333; margin: 0px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #ccc; border-right-color: #ccc; border-bottom-color: #ccc; border-left-color: #ccc; padding-top: 20px; padding-right: 15px; padding-bottom: 20px; padding-left: 20px; } .toggleButtonHeader { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; text-transform: uppercase; color: #333; vertical-align: middle; padding: 5px; } .toggleButtonOn { background-color: #333; margin: 1px; height: 18px; border: 1px solid #111111; text-align: center; vertical-align: middle; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; text-transform: uppercase; color: #efefef; padding-top: 3px; padding-right: 7px; padding-bottom: 2px; padding-left: 7px; position: relative; float: none; } .toggleButtonOff { text-align: center; vertical-align: middle; margin: 1px; sbackground-color: #666; height: 18px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; color: #333; text-transform: uppercase; border: thin dotted #ccc; padding-top: 3px; padding-right: 7px; padding-bottom: 2px; padding-left: 7px; position: relative; } .toggleButtonOffHighlight { text-align: center; vertical-align: middle; margin: 1px; background-color: #ffffcc; height: 18px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; color: #333; text-transform: uppercase; border: thin dotted #ccc; padding-top: 3px; padding-right: 7px; padding-bottom: 2px; padding-left: 7px; position: relative; } .addthis_button_compact { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; text-transform: uppercase; color: #666; } .addthis_toolbox { position: relative; left: 8px; top: -5px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .tab1on { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; border-top-style: solid; border-right-style: solid; border-bottom-style: none; border-left-style: solid; border-top-color: #ccc; border-right-color: #ccc; border-bottom-color: #ccc; border-left-color: #ccc; color: #333; text-transform: uppercase; padding-top: 9px; padding-right: 12px; padding-bottom: 9px; padding-left: 9px; margin: 0px; letter-spacing: 0.09em; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; text-align: center; } .tab1off { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #ccc; border-right-color: #ccc; border-bottom-color: #ccc; border-left-color: #ccc; background-color: #efefef; color: #666; text-transform: uppercase; padding-top: 9px; padding-right: 12px; padding-bottom: 9px; padding-left: 9px; margin: 0px; letter-spacing: 0.09em; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; text-align: center; } .tab2on { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; color: #333; border-top-style: solid; border-right-style: solid; border-bottom-style: none; border-left-style: none; border-top-color: #ccc; border-right-color: #ccc; border-bottom-color: #ccc; border-left-color: #ccc; margin: 0px; text-transform: uppercase; letter-spacing: 0.09em; padding-top: 9px; padding-right: 12px; padding-bottom: 9px; padding-left: 12px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; text-align: center; } .tab2off { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; color: #666; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-top-color: #ccc; border-right-color: #ccc; border-bottom-color: #ccc; border-left-color: #ccc; background-color: #efefef; margin: 0px; text-transform: uppercase; letter-spacing: 0.09em; padding-top: 9px; padding-right: 12px; padding-bottom: 9px; padding-left: 12px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; text-align: center; }