/* /NNmmNmy: :hNNNNh- `odNNNNh: mNNNNNNNN+ +MN `+MM:/MN- :MM: yMd` oMN``..+MM...` +MN `MM/mMs hMh hMm- `` /MM +MN++omMh`MM+ sMm `smMNhs/` /MM MMMMMMMM +MN+++/. NM+ sMm .:odMN- /MM MMMMMMMM +MN hMh dMs dd/ `NM+ /MM +MN .mMs//yMd` oMNo//yMm. /MM -oo `/osso:` -+ssso:` -oo ...` ....... .........``.. ........ ... `---.` .........` `mNNh dNmhhhNmo.dddmNNddd-oNd -NNddddds oNNN: `yNdyymmo`dddmNNddd: sMsmM: dMs```/MM-```yMd``` oMm -MM-````` .NNoMd yMh` :MM:```sMm``` .NN.+Md dMs `+MN. yMh oMm -MM:....` sMs`mM/ `NM/ --` oMm yMs `NM/ dMNddmMd: yMh oMm -MMddddd:-MN. oMd `MM: oMm :MMs++dMm dMy...yMd yMh oMm -MM-`````hMm++oMM/`MM/ //. oMm dMhooooNM/ dMs /MM` yMh oMm -MM. :MMoooohMm`dMy -MM- oMm /MN. sMm`dMs -MM- yMh oMm -MM. `mMy .NM+-dNhosmNo oMm -:: `::`-:. ::. -:- .:: `::` `::` -:- `-/++:. .:: .::::::-` .:/+/-` -/++/- `:: ::- .:/+/:` +MMssydNd. +mmsoyNd- `yNdosdNy`/MM `sMd-`sNdsohMm- +MN .MM/-MM- sMm sMd` `mMo/MM -dMy` -MM- sh/ +MN--:sNd.oMm -MM-NMo sMd/MM+NM+ .mMd+-.` +MMyyydNy.sMd .MM:NM+ oMm/MMMNMs` `/ydmmds. +MN `hMhoMN :MM.mMs yMd/MM+.dMy` .-- .-dMd +MN `.dMh.NM/ `yMh oMm. -NM+/MM .hMh./MN- `sMm +NNyyhdms. :dmhydmy. omdyhmm+ :NN `hNh.smmhyhmh- `-----.` .---. `----` `-- `--` `----. -+oo/` /ooooo+-` +o: `oo`-oooooo/. oo- :o+ .+ssso/` :o+ +o- /o: /oo: -o+ `/osso:` +Ny:+Md hMd/+omMy mMo .MM-+MN//+hMm- MM/ sMd /NN+:/dMh sMd mMo hMy yMMN. /Mm .dMs//yMh` +Mh.+Md hMy :MM.mMo .MM-+MN `MM/ MM/ sMd dMh` .oo sMd mMo hMy yMdNd` /Mm yMh yh- `yMNNo` hMh..-yMd`mMo .MM-+MN+++hMy` MM/ sMd /mMho/.` sMNssssNMo hMy yMy+My /Mm NM+ ````` :dNsdNo`:y: hMNdddho. mMo .MM-+MM++oyNh- MM/ sMd ./ohmNms`sMm++++NMo hMy yMy yM+/Mm MM+ -hhmm+ .NM- `sMhdN- hMy mMo .MM-+MN yMd MM/ sMd ++. :MM/sMd mMo hMy yMy `dNyMm mMs ``mMo .NMo.`.yMMy hMy yMd.``oMN`+MN```-mMy MM+..... sMd dMh.``:MM:sMd mMo hMy yMy -NMMm oMm-``/NMo -ymmdmh+hmo yNs `smmddmh- /Nmdddmh+` mNmmmmmm`oNh .smmddmh/ oNh dN+ yNs sNs /NNd +dmddhoN+ */ article { float: left; width: 100%; clear: both; color: #333; font-size: 1.6em; } article p { margin-bottom: 1em; line-height: 1.4em; } article sup { height: 0; line-height: 1; bottom: 1em; } article sup a { color: #aaa; } article .sc { font-size: .85em; font-variant: small-caps; } article h2 { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; font-size: 28px; border-bottom: 3px solid #000; margin-top: 100px; margin-bottom: 40px; padding-bottom: 10px; display: block; margin-left: -195px; width: 890px; } article h3 { font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Georgia, Times, serif; text-transform: uppercase; font-size: .9em; letter-spacing: 1px; font-weight: bold; } article blockquote { margin-left: 30px; margin-bottom: 1em; font-style: italic; } article blockquote.pullquote { float: left; width: 310px; color: #666; text-align: right; margin-left: -260px; margin-top: -7px; margin-right: 20px; font-size: 1.5em; line-height: 1.4em; } article blockquote.pullquote.small { width: 230px; margin-left: -250px; margin-right: 0px; text-align: right; } #post_artifact h1 { background: transparent url(/journal/images/post_artifact/h1.png) top left no-repeat; width: 1016px; height: 435px; display: block; overflow: hidden; text-indent: -9999px; margin-left: 11px; margin-top: 120px; margin-bottom: 30px; } #post_artifact cite.head { margin-left: 468px; margin-bottom: 150px; display: block; font-style: italic; font-size: 1em; } #post_artifact cite.head a { text-transform: uppercase; font-style: normal; } #post_artifact h2#section_1 { display: block; height: 36px; width: 300px; overflow: hidden; text-indent: -9999px; background: transparent url(/journal/images/post_artifact/h2-thebook.png) top left no-repeat; border: 0px; margin-bottom: 10px; } #post_artifact h2#section_2 { display: block; height: 36px; width: 300px; overflow: hidden; text-indent: -9999px; background: transparent url(/journal/images/post_artifact/h2-pre-artifact.png) top left no-repeat; border: 0px; margin-bottom: 10px; } #post_artifact h2#section_3 { display: block; height: 36px; width: 700px; overflow: hidden; text-indent: -9999px; background: transparent url(/journal/images/post_artifact/h2-thefall.png) top left no-repeat; border: 0px; margin-bottom: 10px; } #post_artifact h2#section_4 { display: block; height: 36px; width: 500px; overflow: hidden; text-indent: -9999px; background: transparent url(/journal/images/post_artifact/h2-post-artifact.png) top left no-repeat; border: 0px; margin-bottom: 10px; } #post_artifact h2#section_5 { display: block; height: 36px; width: 500px; overflow: hidden; text-indent: -9999px; background: transparent url(/journal/images/post_artifact/h2-futurebooks.png) top left no-repeat; border: 0px; margin-bottom: 10px; } #post_artifact #welcome { font-size: 1.4em; margin-left: 75px; margin-right: 40px; margin-bottom: 120px; width: 750px; } #post_artifact #welcome blockquote { margin-left: 75px; margin-bottom: 0px; width: 750px; height: 180px; text-indent: -9999px; overflow: hidden; background: transparent url(/journal/images/post_artifact/battles_quote.png) top left no-repeat; } #post_artifact #welcome cite { margin-left: 275px; font-size: .8em; color: #666; } #post_artifact #toc { width: 890px; margin-left: 75px; margin-bottom: 100px; float: left; /*background: transparent url(/journal/images/post_artifact/toc-bg2.jpg) top left no-repeat;*/ background-color: #f7f7f7; border-radius: 5px; } #post_artifact #toc menu { padding: 0px; margin: 20px 30px; list-style: none; font-size: .9em; } #post_artifact #toc menu lh { text-transform: uppercase; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; letter-spacing: 1px; font-weight: bold; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #bbb; display: block; color: #333; font-size: 1.2em; text-shadow: 1px 1px 0px #fff; text-align: center; } #post_artifact #toc menu lh em { text-transform: none; letter-spacing: 0px; margin-right: .2em; } #post_artifact #toc menu li { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; margin-right: 10px; margin-bottom: .5em; float: left; text-align: center; } #post_artifact #toc menu li span { font-weight: bold; } #post_artifact #toc menu li:last-child { margin-right: 0px; } #toc menu li a { width: 130px; padding-top: 10px; color: #000; height: 150px; display: block; } #toc menu li a:hover { border: none; text-decoration: none; color: #666; text-shadow: 1px 1px 0px #fff; } #toc menu li a:hover img { border: 1px solid #000; } #toc menu li img { border: 1px solid #999; } #toc menu li a:hover img { background-color: #fff; } #post_artifact #intro { float: left; width: 590px; margin-bottom: 80px; background-color: #f9f9f9; padding: 20px; } #post_artifact #intro p { font-style: italic; } #post_artifact #intro h2 { display: inline; font-size: 1.1em; border: 0px; font-weight: bold; } #post_artifact #examples { width: 890px; float: left; margin-top: 2em; margin-bottom: 2em; margin-left: -195px; font-size: .7em; text-align: right; border-top: 1px solid #ddd; padding-top: 3em; } #post_artifact #examples h3 { float: left; clear: both; font-size: 1.1em; margin-bottom: 1em; font-weight: normal; text-align: left; } #post_artifact #examples h3 span { text-transform: none; font-style: italic; letter-spacing: 0px; } #post_artifact #examples ul { list-style: none; clear: both; margin-left: 0px; } #post_artifact #examples li { float: left; display: inline; margin-left: 0px; text-transform: uppercase; letter-spacing: 1px; list-style: none; width: 110px; margin-right: 20px; font-size: .9em; } #post_artifact #examples li em { text-transform: none; letter-spacing: 0px; font-size: 1.1em; } #post_artifact #examples li:last-child { margin-right: 0px; } #post_artifact #examples img { box-shadow: 0px 1px 2px #666; } #post_artifact #examples a { height: 170px; display: block; } #post_artifact #examples a img { border: 1px solid #fff; } #post_artifact #examples a:hover { text-decoration: none; border: 0px; } #post_artifact #examples a:hover img { border: 1px solid #666; } .textblock { clear: both; margin-left: 270px; width: 630px; margin-bottom: 60px; } .textblock.kindle { margin-left: 70px; width: 900px; overflow: hidden; padding-bottom: 20px; } .textblock.kindle a { text-decoration: none; border-bottom: 3px solid #f00; } .textblock.kindle a:hover { text-decoration: none; border-bottom: 3px solid #000; } .grey_bg { background-color: #f9f9f9; padding: 10px; border-radius: 5px; border: 1px solid #bbb; } article .col_wrap { width: 890px; float: left; margin-bottom: 3em; padding-bottom: 2em; margin-left: -195px; border-bottom: 1px solid #ddd; } article .two_col { float: left; width: 435px; margin-right: 20px; } article .two_col:last-child { margin-right: 0px; } article .two_col-css { width: 890px; -webkit-column-count: 2; -webkit-column-gap: 20px; -moz-column-count: 2; -moz-column-gap: 20px; } article .two_col-css li { margin-bottom: .5em; } .referenced { font-size: .8em; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; } .noborder { border: 0px !important; } .smaller { font-size: .9em; } .first { text-transform: uppercase; font-size: .9em; letter-spacing: 1px; } figure.pull_illustration { margin-left: -262px; width: 240px; float: left; top: 0; left: 0; } figure a:hover { text-decoration: none; border: 0px; } figure a:hover img.border { border: 1px solid #f00; box-shadow: 0px 1px 3px #f00; } .border { margin-top: 10px; border: 1px solid #999; box-shadow: 0px 1px 3px #aaa; } .pull_illustration figcaption { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; text-align: right; margin-right: 0px; font-size: .8em; line-height: 1.4em; color: #999; } figure.full_bleed { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; float: left; border: 0px solid #ddd; border-top: 3px double #efefef; border-bottom: 3px double #efefef; background-color: #fbfbfb; padding: 20px 10px; border-radius: 0px text-align: center; margin-bottom: 2em; margin-left: 75px; margin-left: -195px; width: 870px; } figure.full_bleed h2 { border: 0px; margin: 0px; padding-bottom: 0px; font-weight: bold; font-size: .9em; text-transform: uppercase; color: #444; text-shadow: 1px 1px 0px #fff; text-align: right; width: 230px; margin-right: 20px; margin-top: 10px; float: left; } figure.full_bleed h2 span { text-transform: none; font-weight: normal; font-style: italic; font-size: .9em; } figure.full_bleed img { width: 870px; width: 610px; text-align: center; margin-bottom: 10px; } article ul { margin-left: 1em; font-size: inherit; margin-bottom: 1em; } article ul li { margin-left: 2em; list-style: disc; list-style-position: outside; } article ol { margin-left: 2em; margin-bottom: 1em; list-style: decimal; list-style-position: outside; } .about { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; } #kindle_essay { width: 200px; float: left; margin-top: 0px; margin-left: 10px; clear: both; } #kindle_essay a { border-bottom: 3px solid #f00; } #kindle_essay a:hover { border-bottom: 3px solid #000; } #fusion_ad a { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, sans-serif; float: right; color: #666; text-align: right; margin-top: -10px; } #fusion_ad a:hover { color: #666; text-decoration: none; border: none; } #fusion_ad .fusiontext { text-align: right; margin-top: -20px; }