/* Version 3 of www.blessedsacramenthollywood.org Church of the Blessed Sacrament 6657 W. Sunset Blvd., Hollywood, CA 90028 Design: DLucios v 3 Author: MerciJavier, Webmaster Date Launch: March 23, 2009 */ /* reset CSS Eric Meyer */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding:0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* other resets */ ins { text-decoration: none; } del { text-decoration: line-through; } strong { font-weight: bold; } em { font-style: italic } /* Layout CSS */ body { color: #333; font-size: 12px; line-height: 1.5; font-family: Georgia, Arial, Helvetica, sans-serif; background: #0c3a5e url(css-2009/bg-body.jpg) repeat-y center top; text-align: center; margin: 0px; padding: 0px } h1 { color: #900; font: small-caps 22px Georgia, "Times New Roman", Times, serif; margin-bottom: 10px } h2 { color: #900; font-style: normal; font-weight: normal; font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px } p, label, option, input, select { color: #333; font-size: 12px; line-height: 1.5; font-family: Georgia, "Times New Roman", Times, serif } td, th { color: black; font-size: 12px; line-height: 1.5; font-family: Georgia, "Times New Roman", Times, serif; padding-right: 5px; padding-left: 5px } td p { font-size: 12px; line-height: 22px; margin-top: 0; padding-top: 0px } p { padding-bottom: 15px; } ul li, ol li { font-size: 12px; line-height: 1.5 } a { color: #0c3a5e } a img { text-decoration: none; border: 0px } a:link, a:visited { color: #38729a; text-decoration: none } a:hover, a:active { color: #333; text-decoration: none; background-color: white } #container { text-align: center; margin: 0px auto; padding: 0; width: 100%; height: 100% } .hide { width: 0px; height: 0px; overflow: hidden; visibility: hidden; display: none } #headitem { background: url(css-2009/bg-menu-top.gif) repeat-x center top; margin: 0px auto; padding: 0px 15px; width: 970px; height: 130px; overflow: hidden } #picone { background: url(css-2009/manymade.gif) no-repeat left top; float: left; margin: 0px 0 0; padding: 0; width: 375px; height: 35px } #pictwo { font-family: Georgia, "Times New Roman", Times, serf; text-align: center; clear: both; margin: 0px auto; padding: 0px; width: 980px; height: 80px } #pictwo p { color: #0c3a5e; font-weight: normal; font-size: 13px; margin: 0px } #pictwo p.paraone { color: white; font-style: italic; font-weight: normal; font-size: 13px; line-height: 20px; text-align: right; word-spacing: 2px; letter-spacing: 1px; float: right; margin: 20px 0px 0px; padding: 0px 10px 0px 0px; width: 360px; height: 20px } #pictwo p.paratwo { color: white; font-style: italic; font-weight: normal; font-size: 13px; line-height: 20px; text-align: right; letter-spacing: 1px; float: right; clear: right; margin: 0px; padding: 0px 10px 0px 0px; width: 360px; height: 20px } #pictwo h3 { text-decoration: none; float: left; margin-top: 10px; padding: 0px; width: 376px; height: 40px } #pictwo h3 a { background: url(css-2009/logo.jpg) no-repeat scroll left center; text-indent: -9999px; margin-top: 10px; margin-bottom: 20px; height: 40px; overflow: hidden; cursor: pointer; display: block } #pictwo h3 a:hover { color: #fff; text-decoration: none; background: url(css-2009/logo.jpg) no-repeat scroll left center; text-indent: -9999px; } #toplinks { font-size: 11px; line-height: 45px; text-align: right; float: right; clear: right; margin: 0px; padding: 0px; width: 380px; height: 45px } #toplinks ul { line-height: 35px; text-align: right; float: left; margin: 0px; padding: 0px; height: 35px } #toplinks ul li { line-height: 35px; text-align: right; list-style-type: none; float: left; margin: 0px; padding: 0px; height: 35px } #toplinks ul li a { color: #0c3a5e; font-size: 11px; line-height: 35px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-align: right; letter-spacing: 1px; float: left; margin: 0px 20px 0px 0px; padding: 0px; height: 35px } #toplinks ul li a:link { color: white; text-decoration: none; text-align: right } #toplinks ul li a:visited { color: white; text-decoration: none; text-align: right } #toplinks ul li a:hover { color: white; text-decoration: underline; background: #0c3a5e url(css-2009/bg-menu.jpg) repeat-x center top; text-align: right } #toplinks li form { line-height: 35px; margin-top: 7px; border: solid 0px blue; height: 35px } #toplinks input, #toplinks textarea { font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; margin-top: 0px; padding-top: 0px } #toplinks input.searchbutt { color: white; font-size: 10px; line-height: 20px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; background-color: #113f63; height: 20px } #menu { line-height: 35px; background: #0c3a5e url(css-2009/bg-menu.jpg) repeat-x left top; text-align: center; clear: both; margin: 0px auto; padding: 0px 10px; width: 980px; height: 35px } #menu ul { line-height: 35px; text-align: center; list-style-type: none; float: left; margin: 0px; padding: 0px; width: 100%; height: 35px } #menu ul li { line-height: 35px; text-align: center; text-transform: uppercase; list-style-type: none; float: left; margin: 0px; padding: 0px; height: 35px; display: block } #menu ul li a { color: #fff; font-size: 12px; line-height: 35px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-decoration: none; text-align: center; text-transform: uppercase; text-indent: 0px; list-style-type: none; float: left; margin: 0px; padding: 0px 20px; border: 0px; height: 35px; display: block } #menu ul li a:link, #menu ul li a:visited { color: white; line-height: 35px; text-decoration: none; text-align: center; text-transform: uppercase; list-style-type: none; margin: 0px; height: 35px; display: block } #menu ul li a:hover, #menu ul li a:active { line-height: 35px; text-decoration: none; background: url(css-2009/bg-menu-hover.jpg) no-repeat center top; text-align: center; text-transform: uppercase; list-style-type: none; margin: 0px; height: 35px; display: block } #menu ul li.moveright a:link, #menu ul li.moveright a:visited { background: #063 url(css-2009/external-link.gif) no-repeat right center; padding-right: 30px } #menu ul li.moveright a:hover, #menu ul li.moveright a:active { background: #033 url(css-2009/external-link.gif) no-repeat right center; padding-right: 30px } #menu ul li.school { margin-left: 100px } #midbody { background-color: #fff; text-align: left; clear: both; margin: 0px auto 20px; padding: 0px; border-right: 10px solid #0c3a5e; border-bottom: 10px solid #0c3a5e; border-left: 10px solid #0c3a5e; width: 980px } #maincontent p, #maincontent a, #maincontent ul li, #maincontent ul li ul li, #maincontent ul li ul li ul li { font-size: 13px; line-height: 1.5 } iframe { text-align: left } a.external { background: url(css-2009/external.gif) no-repeat right center; padding-right: 17px } a.email { background: url(css-2009/email.gif) no-repeat left center; padding-left: 16px } a.highlight { text-decoration: none } li.noindent { list-style-type: none } #cleartop { line-height: 0px; margin: 0; padding: 0; border: 0px; height: 0px } #clearbot { line-height: 1px; clear: both; margin: 0; padding: 0; width: 100%; height: 1px } .strike { text-decoration: line-through } .strongbold { font-weight: bold; text-decoration: none } .italicslant { font-style: italic; text-decoration: none } .centeralign { text-align: center } .rightalign { text-align: right } li.ell { text-align: left; list-style-position: inside } #ellleft { float: left; clear: left; margin-bottom: 10px; width: 100% } .left { float: left; clear: left; margin-bottom: 10px; width: 100% } .boxedin { border: dotted 2px #c0c0c0 } .imgalone { color: silver; background: silver url(imagesite/01image/backpic.jpg) no-repeat center; margin: 0px; padding: 5px; border: solid 1px black } .imgleft { color: silver; background: silver url(imagesite/01image/backpic.jpg) no-repeat left top; float: left; margin: 0px 10px 0px 0px; padding: 5px; border: solid 1px black } .imgright { color: silver; background: silver url(imagesite/01image/backpic.jpg) no-repeat right top; float: right; margin: 0px 0px 0px 10px; padding: 5px; border: solid 1px black } form { } .boxright { float: right; margin: 0 0 5px 5px; padding: 0px 0px 10px 10px; border-bottom: 1px dotted #c0c0c0; border-left: 1px dotted #c0c0c0; width: 350px } hr { clear: both; margin-top: 10px; margin-bottom: 10px; height: 1px } #footer { color: #ffc; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; background: #1f282f url(css-2009/bg-menu.jpg) repeat-x left top; text-align: center; clear: both; margin: 20px 0px 0px; padding-top: 10px; width: 100% } #bottomnav { color: #ffc; margin: 0px auto 10px; padding: 0px; width: 980px } #bottomnav ul { text-align: center; list-style-type: none; margin: 20px auto 0px; width: 960px; display: inline } #bottomnav ul li { text-align: center; list-style-type: none; display: inline } #bottomnav ul li a:link, #bottomnav ul li a:visited { color: #fff; font-size: 11px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-decoration: none; text-transform: uppercase; margin: 4px; padding: 5px 10px; height: 15px } #bottomnav ul li a:hover, #bottomnav ul li a:active { color: #0c3a5e; font-size: 11px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-decoration: underline; text-transform: uppercase; margin: 4px; padding: 5px 10px; height: 15px } #midbotp { font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; margin: 0px auto; padding: 0px; width: 980px } #midbotp p { color: #fff; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; margin: 0px auto; padding: 0px; width: 960px } #midbotp a:link { color: #fff; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-decoration: none } #midbotp a:visited { color: #fff; font-size: 11px; text-decoration: none } #midbotp a:hover { color: #0c3a5e; font-size: 11px; text-decoration: underline } #footer.clearfoot { } body.church #midbody { background: white url(css-2009/a-church.jpg) no-repeat left top; padding-top: 200px } body.school #midbody { background: white url(css-2009/a-school.jpg) no-repeat left top; padding-top: 200px } body.liturgy #midbody { background: white url(css-2009/a-liturgy.jpg) no-repeat left top; padding-top: 200px } body.religious #midbody { background: white url(css-2009/a-religious.jpg) no-repeat left top; padding-top: 200px } body.parish #midbody { background: white url(css-2009/a-parish.jpg) no-repeat left top; padding-top: 200px } body.social #midbody { background: white url(css-2009/a-social.jpg) no-repeat left top; padding-top: 200px } body.jesuits #midbody { background: white url(css-2009/a-jesuits.jpg) no-repeat left top; padding-top: 200px } body.support #midbody { background: white url(css-2009/a-support.jpg) no-repeat left top; padding-top: 200px } body.church #menu li.church, body.school #menu li.school, body.liturgy #menu li.liturgy, body.religious #menu li.religious, body.parish #menu li.parish, body.social #menu li.social, body.jesuits #menu li.jesuits, body.support #menu li.support { text-decoration: none; background: url(css-2009/bg-menu-hover.jpg) no-repeat center top; list-style-type: none; display: block } /* END sacrament.css */ h1 { color: #900; font-variant: small-caps; font-size: 22px; line-height: 1em; font-family: Georgia, "Times New Roman", Times, serif } #maincontent h1 a { color: #900; font-variant: small-caps; font-weight: normal; font-size: 22px; line-height: 1em; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none } #maincontent h1 a:hover { color: #336; font-variant: small-caps; font-weight: normal; font-size: 22px; line-height: 1em; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: underline } h2 { color: #900; font: 18px Georgia, "Times New Roman", Times, serif; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px } #midbody { margin: 0 auto; padding: 0; width: 980px } #leftmain { text-align: left; float: left; margin: 0px; padding: 0 0 0 20px; width: 750px } #topright { text-align: left; float: right; margin-top: 20px; padding: 0 20px 20px 0; width: 175px; } #roman, #news, #quick, #site, #styles { } #topright h5 { color: #fff; font-weight: normal; font-size: 12px; line-height: 24px; background: #0c3a5e url(csspics/css-2009/bg-menu.jpg) repeat-x left top; margin: 0px; padding: 0px 0px 5px 17px; height: 24px } #topright ul { list-style-type: square; list-style-position: inside; margin-bottom: 10px; } #topright ul li { list-style-type: square; list-style-position: inside; } #topright ul li a { font-size: 12px; line-height: 22px; list-style-type: square; list-style-position: inside; height: 22px } #topright ul li a:link, #topright ul li a:visited { text-decoration: none; list-style-type: square; list-style-position: inside; } #topright ul li a:hover, #topright ul li a:active { color: #333; text-decoration: none; list-style-type: square; list-style-position: inside } #maincontent { text-align: left; float: left; margin: 20px 0px; width: 510px } #cleartop { line-height: 0px; margin: 0; padding: 0; border: 0px; height: 0px } #l_sidebar { float: right; margin-top: 20px; margin-bottom: 20px; width: 190px } #l_sidebar h4 { color: #900; font-weight: bold; font-size: 11px; font-family: Georgia, Times, serif; text-transform: uppercase; margin: 0px; padding: 10px 0px 5px; border-bottom: 1px dotted #ececec } #l_sidebar ul { list-style-type: none; margin: 0px; padding: 0px } #l_sidebar ul li { display: inline; padding: 0px; margin: 0px; } #l_sidebar ul li a { color: #333; text-decoration: none; margin: 0px; padding: 5px 0px; border-bottom: 1px dotted #ececec; display: block } #l_sidebar ul li a:hover { background: #EFEFEF; color: #990000; } #l_sidebar p { padding: 3px 0px 0px 0px; margin: 0px; line-height: 20px; } #clearbot { line-height: 1px; clear: both; margin: 0; padding: 0; width: 100%; height: 1px } .contentdate { background: #ffffff url(http://blessedsacramenthollywood.org/csspics/dlucios/date.gif); float: left; margin: 0px 10px 0px 0px; padding: 0px; width: 45px; height: 50px } .contentdate h3 { color: #FFFFFF; font-size: 10px; font-weight: normal; padding: 1px 0px 0px 10px; margin: 0px; text-transform: uppercase; } .contentdate h4 { font-family: Times New Roman, Helvetica, Sans-Serif; color: #999999; font-size: 21px; font-weight: bold; padding: 5px 4px 0px 0px; margin: 0px; text-align: center; } .contenttitle { line-height: normal; float: left; margin: 0px 0px 10px; padding: 0px 0px 0px 10px; width: 445px } .contenttitle h1, .contenttitle h1 a { margin-bottom: 5px; } .contenttitle p { clear: left; margin-top: 2px; } .blgtitle { font-variant: small-caps; font-weight: bold; font-size: 22px; clear: left; margin-top: 5px; display: block } .blgtitle h1, .blgtitle h1 a { color: #900; font-variant: small-caps; font-weight: normal; font-size: 22px; line-height: 1em; text-decoration: none; display: block } .blgtitle h1 a:hover { color: #336; font-variant: small-caps; font-weight: normal; font-size: 22px; line-height: 1em; text-decoration: underline; display: block } #contentb h1 { color: #900; font-variant: small-caps; font-weight: normal; font-size: 22px; line-height: 1em; margin: 0px; padding: 0px; height: 1em } #contentb h1 a { color: #336; font-variant: small-caps; font-weight: normal; font-size: 22px; line-height: 1em; text-decoration: none; margin: 0px; padding: 0px; height: 1em } #contentb h1 a:hover { color: #900; font-variant: small-caps; font-weight: normal; font-size: 22px; line-height: 1em; text-decoration: underline; margin: 0px; padding: 0px; height: 1em } .xsmall { font-size: 10px; line-height: 1em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; margin: 0px; padding: 2px 0px 0px; border-top: 1px dotted #dcdcdc; height: 1em } .xsmall a { font-size: 10px; line-height: 1em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-decoration: none; margin: 0px; padding: 2px 0px 0px; border-top: 1px dotted #dcdcdc; height: 1em } .xsmall a:hover { font-size: 10px; line-height: 1em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-decoration: underline; margin: 0px; padding: 2px 0px 0px; border-top: 1px dotted #dcdcdc; height: 1em } .postspace { background-image: url(http://blessedsacramenthollywood.org/csspics/dlucios/spacer.gif); margin: 0px; padding: 0px; width: 450px; height: 32px } #commentblock { color: #000000; background-color: #efefef; float: left; margin: 10px 0px 0px; padding: 20px 20px 10px; border-top: 1px solid #666; border-bottom: 1px solid #666; width: 450px } #commentblock ol { list-style-type: square; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; } .commentdate { font-size: 12px; padding-left: 0px; } #commentlist li p { margin-bottom: 8px; line-height: 20px; padding: 0px; } .commentname { color: #333333; margin: 0px; padding: 5px 5px 5px 0px; } .commentinfo { clear: both; } .commenttext { clear: both; margin: 3px 0px 10px 0px; padding: 20px 10px 5px 10px; width: 350px; background: #FFFFFF url(http://blessedsacramenthollywood.org/csspics/dlucios/comment.gif) no-repeat top; } .commenttext-admin { clear: both; margin: 3px 0px 10px 0px; padding: 20px 10px 5px 10px; width: 350px; background: #FFFFFF url(http://blessedsacramenthollywood.org/csspics/dlucios/comment.gif) no-repeat top; } #commentsformheader { padding-left: 0px; } #commentsform { text-align: center; margin: 0px; padding: 0px; } #commentsform form { text-align: left; margin: 0px; } #commentsform p { margin: 0px; } #commentsform form textarea { width: 99%; } p.comments_link img { margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .commentname { color: #333333; margin: 0px; padding: 5px 5px 5px 0px; } .commentinfo { clear: both; } .commenttext { clear: both; margin: 3px 0px 20px 0px; padding: 30px 10px 5px 10px; width: 400px; background: #FFFFFF; } .commenttext-admin { background-color: #ffffff; clear: both; margin: 3px 0px 20px; padding: 30px 10px 5px 0px; width: 400px } .postinfo { width: 500px; font-size: 12px; padding: 0px 0px 40px 0px; margin: 0px; border-top: 1px solid #D8D1BE; } blockquote { background: #FFFFFF; margin: 0px 25px 15px 25px; padding: 5px 20px 5px 20px; border-top: 1px solid #DDDDDD; border-right: 1px solid #666666; border-left: 1px solid #DDDDDD; border-bottom: 1px solid #666666; } blockquote p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } a.external { background: url(css-2009/external.gif) no-repeat right center; padding-right: 17px } .credits { display: none; } a.email { background: url(css-2009/email.gif) no-repeat left center; padding-left: 16px }