/* ---------------------------------------------------- Site: Jewish Ideas Daily Sheet: styles.css Web Development Firm: www.eResources.com CSS Coder: Matt Harris (www.focusontheclouds.com) Date: October 9, 2009 Purpose: Main Template ---------------------------------------------------- ---------------------------------------------------- */ /* --------------------------------------------- Positioning --------------------------------------------- */ body {margin: 0 10px; padding: 0;} /* add margin to body - MT - Nov 18, 2009 */ #wrappage {position: relative; padding: 0;} #wraphdr, #wrapprinav, #wrapmain, #wrapftr {position: relative; width: 940px; clear: both; margin: 0 auto; overflow: hidden;} #wrapftr {overflow: visible;} /* add minimum page height - JM - Jan 27, 2010 */ #wrapmain {min-height: 485px;} * html #wrapmain {height: 485px; overflow: visible;} /* END OF add minimum page height - JM - Jan 27, 2010 */ #hdr {height: 80px; margin-top: 10px;} #hdr .ad {float: left; clear: left; width: 160px; height: 65px; overflow: hidden;} /* add width, height, and overflow to limit ads size - JM - Nov 25, 2009 */ #hdr #logo {float:left; position:absolute; left:320px; top:10px;} /* AG - Oct 14, 2009 - remove position: relatife to fix jumping pri in FF when no hl or short hl displayed AG - Oct 23, 2009 - added margin-bottom:20px; to set same spacing between IE and FF */ #wrapmain #pri {width: 600px; margin: 0 auto; clear: left; float: left; margin-bottom:20px;} #wrapmain #sec {position: relative; width: 300px; margin: 0 auto; float: right; margin-top:-60px;} /* AG - Nov 5, 2009 - change from top:-60px; to fix spacing issue */ #wrapmain #ter {position: relative; width: 140px; margin: 0 auto; clear: right; float: right;} #wrapmain #ter {width: 240px;} /* MH - Jun 04, 2010 */ #tHome #sec {float: left; margin-left: 20px;} #tHome #wrapmain #pri {width: 460px;} #tHome #wrapmain #pri {width: 360px;} /* MH - Jun 04, 2010 */ #tHome #wrapmain #sec {margin-top:0;} /* AG - Nov 5, 2009 - change from top:-60px; to fix spacing issue */ #ftrads .left {position: relative; margin: 0 auto; float: left; width: 728px; height: 90px; overflow: hidden;} /* add width, height, and overflow to limit ads size - JM - Nov 25, 2009 */ #ftrads .right {position: relative; margin: 0 auto; float: right; clear: right; width: 192px; height: 90px; overflow: hidden;} /* add width, height, and overflow to limit ads size - JM - Nov 25, 2009 */ /*** Document z-index ***/ #wrappage {z-index: 1;} #wraphdr {z-index: 1000;} #wrapprinav, #wrapprinav ul ul, #wrapprinav ul ul li {z-index: 1000;} #wrapftrnav , #wrapftrnav ul, #wrapftrnav li {z-index: 1000;} #search, #search form {z-index: 500;} #wrapmain, #wrapmain #pri, #wrapmain #sec, #wrapmain #ter {z-index: 100;} #wrapftr {z-index: 1000;} /* --------------------------------------------- Navigation --------------------------------------------- */ a img {border: none; margin:0; padding: 0;} /* *** Primary Navigation *** */ #wrapprinav {position: relative; overflow: visible;} #prinav {position: absolute; top: 0; left: 0; overflow: visible;} #prinav ul {position: relative; margin: 2px 0 0 0; padding: 0; text-align: center;} #prinav li {margin: 0; display:block; float:left; text-indent:-9999px;} #prinav li a {background: transparent url(/i/prinav.gif) top left no-repeat; padding: 0; height: 35px; display:block;} #prinav ul li {position: relative;} * html #prinav ul li {position: static;} /* added to fix missing top navigation from IE6 - JM - Feb 17, 2010 */ #prinav ul ul {position: absolute; left: -9px; top:35px;}/*AG - Oct 21, 2009 - added top:35px; to fix jumping ul in IE */ #prinav ul ul {display: none; margin: 0; padding: 5px 0 9px 0; text-align:left; width: 198px;} #prinav ul ul li {position: relative; float: left; width: 198px; clear: both; text-indent:0;} #prinav ul ul li a {padding: 4px 15px 4px 15px; height: auto; width: auto !important;} #prinav li > ul {/* top: auto;left: auto; */} /* what is the purpose of this?? --> to reset the top and left properties on all but IE browsers*/ #prinav ul li:hover ul, #prinav ul li.hover ul {display: block;} /*#prinav ul li:hover ul added by AG july 17,2007 --> added so hover can display in firefox & opera*/ /* updated - MT - Feb 17, 2010 */ #prinav li.home a {background-position: 0 -1px; width: 45px;} #prinav li.them a {background-position: -45px -1px; width: 73px;} #prinav li.onbo a {background-position: -118px -1px; width: 85px;} #prinav li.sabb a {background-position: -203px -1px; width: 154px;} #prinav li.voic a {background-position: -357px -1px; width: 157px;} #prinav li.audi a {background-position: -514px -1px; width: 102px;} #prinav li.blog a {background-position: -616px -1px; width: 54px;} #prinav li.myli a {background-position: -670px -1px; width: 87px;} #prinav li.logi a {background-position: -757px -1px; width: 52px;} #prinav li.arch a {background-position: -809px -1px; width: 63px;} #prinav li.feed a {background-position: -872px -1px; width: 68px;} #prinav li.home a:hover, #prinav li.home a:active, #prinav li.home:hover a, #prinav li.hover a.home, #prinav li.active a.home {background-position: 0 -36px;} #prinav li.them a:hover, #prinav li.them a:active, #prinav li.them:hover a, #prinav li.hover a.them, #prinav li.active a.them {background-position: -45px -36px;} #prinav li.onbo a:hover, #prinav li.onbo a:active, #prinav li.onbo:hover a, #prinav li.hover a.onbo, #prinav li.active a.onbo {background-position: -118px -36px;} #prinav li.sabb a:hover, #prinav li.sabb a:active, #prinav li.sabb:hover a, #prinav li.hover a.sabb, #prinav li.active a.sabb {background-position: -203px -36px;} #prinav li.voic a:hover, #prinav li.voic a:active, #prinav li.voic:hover a, #prinav li.hover a.voic, #prinav li.active a.voic {background-position: -357px -36px;} #prinav li.audi a:hover, #prinav li.audi a:active, #prinav li.audi:hover a, #prinav li.hover a.audi, #prinav li.active a.audi {background-position: -514px -36px;} #prinav li.blog a:hover, #prinav li.blog a:active, #prinav li.blog:hover a, #prinav li.hover a.blog, #prinav li.active a.blog {background-position: -616px -36px;} #prinav li.myli a:hover, #prinav li.myli a:active, #prinav li.myli:hover a, #prinav li.hover a.myli, #prinav li.active a.myli {background-position: -670px -36px;} #prinav li.logi a:hover, #prinav li.logi a:active, #prinav li.logi:hover a, #prinav li.hover a.logi, #prinav li.active a.logi {background-position: -757px -36px;} #prinav li.arch a:hover, #prinav li.arch a:active, #prinav li.arch:hover a, #prinav li.hover a.arch, #prinav li.active a.arch {background-position: -809px -36px;} #prinav li.feed a:hover, #prinav li.feed a:active, #prinav li.feed:hover a, #prinav li.hover a.feed, #prinav li.active a.feed {background-position: -872px -36px;} /* END OF updated - MT - Feb 17, 2010 */ /* *** Page Navigation *** */ #wrappagenav {display:block; padding-top: 10px;} #pagenav {margin:0; padding:0; overflow:hidden;} #pagenav li {margin: 0 0 5px 0; padding: 0 5px; display:block; float: left; border-left: 1px solid #134;} .noborder, #pagenav li.noborder {border:none !important;} .topborder {border-bottom: none !important; border-top: solid 1px #999 !important;} /* added - JM - Jun 25, 2010 */ #pagenav li a:link, #pagenav li a:visited {text-decoration: none; color: #134;} #pagenav li a:hover, #pagenav li a:active {text-decoration: underline; color: #ff2121;} #pagenav {width:600px; white-space:nowrap;} /* AG - Oct 14, 2009 - added so pagenav not display under highlight*/ /* *** Footer Navigation *** */ #wrapftrnav {position: relative; overflow: visible; clear:both; border-top: 1px solid #134; border-bottom: 1px solid #134; overflow: visible; height: 39px;} #ftrnav {overflow: visible;} #ftrnav {height:1%;}/* AG - Oct 14, 2009 - fix issue in #%@&* ie6 */ #ftrnav ul {margin: 0; padding: 0; text-align: center;} #ftrnav li {margin: 0; display:block; float:left; text-indent:-9999px; padding-top: 4px;} #ftrnav li a {background: transparent url(/i/ftrnav.gif) top left no-repeat; padding: 0; height: 35px; display:block;} #ftrnav ul li {position: relative;} #ftrnav ul ul {position: absolute; left: -9px; bottom:39px;} #ftrnav ul ul {display: none; margin: 0; padding: 5px 0 9px 0; text-align:left; width: 198px;} #ftrnav ul ul li {position: relative; float: left; width: 198px; clear: both; text-indent:0;} #ftrnav ul ul li a {padding: 4px 15px 4px 15px; height: auto; width: auto !important;} #ftrnav li > ul {/* top: auto;left: auto; */} /* Reset the top and left properties on all but IE browsers */ #ftrnav ul li:hover ul, #ftrnav ul li.hover ul {display: block;} /*#prinav ul li:hover ul added by AG july 17,2007 --> added so hover can display in firefox & opera*/ #ftrnav li.home a {background-position: 0 -1px; width: 37px;} #ftrnav li.them a {background-position: -37px -1px; width: 55px;} #ftrnav li.onbo a {background-position: -92px -1px; width: 69px;} #ftrnav li.sabb a {background-position: -161px -1px; width: 127px;} #ftrnav li.voic a {background-position: -288px -1px; width: 132px;} #ftrnav li.audi a {background-position: -420px -1px; width: 85px;} #ftrnav li.blog a {background-position: -505px -1px; width: 48px;} #ftrnav li.myli a {background-position: -553px -1px; width: 75px;} #ftrnav li.arch a {background-position: -628px -1px; width: 58px;} #ftrnav li.rss a {background-position: -686px -1px; width: 34px;} #ftrnav li.abou a {background-position: -720px -1px; width: 64px;} #ftrnav li.adve a {background-position: -784px -1px; width: 70px;} #ftrnav li.lega a {background-position: -854px -1px; width: 82px;} #ftrnav li.home a:hover, #ftrnav li.home a:active, #ftrnav li.home:hover a, #ftrnav li.hover a.home {background-position: 0 -36px;} #ftrnav li.them a:hover, #ftrnav li.them a:active, #ftrnav li.them:hover a, #ftrnav li.hover a.them {background-position: -37px -36px;} #ftrnav li.onbo a:hover, #ftrnav li.onbo a:active, #ftrnav li.onbo:hover a, #ftrnav li.hover a.onbo {background-position: -92px -36px;} #ftrnav li.sabb a:hover, #ftrnav li.sabb a:active, #ftrnav li.sabb:hover a, #ftrnav li.hover a.sabb {background-position: -161px -36px;} #ftrnav li.voic a:hover, #ftrnav li.voic a:active, #ftrnav li.voic:hover a, #ftrnav li.hover a.voic {background-position: -288px -36px;} #ftrnav li.audi a:hover, #ftrnav li.audi a:active, #ftrnav li.audi:hover a, #ftrnav li.hover a.audi {background-position: -420px -36px;} #ftrnav li.blog a:hover, #ftrnav li.blog a:active, #ftrnav li.blog:hover a, #ftrnav li.hover a.blog {background-position: -505px -36px;} #ftrnav li.myli a:hover, #ftrnav li.myli a:active, #ftrnav li.myli:hover a, #ftrnav li.hover a.myli {background-position: -553px -36px;} #ftrnav li.arch a:hover, #ftrnav li.arch a:active, #ftrnav li.arch:hover a, #ftrnav li.hover a.arch {background-position: -628px -36px;} #ftrnav li.rss a:hover, #ftrnav li.rss a:active, #ftrnav li.rss:hover a, #ftrnav li.hover a.rss {background-position: -686px -36px;} #ftrnav li.abou a:hover, #ftrnav li.abou a:active, #ftrnav li.abou:hover a, #ftrnav li.hover a.abou {background-position: -720px -36px;} #ftrnav li.adve a:hover, #ftrnav li.adve a:active, #ftrnav li.adve:hover a, #ftrnav li.hover a.adve {background-position: -784px -36px;} #ftrnav li.lega a:hover, #ftrnav li.lega a:active, #ftrnav li.lega:hover a, #ftrnav li.hover a.lega {background-position: -854px -36px;} /* --------------------------------------------- Background & Borders --------------------------------------------- */ /* *** Fonts *** */ body {font-size: .8em; color: #555;} body , #ter .meta .title {font-family: Georgia, Times New Roman, Serif;} .comments, .page, .artopt a, .content h5, p.img-detail span, p.img-feature span , dl, input, #copyright, .forgot, .meta, p.meta, .save {font-family: Arial, Sans-serif;} .styledtitle, .button, .more, .comment-text {font-family: Calibri, Arial, Sans-serif;} /* add .comment-text - JM - Jul 29, 2010 */ /*.weekdays {font-family: Calibri, Arial, Sans-serif;} -- removed - MT - Nov 13, 2009 */ .content {line-height: 1.4em;} h1, h2, h3, h4, h5, h6 {margin:0; padding: 10px 0 0 0; font-weight: normal; color: #134;} p {color: #555;} p.noTopBottom {margin-top: 0px; margin-bottom: 0px;} /* added for FOTF - JM - Nov 09, 2009 */ #pri .content h3, #pri .content h4, #pri .content h5, #pri .content h6 {line-height: 20px;} .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {margin:0; padding: 10px 0 0 0; color: #134;} .content h1, .content h2 {line-height: 20px;} .article .content {font-size: 14px;} #pri .content h4 {text-transform: uppercase; letter-spacing: 2px;} #pri .content h5 {font-weight: bold; text-transform: uppercase; font-size: .8em;} #pri .content ul,#pri .content ol {padding-left:15px;} /*AG - Oct 14, 2009 - added */ #pri .content ol {list-style-type: decimal}/*AG - Oct 14, 2009 - added to fix FF bug*/ #pri .content ol, #pri .content ul {margin: 0 0 15px 0;padding-top:0px;} /*AG - Oct 14, 2009 - added*/ .articleTitle {padding:0 0 20px 0; margin: 0 0 10px 0; border-bottom: 1px solid #999;} .articleTitle h2, .articleTitle h3, .articleTitle h4 {margin:0; padding:0;} .articleTitle h2 {font-size: 2.5em; color:#134;} .articleTitle h3 {font-size: 1.3em; color: #555; margin-top:3px;} h4.date {color: #999; font-size:.9em;} h4.author {color: #54AACC; margin-top: 10px;} /* added for authors in the article detail page - JM - Nov 12, 2009 */ h4.author a {color: #54AACC; text-decoration: none;} h4.author a:hover {text-decoration: underline;} /* END OF added for authors in the article detail page - JM - Nov 12, 2009 */ /* added for browse by author page - JM - Dec 02, 2009 */ h2.archive {padding-bottom: 10px;} /* END OF added for browse by author page - JM - Dec 02, 2009 */ /* tweak date spacing at top of first column on home page - MT - Nov 18, 2009 */ #pri .content h4.home-date, .home-date, #pri .content h4.home-date-detail, .home-date-detail { color: #212121; /* it was #222 - change to new look - JM - May 19, 2010 */ font-size: 12px; /* it was 13px - JM - Jun 04, 2010 */ margin: 8px 0 10px 0; /* it was 12px 0 10px 0 - change to new look - JM - May 19, 2010 */ padding: 0; text-transform: none; letter-spacing: 0; text-align: right; /* added for new look - JM - May 19, 2010 */ } /* added for new look - JM - May 19, 2010 */ #pri .content h4.home-date-detail, .home-date-detail { margin-top: 0px; margin-bottom: 0px; } #tBasic #pri .content h4.home-date, #tBasic .home-date { color: #222; font-size: 13px; margin: 12px 0 10px 0; padding: 0; text-transform: none; letter-spacing: 0; text-align: left; } /* END OF added - JM - May 19, 2010 */ #search #navsearch .navsearchinput {font-size: .8em; color: #134;} .button {font-size: 12px; text-transform: uppercase; color: #134; background: #fff; border: none;} .button:hover {color: #ff2121;} ol {list-style-type: lower-greek;} ol, ul {margin: 0; padding: 10px 0 0 0;} ul ul, ol ol {padding: 0; margin: 0 0 0 15px;} li {margin: 0 0 0 20px; padding: 0 0 0 0;} blockquote {padding: 0 10px 0 10px; margin: 0; font-size: .9em;} #pri blockquote {padding: 0 30px 0 30px; margin: 0;} /* *** Links *** */ a:link, a:visited {color: #212121; text-decoration: underline;} a:hover, a:active {color: #ff2121; text-decoration: underline;} /* *** Primary Navigation *** */ #wrapprinav {border-top: 1px solid #134; border-bottom: 1px solid #134; height: 37px;} #prinav ul ul {background: #F6F6F6; border: 1px solid #134;} #prinav ul ul li {background: #F6F6F6;} #prinav ul ul li a {background: none;} #prinav ul li li:hover, #prinav ul li li.hover {background: #fff;} #prinav ul li li a {color: #113344; font-size: 14px;} #prinav ul li li a:link, #prinav ul li li a:visited {color: #134; text-decoration: none;} #prinav ul li li a:hover, #prinav ul li li a:active {color: #ff2121; text-decoration: none;} /* *** Footer Navigation *** */ #ftrnav ul ul {background: #F6F6F6; border: 1px solid #134;} #ftrnav ul ul li {background: #F6F6F6;} #ftrnav ul ul li a {background: none;} #ftrnav ul li li:hover, #ftrnav ul li li.hover {background: #fff;} #ftrnav ul li li a {color: #113344; font-size: 14px;} #ftrnav ul li li a:link, #ftrnav ul li li a:visited {color: #134; text-decoration: none;} #ftrnav ul li li a:hover, #ftrnav ul li li a:active {color: #ff2121; text-decoration: none;} /* *** Styled Titles *** */ .styledtitle {margin: 20px 0 0 0;padding:0px;} #ter .highlight h4.styledtitle {margin:0px;padding:0px;} .more, .comment-text {text-transform: uppercase; letter-spacing: 1px; font-size: 12px; font-weight: bold;} /* add .comment-text - JM - Jul 29, 2010 */ /* removed - MT - Nov 03, 2009 .styledtitle, .button, .more, .weekdays {text-transform: uppercase; letter-spacing: 1px; font-size: 12px; font-weight: bold;} .styledtitle {margin: 20px 0 0 0; padding: 0; color: #444; font-weight: bold;} / AG - Oct 14, 2009 - added margin-top: 0px; AG - Oct 27, 2009 - added #tArticle & #tThemes / #tBasic #sec .styledtitle, #tArticle #sec .styledtitle, #tThemes #sec .styledtitle {color: #134; margin-bottom: 10px; margin-top: 0px;} .styledtitle a:link, .styledtitle a:visited {text-decoration: none;} .styledtitle a:hover, .styledtitle a:active {text-decoration: none;} */ /* removed - MT - Nov 13, 2009 .weekdays {color: #ff2121 !important; padding:0; margin:0;} -- AG - Oct 27, 2009 - change padding from padding: 0 0 20px 0; included in #sec .highlight .weekdays a:link, .weekdays a:visited {color: #134; text-decoration: none;} .weekdays a:hover, .weekdays a:active {color: #ff2121; text-decoration: none;} */ /* *** More *** */ .more a:link, .more a:visited {color: #ff2121; text-decoration: none;} .more a:hover, .more a:active {color: #ff2121; text-decoration: underline;} /* *** Comment Text in the Homepage - JM - Jul 29, 2010 *** */ .comment-text a:link, .comment-text a:visited {color: #467; text-decoration: none;} .comment-text a:hover, .comment-text a:active {color: #467; text-decoration: underline;} /* *** Account Login *** */ #hdr #acct {position: absolute; right:0; top:15px; width: 182px; text-align: left;} #hdr #acct-in {position: absolute; right:0; top:10px; width: 250px; text-align: left;} #acct input , #acct p, #acct-in p {margin:0; padding: 0;} #acct #email {width: 174px; padding: 1px; font-size: 10px; margin-bottom: 4px;} #acct #pass {width: 120px; padding: 1px; font-size: 10px; margin-bottom: 4px;} /* #acct #login {width: 50px; margin-left: 6px;} #acct #signup {width: 58px; margin-left: 34px;} AG - Oct 23, 2009 -change to use image */ #acct #login {width: 36px; height: 22px; float: right; background: url(../i/bLogin.gif) no-repeat center bottom; border: none; cursor: pointer;} #acct #login:hover {background: url(../i/bLogin-h.gif) no-repeat center bottom; cursor: hand;} #acct #signup {clear: both; width: 44px; height: 20px; float: right; background: url(../i/bSignup.gif) no-repeat center bottom; border: none; cursor: pointer;} /* AG - Oct 27, 2009 - added clear:both; fix safari display*/ #acct #signup:hover {background: url(../i/bSignup-h.gif) no-repeat center bottom; cursor: hand;} #acct input.button {border: 1px solid #fff;} .forgot {font-size: 11px;} .forgot a:link, .forgot a:visited {text-decoration: none;} .forgot a:hover, .forgot a:active {text-decoration: none; color: #ff2121;} #acct #signup {color: #ff2121;} #acct #signup:hover {text-decoration: underline;} #acct-in .id {margin-bottom: 8px;} #acct-in p {font-size: 13px; text-align: right;} #acct-in p.admin-links {font-size: 12px;} /* added - MH - Feb 12, 2010 */ /* it was .tSignUp #wraphdr - modified to make programmatic code easier - JM - Feb 12, 2010 */ .tSignUp {background: transparent url(/i/daily-email.gif) top right no-repeat;} /* END OF added - MH - Feb 12, 2010 */ /* added for "sign up to JID Alert" text field - JM - Feb 12, 2010 */ #acct .signup-sub-table {margin: 39px 0px 4px -49px;} * html #acct .signup-sub-table {position: relative;} #acct #email-sub {width: 128px; padding: 3px;} #acct #signup-sub {width: 63px; height: 26px; background: url(../i/orange-sign-up.gif) no-repeat center bottom; border: none; cursor: pointer;} #acct #signup-sub:hover {background: url(../i/orange-sign-up.gif) no-repeat center bottom; cursor: hand;} /* END OF added - JM - Feb 12, 2010 */ /* added for Sign Up hardcoded right highlight - JM - Jun 25, 2010 */ #acct form {margin: 0; padding: 0;} #acct .signup-sub-table-hl {margin: 10px 0px 0px 3px; padding: 0;} #acct #email-sub-hl, #acct #zip-sub-hl {width: 168px; padding: 3px; margin-bottom: 2px; .margin-bottom: 0px; border: solid 2px #C3C3C3; background-color: #fff;} #tHome #acct #email-sub-hl, #tHome #acct #zip-sub-hl {width: 115px; font-size: 12px;} #acct #signup-sub-hl {width: 86px; height: 37px; background: url(../i/orange-sign-up-hl.gif) no-repeat center bottom; border: none; cursor: pointer;} #acct #signup-sub-hl:hover {background: url(../i/orange-sign-up-hl.gif) no-repeat center bottom; cursor: hand;} /* END OF added for Sign Up hardcoded right highlight - JM - Jun 25, 2010 */ /* *** Account Logged In *** */ .loggedin {font-size: 12px;} /* *** Search Box *** */ #wrapprinav #search {position: relative; float: right; margin-top: 14px;} #search #navsearch .navsearchinput {border: 1px solid #134; padding: 2px; margin-bottom: 4px; width: 150px; float: left;} #go {padding: 2px 0 0 0; margin: 0 0 2px 5px; font-size: 12px; font-weight: bold; letter-spacing: 0; float: left;} #search #go {width: 16px;height:22px; background:url(../i/bGo.gif) no-repeat center; border:none;} /* AG - Oct 23, 2009 -change to use image*/ #search #go:hover {background:url(../i/bGo-h.gif) no-repeat center;} /* *** Section Title *** */ #wrapmain #section {background: #EEE url(/i/bkgd-wrapmain.gif) bottom left repeat-x; } #wrapmain #section {padding: 10px 0 10px 0; margin-bottom: 20px; } #wrapmain #section img {margin-left: 2px;} /* *** Detail Image & Caption *** */ p.img-feature { /* -- change to left aligned - JM - May 19, 2010 display: block; margin: 0; padding: 0; */ float: left; margin: 5px 8px 8px 0; display: inline; } p.img-detail { float: right; /*top: 0; -- removed - MT - Nov 19, 2009 */ margin: 11px 0 8px 8px; .margin: 11px 0 8px 8px; /* change margin top from 0px to 15px - AG - Nov 4, 2009; change margin top from 15px to 11px - MT - Nov 19, 2009 */ /*width: 140px; -- added - AG - Oct 27, 2009; removed - MT - Nov 18, 2009 */ display: inline; /* added - MT - Nov 19, 2009 */ } p.img-detail img { /* added to fix image align if image is smaller than 140px - AG - Oct 27, 2009 */ /*float: right; -- removed - MT - Nov 19, 2009 */ margin-top: -11px; .margin-top: -9px; } p.img-detail span, p.img-feature span { display: block; text-align: right; font-size: 10px; color: #aaa; } p.img-feature span { text-align: left; /* change to left aligned - JM - May 19, 2010 */ } .blurb p.img-detail { /*float: right; -- removed - MT - Nov 19, 2009 top: 0;*/ margin: 10px 0 8px 0px; padding-left: 8px; /*width: 140px; -- added - AG - Oct 27, 2009; removed - MT - Nov 13, 2009 */ } .blurb p.img-detail img { /* added for image on detail page - JM - Nov 19, 2009 */ margin-top: -7px; .margin-top: -6px; } #tArticle p.img-detail { /* added for Main Features module detail page - JM - Jun 08, 2010 */ .margin-top: 20px; } span.caption { /* added for image in the right highlight on the homepage - JM - Oct 22, 2009 */ clear: right; /* added - AG - Oct 27, 2009 */ display: block; text-align: right; font-size: 10px; color: #aaa; line-height: 12px; /* added - AG - Oct 27, 2009 */ padding: 4px 0 3px 0; /* added - AG - Oct 27, 2009 */ } /* *** Pagination *** */ .page {color:#999;} .page .prev, .page .next {font-size: .9em;} .page a {font-weight: bold; font-size: 1.4em;} .page a:link, .page a:visited {color: #ff2121; text-decoration: none;} .page a:hover, .page a:active {color: #ff2121; text-decoration: underline;} /* *** Article Options *** */ .artopttop {position: relative; display: block; overflow: hidden;} .artoptbot {clear:both; float:left; .float:none; display: block; width:600px; margin-top: 50px;} /* AG - Oct 14, 2009 - separated from artopttop because FF bug */ ul.artopt li {margin: 0; display:block; float:left;} ul.artopt li a {padding: 0 0 0 40px; height: 40px; display:block;} .artopttop ul.artopt li {clear:both; width: 260px; background: transparent url(/i/bkgd-aptopttop.gif) 45px 34px no-repeat;} /*AG - Nov 4, 2009 - Changed to 260px because of IE6 bug*/ .artopttop {border: 1px solid #999; background: #fff; margin: 0; padding: 0 10px 0 10px; margin-bottom:20px;} /* AG - Oct 14, 2009 - added margin-bottom:20px;*/ .artoptbot {border-top: 1px solid #999; border-bottom: 1px solid #999;} .artopttop ul.artopt, .artopttop {height: 1%;} /* fix bkgd issue in ie6 */ ul.artopt li.shar {background:none;} ul.artopt li.emai a {background: transparent url(/i/iEmail.png) top left no-repeat;} ul.artopt li.prin a {background: transparent url(/i/iPrint.png) top left no-repeat;} ul.artopt li.save a {background: transparent url(/i/iSave.png) top left no-repeat;} ul.artopt li.comm a {background: transparent url(/i/iComment.png) top left no-repeat;} ul.artopt li.shar a {background: transparent url(/i/iShare.png) top left no-repeat;} * html ul.artopt li.comm a {text-decoration: none;} /* added for IE6 because anchor make it underlined - JM - Jul 29, 2010 */ ul.artopt li.emai a:hover, ul.artopt li.emai a:active {background-position: 0 -80px;} ul.artopt li.prin a:hover, ul.artopt li.prin a:active {background-position: 0 -80px;} ul.artopt li.save a:hover, ul.artopt li.save a:active {background-position: 0 -80px;} ul.artopt li.comm a:hover, ul.artopt li.comm a:active {background-position: 0 -80px;} ul.artopt li.shar a:hover, ul.artopt li.shar a:active {background-position: 0 -80px;} * html ul.artopt li.comm a:hover {text-decoration: underline;} /* added for IE6 because anchor make it underlined - JM - Jul 29, 2010 */ .artoptbot ul.artopt li.emai {width: 115px;} /* must define widths to make ie6 happy */ .artoptbot ul.artopt li.prin {width: 118px;} /* must define widths to make ie6 happy */ .artoptbot ul.artopt li.save {width: 143px;} /* must define widths to make ie6 happy */ .artoptbot ul.artopt li.comm { /*width: 103px;*/ /* must define widths to make ie6 happy */ /* removed because comment link text is real time - JM - Jul 29, 2010 */ } .artoptbot ul.artopt li.shar {width: 118px;} /* must define widths to make ie6 happy */ /* added - JM - use Share This button */ /* not used again - JM - Nov 12, 2009 .artoptbot ul.artopt li.shar { margin-top: 7px; margin-left: 5px; } .artoptbot ul.artopt li.shar .stbuttontext { margin-left: -18px; } .artopttop ul.artopt li.shar { margin-top: 7px; margin-left: 5px; } .artopttop ul.artopt li.shar .stbuttontext { margin-left: -5px; } */ /* END OF added - JM - use Share This button */ .artopt a {color: #134; line-height: 30px; text-decoration: none; font-size: .9em;} .artoptbot .artopt a {color: #444;} .artopt a span {color: #ff2121; text-transform: uppercase; font-weight: bold;} .artopt a:hover, .artopt a:active {color: #ff2121; text-decoration: underline;} .artoptbot a {font-size: .8em; margin-right: 10px;} #pri .artoptbot {height: 1%;} /* fix issue in #%@&* ie6 */ /* *** Highlight Image Titles *** -- added - MT - Nov 03, 2009 */ .highlighttitle { position: relative; margin: 20px 0 10px 0; /* it was margin-top: 20px; - MT - Nov 13, 2009 */ padding: 0; } .highlighttitle, .highlighttitle a {display: block; overflow: hidden; width: 160px; height: 8px;} #blogfeature .highlighttitle, #blogfeature .highlighttitle a {width: 278px;} /* added for highlight title in the theme detail page - JM - Nov 12, 2009 */ .highlighttitle span {display: none;} /*#ter .highlighttitle {.margin-bottom: -10px;} -- AG - Nov 04, 2009 - added to fix spacing bug ; removed - MT - Nov 13, 2009 */ #ter .highlighttitle, #ter .highlighttitle a { /* AG - Nov 04, 2009 - added to fix #ter width in IE6 */ display: block; overflow: hidden; width: 160px; /* it was 140px - JM - Jun 18, 2010 */ height: 8px; } /* *** Highlight Titles *** -- added - AG - Nov 03, 2009 - changed from old .styledTitle */ .hltitle {text-transform: uppercase; letter-spacing: 1px; font-size: 12px; font-weight: bold;} .hltitle {margin: 20px 0 0 0; padding: 0; color: #444; font-weight: bold;} #tBasic #sec .hltitle, #tArticle #sec .hltitle, #tThemes #sec .hltitle {color: #134; margin-bottom: 10px;} #tBasic #sec .hltitle, #tArticle #sec .hltitle {margin-top: 0px;} #ter .hltitle {font-family: Calibri, Arial, Sans-serif; font-size: 11px; margin-bottom: 6px;} /* for non-hardcoded theme - JM - Nov 09, 2009 */ .hltitle a:link, .hltitle a:visited {text-decoration: none;} .hltitle a:hover, .hltitle a:active {text-decoration: none;} /* Blue Titles (#sec column) -- added - MT - Nov 03, 2009 */ #hToday, #hToday a {background: url(/i/hToday.gif) transparent top left no-repeat;} #hThewe, #hThewe a {background: url(/i/hThewe.gif) transparent top left no-repeat;} #hRelat, #hRelat a {background: url(/i/hRelat.gif) transparent top left no-repeat;} #hMostp, #hMostp a {background: url(/i/hMostp.gif) transparent top left no-repeat;} #hOpini, #hOpini a {background: url(/i/hOpini.gif) transparent top left no-repeat;} #hInsig, #hInsig a {background: url(/i/hInsig.gif) transparent top left no-repeat;} #hRevie, #hRevie a {background: url(/i/hRevie.gif) transparent top left no-repeat;} #hInter, #hInter a {background: url(/i/hInter.gif) transparent top left no-repeat;} #hTheme, #hTheme a {background: url(/i/hTheme.gif) transparent top left no-repeat;} #hBooks, #hBooks a {background: url(/i/hBooks.gif) transparent top left no-repeat;} #hSabba, #hSabba a {background: url(/i/hSabba.gif) transparent top left no-repeat;} #hVoice, #hVoice a {background: url(/i/hVoice.gif) transparent top left no-repeat;} #hAudio, #hAudio a {background: url(/i/hAudio.gif) transparent top left no-repeat;} #hQanda, #hQanda a {background: url(/i/hQanda.gif) transparent top left no-repeat;} #hMylib, #hMylib a {background: url(/i/hMylib.gif) transparent top left no-repeat;} #hArchi, #hArchi a {background: url(/i/hArchi.gif) transparent top left no-repeat;} #hRss, #hRss a {background: url(/i/hRss.gif) transparent top left no-repeat;} #hAbout, #hAbout a {background: url(/i/hAbout.gif) transparent top left no-repeat;} #hCal, #hCal a {background: url(/i/hCal.gif) transparent top left no-repeat;} #hSabb, #hSabb a {background: url(/i/hSabb.gif) transparent top left no-repeat;} #hJerus, #hJerus a {background: url(/i/hJerus.gif) transparent top left no-repeat;} #hRelIt, #hRelIt a {background: url(/i/hRelIt.gif) transparent top left no-repeat;} /* Black Titles (#ter column - themes) -- added - MT - Nov 03, 2009 */ #hBible, #hBible a {background: url(/i/hBible.gif) transparent top left no-repeat;} #hIsrae, #hIsrae a {background: url(/i/hIsrae.gif) transparent top left no-repeat;} #hHisto, #hHisto a {background: url(/i/hHisto.gif) transparent top left no-repeat;} #hAmeri, #hAmeri a {background: url(/i/hAmeri.gif) transparent top left no-repeat;} #hRabbi, #hRabbi a {background: url(/i/hRabbi.gif) transparent top left no-repeat;} #hJewis, #hJewis a {background: url(/i/hJewis.gif) transparent top left no-repeat;} #hMysti, #hMysti a {background: url(/i/hMysti.gif) transparent top left no-repeat;} #hRelig, #hRelig a {background: url(/i/hRelig.gif) transparent top left no-repeat;} #hArcha, #hArcha a {background: url(/i/hArcha.gif) transparent top left no-repeat;} #hPeopl, #hPeopl a {background: url(/i/hPeopl.gif) transparent top left no-repeat;} #hEduca, #hEduca a {background: url(/i/hEduca.gif) transparent top left no-repeat;} #hArtsl, #hArtsl a {background: url(/i/hArtsl.gif) transparent top left no-repeat;} #hAntis, #hAntis a {background: url(/i/hAntis.gif) transparent top left no-repeat;} /* Black Titles (#wrapmain #pri .comments column) -- added - JM - Nov 13, 2009 */ #hComme, #hComme a {background: url(/i/hComme.gif) transparent top left no-repeat;} /* Black Titles (#wrapmain #pri .postComment column) -- added - JM - Nov 13, 2009 */ #hPosta, #hPosta a {background: url(/i/hPosta.gif) transparent top left no-repeat;} /* Black Titles (#blogfeature column - Themes/Q & A) -- added - JM - Nov 12, 2009 */ #qBible, #qBible a {background: url(/i/qBible.gif) transparent top left no-repeat;} #qIsrae, #qIsrae a {background: url(/i/qIsrae.gif) transparent top left no-repeat;} #qHisto, #qHisto a {background: url(/i/qHisto.gif) transparent top left no-repeat;} #qAmeri, #qAmeri a {background: url(/i/qAmeri.gif) transparent top left no-repeat;} #qRabbi, #qRabbi a {background: url(/i/qRabbi.gif) transparent top left no-repeat;} #qJewis, #qJewis a {background: url(/i/qJewis.gif) transparent top left no-repeat;} #qMysti, #qMysti a {background: url(/i/qMysti.gif) transparent top left no-repeat;} #qRelig, #qRelig a {background: url(/i/qRelig.gif) transparent top left no-repeat;} #qArcha, #qArcha a {background: url(/i/qArcha.gif) transparent top left no-repeat;} #qPeopl, #qPeopl a {background: url(/i/qPeopl.gif) transparent top left no-repeat;} #qEduca, #qEduca a {background: url(/i/qEduca.gif) transparent top left no-repeat;} #qArtsl, #qArtsl a {background: url(/i/qArtsl.gif) transparent top left no-repeat;} #qAntis, #qAntis a {background: url(/i/qAntis.gif) transparent top left no-repeat;} #qSabba, #qSabba a {background: url(/i/qSabba.gif) transparent top left no-repeat;} #qArchi, #qArchi a {background: url(/i/qArchi.gif) transparent top left no-repeat;} /* Example Title */ /* --- #[title ID], #[title ID] a {background: url(/i/[img-name].gif) transparent top left no-repeat;} ------ The first ID sets the background if not linked. The second sets the background when linked. HTML--

