body {text-align:center; margin:0; background:url(http://www.andrewcohen.org/uimages/tmpl/body-bg.gif) 50% 0 repeat-y #eaeaea } body#LG {} /* large banner */ body#SM {} /* small banner */ body#PF {} /* printer-friendly */ /* bodyFrame -- centers the entire page content ---- */ #bodyFrame { margin:0 auto; text-align:right; width:764px; position:relative; background:#fff url(http://www.andrewcohen.org/uimages/frameBG.gif) repeat-y } /* -- general styles -- */ h1 {color:#000; font:normal 22px/27px arial; margin:10px 0 } /* h2 {font:italic 18px arial; margin:0 0 10px 0; color:#555;} */ h2 {font:italic 14px Trebuchet MS, Arial, sans-serif;; margin:0 0 10px 0; color:#666;} h3 {font:normal 17px arial; color:#525353; margin-bottom:5px;} h3.italic {font:italic normal 15px arial; color:#000; margin-bottom:5px;} h4 {font:normal 16px arial; margin:0 0 5px 0; padding:0;} h4.italic {font:italic normal 14px arial;} h6 {font:italic 13px Trebuchet MS, Arial, sans-serif; margin:0 0 10px 0; color:#A49E9C;} /* Some headings are also defined below for #tbodyleft column */ p {font:13px Trebuchet MS, Arial, sans-serif; padding:0; margin:0 0 12px 0;} p.landingIntro {margin-top:25px; color:#333;} p span.introBold {font:bold 12px arial; color:#000;} p.smallText, div.smallText p, div.smallText ul, div.smallText li, div.smallText blockquote, div.smallText blockquote p, div.smallText a, a.smallText, span.smallText {font-size:12px; line-height:16px;} p.vocal, div.vocal p, span.vocal {font:14px/20px arial;} body,ul,li,dt,dl,blockquote {font:13px Trebuchet MS, Arial, sans-serif; } img {border:none; display:block} form { display:inline } cite { display:block; margin:3px 0 1em; text-align:left; font:italic 13px/14px "trebuchet ms" } cite em { font-style:normal } .articleIntro { background:url(http://www.andrewcohen.org/uimages/dots/h4_gray.gif) repeat-x 0 100%; margin:14px 0; padding-bottom:6px } .articleIntro p { font:12px/15px "trebuchet ms"; color:#888 } :focus {-moz-outline-style: none;} /* hack mozilla not to display the dotted border for links */ /* --- useful classes --- */ .dotLine {height:1px; line-height:0; font-size:0; margin:16px 0; background:url(http://www.andrewcohen.org/uimages/dots/h4_gray.gif) 0 0 repeat-x;} /* added 3 jan 2006 */ img.left { float:left; margin:0 0 12px 12px; display:inline } img.right { float:right; margin:0 12px 12px 0; display:inline } /* div, p, blockquote */ .sideDot { background:url(http://www.andrewcohen.org/uimages/dots/v4_gray.gif) repeat-y; padding-right:12px } .grayBox {background:#f2f2f2; margin-top:25px; padding:15px} .hilite { background-color:#ffc } /* highlighter */ .liteFont { color:#777 } /* anchor tags */ a:link, a:visited, a:active {color:#338FDE; text-decoration:none;} a:hover {text-decoration:underline;} a.more:link, a.more:visited, a.more:active {font:bold 12px Verdana, arial; text-transform:uppercase} a.back:link, a.back:visited, a.back:active {font:bold 10px Verdana, arial; text-transform:uppercase} div.emailIcon, div.emailIcon a { display:block; background:url(http://www.andrewcohen.org/uimages/icons/email.gif) 0 50% no-repeat } div.emailIcon a { padding-right:24px } div.emailIcon a:hover { background-image:url(http://www.andrewcohen.org/uimages/icons/email-over-blue.gif) } /* mirrors a.arrow (in colors sheets) */ div.arrow { padding:0 8px; background:url(http://www.andrewcohen.org/uimages/bullets/arrow-gray.gif) 0 50% no-repeat } /* note: a.offsite triggers behavior in UNOBTRUSIVE.js (including target=blank, and adding an image) */ img.offsite { display:inline !important; padding-right:4px } img.cart { display:inline !important; padding-right:4px } a.articleIcon { padding-right:16px; display:block; background:url(http://www.andrewcohen.org/uimages/bullets/article-icon.gif) 0 5px no-repeat } p.articleBlurb, div.articleBlurb p { padding-right:16px !important; margin-bottom:0 /* careful! */ } a.videoIcon { padding-right:16px; display:block; background:url(http://www.andrewcohen.org/uimages/bullets/video-icon.gif) 0 2px no-repeat } a.audioIcon { padding-right:16px; display:block; background:url(http://www.andrewcohen.org/uimages/bullets/audio-icon.gif) 0 1px no-repeat } a.audioIconb { padding-right:16px; background:url(http://www.andrewcohen.org/uimages/bullets/audio-icon.gif) 0 1px no-repeat } a.upArrow:link, a.upArrow:visited, a.upArrow:active {padding-left:18px;} /* arrow in innerNav */ a.upArrow:link, a.upArrow:visited, a.upArrow:active {background:url(http://www.andrewcohen.org/uimages/bullets/arrow-up.gif) 100% 50% no-repeat; padding-left:18px;} a.video:link, a.video:visited, a.video:active {background:url(http://www.andrewcohen.org/uimages/bullets/video.gif) 100% 50% no-repeat; padding-left:18px;} /* plus/minus popopens -- colored images set in colored style sheets */ a.popopen { background:no-repeat 100% 50%; padding-left:13px } a.popclosed { background:no-repeat 100% 50%; padding-left:13px } .popThis { display:none; border:1px solid #aaa; background-color:#f8f8f8; padding:11px; width:350px; margin-left:0 } /* width overridden in rcol_ sheets */ .popThis, .popThis * { font-size: 12px } .clearFloats {clear:both; line-height:1px; font-size:1px} .ie6 .clearFloats { height:1px } div.footnote { margin:3em 0; padding-top:12px; background:url(http://www.andrewcohen.org/uimages/dots/h4_gray.gif) 0 0 repeat-x } div.footnote, div.footnote p { color:#888; font-size:12px } p.unfinished, p.hotbox, div.hotbox { border:2px solid red; background-color:#f6f6f6; padding:10px } .dated { color:#bbb } /* see common.asp */ .dated a { color:#999 !important } /* ------- HEADER -------- */ #header { height:103px; background:url(http://www.andrewcohen.org/uimages/tmpl07/banner-bg-short.gif) repeat-x #1a1a1a; border-bottom:1px solid #676767} #header #logo { background:url(http://www.andrewcohen.org/uimages/tmpl07/logo.gif) no-repeat 5px 0; height:36px } #header #logo a { display:block; height:36px } #header .contents { width:764px; margin:0 auto } #header #utils { height:36px } #header #utils .content { padding:5px 20px 0 0; color:#bbb; font:10px verdana } #header #utils a { color:#c3c3c3; text-decoration:none } #header #utils a:hover { background-color:#777 } #header #utils table { float:left } #header #utils td.links { vertical-align:middle; padding-left:20px } #header #utils td.right { background:url(http://www.andrewcohen.org/uimages/tmpl07/search-right.gif) no-repeat 100% 0; width:10px; height:23px; vertical-align:top; font-size:1px; line-height:1px; } #header #utils td.left { background:url(http://www.andrewcohen.org/uimages/tmpl07/search-left.gif) no-repeat; width:22px; vertical-align:top } #header #utils td.mid { background:#fff; width:110px; padding:0 !important; padding-bottom:0 !important; border-top:1px solid #656565; border-bottom:1px solid #656565 } #header #utils td.left {} #header #utils input.srch { font:10px verdana; color:#888; border-width:0; padding:3px 0; margin:0 !important; width:105px } #header #utils input.srchGo { width:22px; height:23px } #header #topTabs { height:31px; background:url(http://www.andrewcohen.org/uimages/tmpl07/nav-mid.gif) repeat-x } #header #topTabs #right { float:right; width:9px; height:31px; background:url(http://www.andrewcohen.org/uimages/tmpl07/nav-right.gif) no-repeat } #header #topTabs #left { float:left; width:9px; height:31px; background:url(http://www.andrewcohen.org/uimages/tmpl07/nav-left.gif) no-repeat } #header #topTabs #items { text-align:right; padding:6px 0 0 10px } #header #topTabs a { color:#fff; font:12px verdana; padding:2px 6px; text-decoration:none } #header #topTabs a.on { background:#606060 } #header #topTabs a:hover { text-decoration:underline } /* ------- MAIN NAV -------- this is the vertical nav most styles have been moved to the colored style sheets; this is only the stuff common to all colors */ /* left-side lower bground image */ #mainNavBox1 {width:134px; background:100% 0 no-repeat; margin-right:8px } /* bgimage set in colors */ #mainNav {width:124px; background-repeat:repeat-y; font:10px verdana} #mainNav div {width:124px;} /* dotted line between links */ #mainNav div.dots {height:1px; line-height:0; font-size:0; padding:0; margin:0; background:url(http://www.andrewcohen.org/uimages/dots/h3.gif) 100% 0 repeat-x;} #mainNav a {text-decoration:none; padding:8px; display:block; margin:0;} #mainNav a .onNav {color:white; text-decoration:none; padding:8px; display:block; margin:0;} /* "on" state. links are images, 1 or 2 lines tall */ #mainNav div.onLink {padding:0; overflow:hidden } #mainNav a.onLink1 {padding:0; line-height:25px; background-image:none; } #mainNav a.onLink2 {padding:0; line-height:38px; background-image:none; } /* &&&&&&&&&&&&&&&&&&&&& NEW TABLE STUFF &&&&&&&&&&&&&&&&&&&&&&&&& */ #bodyTable { width:764px } /* background applied in colored style sheets */ /* banner */ #LG #tbodyBanner { height:145px } #SM #tbodyBanner { height:71px } /* right */ #tbodyright { width:169px; padding:34px 0 } #tbodyright #trightContents { margin:30px 0 0 } /* MAIN */ #tbodyMain { color:#333333 } /* 52 */ #tbodyMain #tMainContents { padding:0 15px 25px 20px } /* left (set in rcol sheets) */ /* #tbodyleft {} */ /* &&&&&&&&&&&&&&&&&&&&& END NEW TABLE STUFF &&&&&&&&&&&&&&&&&&&&&&&&& */ /* ------- MAIN CONTENT AREA -------- */ a.bcrumb {display:block; margin:0; padding:7px 0 0; font-size:11px; line-height:14px; font-family:arial; color:#8c8c8c !important} #tbodyleft p {font:12px Trebuchet MS, Arial, sans-serif; padding:0; margin:0 0 12px 0;} #tbodyleft h4 {color:#666 !important; padding:0; margin:0 0 12px 0;} #tbodyleft h5 {font:normal 16px Trebuchet MS, Arial, sans-serif; color:#666; padding:0; margin:0;} /*??*/ #innerNav {color:#000; width:150px;} /* in left column -- sized for WIDE */ #innerNav .dots {height:1px; line-height:0; font-size:0; padding:0; margin:5px 0 5px 12px; background:url(http://www.andrewcohen.org/uimages/dots/h3.gif) 0 0 repeat-x;} #innerNav, #innerNav a:link, #innerNav a:visited {color:#000; font:10px verdana, sans-serif; line-height:14px;} #innerNav a:hover {text-decoration:none;} #innerNav .navItem {padding-right:12px;} #innerNav .on {background:url(http://www.andrewcohen.org/uimages/bullets/caret.gif) 0 50% no-repeat; color:#888} /* -- Main Content Area Layout Options -- moved to indiv css files ---- 1- No left Column - rcol_none.css 2- left Column Wide (219px w) - rcol_wide.css 3- left Column Narrow (180px w) - rcol_narrow.css 4- left Column Wide with large image floated into main text area - rcol_wideJutting.css4 5- Three columns with left col abs positioned - rcol_threeCol.css (threeCol also used for other layouts - e.g. andrew/spiritual-teacher.asp) */ /* ------- FOOTER -------- (duplicated in home.css) */ #footer {margin:0 auto; width:764px; padding:25px 0; text-align:center; background:url(http://www.andrewcohen.org/uimages/tmpl/footer-grad.gif) repeat-x #f3f3f3; border-top:1px solid #aaa; direction:rtl} .footerCol { text-align:right; padding:0 20px; } #footer h6 {} #footer p.links { color:#999; font-size:11px } #footer p.copy { color:#777; font-size:11px } #footer table { margin-bottom:30px } /* ------- MISC -------- */ /* page navigator (colored numbers are set in the colored style sheets) */ .pageNav { float:left } .pageNav a {text-decoration:none; display:block; width:21px; height:21px; background:-21px 0 no-repeat} .pageNav a:hover {background-position:0 0} .pageNav a.ON {background-position:-42px 0 } .pageNav a.ON:hover {background-position:-42px 0} .page1, .page2, .page3, .page4, .page5, .page6 {float:right; width:21px; height:21px} /* email signup box. the only thing you should need to customize (override) is in the first two lines */ .emailSignup { margin:80px 0 16px 15px; width:135px } .emailSignup .inner { background:url(http://www.andrewcohen.org/uimages/tmpl/email-signup-bg.gif) repeat-x } /* don't modify below here */ .emailSignup {} .emailSignup form { /* CRASHES IE: d:block; m:0 0 10px; p:1px 0 */ } .emailSignup .inner { border:2px solid #fff; padding:10px } .ie6 .emailSignup .inner { width:115px } .emailSignup .eTitle { font:bold 10px/12px "verdana"; color:#454648; margin:0 0 0.6em } .emailSignup .eDesc, a.privacyLink, .emailPriv p, .emailSignupErrorCls { font:10px/12px "verdana" !important; color:#3D3D3C !important; margin:0 0 0.8em } a.privacyLink { margin-top:12px } .emailPriv { display:none; margin-top:8px; background-color:#f3f3f3; padding:7px } .emailSignup input.email, .emailSignup input.err, .emailSignup input.noErr { float:right; margin:2px 10px 0 0; width:75px !important; height:13px !important; width /**/:77px; height /**/:16px; /* ie5 boxmodel hack */ border:1px solid #7C7C7C; border-left:1px solid #ddd; border-bottom:1px solid #ddd; font:10px "verdana"; color: #555} .emailSignup input.err { background-color:#FDF5B2 } .emailSignup input.emailGo { float:right; width:20px; height:21px; background:url(http://www.andrewcohen.org/uimages/tmpl/email-go.gif) no-repeat } .emailSignup input.emailGo:hover, .emailSignup input.emailGoHover { cursor:hand; background:url(http://www.andrewcohen.org/uimages/tmpl/email-go-over.gif) no-repeat} .emailSignupErrorCls { display:none; margin:8px 0; padding:7px; background-color:#FAF9E1 }