/** * Parenthood - general_structure_blue.css * * @package layout * @author Arca Solutions * @version Parenthood v.1 * @since December, 7, 2009 * */ /** * Reset * * @section reset */ 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, caption { margin:0; padding:0; border:none; outline:none; } ol, ul { list-style:none; } :focus { outline:none; } table, tbody, tfoot, thead, tr, th, td { border-collapse:collapse; border-spacing:0; } /** * Global Definitions * * @section global */ body { background:url(../images/structure/bg-body.gif) repeat; } a:link, a:visited, a:active { color:#425674; outline:none; text-decoration:none; } a:hover { text-decoration:underline; } /** * Global Classes * * @section global * @subsection global classes */ .clear { clear: both; display: block; height: 0; line-height: 0; overflow: hidden; } .bg-0 { background:none !important; } .mg-0 { margin:0 !important; } .mg-l-10 { margin-left:10px !important; } .mg-t-20 { margin-top:20px !important; } .mg-b-20 { margin-bottom:20px !important; } .left { float:left; } .right { float:right; } .align-center { text-align:center !important; } .align-left { text-align:left !important; } .align-right { text-align:right !important; } .warning { color: #FF0000; margin: 20px 0; text-align: center; } /** * Typograph * * @section typograph */ * { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } h1.heading { background:url(../images/structure/bg-heading.png) repeat-x bottom left; font-size:17px !important; height:34px; line-height:34px; position:relative; text-indent:10px; z-index:1; } h1, h2, h3 { font-weight:normal; } p { color:#999; font-size:11px; line-height:13px; } /** * Iconography * * @section iconograph */ .twitter { background:url(../images/iconography/icon-twitter-16-16.gif) no-repeat 0 0; } .facebook { background:url(../images/iconography/icon-facebook-16-16.gif) no-repeat 0 0; } .email { background:url(../images/iconography/icon-email-16-16.gif) no-repeat 0 0; } /** * Corners * * @section corners */ /** * Corner types / Radio and Description */ /** Corner 1 - Radio: 6px / Background: #E8F0FF */ .corner-1 { background:url(../images/structure/corner-6-E8F0FF.png) no-repeat 0 0; float:none; font-size:6px; height:6px; line-height:6px; position:absolute !important; width:6px; z-index:100; } /** Corner 2 - Radio: 6px / Background: #E8F0FF */ .corner-2 { background:url(../images/structure/corner-6-E8F0FF.png) no-repeat 0 0; float:none; font-size:6px; height:6px; line-height:6px; position:absolute !important; width:6px; z-index:100; } /** Corner 3 - Radio: 6px / Background: #FFFFFF */ .corner-3 { background:url(../images/structure/corner-6-FFFFFF.png) no-repeat 0 0; float:none; font-size:6px; height:6px; line-height:6px; position:absolute !important; width:6px; z-index:100; } /** * Corner Positions */ .top-left { background-position:left top; left:0; top:0; } .top-right { background-position:right top; right:0; top:0; } .bottom-left { background-position:left bottom; left:0; bottom:0; } .bottom-right { background-position:right bottom; right:0; bottom:0; } /** * Wrapper * * Main structure elements * such as header, footer, content * * @section structure */ .wrapper { margin:0 auto; position:relative; text-align:left; width:1080px; } /** * Options Navigation * * @section structure * @subsection options-nav */ #options-nav { background:#D0DEF2; font-size:11px; height:26px; line-height:26px; } #options-nav p { color:#83A1CE; line-height:26px; } #options-nav label { color:#425674; float:left; } #options-nav select { border:1px solid #83A1CE; color:#999; float:left; font-size:11px; margin:3px 4px 0 20px; width:167px;} #options-nav input { background:#D0DEF2; color:#425674; cursor:pointer; display:block; float:left; font-size:18px; } /** * Input and Select Margin - Internet Explorer 6 and 7 * * @bugfix * @affected I6 7/Win, IE 7/Win * @valid yes */ * html #options-nav select { margin:2px 4px 0 20px; } * html #options-nav input { margin:-1px 0 0 0; } *+html #options-nav select { margin:2px 4px 0 20px; } *+html #options-nav input { margin:-1px 0 0 0; } /** * Header * * @section structure * @subsection header */ #header { background:#E8F0FF; border-bottom:2px solid #425674; height:158px; position:relative; text-align:center; } #header .wrapper { height:158px; } /** * Dropdown Menu bug - Internet Explorer 6 and 7 * * @bugfix * @affected I6 7/Win, IE 7/Win * @valid yes */ * html #header { z-index:2; } *+html #header { z-index:2; } /** Header > structure > logo */ h1.logo { background:url(../images/structure/img-logo.png) no-repeat 0 0; display:block; left:0; height:73px; position:absolute; text-indent:-9000px; top:25px; width:326px; } h1.logo a { display:block; height:73px; } /** Header > structure > subdomains logos */ h1.logo-boston { background:url(../images/structure/img-logo-boston.png) no-repeat 0 0; height:77px; width:224px; } h1.logo-boston a { height:77px; } h1.logo-colorado { background:url(../images/structure/img-logo-colorado.png) no-repeat 0 0; height:58px; top:31px; width:242px; } h1.logo-colorado a { height:58px; } h1.logo-losangeles { background:url(../images/structure/img-logo-losangeles.png) no-repeat 0 0; height:52px; top:34px; width:294px; } h1.logo-losangeles a { height:52px; } h1.logo-sanantonio { background:url(../images/structure/img-logo-sanantonio.png) no-repeat 0 0; height:62px; width:267px; } h1.logo-sanantonio a { height:62px; } h1.logo-sanfrancisco { background:url(../images/structure/img-logo-sanfrancisco.png) no-repeat 0 0; height:52px; top:34px; width:282px; } h1.logo-sanfrancisco a { height:52px; } h1.logo-westchester { background:url(../images/structure/img-logo-westchester.png) no-repeat 0 0; height:88px; top:16px; width:247px; } h1.logo-westchester a { height:88px; } h1.logo-fortlauderdale { background:url(../images/structure/img-logo-fortlauderdale.png) no-repeat 0 0; height:71px; top:25px; width:325px; } h1.logo-fortlauderdale a { height:71px; } h1.logo-birmingham { background:url(../images/structure/img-logo-birmingham.gif) no-repeat 0 0; height:90px; top:15px; width:325px; } h1.logo-birmingham a { height:90px; } h1.logo-trfootnotes { background:url(../images/structure/img-logo-trfootnotes.png) no-repeat 0 0; height:90px; top:15px; width:325px; } h1.logo-trfootnotes a { height:90px; } h1.logo-demo { background:url(../images/structure/PH_demo-logo.png) no-repeat 0 0; height:90px; top:15px; width:325px; } h1.logo-demo a { height:90px; } h1.logo-nappa { background:url(../images/structure/nappa_logo.png) no-repeat 0 0; height:90px; top:15px; width:325px; } h1.logo-nappa a { height:90px; } h1.logo-islandsavvy { background:url(../images/structure/img-logo-islandsavvy.png) no-repeat 0 0; height:90px; top:15px; width:325px; } h1.logo-islandsavvy a { height:90px; } /** Header > structure > hard coded logos */ a.logo-hardcoded { border:none; display:block; left:0; position:absolute; top:10px;} /** Structure > Header > Advertisement */ #header .advertisement { clear:both; float:right; width:728px } #header .advertisement p { line-height:14px; } /** * Header Navbar * * @section structure * @subsection header * @subsubsection navbar */ .header-navbar { background:#83A1CE url(../images/structure/bg-navbar.png) repeat-x left bottom; bottom:0; height:40px; left:0; position:absolute; width:1080px; } .header-navbar li { float:left; position:relative; } .header-navbar li a:link, .header-navbar li a:visited, .header-navbar li a:active { color:#FFF; display:block; font-size:16px; line-height:40px; padding:0 14px 0 15px; } .header-navbar li a:hover { background:none; color:#425674; text-decoration:none;} .header-navbar li a.active:link, .header-navbar li a.active:visited, .header-navbar li a.active:active { background:#C1D2F0 url(../images/structure/bg-navbar-active.png) repeat-x bottom left; color:#425674; text-decoration:none; } /** * Header navbar - buttons spacing * * @bugfix * @affected Safari/Mac * @valid yes */ .header-navbar-safari-mac li a:link, .header-navbar-safari-mac li a:visited, .header-navbar-safari-mac li a:active { padding-left:14px; } /** Header Navbar > Header sub navbar */ .header-navbar li ul.header-navbar-sub { background:#6D86AC; border:1px solid #425674; border-top:none; height:auto; left:0; padding:0; position:absolute; top:40px; z-index:1000; } .header-navbar li ul.header-navbar-sub-last { left:-116px; } .header-navbar li ul.header-navbar-sub li { border-bottom:1px solid #6580A9; border-top:1px solid #778EB3; display:block; float:none; width:180px; } .header-navbar li ul.header-navbar-sub li.first { border-top:none; } .header-navbar li ul.header-navbar-sub li a:link, .header-navbar li ul.header-navbar-sub li a:visited, .header-navbar li ul.header-navbar-sub li a:active { background:#6D86AC; color:#E8F0FF; display:block; font-size:12px; line-height:normal; padding:4px 13px 4px 13px !important; width:154px;} .header-navbar li ul.header-navbar-sub li a:hover { background:#425674 !important; } /** * Header navbar Background / active links - Internet Explorer 6 * * @bugfix * @affected IE 6/Win * @valid yes */ * html ul.header-navbar { left:-1px; } * html ul.header-navbar li a.active { background:#C1D2F0 !important; } /** * Secundary Navbar * * @section structure * @subsection content * @subsubsection sec-navbar */ .sec-navbar { background:#C1D2F0; border-bottom:1px solid #778EB3; border-top:1px solid #D0DEF2; clear:both; display:block; height:auto; overflow:hidden; padding:4px; width:100% } .sec-navbar li { float:left; } .sec-navbar li a:link, .sec-navbar li a:visited, .sec-navbar li a:active { color:#778EB3; font-size:12px; height:22px; line-height:22px; padding:0 12px; text-transform:capitalize; } .sec-navbar li a:hover { color:#6D86AC; text-decoration:none; } /** * Content * * @section structure * @subsection content */ #content { background:#FFF url(../images/structure/bg-content-blue.gif) repeat-y 0 0; margin:0 auto; overflow:hidden; position:relative; width:1080px; } /** Structure > content > Columns quantity */ .one-column, .two-columns { background:#FFF !important; } /** * Sidebar * * @section structure * @subsection content * @subsubsection sidebar */ #sidebar { float:left; padding:10px 10px 0 10px; width:183px; } /** Structure > content > sidebar > general */ #sidebar a:link, #sidebar a:visited, #sidebar a:active { color:#6D86AC; } /** Structure > content > sidebar > heading */ #sidebar h1.heading { background-color:#D0DEF2; color:#778EB3; margin:0 0 0 -10px; line-height:34px; padding:0 10px 0 0; width:182px; } /** Structure > content > sidebar > List Bullet */ #sidebar .list-bullet li { color:#D0DEF2; } /** * Sidebar Large * * @section structure * @subsection content * @subsubsection sidebar-large */ #sidebar-large { float:left; width:307px; } /** Structure > content > sidebar-large > heading */ #sidebar-large h1.heading { background-color:#C1D2F0; color:#425674; line-height:34px; padding:0 10px 0 0; } /** Structure > content > sidebar-large > generals */ #sidebar-large .advertisement p { text-align:left; text-indent:10px; } #sidebar-large .advertisement .align-center { text-indent:0; } /** Structure > content > sidebar-large > differences > list-bullet */ #sidebar-large .list-bullet { padding-left:10px; } /** Structure > content > sidebar-large > differences > corner-types */ /** Corner 2 - Radio: 6px / Background: #FFFFFF */ #sidebar-large .corner-2 { background:url(../images/structure/corner-6-FFFFFF.png) no-repeat 0 0 !important; } /** * Corner Positions */ #sidebar-large .top-right { background-position:left top !important; left:0 !important; } #sidebar-large .bottom-right { background-position:left bottom !important; left:0 !important; } /** * Main Content / Expanded * * @section structure * @subsection content * @subsubsection main */ #main { float:left; padding:10px 10px 0 10px; width:550px; } /** Structure > content > main > columns general */ .one-column #main { float:left; padding:10px 10px 0 10px; width:1060px; } .two-columns #main { float:left; padding:10px 10px 0 10px; width:753px; } /** Structure > content > main > heading */ #main h1.heading { background-color:#C1D2F0; clear:both; color:#425674; line-height:34px; padding:0 10px 0 0; } #main h1.heading span { color:#425674; } /** Structure > content > main > advertisement */ #main .advertisement { margin:0 0 20px 0; } /** * Main content - Split * * Generic content splitter / 2 equal parts 270px * * @section structure * @subsection content * @subsubsection main * @subsubsubsection split */ .split { height:1%; margin:0 0 20px 0; overflow:hidden; } .split .left { width:240px; } .split .right { width:300px; } .split-content { background:#E8F0FF; padding:0 10px; height: auto; overflow: hidden;} /** Structure > content > main > split > split-equal */ .split-equal .left, .split-equal .right { width:49% !important; } /** * Main content - Video * * Video section on the front page * * @section structure * @subsection content * @subsubsection main * @subsubsubsection video */ .video { height:1%; margin:0 0 20px 0; overflow:hidden; } /** * Main content - Win Free stuff * * Advertising section o home page * * @section structure * @subsection content * @subsubsection main * @subsubsubsection win-free-stuff */ .advertisement .win-free-stuff-content { height:1% !important; } .advertisement .win-free-stuff-content img { border:1px solid #A9A28C; margin:0 20px 0 0; } .advertisement .win-free-stuff { float:left; width:360px; } .advertisement .win-free-stuff h1 { color:#7C7763; font-size:17px; } .advertisement .win-free-stuff p { color:#7C7763; font-size:12px; text-align:left; } .advertisement .win-free-stuff li { color:#7C7763; } .advertisement .win-free-stuff a:link, .advertisement .win-free-stuff a:visited, .advertisement .win-free-stuff a:active { color:#434037; display:block; float:right; font-size:19px; margin:15px 0 0 0; width:190px; } /** * Main content - Holder content * * Generic content for all pages ( pagecontent function ) * * @section structure * @subsection content * @subsubsection main * @subsubsubsection holder-content */ .holder-content { color:#666; font-size:12px; } .holder-content p { color:#666 !important; font-size:12px; line-height:14px; margin-bottom:10px; } .holder-content h1, .holder-content h2, .holder-content h3, .holder-content h4, .holder-content h5, .holder-content h6 { color:#425674; padding:5px 0; } .holder-content h1 { font-size:22px; line-height:26px; } .holder-content h2 { font-size:18px; line-height:22px; } .holder-content h3 { font-size:16px; line-height:20px; } .holder-content h4 { font-size:14px; line-height:18px; } .holder-content h5 { font-size:13px; line-height:17px; } .holder-content h6 { font-size:12px; line-height:26px; } .holder-content ul, .holder-content ol { display:block; padding-bottom:10px; } .holder-content ul { list-style:inside; list-style-type:disc; } .holder-content ol { list-style-position:inside; } .holder-content ul ul, .holder-content ol ol, .holder-content ul ol, .holder-content ol ul { padding-left:20px; } .holder-content table { margin-bottom:5px; } .holder-content .content { padding:0 ;} /** Structure > content > main > holder-content > article classes */ .holder-content .title1, .holder-content .title2, .holder-content .title3 { color:#425674; padding:5px 0; } .holder-content .title1 { font-size:16px; line-height:20px; } .holder-content .title2 { font-size:14px; line-height:18px; } .holder-content .title3 { font-size:12px; line-height:16px; } .holder-content .text1, .holder-content .summary { font-size:12px; line-height:14px; margin-bottom:10px; } .holder-content .sub { padding:10px 0; } .holder-content .bio, .holder-content .author { color:#333 !important; font-style:italic; padding:10px 0; } /** * Parenthood Network * * Sub domain section to advertise Parenthood.com * * @section structure * @subsection top-link */ .parenthood-network { background:#E8F0FF url(../images/structure/img-logo-smaller.png) no-repeat 10px 6px; margin:10px 0 20px 0; padding:10px 10px 10px 45px; position:relative; } .parenthood-network a:link, .parenthood-network a:visited, .parenthood-network a:active { font-size:12px; } .parenthood-network a strong { color:#2465CA; } /** * Top Link * * Link to the top of the page * * @section structure * @subsection top-link */ .top-link { clear:both; height:1%; overflow:hidden; padding:10px 0 0 0; } .top:link, .top:visited, .top:active { background:url(../images/structure/bt-top.gif) no-repeat 0 0; color:#7C7763; display:block; font-size:12px; float:right; height:22px; line-height:22px; margin:0 5px 0 0; text-indent:10px; text-decoration:underline; width:48px; } .top:hover { text-decoration:none; } /** * Footer * * @section structure * @subsection footer */ #footer { background:#C1D2F0 url(../images/structure/bg-footer.png) repeat-x left top; border-top:2px solid #778EB3; height:340px; } /** Structure > Footer > Advertisement */ #footer .advertisement { height:auto; margin:0 auto; overflow:hidden; padding:20px 0 20px 69px; width:1011px; } #footer .advertisement .banner { float:left; height:60px; padding:0 35px; } #footer .sponsored-links { background:url(../images/structure/bg-sponsored-links.png) no-repeat 0 0; color:#778EB3; display:inline; float:left; font-size:13px; height:23px; line-height:20px; margin:-1px 0 0 477px; text-align:center; width:133px; } #footer .advertisement div, #footer .advertisement div div { display:inline; height:60px; overflow:hidden; } /** Structure > Footer > Generals */ #footer .wrapper { background:#C1D2F0 url(../images/structure/bg-footer-wrapper.png) no-repeat 0 0; } #footer .copyright { color:#778EB3; padding:0 0 20px 0; text-align:center; } #footer .info { color:#778EB3; margin:0 auto; text-align:center; width:800px; } /** * Footer Navbar * * @section structure * @subsection footer * @subsubsection navbar */ .footer-navbar { clear:both; text-align:center; padding:20px 0 30px 0; } .footer-navbar li { color:#83A1CE; display:inline; font-size:12px; line-height:12px; padding:0 0 0 4px; } .footer-navbar li a:link, .footer-navbar li a:visited, .footer-navbar li a:active { color:#6D86AC; font-size:12px; padding:0 4px 0 0; } /** Structure > Footer > Subdomains special style */ .footer-navbar-subdomains { padding-top:48px; } /** Structure > Footer > Subnavbar */ .footer-subnavabar { background:url(../images/structure/bg-footer-subnavbar.png) no-repeat 0 0; float:right; height:22px; margin:1px 0 0 0; overflow:hidden; padding:6px 0 0 8px; width:72px; } .footer-subnavabar li { display:block; float:left; text-indent:-9999px; } .footer-subnavabar li a:link, .footer-subnavabar li a:visited, .footer-subnavabar li a:active { display:block; height:16px; margin:0 8px 0 0; width:16px; } /** * Search * * @section structure * @subsection content * @subsubsection search */ #search { background:#E8F0FF url(../images/structure/bg-search-google.png) no-repeat 250px 55px;; border-bottom:2px solid #778EB3; height:48px; padding:16px 13px; position:relative; z-index:1; width:281px; } #search div { border:1px solid #778EB3; height:29px; overflow:hidden; width:279px; } #search div input.button { background:#778EB3; color:#E8F0FF; cursor:pointer; display:block; font-size:22px; float:right; height:29px; width:46px; } #search div input.text { background:url(../images/structure/bg-search-input.gif) no-repeat 0 0; color:#778EB3; font-size:18px; float:left; height:23px; padding:3px; width:227px; } #search p { color:#778EB3; line-height:16px; width:100%; } #search p span { display:block; float:left; padding:0 10px 0 0; } #search p a:link, #search p a:visited, #search p a:active { color:#778EB3; display:block; float:left; padding:0 5px; } #search p a.active:link, #search p a.active:visited, #search p a.active:active { background:#778EB3; color:#E8F0FF; } #search2 { background:#E8F0FF url(../images/structure/img-logo-small-nappa.png) no-repeat scroll 10px 12px; height:28x; padding:16px 13px; position:relative; z-index:1; width:281px; } #search2 div { height:29px; overflow:hidden; width:209px; padding:0 0 0 60px;} #search2 div input.button { background:#778EB3; color:#E8F0FF; cursor:pointer; display:block; font-size:22px; float:right; height:29px; width:46px; } #search2 div input.text { background:url(../images/structure/bg-search-input.gif) no-repeat 0 0; color:#778EB3; font-size:18px; float:left; height:23px; padding:3px; width:157px;} #search2 p { color:#778EB3; line-height:16px; width:100%; } #search2 p span { display:block; float:left; padding:0 10px 0 0; } #search2 p a:link, #search2 p a:visited, #search2 p a:active { color:#778EB3; display:block; float:left; padding:0 5px; } #search2 p a.active:link, #search2 p a.active:visited, #search2 p a.active:active { background:#778EB3; color:#E8F0FF; } /** Structure > content > search subdomain */ .search-subdomain { position:relative; } .search-subdomain input.text { width:204px !important; } .search-subdomain p span { color:#425674; display:inline !important; float:none !important; padding:0 !important; } .search-subdomain #search-arrow { display:block; float:left; height:29px; text-indent:-9999px; width:23px; } .search-subdomain .search-arrow { background: url(../images/structure/bt-search-arrow.gif) no-repeat left top; } .search-subdomain .search-arrow-expanded { background: url(../images/structure/bt-search-arrow.gif) no-repeat left bottom; } .search-subdomain .drop-list { background:#FFF; border:1px solid #778EB3; border-top:none; left:14px; height:auto; overflow:hidden; position:absolute; top:47px; width:209px; } .search-subdomain .drop-list li { clear:left; display:block; float:left; font-size:12px; width:209px; } .search-subdomain .drop-list li a:link, .search-subdomain .drop-list li a:visited, .search-subdomain .drop-list li a:active { display:block; padding:3px 5px; width:203px; } .search-subdomain .drop-list li a:hover { background:#E8F0FF; text-decoration:none; } /** Structure > content > sidebar-large > search > general */ #search .bottom-left { bottom:-2px; } /** * Login * * @section structure * @subsection content * @subsubsection login */ #login { background:#E8F0FF url(../images/structure/img-logo-small.png) no-repeat 260px 10px; margin:10px 0; padding:8px 10px; position:relative; } #login p { line-height:20px; } #login .signup { color:#2465CA; } #login a:link, #login a:visited, #login a:active { font-weight:bold; text-decoration:underline; } #login a:hover { text-decoration:none; } /** Structure > content > login > login subdomain */ .login-subdomain { background:#E8F0FF url(../images/structure/bg-login-subdomain.png) no-repeat 260px 14px !important; } /** * Letters - Parenting A-Z * * @section structure * @subsection content * @subsubsection letters */ .letters { border-bottom:1px solid #C1D2F0; height:18px; margin:10px 0 0 0; overflow:hidden; } .letters li { float:left; font-size:13px; line-height:13px; padding:2px 2px 3px 2px; } .letters li.active { background:#C1D2F0; } .letters li a:link, .letters li a:visited, .letters li a:active { font-size:13px; } .letters-content { background:#E8F0FF; margin:0 0 20px 0; } .letters-content ul { height:1%; padding:7px 0 10px 10px; overflow:hidden; } .letters-content ul li { float:left; line-height:11px; padding:2px 10px 2px 0; width:133px; } .letters-content ul li a:link, .letters-content ul li a:visited, .letters-content ul li a:active { display:block; font-size:11px; } /** * General - Advertisement * * General classes for advertisement elements * * @section structure * @subsection general * @subsubsection advertisement */ .advertisement p { color:#777; font-size:10px; line-height:16px; text-align:center; } .advertisement .banner { padding:10px 0; text-align:center; overflow: hidden; } /** Advertisement > Heading */ .advertisement .heading { background-color:#E1D8BD !important; color:#434037 !important; } .advertisement .heading span { color:#7C7763 !important; } .advertisement .heading a:link, .advertisement .heading a:visited, .advertisement .heading a:active { color:#7C7763; float:right; font-size:12px; text-decoration:underline; } .advertisement .heading a:hover { text-decoration:none; } /** Advertisement > Content */ .advertisement .advertisement-content { background:#EBE6D3; height:auto; overflow:hidden; padding:10px; } /** Advertisement > Content > Split equal */ .advertisement-content .split-equal p { text-align:left; font-size:12px; } .advertisement-content .split-equal a { color:#434037; } /** Advertisement > Content > featured sponsors */ .advertisement .featured-sponsors { height:130px; overflow:hidden; padding:10px 0 10px 10px !important; } .advertisement .featured-sponsors .banner { background:#F5F2E9; border:15px solid #F5F2E9; height:80px; width:500px; } /** Advertisement > Content > featured sponsors local */ .advertisement .featured-sponsors-local { height:220px; overflow:hidden; padding:10px !important; } /** Advertisement > Banner Parenthood */ .advertisement .banner-parenthood { text-align:center; } /** * Advertisement - Image margin * * @bugfix * @affected IE 6/Win * @valid yes */ * html .advertisement img { display:block; } /** * General - List bullet * * Generic list with bullets used in the entire website. * * @section structure * @subsection general * @subsubsection list bullet */ ul.list-bullet { padding:10px 0; } ul.list-bullet li { color:#83A1CE; font-size:12px; list-style-position:outside; list-style-type:disc; line-height:15px; margin:0 0 0 12px; padding:4px 0; } /** * General - Slider * * Slider used on the Frontpage / Easyslider - Jquery * * @section structure * @subsection general * @subsubsection slider */ .slider-content { height:246px; margin:0 0 20px 0; overflow:hidden; position:relative; width:550px; } #slider { border:1px solid #C1D2F0; border-top:none; height:209px; overflow:hidden; position:relative; width:548px; } #slider ul, #slider li, #slider2 ul, #slider2 li { margin:0; padding:0; list-style:none; } #slider2 { margin-top:1em; } #slider li, #slider2 li { width:550px; height:209px; overflow:hidden; } /** Tab information styles */ #slider .tab-info { color:#999; font-size:12px; } #slider .tab-info p { line-height:14px; margin:0 0 8px 0; padding:0 10px; } #slider .tab-info a { color:#83A1CE; font-size:12px; } #slider .tab-info h1 { color:#425674; font-size:24px; line-height:28px; padding:3px 10px 7px 10px; } #slider .tab-info h2 { padding:0px 10px;} #slider .tab-info .left { margin:0 15px 0 0; } #slider .tab-info .right { margin:0 0 0 15px; } #slider .tab-info ul { overflow:auto; width:auto; } #slider .tab-info ul li { height:auto; width:auto; } #prevBtn, #nextBtn { display:block; height:25px; position:absolute; top:172px; width:26px; z-index:10; } #prevBtn { right:45px; } #nextBtn { right:15px; } #prevBtn a, #nextBtn a { display:block; height:25px; text-indent:-9999px; width:26px; } #nextBtn a.next-button:link, #nextBtn a.next-button:visited, #nextBtn a.next-button:active { background:url(../images/iconography/bt-slider-right-blue.png) no-repeat left top; } #nextBtn a.next-button:hover { background:url(../images/iconography/bt-slider-right-blue.png) no-repeat left bottom; } #prevBtn a.prev-button:link, #prevBtn a.prev-button:visited, #prevBtn a.prev-button:active { background:url(../images/iconography/bt-slider-left-blue.png) no-repeat left top; } #prevBtn a.prev-button:hover { background:url(../images/iconography/bt-slider-left-blue.png) no-repeat left bottom; } /* numeric controls */ ol#controls { background:#D0DEF2 url(../images/structure/bg-controls.png) no-repeat 0 0; height:36px; overflow:hidden; padding:0 0 0 1px; position:relative; width:549px; border-bottom:1px solid red; } ol#controls li { float:left; height:35px; line-height:35px; margin:0 1px 0 0; padding:0; width:109px; } ol#controls li a:link, ol#controls li a:visited, ol#controls li a:active { color:#425674; display:block; font-size:12px; float:left; height:35px; line-height:35px; text-align:center; width:100%; } ol#controls li.current a { background:#C1D2F0 url(../images/structure/bg-heading.png) repeat-x left bottom; } /** * Tabs - Current status * * @bugfix * @affected IE 6/Win * @valid yes */ * html ol#controls li.current a { background:none; font-weight:bold; text-decoration:underline; } /** * Functions * * Special styles / Functions * * @section structure * @subsection general * @subsubsection pagecontent */ /** General functions classes > columns */ .threeColumns { float:left; padding: 0 5px 0 0; width: 32%; } .fourColumns { float:left; padding: 0 5px 0 0; width: 24%; } /** General functions classes > content */ .content { font-size: 12px; height: auto; margin: 0 auto 10px auto; padding: 10px 0; overflow: hidden; } .content h1 { color:#83A1CE; font-size:22px; line-height:26px; } .content h2 { color:#83A1CE; font-size:18px; line-height:22px; padding:0 0 0 10px;} .content h3 { color:#83A1CE; font-size:14px; line-height:20px; padding:0 0 5px 10px;} .content p {font-size: 12px; line-height: 15px;} /** * Send contact * */ .contact-us { color:#999; padding:20px 0 40px 0; } .contact-us div { height:auto; overflow:hidden; padding:0 0 10px 0; } .contact-us div label { display:block; float:left; padding:5px 10px 0 0; width:200px; } .contact-us div input, .contact-us div textarea, .contact-us div select { border:1px solid #CCC; border-bottom-color:#EEE; border-right-color:#EEE; color:#666; float:left; font-size:12px; padding:2px; width:300px; } .contact-us div input:focus, .contact-us div textarea:focus, .contact-us div select:focus { background:#F5F5F5; } .contact-us div select { width:307px; } .contact-us .captcha { padding:20px 0; } .contact-us .captcha input { float:none; margin:-20px 0 0 0; width:238px; } .contact-us .form-button { background:#E8F0FF; border:1px solid #D0DEF2; color:#425674; cursor:pointer; float:left; margin:0 10px 0 0; text-align:center; width:150px; } .contact-us .form-button:focus { background:#C1D2F0; } /** * Due Date Calculator * */ .due-date-calculator { padding:10px 0; } .CalculatorForm { color:#666; } .CalculatorTitle { color:#FFF; font-weight:bold; } /** * Ovulation Calculator * */ .ovulation-calculator { padding:10px 0; } .CalculatorForm { color:#666; } .CalculatorTitle { color:#FFF; font-weight:bold; } /** Button for all calculation functions */ .calculate-now { background:#E8F0FF; border:1px solid #D0DEF2; color:#425674; cursor:pointer; margin-bottom:10px; text-align:center; } /** * Pregnancy * */ .trimester { float:left; font-size:12px; padding-top:10px; text-align:center; width:33%;} .trimesterContent { height:auto; padding:3px 0 0px 30px; overflow:hidden;} .trimesterContent li { float: left; padding-left:3px; } .clickDot { text-align: center; } /** * Baby Names * */ .baby-names { background:url(../images/structure/bg-baby-names.png) no-repeat 0 0; height:120px; margin:0 0 0 -10px; padding:10px 0 0 10px; } .baby-names p, .baby-names h2 { clear:both; color:#778EB3; float:right; text-align:right; } .baby-names p { font-size:14px; } .baby-names h2 { font-size:17px; line-height:20px; } .baby-names div { clear:both; float:right; height:auto; margin:20px 0 0 0; overflow:hidden; width:100%; } .baby-names label { color:#778EB3; float:left; font-size:12px; } .baby-names .text { border:1px solid #778EB3; color:#778EB3; float:left; font-size:11px; margin:3px 2px 0 0; padding:1px; width:145px;} .baby-names .button { background:#E8F0FF; color:#778EB3; cursor:pointer; display:block; float:left; font-size:18px; } /** Baby names > Functions general */ .subTitle { background:#425674; color:#E8F0FF; font-size:22px; line-height:37px; margin: 0 0 10px 0; padding:0 0 0 5px; } .subTitle a, .subTitle a:visited { color:#E8F0FF;} .anotherGender { clear:right; height:auto; margin:10px 0; overflow:hidden;} .secondSubTitle { background:#425674; border: none; color:#E8F0FF; float:right; margin:5px 3px 5px 5px; padding:5px;} .secondSubTitle a, .secondSubTitle a:visited { color: #E8F0FF; } .letterNavigation { border-bottom:1px solid #83A1CE; border-top:1px solid #83A1CE; clear:both; font-size:14px; line-height:30px; margin: 0 0 10px 0; text-align:center; } .letterNavigation a, .letterNavigation a:visited { color:#83A1CE; font-weight: bold; padding:0 3px; } .numberNavigation {margin:5px 0 0 2px;} .numberNavigation a, .numberNavigation a:visited { background:#425674; color:#E8F0FF; padding:0 3px;} .detail-page { height:auto; margin:0; overflow:hidden; } .meaning-text { font-weight: bold; font-size:13px; } .previousPage, .addFavorites { float:right; margin:10px 5px 20px 0; text-align:right; width:105px;} .addFavorites a, .addFavorites a:visited { color: #2465CA; font-weight: bold; } /** Baby Names > Tables */ .namesList { color: #425674; height:auto; margin:0 auto; overflow:hidden; } .namesList li { height:27px; line-height:27px; float: left; padding-left: 3px; } .namesList li.resultsName { font-weight: bold; width: 115px;} .namesList li.resultsGender { font-weight: bold; width: 67px;} .namesList li.resultsOrigin { font-weight: bold; width: 50px;} .namesList li.resultsMean { font-weight: bold; width: 210px; } .originsColumn { font-size: 12px; margin: 10px 0; } .originsColumn td { vertical-align:top; width: 25%; } .names-list { width:100%;} .names-list th { text-align: left; } .namesListResults { border:1px solid #E0BAC5; color:#555; line-height:23px; margin:0 auto; width:99%;} .namesListResults th { background: #E0BAC5; color:#425674; font-size:14px; font-weight:normal; line-height:30px; padding:0 0 0 5px;} .namesListResults td { padding:0 0 0 5px; } .namesListResults td.add, .namesListResults td.add a, .namesListResults td.add a:visited { color: #2465CA; font-weight: bold; padding:0 2px 0 12px; } /** Baby names > Search */ .searchForm { height: auto; margin: 10px auto; overflow: hidden; } .searchForm h1 { background:#E0BAC5; color:#425674; font-size:14px; line-height:22px; padding:0 0 0 10px; } .searchForm input.name { border:1px solid #425674; height:22px; margin:10px 0; width:245px;} .babynameSearch { background: #E8F0FF; border: 1px solid #E0BAC5; height: auto; overflow:hidden; padding: 10px;} .babynameSearch input, .searchForm input { margin: 3px 5px;} .babynameSearch input.name { border:1px solid #425674; height:22px; margin:10px 0; width:400px;} .babynameSearch input.buttonSearch { background:#425674; color:#E8F0FF; cursor:pointer; display:block; float:right; font-size:14px; height:26px; margin:8px 22px 0 0; width:50px; } /** * Quiz Camp * */ .quizContent { margin: 10px auto; } .quizTitle { font-weight:bold; margin-bottom: 5px;} /** * Calendar * */ .calendar-content { margin:10px 0 20px -5px; } .calendar-content .month { border-style: none; text-align: center; width:100%; } .calendar-content .monthday, .calendar-content .event { color: #425674; font-size: 11px; font-weight: bold; height:20px; text-align: center; width:20px; } .calendar-content .event { text-decoration:underline; } .calendar-content .nomonthday { color: #C1D2F0; font-size: 11px; height:20px; text-align: center; width:20px; } .calendar-content .monthnavigation { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } .calendar-content .monthname { color: #425674; font-weight: bold; font-size: 11px; text-align: center; } .calendar-content .dayname { background-color: #83A1CE; border-style: outset; border-width:0; color: #ffffff; font-size: 12px; font-weight: bold; text-align: center; } .calendar-content .today { background-color: #425674; color: #ffffff; font-size: 11px; font-weight: bold; height:20px; text-align: center; width:20px; } .calendar-content .todayevent { background-color: #425674; color: #ffffff; font-size: 11px; font-weight: bold; height:20px; text-align: center; text-decoration:underline; width:20px; } .calendar-content .todayevent a:link, .calendar-content .todayevent a:visited, .calendar-content .todayevent a:active, .calendar-content .today a:link, .calendar-content .today a:visited, .calendar-content .today a:active {color:#fff !important;} .calendar-content .selectedday { background-color: #425674; font-size: 11px; font-weight: bold; height:20px; text-align: center; width:20px; } .calendar-content .selectedday a, .calendar-content .selectedday a:visited { color: #fff; } .calendar-content .sunday { color: #667171; font-size: 11px; font-weight: bold; height:20px; text-align: center; width:20px; } .calendar-content .sunday a { color: #667171; } .calendar-content .saturday { color: #667171; font-size: 11px; font-weight: bold; height:20px; text-align: center; width:20px; } .calendar-content .saturday a { color: #667171; } .calendar-content .postEvent, .calendar-content .postEvent a, .calendar-content .postEvent a:visited { color:#2465CA !important; padding:5px 0; text-align: center;} /** * Events Search * */ .events-search, .events-search input, .events-search select, .events-search textarea { color:#333; font-size:12px; } .table-events-search { color:#333; font-size:12px; } .table-events-search .title { background:#83A1CE; } /** * Events PopUp */ table.postEvent-table {width: 95%; font: normal 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; background: #FFF; margin: 0 auto 10px auto; border-collapse: collapse;} table.postEvent-table td { font: normal 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 10px; } table.postEvent-table td.labels { text-align: right; } table.postEvent-table input, table.postEvent-table text-area, table.postEvent-table select { border-color:#D4D4D4 #EEE #EEE #D4D4D4; border-style:solid; border-width:1px; font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:normal; line-height:normal; padding:3px; width:97%; } table.postEvent-table input.button { background:#A3B967; color:#FFF; cursor:pointer; display:block; float:right; font-size:13px; font-weight:bold; height:29px; width:100px; } /** Script - modal structure */ #popupMask { position: absolute; z-index: 200; top: 0px; left: 0px; width: 100%; height: 100%; display:none; background: url(../images/structure/bg-mask.png) repeat !important; } #popupContainer { position: absolute; z-index: 201; top: 0px; left: 0px; display:none; padding: 0px; } #popupInner { border: 2px solid #83A1CE; background-color: #FFF; } #popupFrame { margin: 0px; width: 100%; height: 100%; position: relative; z-index: 202; } #popupTitleBar { background-color:#6580A9; height: 1.3em; padding: 5px 5px 3px 5px; position: relative; z-index: 203; } #popupTitle { color: #fff; font-size:14px; float:left; } #popupControls { cursor: pointer; cursor: hand; font-size:12px; float: right; } #popupControls a { color:#FFF; text-decoration:underline; } /** * Events Calendar * * @section common * @subsection calendar */ .baseCalendar { background: #E8F0FF; border: 1px solid #CCC; font-size: 11px; margin: 0 0 10px 0; padding: 10px; text-align: center; } .baseCalendar h4 { font-size: 14px; color: #333; } .calendar { background: #FFF; border: 1px solid #CCC; margin: 5px 0 0 0; } .calendarHeader { background: #F7F7F7; font-size: 12px; font-weight: bold; } .calendarHeader td, .calendarHeader th { padding: 5px !important; vertical-align: top; } .calendarHeader a, .calendarHeader a:visited { color: #554F6E; } .calendarDay a, .calendarDay a:visited { background: #FFF; border: 1px solid #FBFBFB; border-bottom: 3px solid #EEE; border-right: 3px solid #EEE; color: #333; display: block; font-weight: normal; padding: 2px; } .calendarDay a:hover { background: #F5F2E9; color: #434037; } .calendarDay a.today, .calendarDay a.today:visited, .calendarDay a.today:hover { background: #6D86AC; border: 1px solid #5D4671; color: #FFF !important; } .calendarDay a.selected, .calendarDay a.selected:visited, .calendarDay a.selected:hover { background: #434037; border: 1px solid #434037; color: #FFF; } /** * Pagination * * Pagination for page results * * @section structure * @subsection content * @subsubsection content-main * @subsubsubsection content-model * @subsubsubsubsection pagination */ .pagination { background:#F5F5F5; height:20px; margin:0 0 10px 0; overflow:hidden; width:auto; } .pagination p { color:#666; float:left; line-height:20px; padding:0 0 0 5px; } .pagination p span { color:#333; } .pagination ul { border:1px solid #E7E7E7; float:right; height:18px; overflow:hidden; list-style: none; } .pagination ul li { background:#E5E5E5; color:#ABABAB; float:left; font-size:11px; line-height:18px; margin:0 0 0 1px; } .pagination ul li a { padding:4px 6px; } .pagination ul li a:hover { color:#333; } .pagination ul li.active { background:#CCC; } /** Content > content-main > content-model > pagination differences */ .pagination-bottom { margin:0; }