/* Caring Senior Service CSS Styles - author: Danielle LeComte - hello@madebyspark.com */ /* Global Styles */ body { font:12px/18px Arial, Helvetica, sans-serif; background-color:#c0c0c0; color:#6c6969; } h2 { font-family:'CartoGothicStdBook', Arial, Helvetica, sans-serif; color:#d33a21; font-size:19px; padding:0 0 20px; } h3 { font-family:'CartoGothicStdBook', Arial, Helvetica, sans-serif; color:#d33a21; font-size:17px; text-align:center; padding:20px 0; } h4 { font-family:'CartoGothicStdBook', Arial, Helvetica, sans-serif; color:#d33a21; text-transform:uppercase; font-size:13px; text-align:center; padding:15px 0; font-weight:normal; } h5 { font-family:'CartoGothicStdBook', Arial, Helvetica, sans-serif; color:#d33a21; font-size:14px; padding-left:20px; } .divider { width:88%; height:1px; border-bottom:1px solid #fbb97f; } .divider2 { width:100%; height:1px; border-bottom:1px solid #dadada; } .divider3 { width:100%; height:1px; border-bottom:1px solid #dadada; margin-bottom:10px; } .divider4 { width:240px; height:1px; border-bottom:5px solid #d33a21; margin-bottom:5px; } p { margin-bottom:10px; } p.download { font-family:'CartoGothicStd Book', Arial, Helvetica, sans-serif; color:#d33a21; font-size:13px; } p.download a { color:#d33a21; text-decoration:underline; } .top { text-align:right; padding-bottom:5px; } .top a { color:#d33a21; text-decoration:none; } .more a { color:#d33a21; text-decoration:none; padding-left:20px; } /* Wrapper Styles */ #wrapper { width:970px; margin:0 auto; background:url(/images/main-bg.jpg) top left repeat-y; min-height:800px; } /* Topper Styles */ #topper { height:105px; padding:0; background:url(/images/logo.jpg) 0 0 no-repeat #ffffff; } #topper .logo { float:left; width:155px; height:70px; overflow:hidden; padding:0; margin:0; } #topper .logo h1 { width:155px; height:70px; margin:0; padding:0; } #topper .logo h1 span { display:none; margin:0; padding:0; } #topper .links { float:left; width:495px; padding:6px 0; } #topper ul { margin-bottom:8px; } #topper li { font-family:'CartoGothicStdBook', Arial, Helvetica, sans-serif; color:#6c6969; font-size:13px; display:inline; padding:0px 10px; border-right:1px solid #dadada; } #topper li.last { border-right:0px; } #topper a { color:#6c6969; text-decoration:none; padding-top:10px; } #topper a:hover { color:#11155e; } #topper .contact { float:right; width:300px; padding-right:20px; text-align:right; padding-top:30px; } #topper .contact p { font-size:14px; font-family:'CartoGothicStdBook', Arial, Helvetica, sans-serif; color:#d33a21; margin-bottom:0; } #topper .contact p.avail { font-size:12px; font-family:'CartoGothicStdBook', Arial, Helvetica, sans-serif; color:#6c6969; font-style:italic; } #topper .contact p.serving { font-size:15px; font-family:'CartoGothicStdBook', Arial, Helvetica, sans-serif; color:#d33a21; font-style:italic; margin-top:10px; } #topper .contact span { font-size:20px; } /* Main Nav Styles */ #nav { height:30px; background-color:#d33a21; margin-bottom:3px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; text-align:center; padding-left:45px } #nav li { float:left; font-family:'CartoGothicStdBook', Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; padding:7px 15px; border-right:1px solid #fff; } #nav li.last { border-right:0px; } #nav a { color:#ffffff; text-decoration:none; padding-bottom:1px; } #nav a:hover { color:#11155e; } /* Subsite Nav Styles */ #navSubsite { height:30px; background-color:#004c80; margin-bottom:3px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; text-align:center; padding-left:85px } #navSubsite li { float:left; font-family:'CartoGothicStdBook', Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; padding:7px 15px; border-right:1px solid #fff; } #navSubsite li.last { border-right:0px; } #navSubsite a { color:#ffffff; text-decoration:none; padding-bottom:1px; } #navSubsite a:hover { color:#d33a21; } /* Columns & Sub Pages */ #main { background:url(/images/main-bg.jpg) top left repeat-y; } #mainSubsite { background:url(/images/main-bg-subsite.jpg) top left repeat; height:100%; } .sidebar { float:left; width:138px; padding:0 15px 15px; } .sidebar a { color:#6c6969; text-decoration:none; background:url(/images/sidebar-link-bg.gif) 100% 50% no-repeat; padding:0 10px 0 0; } .sidebar a:hover { color:#11155e; } .sidebar p { margin-bottom:5px; } .sidebar .divider { height:1px; border-bottom:1px solid #fbb97f; padding-top:15px; width:98%; } .sidebar a.connect { background:none; padding:0;} .sidebar .test p { font-style:italic; margin-bottom:5px;} .sidebar .date { float:left; width:30px; margin-right:5px; color:#d33a21; font-size:12px; } .sidebar .news { float:left; width:103px; } .sidebar .news h4 { font-size:12px; color:#6c6969; margin:0; padding:0;} #content, #contentSub { float:left; width:634px; } #contentSub p { padding:0 20px; } #contentSub a { color:#6c6969; text-decoration:underline; } #contentSub a:hover { color:#11155e; text-decoration:none; } #contentSub p.download { font-family:'CartoGothicStdBook', Arial, Helvetica, sans-serif; color:#d33a21; font-size:13px; } #contentSub p.download a { color:#d33a21; text-decoration:underline; } #contentSub img#left { margin:5px 5px 5px 0; padding:3px; border:1px solid #dadada; } #contentSub img#right { margin:5px 0 5px 5px; padding:3px; border:1px solid #dadada; } #contentSub .bio { float:left; width:290px; margin:0 0 15px 20px; } #contentSub h4 { font-family:'CartoGothicStdBook', Arial, Helvetica, sans-serif; color:#6c6969; text-transform:uppercase; font-size:14px; text-align:left; padding:15px 0; } #contentSub ul { margin:0 0 0 40px; } #contentSub ul li { list-style:square; padding:0 0 5px 0; color:#d33a21; } #contentSub .subnav { float:right; width:128px; border:1px solid #d33a21; background-color:#eee; padding:10px; margin:0 0 10px 10px; text-align:center; } #contentSub .subnav a { color:#6c6969; text-decoration:none; background:url(/images/sidebar-link-bg.gif) 100% 50% no-repeat; padding:0 10px 0 0; } #contentSub .subnav a:hover { color:#11155e; } #contentSub .subnav h4 { font-family:'CartoGothicStdBook', Arial, Helvetica, sans-serif; color:#d33a21; text-transform:uppercase; font-size:13px; text-align:center; padding:0 0 10px 0; } #contentSub .subnav p { padding:0; } #contentSub .crumbs { color:#d33a21; font-family:'CartoGothicStdBook', Arial, Helvetica, sans-serif; font-size:14px; } #contentSub .crumbs a { text-decoration:none; color:#6c6969; margin-right:5px; } .comment-one { padding:15px; background:none; border-bottom:1px solid #dadada; width:550px; margin:0 auto; } .comment-one p, .comment-two p { padding:0 !important; } .comment-two { padding:15px; background-color:#f1f1f1; border-bottom:1px solid #dadada; width:550px; margin:0 auto; } /* Search Tool Styles */ #locator .input { width:200px; margin:0 auto; padding:10px 3px; border:1px solid #dadada; background-color:#fff; color:#000; text-align:center; font-size:16px; } #locator .input:focus { background-color:#dadada; border:1px solid #d33a21; } #locator .submit { width:100px; color:#000; background-color:#dadada; border:0; padding:8px; font-size:12px; } #locator form { margin:0 auto; } #locator p { font-size:14px; } td.resultHead { font-size:14px; font-weight:bold; border-bottom:1px solid #dadada; padding-bottom:10px; color:#11155e; } td.spacer { line-height:5px; } td.resultRowOne { padding:10px 3px 10px 3px; } td.resultRowTwo { background-color:#efefef; padding:3px; } h5.location { font-family:'CartoGothicStdBook', Arial, Helvetica, sans-serif; color:#d33a21; font-size:16px; margin:0; padding:0; } span.location { font-family:'CartoGothicStdBook', Arial, Helvetica, sans-serif; color:#11155e; text-transform:uppercase; font-size:19px; text-align:left; padding:0 0 5px 8px; font-weight:bold; } #quick .input { width:275px; margin:0 auto; padding:5px 3px; border:1px solid #dadada; background-color:#fff; color:#000; font-size:14px; float:left; margin-right:5px;} #quick .input:focus { background-color:#dadada; border:1px solid #d33a21; } #quick .submit { width:100px; color:#000; background-color:#dadada; border:0; padding:6px 8px; font-size:12px; float:left; } #quick2 { background:url(/images/button-FAL-bg.jpg) top left no-repeat; padding-top:45px; height:55px; } #quick2 .input { width:123px; margin:0 auto; padding:3px 3px; border:1px solid #ffffff; background-color:#fff; color:#000; font-size:11px; margin-left:4px; } #quick2 .input:focus { background-color:#ffe2c0; border:1px solid #d33a21; } #quick2 .submit { width:30px; color:#000; background-color:#dadada; border:0; padding:3px; font-size:10px; float:right; margin-right:3px; } /* Bios Styles */ ul.list { padding-left:50px; margin:0; } ul.list li { list-style:square; color:#d33a21; } /* Services Styles */ ul#services { width:519px; margin:0 auto; padding-left:25px; } ul#services li { float:left; list-style:square; color:#d33a21; width:217px; margin-left:30px; } /* Text Sizer Styles */ .sizer { text-align:right; } /* Form Styles */ #contact-form .input { background-color:#fff; border:1px solid #dadada; color:#000; padding:6px 3px; width:250px; margin:3px 0 5px 0; } #contact-form .input2 { background-color:#fff; border:1px solid #dadada; color:#000; padding:5px; width:50px; margin:3px 0; text-align:center; } #contact-form .input:focus { background-color:#efefef; border:1px solid #dddddd; } #contact-form .submit { width:auto; color:#fff; background-color:#004c80; border:0; padding:6px 8px; font-size:12px; margin:3px 0 5px 0;} #contact-form textarea { background-color:#fff; border:1px solid #dadada; color:#000; padding:6px 3px; margin:3px 0 5px 0; } #contact-form textarea:focus { background-color:#efefef; border:1px solid #dddddd; } #contact-form select { background-color:#fff; border:1px solid #dadada; color:#000; padding:6px 3px; margin:3px 0 5px 0; width:255px; } #contact-form h5 { font-family:'CartoGothicStdBook', Arial, Helvetica, sans-serif; color:#d33a21; font-size:14px; padding-left:0px; } #contact-form h6 { color:#d33a21; } #comment-form .input { background-color:#fff; border:1px solid #dadada; color:#000; padding:6px 3px; width:250px; margin:3px 0 5px 0; } #comment-form .input2 { background-color:#fff; border:1px solid #dadada; color:#000; padding:5px; width:50px; margin:3px 0; text-align:center; } #comment-form .input:focus { background-color:#efefef; border:1px solid #dddddd; } #comment-form .submit { width:auto; color:#fff; background-color:#004c80; border:0; padding:6px 8px; font-size:12px; margin:3px 0 5px 25px;} #comment-form .preview { width:auto; color:#fff; background-color:#004c89; border:0; padding:6px 8px; font-size:12px; margin:3px 0 5px 0;} #comment-form textarea { background-color:#fff; border:1px solid #dadada; color:#000; padding:6px 3px; margin:3px 0 5px 0; width:550px; } #comment-form textarea:focus { background-color:#efefef; border:1px solid #dddddd; } /* Footer Styles */ #footer { width:940px; margin:0 auto; height:18px; background-color:#d33a21; border-top:1px solid #cccccc; padding:0 15px; color:#ffffff; font-size:10px; vertical-align:bottom; } #footerSubsite { width:940px; margin:0 auto; height:18px; background-color:#004c80; border-top:1px solid #cccccc; padding:0 15px; color:#ffffff; font-size:10px; vertical-align:bottom; } #footer a, #footerSubsite a { color:#fff; text-decoration:underline; } /* Blog Styles */ p.paginate a { padding:5px 8px; background-color:#d33a21; color:#fff !important; margin:0 5px;} .blogTitle { float:left; width:545px; } .blogTitle h5 { font-size:18px; } .blogDate { width:70px; padding:0 0 0 8px; border-right:1px solid #dadada; float:left; height:35px; margin-left:10px; } .blogDate .day { float:left; width:20px; font-size:28px; padding:5px 13px 5px 0; } .blogDate .month { float:left; width:37px; font-size:12px; text-align:left; line-height:14px; } ul.social { margin:0 !important; padding:0 0 0 20px !important; } ul.social li { list-style:none !important; float:left; margin-right:8px; }