/* Based on: CSS Reset by Eric Meyer - Released under Public Domain http://meyerweb.com/eric/tools/css/reset/ with new HTML 5 elements added */ 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } /* remember to set this! */ ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* http://22november1963.org.uk/ : All-Media Style Sheet : mobile first, minimised; 2015, minor modifications June 2018, HTML 5 elements added August 2019, new contact form February 2023 CSS coding and all original images copyright Lab 99 Web Design (http://www.lab99.com/) background images: arrow-white-6x9.png loading.gif by-310x30.jpg nextlabel02.png by-360x30.jpg next-red.png (not currently in use) closelabel02.png next-white.png flags-32x480.png prev-red.png (not currently in use) gotop01.png prev-white.png lab99-icon-20x20.png prevlabel02.png links06.png subnavarrow01.png main colours: #e0800f - gold #801807 - dark red #b52e17 - red (button-type a:hover) #3f59b0 - blue (headings) #d02d13 - red (a:link) #4c12e1 - purple (a:hover) #cf8447 - brown (#main borders) #f4ede9 - light brown (blockquote) #f1d2b8 - peach (breadcrimbs) Beginning with basic styles for mobiles and obsolete browsers, then adding styles for devices with larger screens and for print: */ html { height: 100%; scrollbar-color: #801807 #f1d2b8; width: 100%; } ::-webkit-scrollbar { background: #f1d2b8; } ::-webkit-scrollbar-thumb { background: #801807; } @-ms-viewport { width: device-width; } /* IE10 hack */ @viewport { width: device-width; zoom: 1; } /* to replace HTML meta tag in due course */ @font-face { font-family: "oswald"; /* appropriate, eh? */ font-style: normal; font-weight: 400; src: url("fonts/oswald-v23-latin-regular.eot"); /* IE9 Compat Modes (18.2 kB) */ src: local("Oswald Regular"), local("Oswald-Regular"), local("Oswald-Regular-webfont"), url("fonts/oswald-v23-latin-regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("fonts/oswald-v23-latin-regular.woff2") format("woff2"), /* Super Modern Browsers (16.0 kB) */ url("fonts/oswald-v23-latin-regular.woff") format("woff"), /* Modern Browsers (19.6 kB) */ url("fonts/oswald-v23-latin-regular.ttf") format("truetype"), /* Safari, Android, iOS (35.7 kB) */ url("fonts/oswald-v23-latin-regular.svg#Oswald") format("svg"); /* Legacy iOS (49.6 kB) */ } @font-face { font-family: "open sans"; font-style: normal; font-weight: 400; src: url("fonts/open-sans-v16-latin-regular.eot"); src: local("Open Sans Regular"), local("OpenSans-Regular"), local("open sans"), url("fonts/open-sans-v16-latin-regular.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans-v16-latin-regular.woff2") format("woff2"), url("fonts/open-sans-v16-latin-regular.woff") format("woff"), url("fonts/open-sans-v16-latin-regular.ttf") format("truetype"), url("fonts/open-sans-v16-latin-regular.svg#OpenSans") format("svg"); } /* eot: 16 kB; woff2: 14.4 kB; woff: 18.1 kB; ttf: 27.1 kB; svg: 56.3 kB */ @font-face { font-family: "open sans"; font-style: italic; font-weight: 400; src: url("fonts/open-sans-v16-latin-italic.eot"); src: local("Open Sans Italic"), local("OpenSans-Italic"), url("fonts/open-sans-v16-latin-italic.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans-v16-latin-italic.woff2") format("woff2"), url("fonts/open-sans-v16-latin-italic.woff") format("woff"), url("fonts/open-sans-v16-latin-italic.ttf") format("truetype"), url("fonts/open-sans-v16-latin-italic.svg#OpenSans") format("svg"); } /* eot: 14.8 kB; woff2: 14.4 kB; woff: 18.1 kB; ttf: 27.1 kB; svg: 59.4 kB */ @font-face { font-family: "open sans"; font-style: normal; font-weight: 700; src: url("fonts/open-sans-v16-latin-700.eot"); src: local("Open Sans Bold"), local("OpenSans-Bold"), url("fonts/open-sans-v16-latin-700.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans-v16-latin-700.woff2") format("woff2"), url("fonts/open-sans-v16-latin-700.woff") format("woff"), url("fonts/open-sans-v16-latin-700.ttf") format("truetype"), url("fonts/open-sans-v16-latin-700.svg#OpenSans") format("svg"); } /* eot: 15.4 kB; woff2: 15.1 kB; woff: 18.9 kB; ttf: 28.8 kB; svg: 55.7 kB */ /* 4 x woff2 = 59.9 kB */ /* Thanks: https://google-webfonts-helper.herokuapp.com/fonts */ /* main elements */ body { background: #fff; color: #161515; font: medium/170% "open sans", "helvetica neue", helvetica, arial, sans-serif; text-align: left; width: 100%; } #inner { background: #e0800f; margin: 0 auto; max-width: 920px; width: 95%; } #header { background: #e0800f; float: left; height: auto; position: relative; width: 100%; } #main { background: #fff; float: left; position: relative; width: 100%; } #content { float: left; padding: 0.4em 0 0 0; width: 100%; } #minor { float: right; width: 100%; } /* links */ a:link { color: #d02d13; text-decoration: underline; word-wrap: break-word; } a:visited { color: #741b0c; } a:hover { color: #4c12e1; text-decoration: underline; } a:focus { color: #000; outline: 3px solid #000; } a:active { color: #e0800f; } a[href^="http:"]:link, [href^="https:"]:link { background: url(images/links06.png) 100% -78px no-repeat; padding-right: 15px; } a[href^="http:"]:visited, a[href^="https:"]:visited { background: url(images/links06.png) 100% -204px no-repeat; padding-right: 15px; } a[href^="http:"]:hover, a[href^="https:"]:hover { background: url(images/links06.png) 100% -37px no-repeat; padding-right: 15px; } a[href^="http:"]:focus, a[href^="https:"]:focus { background: url(images/links06.png) 100% 4px no-repeat; padding-right: 15px; } a[href^="http:"]:active, a[href^="https:"]:active { background: url(images/links06.png) 100% -164px no-repeat; padding-right: 15px; } a[href^="http://www.22november1963.org.uk/"]:link, a[href^="http://www.22november1963.org.uk/"]:visited, a[href^="http://www.22november1963.org.uk/"]:hover, a[href^="http://www.22november1963.org.uk/"]:focus, a[href^="http://www.22november1963.org.uk/"]:active, a[href^="http://22november1963.org.uk/"]:link, a[href^="http://22november1963.org.uk/"]:visited, a[href^="http://22november1963.org.uk/"]:hover, a[href^="http://22november1963.org.uk/"]:focus, a[href^="http://22november1963.org.uk/"]:active { background: none; padding-right: 0; } /* banner */ #sitename { background: #fff; border: none; color: #801807; float: left; font: normal 120%/120% "oswald", "helvetica neue", helvetica, arial, sans-serif; letter-spacing: 0.01em; margin: 0; padding: 0.1em 0; text-align: center; width: 100%; } #sitenamespan { background: #333; border-top: 3px solid #801807; border-bottom: 3px solid #801807; color: #fff; float: left; padding: 0.2em 0; width: 100%; } /* headings */ h1 { background: #edeff6; border-top: 1px solid #3f59b0; border-bottom: 1px solid #3f59b0; color: #3f59b0; font: normal 200%/140% "oswald", "helvetica neue", helvetica, arial, sans-serif; margin: 0 0 0.5em 0; padding: 0.3em 0.4em; } h2 { background: #edeff6; border-top: 1px solid #c8d2f1; border-bottom: 1px solid #c8d2f1; clear: both; color: #3f59b0; font: normal 150%/140% "oswald", "helvetica neue", helvetica, arial, sans-serif; margin: 0.8em 0 0 0; padding: 0.3em 0.5em; } h3 { clear: both; color: #3f59b0; font: normal 140%/140% "oswald", "helvetica neue", helvetica, arial, sans-serif; margin: 0.8em 0 0 0; } /* paragraphs and lists */ p { margin: 0.8em 0 0 0; } #cookies { background: #f1f2f4; float: left; font-size: 90%; margin: 0 0 10px 0; padding: 0.2em 10px; width: auto; } #hoverjs { background: #d2b899; border: 1px solid #a0733e; float: right; margin: -1em 0 1em 0; padding: 0 10px; width: 258px; } /* footnote hover boxes created by footnotes.js */ ul { list-style: disc; margin: 0.4em 0 0 25px; } .subul { list-style: circle; margin: 0 0 0 15px; } .subsubul { list-style: disc; margin: 0; } ol { list-style: decimal; margin: 0.4em 0 0 30px; } .subol { list-style: lower-alpha; } li { padding: 0.1em 0; word-wrap: break-word; } #searchresultsol { margin: 0.4em 0 1em 30px; } .searchresultsli { padding: 0.4em 0; } .searchresultsp { margin: 0; } dl { float: left; margin: 0.8em 0 0.3em 0; width: 100%; } dt { float: left; font-variant: small-caps; text-align: left; width: 100%; } .dt-var { font-variant: normal; } dd { float: right; width: 95%; } /* minor and decorative elements */ img { background: transparent; float: left; height: auto; max-width: 100%; } #lab99logo { background: #fff; padding: 1em 0 1em 10px; } .imagepadding { float: left; width: 100%; } strong { font-weight: bold; font-style: normal; } em, cite, .aside, .lunatic { font-style: italic; } abbr { border-bottom: 1px dotted; cursor: help; speak: spell-out; text-decoration: none; } #sitenameabbr { border-bottom: none; } blockquote { background: #f4ede9; float: left; margin: 0.8em 0; padding: 0.2em 2% 0.8em 2%; width: 96%; } span[lang="de"], span[lang="es"], span[lang="fr"], span[lang="it"], span[lang="la"] { font-style: italic; } .strike { text-decoration: line-through; } .mob-chop { display: none; } /* to be reinstated in wider layouts */ /* skipnav link within #header */ #skipnav { margin: 0; position: absolute; left: 0; top: 0; } .skipnava:link, .skipnava:visited { color: transparent; padding: 5px 10px; } .skipnava:hover, .skipnava:focus { background: #fff; color: #4c12e1; } /* search box */ #searchimage { float: left; width: 100%; } #searchonly { float: left; width: 100%; } #searchbox { background: #cf8447; border: 0; float: left; margin: 0 0 1em 0; padding: 1px; width: 98%; } #box { background: #f9f9f9; border: 0; color: #661a0e; float: left; font-size: 100%; height: 28px; line-height: 28px; margin: 0; padding: 0; width: 100%; } #box:focus { background: #fff; outline: 3px solid #000; } .submit { background: none; border: 0; color: #fff; float: right; font: 90%/120% "oswald", "helvetica neue", helvetica, arial, sans-serif; height: 28px; line-height: 28px; margin: 0; padding: 0; text-align: center; width: 100%; } .submit:hover { background: #801807; color: #fff; } .submit:focus { background: #fff; color: #801807; outline: 1px solid #000; } /* top-level navigation menu */ #nav { background: #801807; float: left; list-style: none; margin: 0; padding: 0 0 0.3em 0; width: 100%; } .navli { float: left; max-width: 90%; padding: 0 0 0 0.3em; text-align: center; } a#navindex, a#navoswald, a#navframed, a#navverdict, a#navreading, a#navother, a#navbook { background: #801807; border: 1px solid #b57c4e; color: #f4f3f2; display: block; float: left; font-family: "oswald", "helvetica neue", helvetica, arial, sans-serif; margin: 0.3em 0 0 0; padding: 0 0.25em; text-decoration: none; width: auto; } a#navindex:hover, a#navoswald:hover, a#navframed:hover, a#navverdict:hover, a#navreading:hover, a#navother:hover, a#navbook:hover { background: #f4f3f2; border: 1px solid #e0800f; color: #661a0e; } a#navindex:focus, a#navoswald:focus, a#navframed:focus, a#navverdict:focus, a#navreading:focus, a#navother:focus, a#navbook:focus { border: 1px solid #000; color: #fff; text-decoration: underline; } a#navindex:active, a#navoswald:active, a#navframed:active, a#navverdict:active, a#navreading:active, a#navother:active, a#navbook:active { color: #cf8022; } body#index a#navindex, body#index a#navindex:hover, body#oswald a#navoswald, body#oswald a#navoswald:hover, body#framed a#navframed, body#framed a#navframed:hover, body#verdict a#navverdict, body#verdict a#navverdict:hover, body#reading a#navreading, body#reading a#navreading:hover, body#other a#navother, body#other a#navother:hover, body#book a#navbook, body#book a#navbook:hover { background: #e0800f; border: 1px solid #333; color: #000; cursor: default; } /* detailed navigation menus: #subnav (full main menu) and #othernav (faqs and texts) */ #subnav { float: left; margin: 0 10px 0 0; width: 100%; } #othernav { float: left; } #subnavhead, #othernavhead, #subnavheadh3 { border: none; margin: 0; padding: 0.4em 0 0.4em 15px; } .subnavul { border-bottom: 5px solid #edeff6; border-right: none; float: left; font-family: "oswald", "helvetica neue", helvetica, arial, sans-serif; list-style: none; margin: 0 0 1em 0; width: 100%; } .subsubnavul { float: left; list-style: none; margin: 0; padding: 0; width: 100%; } .subli { background: #fdf9f4; border-top: 1px solid #edeff6; float: left; line-height: 130%; padding: 0; width: 100%; } a.subnav { border-left: 1px solid #f4f3f2; display: block; padding: 0.5em 0 0.5em 12px; text-decoration: none; width: auto; } a.subsubnav { border-left: 1px solid #f4f3f2; display: block; padding: 0.5em 0 0.5em 22px; text-decoration: none; width: auto; } a.subnav:visited, a.subsubnav:visited { color: #d02d13; } a.subnav:hover, a.subsubnav:hover { background: #fff; border-left: 1px solid #4c12e1; color: #4c12e1; } a.subnav:focus, a.subsubnav:focus { color: #000; } body.article01 a#article01, body.article02 a#article02, body.article03 a#article03, body.article04 a#article04, body.article05 a#article05, body.article06 a#article06, body.article07 a#article07, body.article08 a#article08, body.article09 a#article09, body.article10 a#article10, body.article11 a#article11, body.article12 a#article12, body.article13 a#article13, body.article14 a#article14, body.article15 a#article15, body.article16 a#article16, body.article17 a#article17, body.article18 a#article18, body.article19 a#article19, body.article20 a#article20, body.articlebookbrief a#bookbrief, body.documents a#documents, body.knollwitnesses a#knollwitnesses, body.parkland a#parkland, body.sibertoneill a#sibertoneill, body.memokatzenbach a#memokatzenbach, body.lbjalsop a#lbjalsop, body.arnold a#arnold, body.memofbioswald a#memofbioswald, body.edgewood a#edgewood, body.memoliebeler a#memoliebeler, body.russellwarren a#russellwarren, body.ciacritics a#ciacritics, body.finckwounds a#finckwounds, body.memoburkley a#memoburkley, body.russell01 a#russell01, body.oswaldspeech a#oswaldspeech, body.patsyintro a#patsyintro, body.patsy01 a#patsy01, body.patsy02 a#patsy02, body.patsy03 a#patsy03, body.patsy04 a#patsy04, body.patsy05 a#patsy05, body.patsy06 a#patsy06, body.patsy07 a#patsy07, body.patsy08 a#patsy08, body.patsy09 a#patsy09, body.patsy10 a#patsy10, body.patsy11 a#patsy11, body.patsy12 a#patsy12, body.patsy13 a#patsy13, body.patsy14 a#patsy14, body.patsy15 a#patsy15, body.patsy16 a#patsy16, body.patsy17 a#patsy17, body.patsy18 a#patsy18, body.patsy19 a#patsy19, body.patsy20 a#patsy20, body.patsy21 a#patsy21, body.patsy22 a#patsy22, body.patsy23 a#patsy23, body.patsy24 a#patsy24, body.patsy25 a#patsy25, body.patsy26 a#patsy26, body.patsy27 a#patsy27, body.patsy28 a#patsy28, body.garrisonintro a#garrisonintro, body.garrison01 a#garrison01, body.garrison02 a#garrison02, body.garrison03 a#garrison03, body.garrison04 a#garrison04, body.garrison05 a#garrison05, body.garrison06 a#garrison06, body.garrison07 a#garrison07, body.garrison08 a#garrison08, body.garrison09 a#garrison09, body.garrison10 a#garrison10, body.garrison11 a#garrison11, body.garrison12 a#garrison12, body.garrison13 a#garrison13, body.lanebriefintro a#lanebriefintro, body.lanebrief01 a#lanebrief01, body.lanebrief02 a#lanebrief02, body.lanebrief03 a#lanebrief03, body.lanebrief04 a#lanebrief04, body.lanebrief05 a#lanebrief05, body.lanebrief06 a#lanebrief06, body.lanebrief07 a#lanebrief07, body.meaghernotes a#meaghernotes, body.meaghergivens a#meaghergivens, body.nordendeath01 a#nordendeath01, body.nordendeath02 a#nordendeath02, body.nordendeath03 a#nordendeath03, body.feinmanpreface a#feinmanpreface, body.feinman01a a#feinman01a, body.feinman01b a#feinman01b, body.feinman02 a#feinman02, body.feinman03a a#feinman03a, body.feinman03b a#feinman03b, body.feinman04a a#feinman04a, body.feinman04b a#feinman04b, body.feinman05a a#feinman05a, body.feinman05b a#feinman05b, body.feinman06a a#feinman06a, body.feinman06b a#feinman06b, body.feinman07 a#feinman07, body.feinman08a a#feinman08a, body.feinman08b a#feinman08b, body.feinman09 a#feinman09, body.feinman10 a#feinman10, body.feinman11 a#feinman11, body.feinman12a a#feinman12a, body.feinman12b a#feinman12b, body.feinman13 a#feinman13, body.feinman14 a#feinman14, body.billhicks a#billhicks, body.articleissues a#issues, body.articlebasic a#basic, body.articlealibi a#alibi, body.articletippit a#tippit, body.articlewhykilljfk a#whykilljfk, body.articlechicagoplot a#chicagoplot, body.articlewalker a#walker, body.articleruby a#ruby, body.articlewhereshoot a#whereshoot, body.articlesteps a#steps, body.articlewindow a#window, body.articlenaa a#naa, body.articleprints a#prints, body.articlemarksman a#marksman, body.articlecoverup a#coverup, body.articlenixon a#nixon, body.articleteeth a#teeth, body.articlestone01 a#stone01, body.articlestone02 a#stone02, body.articlebag a#bag, body.articlecurtainrods a#curtainrods, body.articlewhatthink a#whatthink, body.articlemagic a#magic, body.articlewcruby a#wcruby, body.articlelapel a#lapel, body.articlecommission a#commission, body.articletramps a#tramps, body.articlecaseagainst a#caseagainst, body.articlecasefor a#casefor, body.articleaccident a#accident, body.articletheory a#theory, body.articlechomsky a#chomsky, body.articlejoannides a#joannides, body.articlewhydeny a#whydeny, body.articlemediabad a#mediabad, body.articlece399 a#ce399, body.articlefairtrial a#fairtrial, body.articlewhywas a#whywas, body.articlevinson a#vinson, body.articlehandlee a#handlee, body.articlealibi a#alibi, body.articleprayerman a#prayerman, body.articlestop a#stop, body.articleprouty a#prouty { background: #fff url(images/subnavarrow01.png) 0 50% no-repeat; border-left: 1px solid #fff; color: #161515; cursor: default; } /* breadcrumbs */ #breadcrumbs { background: #f1d2b8; float: left; font-size: 90%; font-style: italic; line-height: 140%; width: 100%; } #maincrumbs { border-bottom: 1px solid #fff; margin: 0; padding: 0.2em 0.5em 0 0.5em; } .mobilecrumbs { margin: 0; padding: 0 0.5em 0.2em 0.5em; } #breadcrumbs a:hover { background: #fff; } /* footnotes */ #footnotes { float: left; width: 100%; } a.note:link { background: #fff; border: 1px solid #e3dfd0; margin: 0 0 0 0.2em; padding: 0 0.2em; text-decoration: none; } a.note:hover { border: 1px solid #bdbaaf; } #footnotediv { background: #f1e9e3; border: 1px solid #dcd6d2; color: #000; font-size: medium; line-height: 150%; padding: 0.6em 1em 0.8em 1em; } /* previous and next links */ .nextprevious { float: left; list-style: none; margin: 1em 0 0 0; padding: 0.5em 0; width: 100%; } .next, .prev { border-bottom: 0.7em solid #fff; padding: 0; } a.nexta:link, a.nexta:visited { background: #801807 url(images/next-white.png) 10px 50% no-repeat; color: #fff; display: block; padding: 0.4em 0 0.4em 70px; text-decoration: none; } a.preva:link, a.preva:visited { background: #801807 url(images/prev-white.png) 10px 50% no-repeat; color: #fff; display: block; padding: 0.4em 0 0.4em 70px; text-decoration: none; } a.nexta:hover, a.nexta:focus, a.preva:hover, a.preva:focus { background-color: #b52e17; text-decoration: underline; } /* footer */ #siteinfo { background: #e0800f; border-top: 5px solid #801807; border-bottom: 5px solid #801807; float: left; padding: 0 0 0.5em 0; position: relative; width: 100%; } #gotop { margin: 0 0 0.8em 10px; } a#gotopa:link, a#gotopa:visited { background: #f4f3f2 url(images/gotop01.png) 10px 50% no-repeat; background: rgba(255, 255, 255, 0.6) url(images/gotop01.png) 10px 50% no-repeat; color: #d02d13; float: left; padding: 0.1em 12px 0.2em 30px; text-decoration: none; } a#gotopa:hover, a#gotopa:focus { background: #fff url(images/gotop01.png) -181px 50% no-repeat; color: #4c12e1; text-decoration: underline; } .printonly { display: none; } #footername { background: #333; border-top: 3px solid #801807; border-bottom: 3px solid #801807; color: #fff; float: left; font: normal 180%/140% "oswald", "helvetica neue", helvetica, arial, sans-serif; letter-spacing: 0.01em; margin: 0.2em 0; padding: 0.3em 0; text-align: center; width: 100%; } #footerul { float: left; list-style: none; margin: 0; padding: 0 0 0.3em 0; width: 100%; } .footerli { display: inline; float: left; padding: 1em 0 0 10px; } a.footera:link, a.footera:visited { background: #801807; color: #f4f3f2; padding: 0.4em 0.6em; text-decoration: none; } a.footera:hover, a.footera:focus { background: #f4f3f2; color: #801807; } #designlink { float: left; font-size: 90%; font-style: italic; margin: 0.3em 0 0 10px; padding: 0.7em 0 0.6em 0; width: auto; } a#lab99link[href^="http:"]:link, a#lab99link[href^="https:"]:link, a#lab99link[href^="http:"]:visited, a#lab99link[href^="https:"]:visited { background: #801807 url(images/links06.png) 97% -115px no-repeat; border: 1px solid #801807; color: #f4f3f2; padding: 0.5em 24px 0.5em 6px; text-decoration: none; } a#lab99link[href^="http:"]:hover, a#lab99link[href^="https:"]:hover, a#lab99link[href^="http:"]:focus, a#lab99link[href^="https:"]:focus { background-color: #4877b2; border: 1px solid #fdf403; color: #fff; } a#lab99link[href^="http:"]:active, a#lab99link[href^="https:"]:active { background: url(images/links06.png) 100% 3px no-repeat; } #lab99logo { background: url(images/lab99-icon-20x20.png) 0 50% no-repeat; padding: 0.3em 0 0.3em 28px; } #cookiespassim { color: #fff; float: left; font-size: 90%; margin: 0.1em 0 0 0; text-align: center; width: 100%; } a#cookiespassima:link { color: #fff; text-decoration: underline; } a#cookiespassima:hover { color: #333; } body#sitemap li#footersitemap, body#privacy li#footerprivacy, body#about li#footerabout, body#contact li#footercontact, body#privacy #cookiespassim { display: none; } /* site map page */ .sitemaph2 { background: none; border: none; color: #3f59b0; font: normal 120%/140% "oswald", "helvetica neue", helvetica, arial, sans-serif; margin: 0.4em 0 0 0; padding: 0; } .sitemaph3 { font: normal 110%/140% "oswald", "helvetica neue", helvetica, arial, sans-serif; margin: 0.4em 0 0 0; } .sitemaph4 { font: normal 100%/140% "oswald", "helvetica neue", helvetica, arial, sans-serif; margin: 0.4em 0 0 0; } .sitemapp { margin: 0.2em 0 0 0; } /* book list page */ .booksimg { margin: 1em 0 0 0; } .booksul { margin-bottom: 1em; float: left; width: auto; } .bookinfo { float: right; margin: 0 0 1em 0; width: 100%; } .subhead { font-size: 80%; font-variant: small-caps; } /* contact form (old and new versions) */ .zemContactForm { border-top: 1px solid #f4ede4; border-top: 1px solid rgba(0, 0, 0, 0.1); float: left; margin: 1.5em 0 0 0; padding: 0.5em 0 0 0; width: 100%; } .comConnectForm { border-bottom: 2px solid #e0800f; float: left; margin: 0 0 2em 0; padding: 0 0 2em 0; width: 100%; } fieldset { border: 1px solid #fff; } legend { display: none; } .zemdiv, .form-p { margin: 1em 0 0 0; } #textarealabel { float: left; margin: 1em 0; width: 100%; } label.zemText, label.comText { float: left; padding: 0 0.5em 0 0; width: 90%; } label.zemTextarea, label.comTextarea { padding: 0; width: 100%; } input.zemText, input.comText, textarea { background: #fdf9f4; border: 1px solid #e0800f; font: 100%/150% "open sans", "helvetica neue", helvetica, arial, sans-serif; padding: 5px; width: 90%; } textarea { height: 150px; margin-top: 0.5em; } .zemSubmit, .comSubmit { background: #801807; border: 1px solid #801807; color: #fff; font-size: 100%; font-weight: bold; margin: 0 0 0 0.5em; padding: 0.5em 0.8em; width: auto; } .zemSubmit:hover, .zemSubmit:focus, .comSubmit:hover, .comSubmit:focus { background: #fff; border: 1px solid #801807; color: #801807; cursor: pointer; } input.zemText:hover, input.comText:hover, textarea:hover { background: #fff; border: 1px solid #801807; box-shadow: 0 0 5px #161515; } input.zemText:focus, input.comText:focus, textarea:focus, .zemSubmit:focus, .comSubmit:focus { background: #fff; border: 1px solid #801807; outline: 3px solid #801807; } .zemError, .comError { background: #fdf9f4; border-top: 1px solid #e0800f; border-bottom: 1px solid #e0800f; font-weight: bold; margin: 1em 0; padding: 0.5em 2em; } /* extra (below subnav and othernav) */ .extra { float: left; line-height: 160%; margin: 0 0 1em 0; padding: 0 0 0.5em 0; width: 100%; } .extrah2, .extraindexh3, #jfk-shirt-jacket-holes { border: none; margin: 0; padding: 0.4em 10px; } .extrah2, .extraindexh2, .extrah3 { width: auto; } .extrah3 { padding: 0; } .extraul, { padding: 0 0 1em 15px; width: auto; } a.imagelink:link { background: #edeff6; border: 1px solid #edeff6; display: block; height: 200px; margin: 0.5em 10px 1em 10px; padding: 4px; width: 230px; } a.imagelink:hover { border: 1px solid #4c12e1; } #booklist { list-style: none; margin: 0; } .booklistli { border-bottom: 2px solid #edeff6; border-top: 2px solid #edeff6; margin: 0 0 2px 0; padding: 0.2em 0 0.8em 0; } .booklistli:first-of-type { border-top: none; } .booklistli:last-of-type { border-bottom: none; } .booklistimg { float: left; margin: 0.8em 0; } .booklisth3 { font-size: 120%; margin: 0.5em 0 0 0; padding: 0; } .booklistp { margin: 0; padding: 0.3em 0 0.8em 0; } /* book sales page */ #bookmain { float: left; padding: 0.5em 0 1em 0; width: 100%; } #intro { font: 120%/160% "open sans", "helvetica neue", helvetica, arial, sans-serif; margin: 0.3em 0 0 0; } #formats { list-style: circle; margin: 0 0 0 15px; } .saleslinks { float: left; list-style: none; margin: 0 0 1em 0; padding: 0; width: 100%; } .saleslinksli { float: left; height: auto; line-height: 190%; margin: 0.6em 0 0 0; width: 100%; } a.saleslia:link, a.saleslia:visited { background: #801807; border: 1px solid #6b1406; color: #fff; height: auto; line-height: 140%; margin: 0; padding: 0.3em 0.5em; text-decoration: none; } a.saleslia:hover, a.saleslia:focus { background: #b52e17; border: 1px solid #8c2312; color: #fff; text-decoration: underline; } .salesaspan { font-size: 95%; } #paypalcards { margin: 0 0 1.5em 0; } #paypalcardsextra { margin: -1em 0 1em 0; } /* book plugs, before and after main text */ #bookplug { background: #fff; border-top: 5px solid #e0800f; border-bottom: 5px solid #e0800f; float: left; line-height: 160%; margin: 0 0 1.5em 0; padding: 0 0 0.5em 0; width: 100%; } #bookplugafter { background: #fff; border-top: 5px solid #e0800f; border-bottom: 5px solid #e0800f; float: left; line-height: 160%; margin: 1em 0; padding: 0 0 0.8em 0; width: 100%; } #bookplugh2, #bookplugindexh3,#bookplugafterh2, #bookplugafterindexh3 { background: #fff; border: none; color: #801807; float: left; font: normal 150%/140% "oswald", "helvetica neue", helvetica, arial, sans-serif; margin: 0.6em 0 0.4em 0; padding: 0; width: 100%; } #bookplugcover { margin: 0 1.2em 0.2em 0; } #bookplugaftercover { margin: 0.4em 1.2em 0.2em 0; } #summary { border-bottom: 1px dotted #e0800f; float: left; margin: 0 0 1em 0; padding: 0 0 0.6em 0; width: 100%; } .findout { float: left; margin: 0.8em 0 0.5em 0; width: auto; } a.findouta:link, a.findouta:visited { background: #801807; border: 1px solid #6b1406; display: block; color: #fff; padding: 0.3em 15px 0.3em 18px; text-decoration: none; width: auto; } a.findouta:hover { background: #b52e17; border: 1px solid #8c2312; color: #fff; padding: 0.3em 15px 0.3em 18px; text-decoration: underline; } a.findouta:focus { background: #000; border: 1px solid #000; } .findoutaspan { background: transparent url(images/arrow-white-6x9.png) 100% 50% no-repeat; color: #fff; padding: 0 25px 0 0; } /* multiple Amazon links, not currently in use: */ .minilinks { float: left; font-size: 105%; list-style: none; margin: 0.8em 0 0.2em 0; width: auto; } .minilinksli { float: left; margin: 0 0.5em 0 0; padding: 0 0 0.5em 0; } .minilinksli:last-of-type { margin: 0; } a.minilinksa:link, a.minilinksa:visited { background: #801807; border: 1px solid #6b1406; color: #fff; display: block; float: left; letter-spacing: 0.02em; padding: 0.3em 0.5em; text-decoration: none; } a.minilinksa:hover, a.minilinksa:focus { background: #b52e17; border: 1px solid #8c2312; color: #fff; text-decoration: underline; } /* .extra-book (sidebar, below navs in two-column layout) */ .extra-book { background: #f9f9f9; border-bottom: 5px solid #e0800f; float: left; line-height: 160%; margin: 0 0 2em 0; padding: 0 0 0.5em 0; width: 100%; } .extrabookh2, .extrabookindexh3 { background: #e0800f; border: none; color: #000; font-size: 145%; margin: 0; padding: 0.4em 10px; width: auto; } .extrabookh3, .extrabookindexh4 { background: #fff; border-top: 4px solid #801807; border-bottom: 4px solid #801807; color: #801807; margin: 0.8em 0 0.5em 0; padding: 0.3em 0; } #coverpadding { float: left; padding: 1.5em 0 1.3em 0; width: 100%; } #findoutextra { margin: 0.8em 0 0.5em 0; padding: 0; } .extrabookul { float: left; margin: 0.4em 0 0 4%; padding: 0 0 1em 0; width: 96%; } .extrasaleslinks { float: left; list-style: none; font-size: 105%; margin: 0 0 1em 0; padding: 0; width: 100%; } .extrasaleslinksliusa, .extrasaleslinksliuk, .extrasaleslinkslieu, .extrasaleslinkslica, .extrasaleslinksliaus, .extrasaleslinkslide { float: left; margin: 0; padding: 0.8em 0; width: 100%; } a.extralia:link, a.extralia:visited { background: #801807; border: 1px solid #6b1406; color: #fff; height: auto; line-height: 140%; margin: 0; padding: 0.3em 0.5em; text-decoration: none; } a.extralia:hover, a.extralia:focus { background: #b52e17; border: 1px solid #8c2312; color: #fff; text-decoration: underline; } .google-play-p { float: left; width: 100%; } a.google-play-a:link { background: transparent; display: block; float: left; margin: 0 0 1em 0; padding: 3px; text-decoration: none; } a.google-play-a:hover { background: #b52e17; } /* slimbox (on Single-Bullet Theory page) */ #lbOverlay { background-color: #000; cursor: pointer; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; } #lbCenter, #lbBottomContainer { background-color: #fff; overflow: hidden; position: absolute; z-index: 9999; } .lbLoading { background: #fff url(images/loading.gif) center no-repeat; } #lbImage { background-repeat: no-repeat; border: 10px solid #fff; left: 0; position: absolute; top: 0; } #lbPrevLink, #lbNextLink { display: block; outline: none; position: absolute; top: 0; width: 50%; } #lbPrevLink { left: 0; } #lbPrevLink:hover { background: transparent url(images/prevlabel02.png) 0 15% no-repeat; } #lbNextLink { right: 0; } #lbNextLink:hover { background: transparent url(images/nextlabel02.png) 100% 15% no-repeat; } #lbBottom { border: 10px solid #fff; border-top-style: none; color: #292727; font: 90%/140% "open sans", "helvetica neue", helvetica, arial, sans-serif; text-align: left; } #lbCloseLink { background: transparent url(images/closelabel02.png) center no-repeat; display: block; float: right; height: 22px; margin: 5px 0; outline: none; width: 66px; } #lbCaption, #lbNumber { margin-right: 71px; } /* table */ table { background: #fdf9f4; border-top: 5px solid #f4ede4; border-bottom: 5px solid #f4ede4; float: left; margin: 0.8em 0; padding: 0; text-align: center; width: 100%; } caption { background: #edeff6; background: rgba(63, 89, 176, 0.1); color: #3f59b0; font-size: 130%; font-weight: normal; margin: 0 0 5px 0; padding: 0.5em 1em; text-align: left; } tbody tr:hover { background: #fff; color: #000; } th { border-bottom: 5px solid #f4ede4; font-weight: bold; padding: 0.5em 0; } td { border-bottom: 2px solid #f4ede4; padding: 5px 7px; } /* ============= MEDIA QUERIES: more processing-intensive CSS, layouts for larger screens, and print-only layout ============= */ /* MIN-WIDTH 350px: minor enhancements, for mobiles with non-tiny screens */ @media all and (min-width: 350px) { #cookies { width: 290px; } #searchimage { background: url(images/by-310x30.jpg) 0 0 no-repeat; float: left; padding: 40px 0 0 0; width: 100%; } #searchbox { width: 308px; } #box { font-size: 100%; padding: 0 5px; width: 238px; } .submit { width: 60px; } .minilinksaspan { background: transparent url(images/arrow-white-6x9.png) 2px 50% no-repeat; padding: 0 2px 0 14px; } /* arrow before text, in .extra-book links and currently unused #bookplug links */ .salesaspan { background: transparent url(images/arrow-white-6x9.png) 100% 50% no-repeat; padding: 0 18px 0 0; } /* arrow after text, in book sales page */ .extrasaleslinks { margin: 0 0 0.3em 0; padding: 0 0 1.5em 0; } .extrasaleslinksliusa, .extrasaleslinksliuk, .extrasaleslinkslieu, .extrasaleslinkslica, .extrasaleslinksliaus, .extrasaleslinkslide { background: url(images/flags-32x480.png) 0 1px no-repeat; border-top: none; height: 40px; line-height: 40px; margin: 0.4em 0 0 0; padding: 0 0 0 40px; min-width: 240px; width: auto; } .extrasaleslinksliuk { background: url(images/flags-32x480.png) 0 -39px no-repeat; } .extrasaleslinkslieu { background: url(images/flags-32x480.png) 0 -79px no-repeat; } .extrasaleslinkslica { background: url(images/flags-32x480.png) 0 -119px no-repeat; } .extrasaleslinksliaus { background: url(images/flags-32x480.png) 0 -159px no-repeat; } .extrasaleslinkslide { background: url(images/flags-32x480.png) 0 -280px no-repeat; } /* not currently in use: .extrasaleslinkslinz { background: url(images/flags-32x480.png) 0 -196px no-repeat; } .extrasaleslinksliza { background: url(images/flags-32x480.png) 0 -236px no-repeat; } .extrasaleslinkslies { background: url(images/flags-32x480.png) 0 -316px no-repeat; } .extrasaleslinkslifr { background: url(images/flags-32x480.png) 0 -356px no-repeat; } .extrasaleslinksliit { background: url(images/flags-32x480.png) 0 -396px no-repeat; } .extrasaleslinkslinl { background: url(images/flags-32x480.png) 0 -436px no-repeat; } #extrausa, #extrappusa { background: url(images/flags-32x480.png) 0 1px no-repeat; } #extrauk, #extrappuk { background: url(images/flags-32x480.png) 0 -39px no-repeat; } #extraeu, #extrappeu { background: url(images/flags-32x480.png) 0 -79px no-repeat; } #extraca, #extrappca { background: url(images/flags-32x480.png) 0 -119px no-repeat; } #extraaus, #extrappaus { background: url(images/flags-32x480.png) 0 -159px no-repeat; } #extranz, #extrappnz { background: url(images/flags-32x480.png) 0 -196px no-repeat; } #extraza, #extrappza { background: url(images/flags-32x480.png) 0 -236px no-repeat; } #extrade, #extrappde { background: url(images/flags-32x480.png) 0 -276px no-repeat; } #extraes, #extrappes { background: url(images/flags-32x480.png) 0 -316px no-repeat; } #extrafr, #extrappfr { background: url(images/flags-32x480.png) 0 -356px no-repeat; } #extrait, #extrappit { background: url(images/flags-32x480.png) 0 -396px no-repeat; } #extranl, #extrappnl { background: url(images/flags-32x480.png) 0 -436px no-repeat; } */ a.extralia:link, a.extralia:visited { height: 40px; line-height: 40px; margin: 0.8em 0 0.5em 0; } a.extralia:hover, a.extralia:focus { background: #b52e17; } #intro { font: 120%/160% "open sans", "helvetica neue", helvetica, arial, sans-serif; margin: 0.3em 0 0 0; } #bookmaincover { margin: 1.2em 0 1.5em 0; } #bookcoverdisplay { margin: 0.2em 0 1.5em 0; } a.saleslia:link, a.saleslia:visited { background: #801807; border: 1px solid #6b1406; color: #fff; margin: 0.8em 0 0.5em 0.3em; padding: 0.4em 1em; } a.saleslia:hover, a.saleslia:focus { background: #b52e17; border: 1px solid #8c2312; color: #fff; } .salesaspan { background: transparent url(images/arrow-white-6x9.png) 100% 50% no-repeat; padding: 0 18px 0 0; } #lbCenter { border-top-right-radius: 5px; border-top-left-radius: 5px; } #lbBottomContainer { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } } /* end of @media min-width: 350px */ /* MIN-WIDTH 600px: books page only */ @media all and (min-width: 600px) { .booksimg { margin: 1em 0 1.5em 0; } .bookinfo { float: left; width: 300px; } } /* end of @media min-width: 600px */ /* MIN-WIDTH 630px: further minor enhancements, for larger mobile devices with more processing oomph */ @media all and (min-width: 630px) { #sitename { font-size: 160%; } #content { padding: 0.8em 0 1em 0; } h1, h2 { background: rgba(63, 89, 176, 0.1); border-top: 1px solid rgba(63, 89, 176, 0.2); border-bottom: 1px solid rgba(63, 89, 176, 0.2); } a#navindex, a#navoswald, a#navframed, a#navverdict, a#navreading, a#navother, a#navbook { background: linear-gradient(#8c2312, #6b1406); border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 3px; font-size: 95%; } a#navindex:hover, a#navoswald:hover, a#navframed:hover, a#navverdict:hover, a#navreading:hover, a#navother:hover, a#navbook:hover, body#index a#navindex, body#oswald a#navoswald, body#framed a#navframed, body#verdict a#navverdict, body#reading a#navreading, body#other a#navother, body#book a#navbook { text-shadow: none; } .subli { border-top: 1px solid rgba(0, 0, 0, 0.1); } a.subnav, a.subsubnav { border-left: 1px solid rgba(0, 0, 0, 0.1); } a.note, #footnotediv, a.nexta:link, a.nexta:visited, a.preva:link, a.preva:visited, a#lab99link[href^="http:"]:link, a#lab99link[href^="https:"]:link, a#lab99link[href^="http:"]:visited, a#lab99link[href^="https:"]:visited, a.footera:link, a.footera:visited, input.zemText, input.comText, textarea, .zemSubmit, .comSubmit, caption { border-radius: 3px; } .booklistli { margin: 0 10px 2px 10px; } a.saleslia:link, a.saleslia:visited, a.extralia:link, a.extralia:visited, a.findouta:link, a.findouta:visited, a.minilinksa:link, a.minilinksa:visited { background: linear-gradient(#8c2312, #6b1406); border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); text-shadow: 1px 1px 1px #161515; } a.saleslia:hover, a.saleslia:focus, a.extralia:hover, a.extralia:focus, a.findouta:hover, a.findouta:focus, a.minilinksa:hover, a.minilinksa:focus { background: #b52e17; border: 1px solid #8c2312; color: #fff; text-decoration: underline; } a.footera, a.nexta, a.preva { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); } a.footera { text-shadow: 1px 1px 1px #161515; } a.footera:hover, a.footera:focus { text-shadow: none; } a#lab99link[href^="http:"]:link, a#lab99link[href^="https:"]:link, a#lab99link[href^="http:"]:visited, a#lab99link[href^="https:"]:visited { text-shadow: 1px 1px 1px #222; } #bookplug { padding: 0 0 1em 0; } #bookmain { float: left; width: 580px; } #formats { background: #f4ede9; display: flex; justify-content: center; list-style: none; margin: 0.5em 0 0 0; padding: 0.5em 0; } .format { padding: 0 10px; } .format:nth-of-type(2) { background: #fff; } .formatsh3 { margin: 0.2em 0 0 0; } #bookmaincover, #bookcoverdisplay, #bookplugcover, #bookplugaftercover, #extracover { box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); } .extrabookh2, .extrabookindexh3 { background: radial-gradient(circle, #dea14a, #e0800f); } .extrasaleslinks { margin: 0.5em 0 0 0; } .saleslinks { list-style: none; margin: 0.5em 0 2em 0; padding: 0; } .saleslinksli { height: 46px; line-height: 46px; margin: 0; padding: 0 0 0 40px; width: 530px; } #salesusa, #salespbusa, #saleskusa, #salesepubusa { background: url(images/flags-32x480.png) 0 2px no-repeat; } #salesuk, #salespbuk, #saleskuk, #salesepubuk { background: url(images/flags-32x480.png) 0 -38px no-repeat; } #saleseu, #salespbeu, #saleskeu, #salesepubeu { background: url(images/flags-32x480.png) 0 -78px no-repeat; } #salesca, #salespbca, #saleskca, #salesepubca { background: url(images/flags-32x480.png) 0 -118px no-repeat; } #salesaus, #salespbaus, #saleskaus, #salesepubaus { background: url(images/flags-32x480.png) 0 -158px no-repeat; } #salesnz, #salespbnz, #salesknz, #salesepubnz { background: url(images/flags-32x480.png) 0 -198px no-repeat; } #salesza, #salespbza, #saleskza, #salesepubza { background: url(images/flags-32x480.png) 0 -238px no-repeat; } #salesde, #salespbde, #saleskde, #salesepubde { background: url(images/flags-32x480.png) 0 -278px no-repeat; } #saleses, #salespbes, #saleskes, #salesepubes { background: url(images/flags-32x480.png) 0 -318px no-repeat; } #salesfr, #salespbfr, #saleskfr, #salesepubfr { background: url(images/flags-32x480.png) 0 -358px no-repeat; } #salesit, #salespbit, #saleskit, #salesepubit { background: url(images/flags-32x480.png) 0 -398px no-repeat; } #salesnl, #salespbnl, #salesknl, #salesepubnl { background: url(images/flags-32x480.png) 0 -438px no-repeat; } #paypalcards { margin: -1.5em 0 0 0; } a.google-play-a { border-radius: 7px; margin: 0 0 1em 15px; } a#gotopa:link, a#gotopa:visited { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .mob-chop { display: inline; } } /* end of @media min-width: 630px */ /* MIN-WIDTH 970px: first two-column layout: #minor now next to #content; mobile crumbs disappear; white background */ @media all and (min-width: 970px) { #sitename { font: normal 200%/140% "oswald", "helvetica neue", helvetica, arial, sans-serif; } #content { max-width: 580px; } #minor { font-size: 95%; padding: 0.8em 0 0 0; width: 310px; } #breadcrumbs { line-height: 170%; } #maincrumbs { border-bottom: none; padding: 0 0.5em; } .mobilecrumbs { display: none; } #nav { border-top: 2px solid #6f1506; } #subnav, #othernav { width: 310px; } .subnavul { border-right: 5px solid #edeff6; width: 305px; } .subsubnavul { width: 305px; } a.subnav { padding: 0.4em 0 0.4em 12px; width: 292px; } a.subsubnav { padding: 0.3em 0 0.3em 24px; width: 280px; } .extra { border: 5px solid #edeff6; border-top: none; width: 300px; } .extraul { padding: 0 15px; } .extrah3, .extrap, .extrabookp { padding: 0 15px; word-wrap: break-word; } .extra-book { border: 5px solid #e0800f; border-top: none; border-radius: 5px; margin: 0 10px 1em 0; width: 300px; } .extrabookh3, .extrabookindexh4 { padding: 0.3em 15px; } .extrabookul { margin: 0.4em 0 0 25px; padding: 0 15px 1em 15px; width: auto; } #coverpadding { float: left; padding: 1.3em 15px; width: 270px; } #findoutextra { margin: 0.8em 0 0.5em 10px; } .extrasaleslinks { font-size: 95%; margin: 0 0 0.3em 0; padding: 0 0 1em 15px; width: 290px; } #paypalcardsextra { margin: -0.5em 0 0.5em 15px; } #bookplugafter { display: none; } .comConnectForm { border-bottom: none; margin: 0; } label.zemText, label.comText { width: 110px; } input.zemText, input.comText { width: 448px; } textarea { width: 568px; } blockquote { border: 1px solid #ede6e2; border-left: 5px solid #d7c9bf; border-top-right-radius: 3px; border-bottom-right-radius: 3px; padding: 0 10px 0.8em 20px; width: 544px; } dl { width: 544px; } dt { padding: 0 10px 0 0; text-align: right; width: 125px; } dd { width: 399px; } } /* end of @media min-width: 970px */ /* MIN-WIDTH 1080px: laptop/desktop layout: two columns enclosed by borders; grey background */ @media all and (min-width: 1080px) { body { background: #8f8c8c; } #inner { border-top: 5px solid #801807; max-width: 100%; width: 1070px; } #header { background: radial-gradient(circle, #dea14a, #e0800f); border-left: 50px solid #e0800f; border-right: 50px solid #e0800f; width: 970px; } #main { border-left: 50px solid #cf8447; border-right: 50px solid #cf8447; width: 970px; } #content { padding: 1em 0 1em 30px; } #minor { border-right: 20px solid #fff; padding: 1em 0 0 0; } #sitename { border: 1px solid #bf7925; border-left: none; border-radius: 3px; float: left; margin: 0.8em 0; padding: 0.1em 0; text-align: left; width: 969px; } #sitenamespan { background: #333; background: radial-gradient(circle, #444, #000); border: 3px solid #801807; border-radius: 3px; box-shadow: 1px 1px 5px #333; float: none; margin: 0 15px 0 -1px; padding: 0.3em 27px; text-shadow: 1px 1px 1px #000; width: auto; } h1 { background: #edeff6; background: rgba(63, 89, 176, 0.1); border: 1px solid #3f59b0; border: 1px solid rgba(63, 89, 176, 0.5); border-radius: 3px; margin: 0 0 0.6em -60px; padding: 0.4em 10px 0.4em 60px; text-shadow: 1px 1px 1px #fff; } h2 { border: 1px solid #c8d2f1; border: 1px solid rgba(63, 89, 176, 0.2); border-radius: 3px; margin: 0.8em 0 0 -60px; padding: 0.3em 10px 0.3em 60px; text-shadow: 1px 1px 1px #fff; } .extrah2, .extraindexh2, .bookdetailsh2, #bookplugh2, #bookplugindexh3, .extrah3, .extraindexh3, .extrabookh3, .extrabookindexh3, .booklisth3, .extrabookindexh4 { text-shadow: none; } #subnavhead, #othernavhead, #subnavheadh3, .extrabookh2 { border: none; border-radius: 0; text-shadow: none; } #nav { border-bottom: 10px solid #cf8447; padding: 4px 50px 0 50px; width: 970px; } .navli { max-width: 100%; padding: 0; } a#navindex, a#navoswald, a#navframed, a#navverdict, a#navreading, a#navother, a#navbook { border-bottom: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin: 0 5px 0 0; padding: 0.4em 0; text-shadow: 1px 1px 1px #000; } a#navindex { width: 70px; } a#navoswald { width: 256px; } a#navframed { width: 163px; } a#navverdict { width: 100px; } a#navreading { width: 128px; } a#navother { width: 105px; } a#navbook { margin: 0; width: 104px; } a#navindex:hover, a#navoswald:hover, a#navframed:hover, a#navverdict:hover, a#navreading:hover, a#navother:hover, a#navbook:hover { background: #f4f3f2; border: 1px solid #b57c4e; border: 1px solid rgba(255, 255, 255, 0.4); border-bottom: none; } body#index a#navindex, body#index a#navindex:hover, body#oswald a#navoswald, body#oswald a#navoswald:hover, body#framed a#navframed, body#framed a#navframed:hover, body#verdict a#navverdict, body#verdict a#navverdict:hover, body#reading a#navreading, body#reading a#navreading:hover, body#other a#navother, body#other a#navother:hover, body#book a#navbook, body#book a#navbook:hover { background: #cf8447; border: 1px solid #b5864e; border-bottom: none; } #breadcrumbs { border-top: 2px solid #c48167; border-bottom: 10px solid #cf8447; line-height: 130%; padding: 0 30px; width: 910px; } #maincrumbs { border-bottom: none; padding: 0.4em 0 0.3em 0; } #siteinfo { padding: 0 50px 0.5em 50px; width: 970px; } #gotop { margin: 0 0 0.8em 0; } #designlink { margin: 0.5em 0 0 0; width: 945px; } #footername { background: #333; background: radial-gradient(circle, #444, #000); border: 3px solid #801807; border-radius: 3px; margin: 0 20px 0 -1px; padding: 0.3em 27px; position: absolute; right: 30px; text-shadow: 1px 1px 1px #000; top: 1em; width: auto; } #footerul { padding: 0; } .footerli { padding: 1em 0.5em 0 0; } #cookiespassim { float: left; text-align: left; width: 100%; } #bookplug { background: #f9f9f9; border: 5px solid #e0800f; border-radius: 5px; padding: 0 20px 1em 20px; width: 530px; } #bookplugh2, #bookplugindexh3, #bookplugafterh2, #bookplugafterindexh3 { background: #f9f9f9; } } /* end of @media min-width: 1080px */ /* MIN-WIDTH 1280px: wide-screen layout */ @media all and (min-width: 1280px) { body { font-size: 120%; } #inner { width: 1270px; } #header, #main { width: 1170px; } #content { max-width: 710px; padding: 1em 0 1em 30px; } #minor { border-right: 30px solid #fff; padding: 1em 0 0 0; width: 360px;} #sitename { width: 1169px; } #nav { padding: 6px 50px 0 50px; width: 1170px; } a#navindex { width: 93px; } a#navoswald { width: 305px; } a#navframed { width: 198px; } a#navverdict { width: 125px; } a#navreading { width: 165px; } a#navother { width: 130px; } a#navbook { width: 110px; } #breadcrumbs { width: 1110px; } #siteinfo { width: 1170px; } a#lab99link[href^="http:"]:link, a#lab99link[href^="https:"]:link, a#lab99link[href^="http:"]:visited, a#lab99link[href^="https:"]:visited { padding: 0.3em 26px 0.3em 9px; } #bookplug { padding: 0 25px 0.5em 25px; width: 650px; } #bookplugafter { padding: 0 25px; width: 650px; } #bookplugcover { margin: 0.3em 30px 0.5em 0; } #bookplugaftercover { margin: 0.4em 30px 0.2em 0; } #subnav, #othernav { width: 360px; } .subnavul, .subsubnavul { width: 355px; } a.subnav { width: 342px; } a.subsubnav { width: 330px; } .extra, .extra-book { width: 350px; } #coverpadding { padding: 1em 0 1.3em 17px; width: 333px; } .saleslinksli { margin: 0.4em 0 0 0; } .extrasaleslinks { width: 340px; } .extrasaleslinksliusa, .extrasaleslinksliuk, .extrasaleslinkslieu, .extrasaleslinkslica, .extrasaleslinksliaus { margin: 0.6em 0 0 0; width: 270px; } label.zemText, label.comText { width: 120px; } input.zemText, input.comText { width: 568px; } textarea { width: 698px; } #cookies { width: 340px; } #searchimage { background: url(images/by-360x30.jpg) 0 0 no-repeat; } #searchbox { width: 358px; } #box { font-size: 90%; padding: 0 10px; width: 262px; } .submit { width: 74px; } blockquote, dl { width: 674px; } dt { width: 155px; } dd { width: 499px; } #hoverjs { width: 278px; } .bookinfo { width: 450px; } } /* end of @media min-width: 1280px */ /* PRINT only */ @media print { body { background: #fff; color: #000; font: small/170% georgia, serif; } @page { margin: 2cm 1cm; } #inner { border-top: none; margin: 0 auto; width: 100%; } #header { background: #fff; border: none; height: auto; width: 100%; } #main { border: none; width: 100%; } #content { margin: 0; padding: 0; width: 100%; } #minor { border: none; margin: 0; width: 100%; } #siteinfo { background: #fff; border: none; padding: 0; width: 100%; } a:link { color: #000; text-decoration: none; } a:visited { color: #000; } a[href^="http:"]:link, a[href^="https:"]:link, a[href^="http:"]:visited, a[href^="https:"]:visited { background: none; padding: 0; } #sitename { background: #fff; border-bottom: 1px solid #000; color: #000; font: bold 150%/140% georgia, serif; height: auto; margin: 0 0 1em 0; padding: 0 0 1em 0; text-indent: 0; width: 100%; } #sitenamespan { background: #fff; border: none; color: #000; margin: 0; padding: 0; } h1, #indexh2 { background: #fff; border: none; color: #000; font: bold 180%/140% "helvetica neue", helvetica, arial, sans-serif; padding: 0; width: 100%; } h2, .indexh3 { background: #fff; border: none; border-radius: 0; color: #000; font: bold 130%/140% "helvetica neue", helvetica, arial, sans-serif; padding: 0; page-break-after: avoid; width: 100%; } h3, .indexh4 { color: #000; font: bold 100%/140% georgia, serif; page-break-after: avoid; width: 100%; } p { orphans: 2; widows: 2; } dl { margin: 0.3em 0; padding: 0; width: 100%; } dt { padding: 0; width: 15%; } dd { width: 84%; } img { page-break-inside: avoid; } abbr, h1 abbr, h2 abbr, h3 abbr, a:link abbr { border-bottom: none; } blockquote { background: #fff; border: none; padding: 0 0 0 5%; width: 95%; } #footnotes { border-top: 1px dotted #000; margin: 2em 0 0 0; } a.note { background: #fff; border: 1px solid #666; color: #000; font: 80% arial, sans-serif; } .printonly { border-top: 1px dotted #000; color: #000; display: block; font: small 120%/140% "helvetica neue", helvetica, arial, sans-serif; margin: 2em 0 0 0; padding: 1em 0 0 0; width: 100%; } #skipnav, #cookies, #nav, #breadcrumbs, #bookplug, #bookplugafter, #searchimage, #searchonly, #subnav, #othernav, .extra-book, .extra, #gotop, #footerul, #designlink, #footername, #cookiespassim, .noprint, noscript, .nextprevious { display: none; } #holes.extra { display: block; border: none; font-size: 110%; margin: 1em 0 0 0; width: 100%; } #jfk-shirt-jacket-holes, .extrah3, .extrap { padding: 0; } .extraul { padding: 0 0 0 20px; } } /* end of @media print styles */