History

*/ .highlighttitle a:hover, .highlighttitle a:active {background-position: 0 -10px !important;} /* Have to use !important to overwrite defining the bkgd by ID. */ /* *** Weekdays *** -- added - MT - Nov 13, 2009 */ .weekdays {position: relative; overflow: hidden; margin: 20px 0 0 0; padding: 0 !important;} .weekdays li {display: block; float: left; margin:0 9px 0 0; padding:0; width: 16px; height: 9px;} .weekdays li a {display: block; width: 16px; height: 9px;} .weekdays li span {display: none;} .weekdays a {background: url(/i/bkgd-week.gif) transparent top left no-repeat; text-decoration: none;} #wTu a {background-position: 0 0;} #wTu a {background-position: -24px 0;} #wWe a {background-position: -47px 0;} #wTh a {background-position: -71px 0;} #wFr a {background-position: -94px 0;} #wSa a {background-position: -117px 0;} #wSu a {background-position: -140px 0;} #wMo a:hover, #wMo a:active, #wMo a.active {background-position: 0 -10px;} #wTu a:hover, #wTu a:active, #wTu a.active {background-position: -24px -10px;} #wWe a:hover, #wWe a:active, #wWe a.active {background-position: -47px -10px;} #wTh a:hover, #wTh a:active , #wTh a.active {background-position: -71px -10px;} #wFr a:hover, #wFr a:active, #wFr a.active {background-position: -94px -10px;} #wSa a:hover, #wSa a:active, #wSa a.active {background-position: -117px -10px;} #wSu a:hover, #wSu a:active, #wSu a.active {background-position: -140px -10px;} /* *** Blog Feature *** */ #blogfeature { position: relative; display: block; overflow: hidden; border: 1px solid #999; background: #fff; margin: 0; /* modified to fix bug in FF (too much spaces between top border and the highlight image title) - JM - Nov 12, 2009 */ /* it was padding: 5px 10px; */ padding: 0px 10px 5px 10px; .padding: 5px 10px 5px 10px; /* END OF modified to fix bug in FF (too much spaces between top border and the highlight image title) - JM - Nov 12, 2009 */ } /* added to fix bug in IE6 (there is no space between top border and the highlight image title) - JM - Nov 12, 2009 */ * html #blogfeature { padding-top: 20px; } /* END OF added to fix bug in IE6 (there is no space between top border and the highlight image title) - JM - Nov 12, 2009 */ #blogfeature p {font-size: 13px; line-height: 19px;} /* modified for non-hardcoded theme - JM - Nov 12, 2009 */ #blogfeature h4.styledtitle { /*margin-top: 10px;*/ text-transform: uppercase; letter-spacing: 1px; font-family: Calibri, Arial, Sans-serif; font-size: 12px; font-weight: bold; color: #000000; margin: 17px 0px -3px 0px; padding: 0px; } * html #blogfeature h4.styledtitle { margin-top: -3px; } /* END OF modified for non-hardcoded theme - JM - Nov 12, 2009 */ /* *** Comments *** */ .comments { /* AG - Nov 4, 2009 - added clear: both; float: left; width: 600px; */ clear: both; float: left; width: 600px; /* move border-bottom: 1px solid #999; to .postcomment because commenting form appears above the comments - JM - Jul 29, 2010 */ /* move commenting form back to the top of comment list - JM - Aug 31, 2010 */ border-bottom: 1px solid #999; padding-bottom: 10px; } .comments .content {font-size: .9em; color: #545454;} .commmeta {font-size: 11px; font-weight: bold; color: #333;} .commmeta a:link, .commmeta a:visited {color: #ff2121; text-decoration: none;} .commmeta a:hover, .commmeta a:active {color: #ff2121; text-decoration: underline;} .commmeta span {color: #ff2121;} /* added - JM - Nov 12, 2009 */ /* *** Post a Comment *** */ .postcomment { /* AG - Nov 4, 2009 - added clear: both; float: left; width: 600px; */ clear: both; float: left; width: 600px; /* added border-bottom: 1px solid #999; padding-bottom: 10px; because commenting form appears above the comments - JM - Jul 29, 2010 */ /* move commenting form back to the top of comment list - JM - Aug 31, 2010 */ /* border-bottom: 1px solid #999; padding-bottom: 10px; */ } .postcomment dt, .postcomment dd {display: block; margin: 0; padding: 0; font-size: .9em;} .postcomment dd {margin: 5px 0 10px 0;} .postcomment label, .postcomment span {font-size: 11px;} .postcomment input, .postcomment textarea {display: block; clear: both; margin:0; padding:0; width: 450px; padding: 2px;} .postcomment input.bcomment {width: 100px; color: #333;} .postcomment input.comment_jid_alert {display: inline; clear: none; width: 20px; border: none;} /* added for JID Alert checkbox - JM - May 27, 2010 */ /* *** Secondary Column & Highlights *** */ #sec {padding-bottom: 20px;} /* AG - Nov 4, 2009 - changed from 40px*/ #sec, #sec p {color: #467;} #sec .highlight {border-bottom: solid 1px #999; padding-bottom: 20px; } /* AG - Nov 4, 2009 - separated from #tHome #sec .highlight , change margin to padding*/ #tHome #sec .highlight,#tThemes #sec .highlight {display:block; overflow:visible; width:300px; float:left;} /* AG - Oct 27, 2009 - fix spacing in homepage #sec - Nov 4, 2009 added themes */ #ter .highlight {border-bottom: solid 1px #999; margin-bottom: 20px; } #sec .borderadd, #ter .borderadd {border-bottom: 1px solid #999; margin-top: 0px; margin-bottom: 20px;} /* added if module's div before has no border - JM - Oct 22, 2009 */ #sec .borderaddtoday {border-bottom: 1px solid #999; margin-top: -20px; margin-bottom: 20px;} /* added if module's div before has no border and before is Today's Pick - JM - Oct 22, 2009 */ #tArticle #sec, #tBasic #sec {background-color: #EEE;} /* background color for correct pages */ #tArticle #sec .highlight, #tBasic #sec .highlight {margin: 0 10px; border:none;} /* margin for highlights w/ background color */ #sec h2, #ter h2{font-size: 18px; line-height: 1.2em;} /* AG - Oct 27 ,2009 - added #ter*/ h2 a:link, h2 a:visited {text-decoration: none;} h2 a:hover, h2 a:active {text-decoration: none;} #sec .highlight {} #sec .ad img {padding-bottom: 20px;} /* AG - Oct 14, 2009 - added for spacing between image hl */ #ter .ad img { /*padding-bottom: 20px; -- added for spacing between image hl - JM - Oct 22, 2009 -- removed because there is Sign Up hardcoded highlight that can be hidden if user has been logged in - JM - Jun 25, 2010 */ /* added because there is Sign Up hardcoded highlight that can be hidden if user has been logged in - JM - Jun 25, 2010 */ padding: 0px; margin: 20px 0; /* END OF added - JM - Jun 25, 2010 */ } #tHome #sec .ad img,#tThemes #sec .ad img {padding-top: 20px;} /* AG - Oct 27, 2009 - added for spacing between image hl in Homepage - Nov 4, 2009 added themes*/ #sec .highlight ul,#sec .highlight ol,#ter .highlight ul,#ter .highlight ol {padding-left:15px;} /* AG - Oct 14, 2009 - added -- Oct 27, 2009 - added #ter */ #sec .highlight ol,#ter .highlight ol {list-style-type: decimal}/* AG - Oct 14, 2009 - added -- Oct 27, 2009 - added #ter*/ /* added for center column - JM - May 19, 2010 */ .rowColumnHeader { width: 100%; } .rowColumnHeader td { padding: 20px 0px 3px 0px; border-bottom: solid 4px red; } .rowColumnHeader td .headerTitle { font-family: Georgia, Times New Roman, Serif; font-size: 21px; line-height: 0.7em; color: #212121; } .rowColumnHeader td .headerTitle a { color: #212121; text-decoration: none; } .rowColumnHeader td .headerTitle a:hover { color: #ff2121; text-decoration: none; } .rowDate { color: #212121; font-size: 12px; padding-bottom: 3px; } .rowDate a { text-decoration: none; } .separatorDate { border-bottom: solid 1px #989898; } /* END OF added - JM - May 19, 2010 */ #tThemes #sec .ad img {padding-bottom: 20px;border-bottom: solid 1px #999;} /* AG - Nov 04, 2009 - added */ a.save, p.meta a.save {text-transform: uppercase; font-size: 9px; color: #54AACC; text-decoration: none;} /* remove #sec from #sec p.meta a.save to make save link red on mouse over - JM - Dec 08, 2009 */ a.save:link, p.meta a.save:link, a.save:visited, p.meta a.save:visited {color: #54AACC; text-decoration: none;} a.save:hover, p.meta a.save:hover, a.save:active, p.meta a.save:active {color: #ff2121; text-decoration: none;} span.save, #sec p.meta span.save, span.saved, #sec p.meta span.saved {font-family: Arial, Sans-serif; text-transform: uppercase; font-size: 9px; color: #333333;} /* added for "SAVED" status - JM - Nov 19, 2009 */ /* *** Article & Blurb Styles *** */ .inline {display: inline !important;} .article .content {line-height: 22px;} #pri .blurb .content {line-height: 20px;} /* 10-26-2009 fix pri column blurb line height */ /* added for Relevant Links in the Main Features module detail page - JM - Jun 04, 2010 */ .relatedItems {float: left; width: 195px; border: solid 1px #999; padding: 10px 10px 0px 10px; margin: 0px 10px 10px 0px;} .relatedItemsBoxImg {margin-top: 3px; margin-bottom: 3px;} /* END OF added for Relevant Links in the Main Features module detail page - JM - Jun 04, 2010 */ /* added - AG - Oct 15, 2009 */ h2.inline { /*margin-right: 8px; -- removed - JM - May 19, 2010 */ line-height: 20px; } #pri .blurb {border-bottom: 1px solid #999; margin-bottom: 20px; overflow: hidden; display:block; }/* AG - Oct 27 ,2009 - added overflow & display fix border display */ * html #tHome #pri {overflow: hidden;} /* added to fix IE6 overflow bug - JM - Jun 24, 2010 */ #tHome #pri .blurb {margin-bottom: 7px;} /* decrease spaces between Main Features modules in the homepage - JM - May 27, 2010 */ #tHome #pri h2.inline {line-height: 1.2em;} /* added to fix cut Main Features module title in the homepage if only in one row - JM - Jun 08, 2010 */ #pri .borderadd {border-bottom: 1px solid #999; margin-top: -8px; .margin-top: -1px; margin-bottom: 20px;} /* added if module's div before has no border - JM - Oct 22, 2009 */ #pri .meta {font-size: 13px; line-height: 17px;} #pri p.meta {margin: 0 0 10px 0; padding:0;} #sec p {margin-top:10px; margin-bottom:0px;} /* AG - Oct 15 ,2009 - added to fix hompage #sec in homepage*/ #sec .meta, #ter .meta {font-size: 12px; line-height: 17px;} .meta a:link, .meta a:visited {text-decoration: none; color: #000;} .meta a:hover, .meta a:active {text-decoration: underline;} .meta a.title:link, #sec .meta a.title:link, #ter .meta a.title:link, .meta a.title:visited, #sec .meta a.title:visited, #ter .meta a.title:visited {color: #ff2121;} /* added for #ter because there is a center module that is moved to the right column - JM - Jun 24, 2010 */ .meta a.title:hover, #sec .meta a.title:hover, #ter .meta a.title:hover, .meta a.title:active, #sec .meta a.title:active, #ter .meta a.title:active {} /* added for #ter because there is a center module that is moved to the right column - JM - Jun 24, 2010 */ /* added for Audio/Visual content item title on the subpage - JM - Dec 03, 2009 */ .meta a.titleAV:link, #sec .meta a.titleAV:link, #ter .meta a.titleAV:link, .meta a.titleAV:visited, #sec .meta a.titleAV:visited, #ter .meta a.titleAV:visited {color: #467;} /* added for #ter because there is a center module that is moved to the right column - JM - Jun 24, 2010 */ .meta a.titleAV:hover, #sec .meta a.titleAV:hover, #ter .meta a.titleAV:hover, .meta a.titleAV:active, #sec .meta a.titleAV:active, #ter .meta a.titleAV:active {} /* added for #ter because there is a center module that is moved to the right column - JM - Jun 24, 2010 */ .meta span.titleAV {color: #467;} /* END OF added for Audio/Visual content item title on the subpage - JM - Dec 03, 2009 */ .meta span.title {color: #ff2121;} /* added for content items that do not have link - JM - Nov 12, 2009 */ .meta span.otherAuthor {color: #000;} /* added for other author - JM - Dec 09, 2009 */ * html #pri .blurb {height:1%;} /* AG - Oct 27 ,2009 - added to fix IE6*/ /* *** Tertiary Column Styles *** - updated: tighten line-height and vertical spacing - MT - Nov 18, 2009 */ #ter p.meta .title { font-family: Arial, Sans-serif; /* added because there is a center module that is moved to the right column - JM - Jun 24, 2010 */ font-size: 12px; /* it was 13px because there is a center module that is moved to the right column - JM - Jun 24, 2010 */ } /*#ter p {font-size: 11px;}*/ #ter .highlight p {font-size: 11px; line-height: 16px; margin-bottom: 10px;} #ter .highlight ul, #ter .highlight ol {font-size: 11px; line-height: 16px;} /* added - JM - Jun 24, 2010 */ #ter .module p {color: #467; font-size: 1em; line-height: 18px; margin-top: 10px;} /* added because there is a center module that is moved to the right column - JM - Jun 24, 2010 */ #ter .module ul, #ter .module ol {color: #467; font-size: 1em; line-height: 18px;} /* added because there is a center module that is moved to the right column - JM - Jun 24, 2010 */ #ter .highlight p.meta { font-family: Arial, Sans-serif; /* added because there is a center module that is moved to the right column - JM - Jun 24, 2010 */ font-size: 12px; /* it was 11px because there is a center module that is moved to the right column - JM - Jun 24, 2010 */ line-height: 17px; /* it was 16px because there is a center module that is moved to the right column - JM - Jun 24, 2010 */ /*margin: 0 0 7px 0; -- removed because there is a center module that is moved to the right column - JM - Jun 24, 2010 */ } #ter .highlight .content {margin: 0 0 15px 0;} #ter .highlight h4.highlighttitle {margin: 20px 0 10px 0;} /* added for The Weekly Portion header image in the homepage right column - JM - Jun 25, 2010 */ .theweTitle { margin: 26px 0 10px 0; padding: 0; } /* END OF added for The Weekly Portion header image in the homepage right column - JM - Jun 25, 2010 */ /* added for Sign Up hardcoded right highlight - JM - Jun 25, 2010 */ .signuphl { background-color: #FFD760; border: solid 2px red; margin: 0px 0px 20px 0px; padding: 15px 10px 15px 10px; } #tHome .signuphl { padding: 15px 8px 15px 8px; } .signuphl .content { font-family: Arial Narrow; font-size: 18px; line-height: 17px; } .signuphl .content p { color: #000 !important; } #tHome .signuphl .content p { margin-top: 10px; } /* END OF added for Sign Up hardcoded right highlight - JM - Jun 25, 2010 */ /* *** Footer *** */ #wrapftr {margin-bottom: 20px; padding-top: 20px;} #ftrads {position: relative; overflow: hidden; margin-bottom: 10px;} #ftrads {float:left;width:100%;}/* AG - Oct 23, 2009 - added float: left to fix jumping nav in IE6 - added width:100% to fix width in FF3 */ /* *** Copyright ** */ #copyright {float: left; clear: left; font-size: 11px; color: #666; margin: 0; width: 750px;} #copyright a:link, #copyright a:visited {color: #666; text-decoration: none;} #copyright a:hover, #copyright a:active {color: #ff2121;} #poweredby {float: right;clear: right;} #copyright p, #poweredby p {margin: 10px 0 0 0;} /* AG - Oct 13, 2009 - added for validation css */ .info, .success, .warning, .error, .validation { border: 1px solid; margin: 10px 0px; padding: 15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; } .info { color: #00529B; background-color: #BDE5F8; background-image: url(../images/info.gif); } .success { color: #4F8A10; background-color: #DFF2BF; background-image:url(../images/success.gif); } .warning { color: #9F6000; background-color: #FEEFB3; background-image: url(../images/warning.gif); } .error { color: #D8000C; background-color: #FFBABA; background-image: url(../images/error.gif); } .validation { color: #D63301; background-color: #FFCCBA; background-image: url(../images/validation.gif) ; } .validation a { color: #D63301; } /* end of validation css */