/* +++++++++++++ article-list +++++++++++++ */ #article-list { width: 500px; float: left; padding: 5px 5px 5px 10px; font: 12px/20px Arial; } #article-list .news-head { background-image: url(/images/NEWS.gif); background-repeat: no-repeat; height: 55px; width: 57px; float: left; } #article-list .events-head { background-image: url(/images/EVENTS.gif); background-repeat: no-repeat; height: 55px; width: 100px; float: left; } #article-list .gallery-head { background-image: url(/images/GALLERIES.gif); background-repeat: no-repeat; height: 55px; width: 105px; float: left; } #article-list .connect-news-head { background-image: url(/images/connect_sm.png); background-repeat: no-repeat; height: 55px; width: 147px; float: right; } #article-list .connection-news-head { background-image: url(/images/connection_sm.png); background-repeat: no-repeat; height: 55px; width: 147px; float: right; } #article-list .reflect-news-head { background-image: url(/images/reflect_sm_grad.png); background-repeat: no-repeat; height: 55px; width: 147px; float: right; } #article-list .anois-news-head { background-image: url(/images/anois_sm.png); background-repeat: no-repeat; height: 55px; width: 56px; float: right; } #article-list .journey-news-head { background-image: url(/images/ciyd_sm.png); background-repeat: no-repeat; height: 55px; width: 35px; float: right; } #article-list .parenting-news-head { background-image: url(/images/parenting_sm_grad.png); background-repeat: no-repeat; height: 55px; width: 147px; float: right; } #article-list .post { border-bottom: 1px solid #e2e2e2; margin-bottom: 10px; } #article-list .post:hover { background-color: #f7f7f7; } #article-list .article-text { font-size: 12px; line-height: 20px; margin-bottom: 10px; } #article-list h2 { font-size: 16px; font-weight: bold; margin: 0px; padding: 0px; border: 0px; margin-bottom: 2px; border-bottom: 1px solid #e2e2e2; padding-bottom: 5px; } #article-list h3 { font-size: 12px; font-weight: normal; margin: 0px; padding: 0px; border: 0px; margin-bottom: 2px; padding-bottom: 5px; } #article-list h3 img { margin-right: 10px; vertical-align: middle; } #article-list h4 { font-size: 12px; font-weight: normal; margin: 0px; padding: 0px; border: 0px; margin-bottom: 2px; padding-bottom: 0px; font-weight: bold; } #article-list hr { border: none 0; border-top: 1px solid #e2e2e2; height: 1px; } #article-list .navigation { padding: 5px; border-top: #e2e2e2; border-bottom: #e2e2e2; background-color: #f7f7f7; font-weight: normal; } #article-list .navigation .left { float: left; width: 45%; text-align: left; } #article-list .navigation .right { float: right; width: 45%; text-align: right; } #article-list .posting-date { color: #888; font-size: 10px; margin-left: 10px; } #article-list .event-date { font-size: 12px; font-weight: bold; } #article-list .event-date { font-size: 10px; } #article-list .linksCategory { font-size: 22px; font-weight: normal; margin: 0px; padding: 0px; border: 0px; margin-bottom: 2px; padding-bottom: 5px; } #article-list .inline-image { float: left; margin-right: 1em; margin-top: 0; margin-bottom: .5em; border: 1px solid #000; clear: both; } #article-list .inline-image-no-border { float: left; margin-right: 1em; margin-top: 0; margin-bottom: .5em; clear: both; } #article-list .gallery-image { float: left; margin: 6px 6px 0 0; border: 1px solid #CDC8C3; padding: 3px; clear: both; } .about-head { background-image: url(/images/ABOUT_CIYD.gif); background-repeat: no-repeat; height: 41px; width: 150px; float: left; } .cross-head { background-image: url(/images/ciyd_sm.png); background-repeat: no-repeat; height: 41px; width: 35px; float: right; } .search-head { background-image: url(/images/SEARCH_CIYD.gif); background-repeat: no-repeat; height: 41px; width: 190px; float: left; } .resources-head { background-image: url(/images/RESOURCES.gif); background-repeat: no-repeat; height: 41px; width: 150px; float: left; } .downloads-head { background-image: url(/images/DOWNLOADS.gif); background-repeat: no-repeat; height: 41px; width: 150px; float: left; } .links-head { background-image: url(/images/LINKS.gif); background-repeat: no-repeat; height: 41px; width: 57px; float: left; } .jobs-head { background-image: url(/images/JOBS.gif); background-repeat: no-repeat; height: 41px; width: 57px; float: left; } .contact-head { background-image: url(/images/CONTACT.gif); background-repeat: no-repeat; height: 41px; width: 150px; float: left; } .zoom-head { background-image: url(/images/ZOOM.gif); background-repeat: no-repeat; height: 41px; width: 150px; float: left; } .zoom-head-img { background-image: url(/images/zoom_sm.png); background-repeat: no-repeat; height: 63px; width: 147px; float: left; } .zoom-logo-head { background-image: url(/images/zoom_sm.png); background-repeat: no-repeat; height: 41px; width: 147px; float: right; } .page-heading-head { background-image: url(/images/PAGE_HEADING.gif); background-repeat: no-repeat; height: 41px; width: 150px; float: left; } .staff-head { background-image: url(/images/STAFF.gif); background-repeat: no-repeat; height: 41px; width: 150px; float: left; } .poc-head { background-image: url(/images/POC.gif); background-repeat: no-repeat; height: 41px; width: 250px; float: left; } .connect-head { background-image: url(/images/CONNECT.gif); background-repeat: no-repeat; height: 41px; width: 102px; float: left; } .connect-head-img { background-image: url(/images/connect_sm.png); background-repeat: no-repeat; height: 41px; width: 147px; float: left; } .connection-head { background-image: url(/images/CONNECTION.gif); background-repeat: no-repeat; height: 41px; width: 134px; float: left; } .connection-head-img { background-image: url(/images/connection_sm.png); background-repeat: no-repeat; height: 41px; width: 147px; float: left; } .reflect-head { background-image: url(/images/REFLECT.gif); background-repeat: no-repeat; height: 41px; width: 95px; float: left; } .reflect-head-img { background-image: url(/images/reflect_sm.png); background-repeat: no-repeat; height: 92px; width: 147px; float: left; } .anois-head { background-image: url(/images/ANOIS.gif); background-repeat: no-repeat; height: 41px; width: 65px; float: left; } .anois-head-img { background-image: url(/images/anois_sm.png); background-repeat: no-repeat; height: 90px; width: 147px; float: left; } .journey-head { background-image: url(/images/JOURNEY.gif); background-repeat: no-repeat; height: 41px; width: 98px; float: left; } .journey-head-img { background-image: url(/images/journey_sm.png); background-repeat: no-repeat; height: 76px; width: 147px; float: left; } .parentingtoday-head { background-image: url(/images/PARENTING_TODAY.gif); background-repeat: no-repeat; height: 41px; width: 189px; float: left; } .parentingtoday-head-img { background-image: url(/images/parenting_sm.png); background-repeat: no-repeat; height: 81px; width: 147px; float: left; } .summermadness-head { background-image: url(/images/SUMMER_MADNESS.gif); background-repeat: no-repeat; height: 41px; width: 195px; float: left; } .summermadness-head-img { background-image: url(/images/summer_sm.png); background-repeat: no-repeat; height: 41px; width: 147px; float: left; } .jump-head { background-image: url(/images/JUMP.gif); background-repeat: no-repeat; height: 41px; width: 59px; float: left; } /* +++++++++++++ Sidebar +++++++++++++ */ #sidebar { width: 220px; padding: 5px; height: 100%; float: right; background-color: #f7f7f7; font-size: 12px; } #sidebar ul{ list-style-type:none; margin:0; padding:0; } #sidebar ul li{ border-bottom:1px dotted #ddd; margin-bottom:0.3em; padding:0.3em; } #sidebar p { font-size: 11px; line-height: 19px; } #sidebar h2 { font-size: 12px; font-weight: bold; margin-bottom: 5px; } #sidebar img { margin-bottom: 5px; } #sidebar img a { margin-bottom: 5px; } #sidebar .adcase { margin-bottom: 5px; } #sidebar .search { margin-bottom: 15px; } #sidebar .search .searchfield { border: 1px solid #ccc; width: 180px; padding: 2px; } #sidebar .search .subscribefield { border: 1px solid #ccc; width: 214px; padding: 2px; } #sidebar .search .searchButton { vertical-align: middle; margin-left: 4px; } #sidebar .search .error { color: #a10000 } /* +++++++++++++ Gallery +++++++++++++ */ #jgal { padding-left: 17px; } #jgal img { float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; border: 3px solid #fff; outline: 1px solid #CDC8C3; margin-right: 14px; margin-bottom: 14px; } .gallery-list-image { float: left; width: 100px; margin: 0; padding 0; } .gallery-list-text { float: left; width: 400px; margin: 3px 0 0 0; padding 0; } .gallery-list-text p { margin: 0; padding 0; }