/* Theme Name: Suss Version II Theme URI: http://sussitout.org Description: The first major overhaul of Suss for its move to Wordpress Version: 2 Author: Dan Manchester Author URI: http://danielmanchester.com Tags: Suss, magazine, literary journal, poetry, fiction, LS&S */ /* =COLORS --------------------------------------------------- Grey: #333 Red: #b12d32 Poetry: #00b804 Fiction: #a43afb Nonfiction: #f235bf Annex: #376af5 Interviews: #fae63a Reviews: #f64138 Gossip: #8deeee Podcast: #b12d32 */ /* =RESET ---------------------------------------------------*/ html { overflow-y: scroll; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } ol,ul { list-style: none; } h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; } abbr,acronym { border: 0; } /* =GLOBAL ELEMENTS -------------------------------------------------------------- */ html { height: 100%; } body { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 62.5%; background: transparent url(images/header-bg.png) top left repeat-x; color: #333; height: 100%; } body.clean { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 62.5%; color: #333; height: 100%; background: transparent; } #page-wrap { width: 960px; margin: 0 auto -100px; position: relative; min-height: 100%; height: auto !important; height: 100%; } * html #page-wrap { zoom: 1; } #content { height: auto !important; margin-top: 15px; } #push { height: 100px; } h1 { color: #000; font-size: 4.5em; } h2 { font-family: "adelle-1","adelle-2"; color: #333; font-size: 3.5em; } h3 { font-family: "adelle-1","adelle-2"; color: #333; font-size: 2.0em; } h4 { color: #333; font-size: 1.8em; } a { outline: none; } a:link { color: #333; text-decoration: none;} a:visited { color: #333; text-decoration: none; } a:hover { color: #b12d32; text-decoration: none; } a img { border: none; } ol { list-style-type: none; } ul { list-style: none inside; } sup, sub { vertical-align: baseline; position: relative; top: -0.4em; } sub { top: 0.4em; } blockquote { margin: 15px 15px 0 15px; border-left: #ccc dotted 1px; } img { -ms-interpolation-mode: bicubic; } * html .iepngfix { behavior: url(iepngfix.htc); } ::selection { background: #b12d32; color: #eee; } /* Safari */ ::-moz-selection { background: #b12d32; color: #eee;} /* Firefox */ /* =DEFAULT STYLES -------------------------------------------------------------- */ .alignleft {float: left;} .alignright {float: right;} .clear {clear: both;} .center {text-align: center;} .left {text-align: left;} .right {text-align: right;} .justify { text-align: justify; } .small {font-size: 0.8em;} .hidden {display: none;} .shadow { box-shadow: 5px 5px 8px #666; -moz-box-shadow: 5px 5px 8px #666; -webkit-box-shadow: 5px 5px 8px #666; } .boxShadow { box-shadow: 4px 4px 6px #333; -moz-box-shadow: 4px 4px 6px #333; -webkit-box-shadow: 4px 4px 6px #333; } .textShadow { text-shadow: 2px 2px 3px #000; } .bump { margin-top: 10px; } .button { border: 1px solid #ccc; background: white; padding: 3px 8px; color: #aaa; } .button:hover { background: #b12d32; color: white; } .cleaner { width: 160px; min-height: 115px; height: auto !important; height: 115px; font-size: 1.2em; position: absolute; top: -52px; left: 793px; padding: 5px 0; text-align: left; display: block; } .cleaner a img { vertical-align:middle; float: left; } .cleaner a#text { float: left; display: block; margin: 20px 0 0 5px; } .cleaner a span.on { display:none; } .amp { font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif; font-size:110%; font-style:italic; } .lite { font-weight: 100; } a.post-edit-link { font-size: 16px; background-color: #d9d9d9; padding: 10px; color: blue; border: 1px solid red; } /* =PAGES -------------------------------------------------------------- */ #wrap-two { margin: 75px auto 15px; width: 620px; overflow: hidden; } #wrap-two h2 { border-bottom: 1px solid #333; text-transform: uppercase; margin-bottom: 20px; } #wrap-two h3 { font-size: 2.5em; margin: 15px 0; } #wrap-two p { font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; font-size: 16px; line-height: 24px; padding: 10px; } #wrap-two p a { color: #b12d32; } #wrap-two p.lead { font-size: 24px; line-height: 32px; margin: 75px 0 25px; padding: 0px !important; } #wrap-two p.lead:first-letter { font-size: 70px; font-weight: bold; float: left; margin: .125em .25em 0 0; font-family: "aviano-didone-1","aviano-didone-2", Garamond, "Hoefler Text", "Times New Roman", Times, serif; } #wrap-two ul { list-style: circle; margin-left: 50px; font-size: 1.5em; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; line-height: 1.3em; } #wrap-two ul li { margin: 10px 80px 0 0; } #wrap-two ol { list-style: decimal; font-size: 1.6em; margin-left: 50px; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; } #tag-wrap, #search { margin: 75px auto 15px; width: 620px; overflow: hidden; } #tag-wrap h2, #search h2 { border-bottom: 1px solid #333; text-transform: capitalize; color: #333; margin-bottom: 20px; width: 620px; } ol.tag-list { list-style: decimal-leading-zero; } ol.tag-list li { font-size: 4em; font-family: "adelle-1","adelle-2"; color: #b12d32; margin-left: 70px; padding-left: 10px; } ol.tag-list li .tag { padding: 10px 0 20px; margin-bottom: 5px; } ol.tag-list li .tag h3 { font-size: 24px; margin-top: 15px; border-bottom: 1px solid; width: 540px; } ol.tag-list li .tag p { font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; font-size: 16px; margin-bottom: 10px; width: 540px; line-height: 24px; color: #333; } ol.tag-list li .tag p.cat-tag { color: #666; width: 540px; } ol.tag-list li .tag p.cat-tag span a { font-variant: small-caps; color: #666; } ol.tag-list li .tag p.cat-tag span a:hover { color: #b12d32; } #nav-wrap { width: 960px; } #nav-wrap #tag-nav {width: 540px; margin-left: 250px; } #nav-wrap #tag-nav ul#last { font-size: 14px; float: left; margin: 30px 0; } #nav-wrap #tag-nav ul#last li { display: inline; list-style-type: none; text-align: left; text-transform: lowercase; } #nav-wrap #tag-nav ul#last li a { display: inline-block; z-index: 5000;} #nav-wrap #tag-nav ul#next { font-size: 14px; float: right; margin: 30px 0; } #nav-wrap #tag-nav ul#next li { display: inline; list-style-type: none; text-align: right; text-transform: lowercase; } #nav-wrap #tag-nav ul#next li a { display: inline-block; } #about-wrap { margin: 0 auto; width: 65%; } #about-wrap h2 { border-bottom: 1px solid #333; text-transform: uppercase; margin-top: 20px; } #about-wrap p { font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; font-size: 16px; padding: 10px; line-height: 24px; margin-top: 10px;} #about-wrap p + p { margin-top: 16px; } #about-wrap ol + p { margin-top: 16px; } #about-wrap p a { color: #b12d32; } #about-wrap p.lead { font-size: 24px; line-height: 32px; margin: 50px 0 25px; padding: 0px; } #about-wrap p.lead:first-letter { font-size: 70px; line-height: 70px; font-weight: bold; float: left; margin: .125em .25em 0 0; font-family: "aviano-didone-1","aviano-didone-2", Garamond, "Hoefler Text", "Times New Roman", Times, serif; } #about-wrap ol { list-style: decimal-leading-zero; font-size: 16px; margin-left: 10px; line-height: 24px; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; } #about-wrap ol li { font-family: "adelle-1","adelle-2"; color: #b12d32; } #about-wrap ol li p { font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; color: #333; line-height: 24px; font-size: 16px; padding: 0;} h2#submit-banner { border-bottom: 1px solid #333; text-transform: uppercase; margin: 20px 90px 20px 90px; } p#click { font-size: 12px; line-height: 24px; text-align: right; margin: -5px 90px 25px 0; } * html p#click { position: relative; zoom: 1; } .submit-nav { margin: 15px 90px 0 90px; } .submit-nav h3 { cursor: pointer; font-size: 2.3em; font-family: "bigsmalls-bold-1","bigsmalls-bold-2", Consolas, "Lucida Console", Monaco, monospace; text-transform: uppercase; color: #333; margin: 10px 0; padding: 5px; border: 3px solid #333; } .submit-nav h3#poetry { color: #00b804; border: 3px solid #00b804; text-align: right; } .submit-nav h3#fic { color: #a43afb; border: 3px solid #a43afb; } .submit-nav h3#nonfic { color: #f235bf; border: 3px solid #f235bf; text-align: right; } .submit-nav h3#la { color: #376af5; border: 3px solid #376af5; } .submit-nav h3#inter { color: #fae63a; border: 3px solid #fae63a; text-align: right; } .submit-nav h3#book { color: #f64138; border: 3px solid #f64138; } .submit-nav h3#tip { color: #8deeee; border: 3px solid #8deeee; text-align: right; } .submit-nav h3.suss { color: #b12d32; border: 3px solid #333; text-transform: lowercase; } .submit-nav p { font-size: 16px; line-height: 24px; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; padding: 10px; width: 620px; margin: 0 auto; } .submit-nav div p span { text-transform: uppercase; } .submit-nav div p a { text-decoration: underline; } .submit-nav ul { list-style: circle outside; margin: 0 auto; width: 620px; } .submit-nav ul li { font-size: 16px; line-height: 24px; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; padding: 5px; } .submit-nav ul li span { background: #fae63a; color: #333; font-weight: bold; padding: 0 4px; } .submit-nav ul li a { text-decoration: underline; } /* =HEADER -------------------------------------------------------------- */ #header { position: relative; width: 960px; margin-top: 10px; padding-bottom: 13px; } * html #header { zoom: 1; } #logo a { position: absolute; width: 116px; height: 112px; top: -5px; left: 10px; z-index: 500; text-indent: -9999px; background: transparent url(images/suss-bg.png) no-repeat scroll -381px -475px; display: block; } #clean-logo { position: absolute; width: 116px; height: 112px; top: -45px; left: 10px; z-index: 500; background: transparent url(images/suss-bg.png) no-repeat scroll -381px -475px; display: none; } #header h1 a { position: absolute; top: -3px; left: 150px; color: #b12d32; text-indent: -9999px; background: transparent url(images/suss-bg.png) no-repeat scroll 0 -1747px; z-index: 600; height: 38px; width: 331px;} input#s { width: 216px; } #searchbar { float: right; padding: 8px 9px 0 0; } #searchsubmit.button { position: absolute; height: 32px; width: 32px; text-indent: -9999px; top: -1px; right: 8px; background: transparent url(images/suss-bg.png) -381px -393px; border: none; font-size: 0px; line-height: 0px; display: block; } #searchsubmit.button:hover { background-position: -381px -311px; } #searchbar p { position: relative; } * html #searchbar p { zoom: 1; } #searchbar label { position: absolute; top: 2px; left: 4px; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; font-style: italic; font-size: 1.5em; color: #666; } /* =NAVIGATION -------------------------------------------------------------- */ #menu-bar { position: relative; font-family: "adelle-1","adelle-2"; } ul#main-nav { width: 360px; margin: 18px 0 0 143px; } ul#main-nav li.contact a { letter-spacing: -0.025em; } ul#secondary-nav { width: 360px; text-align: right; top: 4px; right: 0px; position: absolute; } ul#secondary-nav li { display: inline; } ul#secondary-nav li a { color: white; font-size: 2.3em; padding: 3px 8px; font-weight: 400; letter-spacing: 0.075em; } ul#secondary-nav li a:hover { color: #b12d32; } /* LEVEL ONE DROPDOWN */ ul.dropdown { position: relative; z-index: 1000; } ul.dropdown li { float: left; zoom: 1; font-weight: 400; } ul.dropdown a:hover { color: #b12d32; } ul.dropdown a:active { color: #b12d32; } ul.dropdown li a { display: block; padding: 4px 8px; color: white; font-size: 2.3em; letter-spacing: 0.075em; } ul.dropdown li.hover, ul.dropdown li:hover { background: transparent url(images/header-bg.png) repeat-x scroll 0 -55px; color: #333; position: relative; } ul.dropdown li a:hover { color: #b12d32; } /* LEVEL TWO */ ul.dropdown ul { width: 185px; visibility: hidden; position: absolute; top: 100%; left: 0; } ul.dropdown ul li { background: transparent url(images/header-bg.png) repeat-x scroll 0 -65px; color: #b12d32; border-bottom: 1px solid #000; float: none; font-size: .9em; } /* IE 6 & 7 Needs Inline Block */ ul.dropdown ul li a { width: 100%; display: inline-block; text-transform: capitalize; font-size: 2em; } /* LEVEL THREE */ ul.dropdown ul ul { left: 100%; top: 0; } ul.dropdown li:hover > ul { visibility: visible; } /* BOOTOM OF PAGE CAT-THUMB NAVIGATION */ #menuwrapper { position:relative; height:160px; margin: 60px 0 -155px 70px; } * html #menuwrapper { zoom: 1; } #menu {position:absolute; bottom:0; } .menuitem { position:fixed relative; bottom:0px; display:inline-block; } /* =BREADCRUMBS -------------------------------------------------------------- */ .breadcrumb { margin: 10px 0 0 145px; font-size: 1.2em; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; } .breadcrumb a { padding: 0 5px; display: inline-block; color: #777; } .breadcrumb a:hover { text-decoration: underline; color: #b12d32; } .breadcrumb span { color: #777; } .breadcrumb span a:hover { color: #777; text-decoration: none; cursor: default; } /* =NEW CONTENT SLIDER -------------------------------------------------------------- */ /* anythingSlider v1.0 By Chris Coyier: http://css-tricks.com with major improvements by Doug Neiner: http://pixelgraphics.us/ based on work by Remy Sharp: http://jqueryfordesigners.com/ */ .anythingSlider { width: 636px; height: 360px; position: relative; margin: 0 10px 0 3px; } .anythingSlider .wrapper { width: 556px; overflow: auto; height: 341px; margin: 0 40px; position: absolute; top: 0; left: 0; } .anythingSlider .wrapper ul { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; background: #fff; border-top: 3px solid #333; border-bottom: 3px solid #333; margin: 0; } .anythingSlider ul li { display: block; float: left; padding: 0; height: 316px; width: 556px; margin: 0; overflow: hidden; } .anythingSlider .arrow { display: block; height: 200px; width: 67px; background: url(images/suss-bg-2.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; } .anythingSlider .forward { background-position: 0 0; right: -20px; } .anythingSlider .back { background-position: -67px 0; left: -20px; } .anythingSlider .forward:hover { background-position: 0 -200px; } .anythingSlider .back:hover { background-position: -67px -200px; } #thumbNav { position: relative; top: 322px; text-align: center; } #thumbNav a { color: white; font: 14px/18px Helvetica, "Helvetica Neue", Arial, sans-serif; font-weight: 200; display: inline-block; padding: 2px 12px; height: 18px; margin: 0 5px 0 0; background: #333; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } #thumbNav a:hover { background: #555; } #thumbNav a.cur { background: #fff; color: #333; border-width: 0 1px 1px; border-style: solid; border-color: #333; } #start-stop { background: green; background-image: url(images/cellshade.png); background-repeat: repeat-x; color: #fff; padding: 3px 5px; width: 40px; text-align: center; text-transform: uppercase; position: absolute; right: 45px; top: 322px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } #start-stop.playing { background-color: red; } #start-stop:hover { background-image: none; color: white; } /* Prevents */ .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; } #slider { width: 636px; float: left; margin: 15px 0px 50px 0;} #slider h2.tk-bigsmalls-bold { font-size: 3.4em; text-transform: capitalize; margin: 15px 38px 20px 43px; border-top: 3px solid #333; border-bottom: 1px solid #333; text-align: center; font-weight: lighter; font-family: "bigsmalls-bold-1","bigsmalls-bold-2", Helvetica, "Helvetica Neue", Arial, sans-serif; padding: 3px 0 3px; text-transform: lowercase;} /* Slides */ .anythingSlider .wrapper ul li div { padding: 10px 30px; } .anythingSlider .wrapper ul li div h2 { font-size: 24px; padding-top: 5px; } .anythingSlider .wrapper ul li div p { font-size: 14px; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; } .anythingSlider .wrapper ul li div p.more { text-transform: uppercase; } .anythingSlider .wrapper ul li div p.list { margin-top: 10px; padding-left: 10px; } .anythingSlider .wrapper ul li div p.excerpt { font-size: 16px; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; padding: 10px 0 0 10px; } .anythingSlider .wrapper ul li div a img { margin: 10px 0 0 -30px; } .anythingSlider .wrapper ul li div div.white { background-color: white; color: #666; padding: 10px 10px 24px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; } /* =POETRY SLIDE */ .anythingSlider .wrapper ul li div.poetry { background: #00b804; color: #fff; height: 100%; } .anythingSlider .wrapper ul li div.poetry h2 { color: #fff; margin-bottom: 10px; } .anythingSlider .wrapper ul li div.poetry span { color: #fff; } .anythingSlider .wrapper ul li div.poetry p.excerpt span { color: #666; display: block; font-family: "adelle-1","adelle-2"; text-align: right; margin-bottom: 24px; padding-top: 8px; } .anythingSlider .wrapper ul li div.poetry p.excerpt span a { color: #00b804; } .anythingSlider .wrapper ul li div.poetry p.excerpt span a:hover { text-decoration: underline; } .anythingSlider .wrapper ul li div.poetry p.excerpt strong { font-weight: normal; } .anythingSlider .wrapper ul li div.poetry ul { list-style: inside; list-style-type: disc; margin: 0 0 0 25px; font-size: 14px; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; } .anythingSlider .wrapper ul li div.poetry ul li { display: list-item; padding: 5px; } .anythingSlider .wrapper ul li div.poetry ul li a, .anythingSlider .wrapper ul li div.poetry p.more a { color: #00b804; } .anythingSlider .wrapper ul li div.poetry ul li a:hover, .anythingSlider .wrapper ul li div.poetry p.more a:hover { text-decoration: underline; } /* =FICTION SLIDE */ .anythingSlider .wrapper ul li div.fiction h2 span, .anythingSlider .wrapper ul li div.fiction p.more a, .anythingSlider .wrapper ul li div.fiction a:hover { color: #a43afb; } /* =NONFICTION SLIDE */ .anythingSlider .wrapper ul li div.nonfic h2 span, .anythingSlider .wrapper ul li div.nonfic p.more a, .anythingSlider .wrapper ul li div.nonfic a:hover { color: #f235bf; } /* =INTERVIEW SLIDE */ .anythingSlider .wrapper ul li div.iv h2 span, .anythingSlider .wrapper ul li div.iv p.more a, .anythingSlider .wrapper ul li div.iv a:hover { color: red; } /* =ANNEX SLIDE */ .anythingSlider .wrapper ul li div.la h2 span, .anythingSlider .wrapper ul li div.la p.more a, .anythingSlider .wrapper ul li div.la a:hover { color: #376af5; } /* =REVIEWS SLIDE */ .anythingSlider .wrapper ul li div.rev p.more a, .anythingSlider .wrapper ul li div.rev a:hover { color: #f64138; } .anythingSlider .wrapper ul li div.rev span { font-size: 16px; } .anythingSlider .wrapper ul li div.rev h2 span strong { font-weight: normal; text-transform: uppercase; color: #f64138; } .anythingSlider .wrapper ul li div.rev a.cover-img img { float: left; margin: 5px 35px 15px 0; border: 2px solid #ddd; } .anythingSlider .wrapper ul li div.rev p.book { font-size: 14px; line-height: 22px; } .anythingSlider .wrapper ul li div.rev p.book em { font-size: 16px; line-height: 24px; font-weight: bold; } .anythingSlider .wrapper ul li div.rev p.pub { border-bottom: 1px dotted #aaa; margin: 0 0 10px 170px; } /* =ANNOUNCE */ .anythingSlider .wrapper ul li div.announce { background: #b12d32; color: #fff; height: 100%; } .anythingSlider .wrapper ul li div.announce h2 { color: #fff; margin-bottom: 10px; } /* =EXPLORE SIDEBAR -------------------------------------------------------------- */ #explore { width: 300px; float: right; margin-top: 15px; display: block; } #explore h2.tk-bigsmalls-bold { font-size: 3.4em; margin: 15px 10px 20px -10px; border-top: 3px solid #333; border-bottom: 1px solid #333; text-align: center; font-family: "bigsmalls-bold-1","bigsmalls-bold-2", Helvetica, "Helvetica Neue", Arial, sans-serif; padding: 3px 0 3px; text-transform: lowercase;} #explore li { display: inline; } #explore a#poetry { display:block; background: transparent url(images/suss-bg.png) no-repeat scroll -381px -1939px; text-indent: -9999px; float: left; height: 140px; width: 140px; margin: 0px 10px 10px -10px; } #explore a#poetry:hover { background-position: -381px -1555px; } #explore a#fiction { display:block; background: transparent url(images/suss-bg.png) no-repeat scroll 0 -1010px; text-indent: -9999px; float: left; height: 140px; width: 140px; margin: 0px 10px 10px; } #explore a#fiction:hover { background-position: 0 -626px; } #explore a#nonfiction { display:block; background: transparent url(images/suss-bg.png) no-repeat scroll -381px -1244px; text-indent: -9999px; float: left; height: 140px; width: 140px; margin: 10px 10px 5px -10px; } #explore a#nonfiction:hover { background-position: -381px -860px; } #explore a#annex { display:block; background: transparent url(images/suss-bg.png) no-repeat scroll 0 -190px; text-indent: -9999px; float: left; height: 140px; width: 140px; margin: 10px; } #explore a#annex:hover { background-position: 0 0; } #explore a#interviews { display:block; background: transparent url(images/suss-bg.png) no-repeat scroll -381px 0; text-indent: -9999px; float: left; height: 140px; width: 140px; margin: 10px 10px 5px -10px; } #explore a#interviews:hover { background-position: 0 -1835px; } #explore a#reviews { display:block; background: transparent url(images/suss-bg.png) no-repeat scroll -762px -190px; text-indent: -9999px; float: left; height: 140px; width: 140px; margin: 10px 10px; } #explore a#reviews:hover { background-position: -762px 0; } /* =PODCAST -------------------------------------------------------------- */ #podcast { margin: 25px 10px 50px 10px; float: left; display: inline; width: 300px; } #podcast h2.tk-bigsmalls-bold { font-size: 3.4em; border-top: 3px solid #333; border-bottom: 1px solid #333; text-align: center; font-family: "bigsmalls-bold-1","bigsmalls-bold-2", Helvetica, "Helvetica Neue", Arial, sans-serif; padding: 3px 0 3px; letter-spacing: -0.025em; text-transform: lowercase;} #podcast h3 { font-size: 13px; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; font-variant: small-caps; padding: 10px 0 0 10px; } #podcast p { font-size: 14px; padding: 10px 0 25px 10px; line-height: 21px; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; } #podcast p:first-letter { font-size: 35px; float: left; margin: .3em .25em 0 0; font-family: "aviano-didone-1","aviano-didone-2", Garamond, "Hoefler Text", "Times New Roman", Times, serif; font-weight: 100; } #podcast p.audioplayer_container { padding-left: 0px !important; border-top: none; } #podcast a#pods { font-family: Garamond,"Hoefler Text","Times New Roman",Times,serif; margin: 10px 10px 0 0; font-style: italic; font-size: 14px; } #podcast ul { float: left; width: 300px; margin: 10px 0 0 0; } #podcast ul li { display: inline; } #podcast ul a { height: 32px; display: inline-block; text-decoration: none; padding: 2px 8px 0 34px; font-size: 1em; } #podcast ul a#mp3 { background: transparent url(images/suss-bg.png) no-repeat scroll 0 -462px; } #podcast a#mp3:hover { background-position: 0 -380px; } #podcast a#itunes { background: transparent url(images/suss-bg.png) no-repeat scroll -381px -190px; } #podcast a#itunes:hover { background-position: -381px -232px; color: #7500ce; } #podcast a#pod-rss { background: transparent url(images/suss-bg.png) no-repeat scroll -381px -1434px; } #podcast a#pod-rss:hover { background-position: -381px -1476px; } /* =GOSSIP! -------------------------------------------------------------- */ #gossip { margin: 25px 10px; float: left; display: inline; width: 300px; background: transparent url(images/gossip-bg.png) no-repeat scroll 0 60px; } #gossip h2.tk-bigsmalls-bold { font-size: 3.4em; border-top: 3px solid #333; border-bottom: 1px solid #333; text-align: center; font-family: "bigsmalls-bold-1","bigsmalls-bold-2", Helvetica, "Helvetica Neue", Arial, sans-serif; padding: 3px 0 3px; text-transform: lowercase;} #gossip ul { padding: 20px 10px 10px 10px; min-height: 185px; height: auto !important; height: 185px; } #gossip a#gossip-title { margin-top: 20px; font-size: 16px; line-height: 24px; text-transform: uppercase; font-family: "adelle-1","adelle-2"; text-decoration: none; } #gossip p { padding-top: 10px; font-size: 14px; line-height: 21px; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; } #gossip p#byline { font-style: normal; font-size: 1.2em; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; padding: 1px 0 3px 0px !important; } #gossip p#byline span { font-variant: small-caps; } #gossip p#reload, #gossip p#gossip-reveal { margin: -7px 10px 0 10px; } #gossip p#reload a#another { position: absolute; display: block; height: 15px; width: 175px; text-decoration: none; font-size: 1.2em; background: transparent url(images/suss-bg.png) no-repeat scroll 72px -1447px; font-style: italic; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; text-transform: lowercase; } #gossip p#reload a#another:hover { background-position: 72px -1388px; } #gossip p#gossip-reveal a { text-decoration: none; font-size: 1.2em; font-style: italic; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; text-transform: lowercase; } /* =SUBSCRIBE -------------------------------------------------------------- */ #subscribe { margin: 25px 0px 50px 10px; float: left; display: inline; width: 300px; position: relative; } #subscribe h2.tk-bigsmalls-bold { font-size: 3.4em; border-top: 3px solid #333; border-bottom: 1px solid #333; text-align: center; font-family: "bigsmalls-bold-1","bigsmalls-bold-2", Helvetica, "Helvetica Neue", Arial, sans-serif; padding: 3px 0 3px; text-transform: lowercase;} #subscribe #rss li a { border: 0 none; margin: 0; padding: 0px 0px 0px 40px; font-size: 1.1em; } #subscribe #rss li a#full { height: 30px; width: 65px; float: left; display:inline-block; background: transparent url(images/rss.png) no-repeat scroll 0 -144px; margin: 20px 0 10px 0px; } #subscribe #rss li a#full:hover {color: #fb9e3a;} #subscribe #rss li a#poetry-rss { height: 30px; width: 65px; float: left; display:inline-block; background: transparent url(images/rss.png) no-repeat scroll 0 -71px; margin: 20px 0 10px 55px; } #subscribe #rss li a#poetry-rss:hover {color: #00b804;} #subscribe #rss li a#fic-rss { height: 30px; width: 65px; float: left; display:inline-block; background: transparent url(images/rss.png) no-repeat scroll 0 -292px; margin: 0 0 10px 0px;} #subscribe #rss li a#fic-rss:hover {color: #a43afb;} #subscribe #rss li a#nonfic-rss { height: 30px; width: 65px; float: left; display:inline-block; background: transparent url(images/rss.png) no-repeat scroll 0 -218px; margin: 0 0 10px 55px; } #subscribe #rss li a#nonfic-rss:hover {color: #f235bf;} #subscribe #rss li a#mail-rss { height: 30px; width: 65px; float: left; display:inline-block; background: transparent url(images/suss-bg.png) no-repeat scroll -374px -769px; margin: -5px 0 0 -11px; padding: 10px 0 0 51px !important;} #subscribe #rss li a#mail-rss:hover {color: #2b71a9} #subscribe #rss li a#facebook { height: 37px; width: 65px; float: left; display:inline-block; background: transparent url(images/suss-bg.png) no-repeat scroll 7px -536px; margin: -5px 0 0 43px; padding: 9px 0 0 51px !important; } #subscribe #rss li a#facebook:hover {color: #2b71a9;} #subscribe #twitter { position: absolute; height: 150px; width: 300px; top: 250px; right: 3px; background: transparent url(images/twitter.png) no-repeat scroll; } #subscribe p.follow { border-top: 1px solid #333; font-size: 12px; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-weight: 200; position: absolute; bottom: -12px; width: 240px; right: 0; } #subscribe p.follow a { color: #2b71a9; } #subscribe p.follow a:hover { text-decoration: underline; } #subscribe #twitter #tweet p { width: 267px; margin: 26px 0 0 14px; font-size: 1.1em; text-align: center; color: #004997; } #subscribe #twitter #tweet a { color: #b12d32; } /* POETRY ARCHIVE PAGE -------------------------------------------------------------- */ #poem-wrap { border: 1px solid #00b804; margin: 50px 10px; } #poem-wrap a:hover { color: #00b804; } h2#poetry-archive { font-size: 90px; text-align: left; font-family: "bigsmalls-bold-1","bigsmalls-bold-2", Helvetica, "Helvetica Neue", Arial, sans-serif; border-bottom: 3px solid #00b804; margin: 10px 11px 0; color: #00b804; text-transform: uppercase; padding-left: 134px; background: transparent url(images/suss-bg.png) no-repeat scroll -381px -1946px; height: 93px; } h3#feature-title { font-size: 32px; text-transform: uppercase; color: black; font-family: "adelle-1","adelle-2"; margin: 50px 0 5px 12px; } h3#second-title { font-size: 32px; text-transform: uppercase; font-family: "adelle-1","adelle-2"; margin: 50px 10px 10px; border-bottom: 1px solid #ccc; width: 95%; color: black; } .slideshow { height: 400px; width: 934px; margin: 0px auto; overflow: hidden; } .slideshow li { display: inline; float: left; width: 279px; height: 365px; padding: 15px; border: 1px solid #ccc; } .slideshow li.first { border-left: none; } .slideshow li.last { border-right: none; } .slideshow li h3 { font-size: 2.5em; } .slideshow li h3 a, .slideshow li h3 a:visited { color: #666; } .slideshow li h3 a:hover { color: #00b804; } .slideshow li p.byline { font-size: 1.7em; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-weight: 200; margin: 0px !important; } .slideshow li p { font-size: 1.4em; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; margin-top: 7px; } #second { float: left; width: 960px; padding: 10px 10px 36px; } #second #col1, #second #col2, #second #col3, #second #col4 { width: 22%; margin: 10px 9px 0 10px; padding-left: 1px; float: left; } #second #col1 h3, #second #col2 h3, #second #col3 h3, #second #col4 h3 { font-size: 1.8em; margin-top: 20px; } #second #col1 h3 a, #second #col2 h3 a, #second #col3 h3 a, #second #col4 h3 a, #second #col1 h3 a:visited, #second #col2 h3 a:visited, #second #col3 h3 a:visited, #second #col4 h3 a:visited { color: #666; } #second #col1 h3 a:hover, #second #col2 h3 a:hover, #second #col3 h3 a:hover, #second #col4 h3 a:hover { color: #00b804; } #second #col1 p.other-byline, #second #col2 p.other-byline, #second #col3 p.other-byline, #second #col4 p.other-byline { font-size: 1.4em; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-weight: 200; } #second #col4 #next-nav, #second #col1 #previous-nav { margin: 50px 0; } #second #col4 #next-nav p#next a, #second #col1 #more-nav p#previous a { font-size: 1.2em; font-style: italic; float: right; } #second #col1 #previous-nav p#previous a { font-size: 1.2em; font-style: italic; float: left; } /* =NON/FICTION ARCHIVE PAGE -------------------------------------------------------------- */ #story-wrap { border: 1px solid #a43afb; margin: 50px 10px; } #story-wrap a:hover { color: #a43afb; } #nf-wrap { border: 1px solid #f235bf; margin: 50px 10px; } #nf-wrap a:hover { color: #f235bf; } h2#fiction-archive { font-size: 90px; text-align: left; font-family: "bigsmalls-bold-1","bigsmalls-bold-2", Helvetica, "Helvetica Neue", Arial, sans-serif; border-bottom: 3px solid #a43afb; margin: 10px 11px 0; color: #a43afb; text-transform: capitalize; padding-left: 139px; padding-top: 4px; background: transparent url(images/fiction.sprite.png) no-repeat scroll 0 -143px; height: 93px; font-weight: 200;} h2#nonfiction-archive { font-size: 90px; text-align: left; font-family: "bigsmalls-bold-1","bigsmalls-bold-2", Helvetica, "Helvetica Neue", Arial, sans-serif; border-bottom: 3px solid #f235bf; margin: 10px 11px 0; color: #f235bf; text-transform: capitalize; padding-left: 134px; padding-top: 4px; background: transparent url(images/suss-bg.png) no-repeat scroll -381px -1247px; height: 93px; font-weight: 200; } #featured { width: 940px; margin-left: 10px; } #featured ul { float: left; width: 940px; margin: 0px auto; } #featured ul li { display: inline; float: left; width: 279px; min-height: 330px; height: auto !important; height: 330px; padding: 13px; border-right: 1px solid #ccc; border-top: 3px solid #ccc; border-bottom: 3px solid #ccc; } #featured ul li.last { border-right: none; border-left: none; } #featured ul li h3 { font-size: 24px; font-family: "adelle-1","adelle-2"; font-weight: 200; color: #666; } #featured ul li h3 a, #featured ul li h3 a:visited { color: #666; } #nf-wrap #featured ul li h3 a:hover { color: #f235bf; } #story-wrap #featured ul li h3 a:hover { color: #a43afb; } #featured ul li p { font-size: 1.5em; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; margin-top: 15px; } #featured ul li p.byline { font-size: 1.7em; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-weight: 200; margin-top: 0px;} #also { float: left; width: 960px; } #also #col1, #also #col2, #also #col3, #also #col4 { width: 23%; margin: 10px 0 30px 10px; padding-left: 1px; float: left; } #also #col1 ul li, #also #col2 ul li, #also #col3 ul li, #also #col4 ul li { margin-bottom: 30px; } #also #col1 h3, #also #col2 h3, #also #col3 h3, #also #col4 h3 { font-size: 1.8em; font-family: "adelle-1","adelle-2"; margin-top: 20px; color: #666; font-weight: 200; } #also #col1 h3 a, #also #col2 h3 a, #also #col3 h3 a, #also #col4 h3 a, #also #col1 h3 a:visited, #also #col2 h3 a:visited, #also #col3 h3 a:visited, #also #col4 h3 a:visited { color: #666; } #also #col1 h3 a:hover, #also #col2 h3 a:hover, #also #col3 h3 a:hover, #also #col4 h3 a:hover { color: #f235bf; } #story-wrap #also #col1 h3 a:hover, #story-wrap #also #col2 h3 a:hover, #story-wrap #also #col3 h3 a:hover, #story-wrap #also #col4 h3 a:hover { color: #a43afb; } #also #col1 p.other-byline, #also #col2 p.other-byline, #also #col3 p.other-byline, #also #col4 p.other-byline { font-size: 1.4em; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-weight: 200; } #also #col4 #next-nav, #also #col1 #previous-nav { margin: 50px 0; } #also #col4 #next-nav p#next a, #also #col1 #more-nav p#previous a { font-size: 1.2em; font-style: italic; float: right; } #also #col1 #previous-nav p#previous a { font-size: 1.2em; font-style: italic; float: left; } /* =LEARNING ANNEX ARCHIVE PAGE -------------------------------------------------------------- */ #annex-wrap { border: 1px solid #376af5; margin: 50px 10px; padding: 0 10px 50px; } #annex-wrap a:hover { color: #376af5; } #annex-wrap h2#annex-archive { font-size: 85px; text-align: left; font-family: "bigsmalls-bold-1","bigsmalls-bold-2", Helvetica, "Helvetica Neue", Arial, sans-serif; border-bottom: 3px solid #376af5; margin: 10px 11px 0; color: #376af5; text-transform: capitalize; padding-left: 136px; padding-top: 4px; height: 87px; background: transparent url(images/annex.sprite.jpg) no-repeat scroll 0 -148px; } #annex-wrap h2#the { float: left; font-size: 4.25em; text-align: left; font-family: "bigsmalls-bold-1","bigsmalls-bold-2", Consolas, "Lucida Console", Monaco, monospace; color: #376af5; text-transform: capitalize; margin: 10px 0 -55px 152px; } #annex-wrap .post { padding-bottom: 50px; border-bottom: 1px solid #376AF5; } #annex-wrap h3 { font-size: 4em; margin: 75px 9px 5px 0px; border-bottom: 1px solid #333; text-transform: uppercase; letter-spacing: -0.025em; color: #333; line-height: 0.85em; } #annex-wrap h4 { font-size: 2em; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-weight: 200; margin: 8px 9px 29px 10px; text-align: right; line-height: 1.25em; border-top: #333333 1px dotted; border-right: #333333 1px dotted; padding: 5px 10px 0 0; } #annex-wrap p { font-size: 1.6em; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; margin: 15px 90px 15px 180px; } p.read-more { text-align: right; font-variant: small-caps; margin-left: -5px; } img.wp-post-image { border: 5px double; margin-right: 25px; } #annex-wrap img.wp-post-image { border-color: #376af5; } #annex-wrap #rel-nav { z-index: 500; padding: 0px 10px 30px 10px; } #annex-wrap #rel-nav ul#last { font-size: 1.5em; float: left; margin: 30px 0; } #annex-wrap #rel-nav ul#last li { display: inline; list-style-type: none; text-align: left; text-transform: lowercase; } #annex-wrap #rel-nav ul#last li a { display: inline-block; z-index: 5000;} #annex-wrap #rel-nav ul#next { font-size: 1.5em; float: right; margin: 30px 0; padding-right: 20px; } #annex-wrap #rel-nav ul#next li { display: inline; list-style-type: none; text-align: right; text-transform: lowercase; } #annex-wrap #rel-nav ul#next li a { display: inline-block; } /* =INTERVIEWS ARCHIVE PAGE -------------------------------------------------------------- */ #interview-wrap { border: 1px solid #fae63a; margin: 50px 10px; padding: 0 10px 50px; } #interview-wrap a:hover { color: #fae63a; } #interview-wrap h2#interview-archive { font-size: 85px; text-align: left; font-family: "bigsmalls-bold-1","bigsmalls-bold-2", Helvetica, "Helvetica Neue", Arial, sans-serif; border-bottom: 3px solid #fae63a; margin: 10px 11px 0; color: #fae63a; text-transform: capitalize; padding-left: 137px; padding-top: 4px; height: 87px; background: transparent url(images/interviews.sprite.png) no-repeat scroll 0 -149px; } #interview-wrap .post { padding-bottom: 30px; border-bottom: 1px solid #fae63a; } #interview-wrap h3 { font-size: 4em; margin: 75px 9px 5px 0px; border-bottom: 1px solid #333; text-transform: uppercase; letter-spacing: -0.025em; color: #333; line-height: 0.85em; } #interview-wrap h4 { font-size: 2em; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-weight: 200; margin: 8px 9px 29px 10px; text-align: right; line-height: 1.25em; border-top: #333333 1px dotted; border-right: #333333 1px dotted; padding: 5px 10px 0 0; } #interview-wrap p { font-size: 16px; line-height: 24px; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; margin: 15px 90px 15px 0px; } #interview-wrap img.wp-post-image { border-color: #fae63a; } #interview-wrap #rel-nav { z-index: 500; padding: 0px 10px 30px 10px; } #interview-wrap #rel-nav ul#last { font-size: 1.5em; float: left; margin: 30px 0; } #interview-wrap #rel-nav ul#last li { display: inline; list-style-type: none; text-align: left; text-transform: lowercase; } #interview-wrap #rel-nav ul#last li a { display: inline-block; z-index: 5000;} #interview-wrap #rel-nav ul#next { font-size: 1.5em; float: right; margin: 30px 0; padding-right: 20px; } #interview-wrap #rel-nav ul#next li { display: inline; list-style-type: none; text-align: right; text-transform: lowercase; } #interview-wrap #rel-nav ul#next li a { display: inline-block; } /* =REVIEWS ARCHIVE PAGE -------------------------------------------------------------- */ #review-wrap { border: 1px solid #f64138; margin: 50px 10px; padding: 0 10px 50px; } #review-wrap a:hover { color: #f64138; } h2#review-archive { font-size: 85px; text-align: left; font-family: "bigsmalls-bold-1","bigsmalls-bold-2", Helvetica, "Helvetica Neue", Arial, sans-serif; border-bottom: 3px solid #f64138; margin: 10px 11px 0; color: #f64138; text-transform: uppercase; padding-left: 136px; padding-top: 4px; height: 88px; background: transparent url(images/suss-bg.png) no-repeat scroll -762px -197px; } #review-wrap .post { padding-bottom: 50px; border-bottom: 1px solid #f64138; } .rev-post { position: relative; } #review-wrap h3 { font-size: 4em; margin: 75px 9px 5px 10px; border-bottom: 1px solid #333; text-transform: uppercase; letter-spacing: -0.025em; color: #333; line-height: 0.85em; } #review-wrap h4 { font-size: 2em; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-weight: 200; margin: 8px 9px 29px 10px; text-align: right; line-height: 1.25em; border-top: #333333 1px dotted; border-right: #333333 1px dotted; padding: 5px 10px 0 0; } #review-wrap a.cover-img { float: left; border: 2px solid #ddd; } #review-wrap ul.book { font-size: 16px; line-height: 24px; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-weight: 200; margin-left: 180px; } #review-wrap ul.book li.book-title em { font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; font-size: 24px; } #review-wrap .excerpt { margin-left: 180px; } #review-wrap p { font-size: 16px; line-height: 24px; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; margin: 25px 80px 0 0; } #review-wrap img.wp-post-image { border: none; } #review-wrap #rel-nav { z-index: 500; padding: 0px 10px 30px 10px; } #review-wrap #rel-nav ul#last { font-size: 1.5em; float: left; margin: 30px 0; } #review-wrap #rel-nav ul#last li { display: inline; list-style-type: none; text-align: left; text-transform: lowercase; } #review-wrap #rel-nav ul#last li a { display: inline-block; z-index: 5000;} #review-wrap #rel-nav ul#next { font-size: 1.5em; float: right; margin: 30px 0; padding-right: 20px; } #review-wrap #rel-nav ul#next li { display: inline; list-style-type: none; text-align: right; text-transform: lowercase; } #review-wrap #rel-nav ul#next li a { display: inline-block; } /* =GOSSIP ARCHIVE PAGE -------------------------------------------------------------- */ #gossip-wrap { border: 1px solid #8DEEEE; margin: 50px 10px; padding: 10px; } #gossip-wrap a:hover { color: #8DEEEE; } h2#gossip-archive { font-size: 90px; text-align: left; font-family: "bigsmalls-bold-1","bigsmalls-bold-2", Helvetica, "Helvetica Neue", Arial, sans-serif; border-bottom: 3px solid #8DEEEE; margin: 10px 11px 0; color: #8DEEEE; text-transform: capitalize; padding-left: 137px; padding-top: 4px; height: 93px; background: transparent url(images/gossip.jpg) no-repeat scroll 0 -15px; } #gossip-wrap h3 { font-size: 4em; margin: 75px 9px 5px 165px; border-bottom: 1px solid #333; text-transform: uppercase; letter-spacing: -0.025em; color: #333; line-height: 0.85em; } #gossip-wrap h4 { font-size: 2.5em; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-weight: 200; margin: 8px 9px 29px 165px; text-align: right; line-height: 1.25em; border-top: #333333 1px dotted; border-right: #333333 1px dotted; padding: 5px 10px 0 0;} #gossip-wrap p { font-size: 1.6em; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; margin: 25px 80px 0 165px; } #gossip-wrap .skinny { padding-bottom: 50px; } #gossip-wrap .skinny img { border: 5px double #8deeee; margin: 0 25px 0 10px; } #gossip-wrap #rel-nav ul#last { font-size: 1.2em; float: left; margin: 40px 0 15px 15px; } #gossip-wrap #rel-nav ul#last li { display: inline; list-style-type: none; text-align: left; text-transform: lowercase; } #gossip-wrap #rel-nav ul#last li a, #gossip-wrap #rel-nav ul#next li a { display: inline-block; } #gossip-wrap #rel-nav ul#last li a:hover, #gossip-wrap #rel-nav ul#next li a:hover { color: #8deeee; } #gossip-wrap #rel-nav ul#next { font-size: 1.2em; float: right; margin: 40px 15px 15px 0; } #gossip-wrap #rel-nav ul#next li { display: inline; list-style-type: none; text-align: right; text-transform: lowercase; } /* =PODCAST ARCHIVE PAGE -------------------------------------------------------------- */ #podcast-wrap { border: 1px solid #b12d32; margin: 50px 10px; } #podcast-wrap a:hover { color: #b12d32; } h2#podcast-archive { font-size: 85px; text-align: left; font-family: "bigsmalls-bold-1","bigsmalls-bold-2", Helvetica, "Helvetica Neue", Arial, sans-serif; border-bottom: 3px solid #b12d32; margin: 10px 11px 0; color: #b12d32; text-transform: capitalize; padding-left: 138px; padding-top: 4px; height: 88px; background: transparent url(images/podcast.jpg) no-repeat scroll 0 -5px; } #podcast-wrap h3 { font-size: 4em; margin: 75px 9px 5px 10px; border-bottom: 1px solid #333; text-transform: uppercase; letter-spacing: -0.025em; color: #333; line-height: 0.85em; } #podcast-wrap h4 { font-size: 2em; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-weight: 200; margin: 8px 9px 29px 10px; text-align: right; line-height: 1.25em; border-top: #333333 1px dotted; border-right: #333333 1px dotted; padding: 5px 10px 0 0; } #podcast-wrap p { font-size: 1.6em; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; margin: 15px 90px 15px 50px; } /* =POETRY SINGLE VIEW -------------------------------------------------------------- */ #article { position: relative; } .meta { width: 260px; position: relative; top: 17em; left: 10px; } .zen { display: none; } .meta p.bio { font-size: 14px; line-height: 22px; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; border-top: dotted 1px #333; right: 20px; padding-top: 10px; letter-spacing: -0.005em; position: absolute; top: 23px;} .meta p.bio span { font-variant: small-caps; } .meta p.publish { font-size: 12px; line-height: 16px; position: absolute; top: 5px; left: 0; font-weight: lighter; } .meta p.zen { position: absolute; top: 6.75em; left: 0; } .meta p.biozen { position: absolute; top: 7.5em; left: 0; } #poem { width: 620px; margin: 50px 0 0 250px; padding: 20px 20px 20px 80px; } #poem h2.title { font-family: "adelle-1","adelle-2"; font-size: 32px; margin: 50px 0 5px; border-bottom: 1px solid #333; text-transform: capitalize; font-weight: 800; color: #000; line-height: 32px;} #poem h2.clean { margin:125px 0 5px; } #poem h3 { font-family: "adelle-1","adelle-2"; font-size: 16px; margin-bottom: 29px; font-weight: 100; text-align: right; line-height: 24px; border-top: #333333 1px dotted; border-right: #333333 1px dotted; padding: 5px 10px 0 0;} #poem h3 em { font-size: 12px; } #poem h4 { font-size: 20px; color: #333; margin: 2em 0 1em; } #poem p { font-size: 16px; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; margin: 0 0 1.5em; line-height: 24px; padding-top: 6px;} #poem p.quote { padding-left: 28px; } #poem p.spacer { margin: 48px 15%; width: 20%; text-align: center; } #poem ol { list-style: decimal; font-size: 16px; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; line-height: 28px; margin: 2.45em 0 1.5em 1.25em; } .copyright { width: 100%; } .copyright h3.lock { font-size: 14px; text-align: right; font-weight: lighter; margin: 40px 0; color: #7f7f7f; padding-right: 20px;} .copyright h3.lock a { color: #7f7f7f; } .copyright h3.lock a:hover { color: #b12d32; } #rel-nav { z-index: 500; } #rel-nav ul#last { font-size: 1.2em; float: left; margin: 30px 0; } #rel-nav ul#last li { display: inline; list-style-type: none; text-align: left; text-transform: lowercase; } #rel-nav ul#last li a { display: inline-block; z-index: 5000;} #rel-nav ul#next { font-size: 1.2em; float: right; margin: 30px 0; padding-right: 20px; } #rel-nav ul#next li { display: inline; list-style-type: none; text-align: right; text-transform: lowercase; } #rel-nav ul#next li a { display: inline-block; } /* =NON/FICTION SINGLE VIEW -------------------------------------------------------------- */ #story { width: 960px; margin: 45px 10px; } div.banner { width: 940px; overflow: visible; } div.banner h2.title { font-size: 4em; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-weight: 200; border-bottom: 1px solid #333; border-top: 3px solid #333; text-transform: uppercase; letter-spacing: -0.025em; color: #333; line-height: 0.85em; min-height: 280px; height: auto !important; height: 280px; width: 940px; background: transparent; text-align: center; overflow: visible; } div.banner h3.byline { font-size: 24px; font-family: "adelle-1","adelle-2"; font-weight: 100; margin-top: 5px; text-align: center; line-height: 32px; border-bottom: #333333 4px double; padding: 5px 0; } div.banner p#bio { font-size: 1.4em; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; letter-spacing: -0.005em; text-align: justify; padding: 10px 170px; border-bottom: 4px double #333; } div.banner p#bio span { font-variant: small-caps; } div.banner p#publish { float: right; font-size: 11px; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-weight: 200; text-transform: uppercase; padding-top: 10px; margin-bottom: 28px; } #story .content p { font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; font-size: 16px; line-height: 24px; margin: 32px 10px; } #story .content p.excerpt { margin: 10px 0 0 0; width: 50%; font-size: 12px; line-height: 20px; } #story .content p.lead { width: 940px; font-size: 24px; line-height: 34px; margin: 80px 0 32px 0;} #story .content p.lead:first-letter { font-size: 84px; line-height: 84px; font-weight: bold; float: left; margin: 16px 16px 0 20px; font-family: "aviano-didone-1","aviano-didone-2", Garamond, "Hoefler Text", "Times New Roman", Times, serif; } #story .content h3 { font-family: "adelle-1","adelle-2"; font-size: 24px; line-height: 32px; color: #333; border-bottom: 1px dotted #333; width: 90%; margin: 2.5em 0 1.5em; } #story .content h4 { font-size: 20px; line-height: 28px; color: #666; margin: 2em 0 1.5em; } #story .content h5 { font-size: 16px; line-height: 24px; color: #666; margin: 2.5em 0 1.5em; } #story .content div#col1 p.lead, #story .content div#col2 p.lead { font-size: 24px; line-height: 34px; margin: 52px 0 32px 0 !important; } #story .content div#col1 p.spacer { margin: 48px 10px 48px 0; width: 90%; text-align: center; } #story .content div#col2 p.spacer { margin: 48px 0 48px 30px; width: 90%; text-align: center; } #story .content div#col1, #story .content div#col2 { float: left; margin: 10px 0; width: 50%; } #story .content div#col1 p { font-size: 16px; line-height: 24px; margin: 0 10px 24px 0; width: 90%; } #story .content div#col1 p:first-child { margin: 0px 10px 32px 0px; } #story .content div#col2 p { font-size: 16px; line-height: 24px; margin: 0 0 24px 30px; width: 90%; } #story .content div#col2 p:first-child { margin: 0px 0px 32px 30px; } #story .content div#col2 p:last-child:after { content: "\2737"; font-size: 150%; padding-left: 5px; float: right; position: relative; top: 1px; left: -5px;} #story .content div#col1 p.quote, #story .content div#col2 p.quote { width: 75%; padding-left: 28px; } #story div.content div#col1 ul, #story div.content div#col2 ul { font-size: 16px; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; line-height: 24px; list-style: inside; list-style-type: inherit; margin: 32px 10px; } #story div.content div#col1 ul li, #story div.content div#col2 ul li { margin: .25em 2em; } #top-button { margin: 0 20px 50px 0; } #top-button a { display: block; background: transparent url(images/top.png) no-repeat top center; height: 35px; width: 75px; text-indent: -9999px; } #top-button a:hover { background: transparent url(images/top.png) no-repeat bottom center; } span.pulledquote {display: block; float: left; padding: 8px 8px 8px 0; margin-right: 15px; width: 180px; font-size: 28px; line-height: 28px; text-align: left; color: #666; border-right: 1px dotted #333; font-family: "adelle-1","adelle-2"; } span.pullRight {display: block; float: right; padding: 8px 0 8px 8px; margin-left: 15px; width: 180px; font-size: 28px; line-height: 28px; text-align: left; color: #666; border-left: 1px dotted #333; font-family: "adelle-1","adelle-2"; } /* =LEARNING ANNEX SINGLE VIEW -------------------------------------------------------------- */ #annex { width: 960px; margin: 45px 10px; } #annex .content p.lead { width: 940px; font-size: 24px; line-height: 34px; margin-top: 75px;} #annex .content p { font-size: 16px; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; line-height: 18px; } #annex .content p.lead:first-letter { font-size: 84px; font-weight: bold; float: left; margin: 16px 16px 0 20px; font-family: "aviano-didone-1","aviano-didone-2", Garamond, "Hoefler Text", "Times New Roman", Times, serif; } #annex p.quote { padding-left: 50px; } #annex p.inner-title { font-weight: bold; font-family: "adelle-1","adelle-2"; text-transform: uppercase; } #annex p.spacer { text-align: center; margin: 50px 0; } #annex div.content div#col1, #annex div.content div#col2 { float: left; margin: 10px 0; width: 50%; } #annex div.content h3 { font-size: 28px; color: #333; border-bottom: 1px dotted #333; width: 90%; margin: 2.5em 0 1.5em; } #annex div.content h4 { font-size: 24px; color: #333; font-family: "adelle-1","adelle-2"; margin: 2em 0 1.5em; } #annex div.content h5 { font-size: 20px; color: #666; font-family: "adelle-1","adelle-2"; margin: 2.5em 0 1.5em; } #annex div.content div#col1 p { line-height: 1.6em; margin: 20px 10px 20px 0px; width: 90%; } #annex div.content div#col2 p { line-height: 1.6em; margin: 20px 0px 20px 30px; width: 90%; } #annex div.content div#col2 p:last-child:after { content: "\2737"; font-size: 150%; padding-left: 5px; float: right; position: relative; top: 1px; left: -5px;} #annex div.content div#col1 ul, #annex div.content div#col2 ul { font-size: 16px; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; line-height: 18px; list-style: inside; list-style-type: inherit; } #annex div.content div#col1 ul li, #annex div.content div#col2 ul li { margin: .25em 2em; } #annex div.content div#col1 ul.alpha, #annex div.content div#col2 ul.alpha { list-style: inside; list-style-type: lower-alpha; } #annex .sources { margin-top: 75px; } #annex .sources h4#sources { font-family: "adelle-1","adelle-2"; font-size: 2em; border-top: 1px dotted #333; margin-right: 20px; } #annex .sources p { font-size: 12px; margin-top: 0.5em; line-height: 20px; width: 620px; } #annex .sources a { text-decoration: underline; } /* =INTERVIEWS SINGLE VIEW -------------------------------------------------------------- */ #interviews { width: 960px; margin: 45px 10px; } #interviews div.banner p#who { font-size: 1.4em; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; letter-spacing: -0.005em; padding: 10px 170px; border-bottom: 4px double #333; } #interviews .content p { font-size: 16px; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; line-height: 18px; } #interviews .content p.lead { width: 940px; font-size: 20px; line-height: 28px; margin-top: 75px;} #interviews .content p.lead:first-letter { font-size: 84px; font-weight: bold; float: left; margin: 16px 16px 0 20px; font-family: "aviano-didone-1","aviano-didone-2", Garamond, "Hoefler Text", "Times New Roman", Times, serif; } #interviews p.quote { padding-left: 50px; } #interviews p.inner-title { color: #b12d32; font-family: "adelle-1","adelle-2"; text-transform: uppercase; font-size: 20px; line-height: 32px; border-bottom: 1px dotted #b12d32; border-top: 1px dotted #b12d32; padding: 5px 0; } #interviews p.spacer { text-align: center; margin: 50px 0; } #interviews div.content div#col1, #interviews div.content div#col2 { float: left; margin: 10px 0; width: 50%; } #interviews div.content h3 { font-size: 28px; color: #333; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-weight: 200; border-bottom: 1px dotted #333; width: 90%; margin: 2.5em 0 1.5em; } #interviews div.content h4 { font-size: 24px; color: #333; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-weight: 200; margin: 2em 0 1.5em; } #interviews div.content h5 { font-size: 20px; color: #333; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-weight: 200; margin: 2.5em 0 1.5em; } #interviews div.content div#col1 p { line-height: 1.6em; margin: 20px 10px 20px 0px; width: 90%; } #interviews div.content div#col2 p { line-height: 1.6em; margin: 20px 0px 20px 30px; width: 90%; } #interviews div.content div#col2 p:last-child:after { content: "\2737"; font-size: 150%; padding-left: 5px; float: right; position: relative; top: 1px; left: -5px;} #interviews div.content div#col1 ul, #interviews div.content div#col2 ul { font-size: 16px; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; line-height: 18px; list-style: inside; list-style-type: inherit; } #interviews div.content div#col1 ul li, #interviews div.content div#col2 ul li { margin: .25em 2em; } #interviews div.content div#col1 ul.alpha, #interviews div.content div#col2 ul.alpha { list-style: inside; list-style-type: lower-alpha; } /* =REVIEWS SINGLE VIEW PAGE -------------------------------------------------------------- */ #review-post { margin: 50px 0; } #review-post a:hover { color: #f64138; } h2#review-post { font-size: 9em; text-align: left; font-family: "bigsmalls-bold-1","bigsmalls-bold-2", Consolas, "Lucida Console", Monaco, monospace; border-bottom: 3px solid #f64138; margin: 10px 11px 0; color: #f64138; text-transform: uppercase; padding-left: 137px; padding-top: 4px; height: 93px; background: transparent url(images/gossip.jpg) no-repeat scroll 0 -15px; height: 93px;} #review-post h3 { font-size: 3.75em; margin: 75px 9px 5px 10px; border-bottom: 1px solid #333; text-transform: uppercase; letter-spacing: -0.025em; color: #f64138; line-height: 0.85em; } #review-post h4 { font-family: "adelle-1","adelle-2"; font-size: 2em; margin: 8px 9px 29px 10px; text-align: right; line-height: 1.25em; border-top: #333333 1px dotted; border-right: #333333 1px dotted; padding: 5px 10px 0 0;} #review-post #inner-wrap { position: relative; } #review-post a.cover { position: absolute; top: 135px; left: 10px; border: 2px solid #ddd; } #review-post ul#book { position: absolute; font-size: 1.4em; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-weight: 200; top: 135px; left: 170px; width: 240px; } #review-post ul#book li.book-title { font-size: 2em; font-weight: bold; font-style: italic; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; } #review-post ul#book li.author { font-size: 1.4em; font-weight: 200; } #review-post .rev { padding: 15px 10px 0 0; width: 460px; float: right; } #review-post p { font-size: 16px; line-height: 24px; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; margin: 15px 0px; width: 460px; } #review-post p.lead:first-letter { font-size: 72px; line-height: 56px; font-weight: bold; float: left; padding: 16px 16px 0 0; font-family: "aviano-didone-1","aviano-didone-2", Garamond, "Hoefler Text", "Times New Roman", Times, serif; } #review-post p.quote { margin-left: 15px; padding-left: 10px; border-left: 3px solid #ccc; } #review-post div#inner-wrap p.publish { float: left; font-size: 1.5em; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-weight: 200; text-transform: uppercase; padding-top: 10px; margin-top: -65px; margin-left: 10px; } #review-post div#inner-wrap p#bio { width: 880px; font-size: 1.4em; border-top: 1px dotted #333; border-bottom: 1px dotted #333; margin: 75px 10px 0; padding: 15px 30px; text-align: center; } #review-post div#inner-wrap p#bio span { font-family: "adelle-1","adelle-2"; text-transform: uppercase; } #review-post #rel-nav { position: relative; width: 940px; margin-left: 10px; } #review-post #rel-nav ul#last { font-size: 1.2em; float: left; margin: 40px 0 50px 0; } #review-post #rel-nav ul#last li, #review-post #rel-nav ul#next li { display: inline; list-style-type: none; text-align: left; text-transform: lowercase; } #review-post #rel-nav ul#last li a, #review-post #rel-nav ul#next li a { display: inline-block; } #review-post #rel-nav ul#next { font-size: 1.2em; float: right; margin: 40px 0 50px 0; } /* =GOSSIP SINGLE VIEW PAGE -------------------------------------------------------------- */ #gossip-post { margin: 50px 0; } #gossip-post a:hover { color: #8DEEEE; } #gossip-post #inner-wrap { padding-left: 10px; } h2#gossip-post { font-size: 9em; text-align: left; font-family: "bigsmalls-bold-1","bigsmalls-bold-2", Consolas, "Lucida Console", Monaco, monospace; border-bottom: 3px solid #8DEEEE; margin: 10px 11px 0; color: #8DEEEE; text-transform: uppercase; padding-left: 137px; padding-top: 4px; height: 93px; background: transparent url(images/gossip.jpg) no-repeat scroll 0 -15px; height: 93px;} #gossip-post h3 { font-size: 4em; margin: 75px 9px 5px 0; border-bottom: 1px solid #333; text-transform: uppercase; letter-spacing: -0.025em; color: #333; line-height: 0.85em; } #gossip-post h4 { font-size: 2.5em; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-weight: 200; margin: 8px 9px 29px 10px; text-align: right; line-height: 1.25em; border-top: #333333 1px dotted; border-right: #333333 1px dotted; padding: 5px 10px 0 0;} #gossip-post p { font-size: 1.6em; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; margin: 25px 80px 0 170px; } #gossip-post div#inner-wrap p.publish { float: left; font-size: 12px; text-transform: uppercase; padding-top: 10px; margin: -65px 0 0 0; } #gossip-post form p { margin: 0 0 20px 50px; } #gossip-post #rel-nav { position: relative; width: 940px; } #gossip-post #rel-nav ul#last { font-size: 1.2em; float: left; margin: 40px 0 50px 0; } #gossip-post #rel-nav ul#last li { display: inline; list-style-type: none; text-align: left; text-transform: lowercase; } #gossip-post #rel-nav ul#last li a { display: inline-block; } #gossip-post #rel-nav ul#next { font-size: 1.2em; float: right; margin: 40px 0 50px 0; } #gossip-post #rel-nav ul#next li { display: inline; list-style-type: none; text-align: right; text-transform: lowercase; } #gossip-post #rel-nav ul#next li a { display: inline-block; } /* =PODCAST SINGLE VIEW PAGE -------------------------------------------------------------- */ #podcast-post { margin: 50px 0; } #podcast-post a:hover { color: #b12d32; } h2#podcast-post { font-size: 9em; text-align: left; font-family: "bigsmalls-bold-1","bigsmalls-bold-2", Consolas, "Lucida Console", Monaco, monospace; border-bottom: 3px solid #b12d32; margin: 10px 11px 0; color: #b12d32; text-transform: uppercase; padding-left: 137px; padding-top: 4px; height: 93px; background: transparent url(images/gossip.jpg) no-repeat scroll 0 -15px; height: 93px;} #podcast-post h3 { font-size: 4em; margin: 75px 9px 5px 10px; border-bottom: 1px solid #333; text-transform: uppercase; letter-spacing: -0.025em; color: #333; line-height: 0.85em; } #podcast-post p { font-size: 1.6em; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; margin: 15px 90px 15px 50px; } #podcast-post div#inner-wrap { position: relative; } #podcast-post div#inner-wrap p.publish { font-size: 12px; margin: 8px 9px 29px 10px; text-align: right; line-height: 1.25em; border-top: #333333 1px dotted; border-right: #333333 1px dotted; padding: 5px 10px 0 0; text-transform: uppercase; } #podcast-post ul { float: left; width: 500px; margin: 10px 0 0 50px; } #podcast-post ul li { display: inline; } #podcast-post ul a { height: 32px; display: inline-block; text-decoration: none; padding: 2px 8px 0 34px; font-size: 1em; } #podcast-post ul a#mp3 { background: transparent url(images/suss-bg.png) no-repeat scroll 0 -462px; width: 100px; } #podcast-post a#mp3:hover { background-position: 0 -380px; } #podcast-post a#itunes { background: transparent url(images/suss-bg.png) no-repeat scroll -381px -190px; width: 100px; } #podcast-post a#itunes:hover { background-position: -381px -232px; color: #7500ce; } #podcast-post a#pod-rss { background: transparent url(images/suss-bg.png) no-repeat scroll -381px -1434px; width: 100px; } #podcast-post a#pod-rss:hover { background-position: -381px -1476px; } #podcast-post form p { margin: 0 0 20px 50px; } #podcast-post #rel-nav { position: relative; width: 940px; margin-left: 10px; } #podcast-post #rel-nav ul#last { font-size: 1.2em; float: left; margin: 40px 0 50px 0; } #podcast-post #rel-nav ul#last li { display: inline; list-style-type: none; text-align: left; text-transform: lowercase; } #podcast-post #rel-nav ul#last li a { display: inline-block; } #podcast-post #rel-nav ul#next { font-size: 1.2em; float: right; margin: 40px 0 50px 0; width: 126px; } #podcast-post #rel-nav ul#next li { display: inline; list-style-type: none; text-align: right; text-transform: lowercase; } #podcast-post #rel-nav ul#next li a { display: inline-block; } /* =FOOTER -------------------------------------------------------------- */ #footer-wrap { height: 250px; background: transparent url(images/footer-bg.jpg) top left repeat-x; width: 100%; margin-top: 175px; } #footer { width: 960px; margin: 0 auto; padding: 10px 0 0 18px; } #footer h3 { font-size: 1.5em; color: #111; } #footer p { font-size: 1.1em; padding-top: 5px; margin-bottom: 10px; color: #111; } #lss a { text-indent: -9999px; background: transparent url(images/suss-bg.png) no-repeat scroll -381px -637px; width: 140px; height: 91px; margin: 10px 80px 0 0; float: left; } #mailing { width: 220px; height: auto !important; min-height: 100px; height: auto !important; height: 100px; margin: 10px 80px 0 20px; float: left; font-weight: 200; } #mailing div.mc-field-group label { position: absolute; top: 2px; left: 5px; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; font-style: italic; font-size: 1.5em; color: #666; } #mailing div.mc-field-group { margin-bottom: 3px; position: relative; } * html #mailing div.mc-field-group { zoom: 1; } #mailing div.mc-field-group input { width: 215px; } #mailing div#mce-success-response { margin-bottom: 5px; } #mailing div.chimp { margin: 10px 0 0 3px; width: 220px; } #mailing div.chimp a#chimp { width: 50px; height: 50px; text-indent: -9999px; background: transparent url(images/suss-bg-2.png) no-repeat scroll 0 -1205px; } #mailing div.chimp a { display: block; border: none; } #mailing div.chimp a.mail { padding: 20px 1px; font-size: 1.1em; font-style: italic; } #mailing input#mc-embedded-subscribe { border: none; text-indent: -9999px; background: transparent url(images/suss-bg-2.png) no-repeat scroll 0 -1459px; height: 24px; width: 24px; position: absolute; left: 209px; top: -2px; cursor: pointer; font-size: 0px; line-height: 0px; display: block; } #mailing input#mc-embedded-subscribe:hover { background: transparent url(images/suss-bg-2.png) no-repeat scroll 0 -1385px; } #mailing div.mce_inline_error, #mailing div#mce-error-response, #mailing div#mce-success-response { margin-top: 5px; color: #111; } #rights { width: 140px; height: auto !important; margin: 10px 80px 0 20px; float: left; letter-spacing: -0.05em; font-weight: 200; } #rights a { color: #111; } #rights a:hover { color: #b12d32; } #support { width: 140px; height: auto !important; margin: 10px 0 0 20px; float: left; } #support a { display: inline-block; border: none; text-decoration: none; letter-spacing: -0.05em; font-weight: 200; float: left; font-size: 1.1em; } #support a#sites { margin-top: 6px; } #support a img { vertical-align:middle; float: left; } #support a#wp { margin: 0 26px 3px 15px; text-indent: -9999px; background: transparent url(images/suss-bg-2.png) no-repeat scroll 0 -1533px; width: 32px; height: 32px; } #support a#mt { text-indent: -9999px; width: 60px; height: 30px; background: transparent url(images/suss-bg-2.png) no-repeat scroll 0 -1305px; margin: 0 12px 0 1px; } #support a img#amsu { margin: 0 13px 0 10px; } /* =COMMENTS -------------------------------------------------------------- */ #respond { margin-top: 25px; border-top: 1px dotted #ccc; } #gossip-post h3.comment-title { font-size: 3em; border-bottom: none; margin: 100px 0 0 8px; color: #666; } #gossip-post h3.lower-comment-title { font-size: 3em; border-bottom: none; margin: 15px 0 0 8px; color: #666; } p#required { font-size: 1.2em; } p#required span { color: #b12d32; } #respond #info-area #author-area, #respond #info-area #email-area, #respond #info-area #url-area { position: relative; float: left; width: 207px; } * html #respond #info-area #author-area, * html #respond #info-area #email-area, * html #respond #info-area #url-area { zoom: 1; } #respond #info-area #author-area input, #respond #info-area #email-area input, #respond #info-area #url-area input { width: 200px; border: 2px solid #cccccc; padding: 10px 0; } #respond label#comment-writer { color:#333333; font-family:Georgia,Serif; font-size:13px; position: absolute; top: 12px; left: 55px; } #respond label#author-email { color:#333333; font-family:Georgia,Serif; font-size:13px; position: absolute; top: 12px; left: 55px; } #respond label#author-site { color:#333333; font-family:Georgia,Serif; font-size:13px; position: absolute; top: 12px; left: 55px; } #respond label#comment-writer span, #respond label#author-email span { color: #b12d32; } #comment-area { width: 800px; position: relative; } * html #comment-area { zoom: 1; } #respond textarea#comment { width: 538px; float: left; margin-left: 50px; border: 3px solid #cccccc; font-family: Garamond,"Hoefler Text","Times New Roman",Times,serif; font-size:1.2em; padding:5px; background: transparent url(images/bg.gif) no-repeat bottom right; } #respond label#thanks { font-size: 1.2em; font-family: Garamond,"Hoefler Text","Times New Roman",Times,serif; position: absolute; top: 8px; left: 61px; } #respond input#submit { float: left; margin-left: 5px; } ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; } ol.commentlist li { } ol.commentlist li.alt { } ol.commentlist li.bypostauthor {} ol.commentlist li.byuser {} ol.commentlist li.comment-author-admin {} ol.commentlist li.comment { border-bottom:1px dotted #666; padding:1em; } ol.commentlist li.comment div.comment-author {} ol.commentlist li.comment div.vcard { font:normal 16px georgia,times,serif; } ol.commentlist li.comment div.vcard cite.fn { font-style:normal; } ol.commentlist li.comment div.vcard cite.fn a.url {} ol.commentlist li.comment div.vcard img.avatar { border:5px solid #ccc; float:left; margin:0 1em 1em 0; } ol.commentlist li.comment div.vcard img.avatar-32 {} ol.commentlist li.comment div.vcard img.photo {} ol.commentlist li.comment div.vcard span.says {} ol.commentlist li.comment div.commentmetadata {} ol.commentlist li.comment div.comment-meta { font-size:9px; } ol.commentlist li.comment div.comment-meta a { color:#ccc; } ol.commentlist li.comment p { font-size:11px; margin:0 0 1em; } ol.commentlist li.comment ul { font-size:11px; list-style:square; margin:0 0 1em 2em; } ol.commentlist li.comment div.reply { font-size:11px; } ol.commentlist li.comment div.reply a { font-weight:bold; } ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; } ol.commentlist li.comment ul.children li {} ol.commentlist li.comment ul.children li.alt {} ol.commentlist li.comment ul.children li.bypostauthor {} ol.commentlist li.comment ul.children li.byuser {} ol.commentlist li.comment ul.children li.comment {} ol.commentlist li.comment ul.children li.comment-author-admin {} ol.commentlist li.comment ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; } ol.commentlist li.comment ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; } ol.commentlist li.comment ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; } ol.commentlist li.comment ul.children li.depth-5 {} ol.commentlist li.comment ul.children li.odd {} ol.commentlist li.even { background:#fff; } ol.commentlist li.odd { background:#f6f6f6; } ol.commentlist li.parent { border-left:5px solid #111; } ol.commentlist li.thread-alt { } ol.commentlist li.thread-even {} ol.commentlist li.thread-odd {} /* =SEARCH & 404 PAGES -------------------------------------------------------------- */ #four-oh-four { margin: 50px 150px; padding: 10px; } #four-oh-four { margin: 50px 100px; padding: 10px; } h2.four-oh-four { text-transform: uppercase; font-size: 6em; font-family: "matt-b-1","matt-b-2"; color: #b12d32; } #four-oh-four h3 { font-size: 1.8em; margin: 15px 0; font-family: "matt-b-1","matt-b-2"; color: #666; } #four-oh-four h3 a { color: #b12d32; text-decoration: none;} #four-oh-four p { font-size: 1.3em; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; margin: 0 100px 10px 0; } #four-oh-four p a { text-decoration: none; } #four-oh-four p a:hover, #four-oh-four h3 a:hover { text-decoration: underline; } #four-oh-four p a:visited, #four-oh-four h3 a:visited { color: inherit; text-decoration: underline; }