/* Title: Main CSS Author: 3 Crown Creative */ body {min-width:960px; background: #f2f4a3; } html {height:101%} /* --------------------------------------------------*/ #outerWrap {width:960px; margin:2em auto 1em auto; background:url(/images/bkg_page.jpg) repeat-y;} header {width: inherit; background:url(/images/logo_cindy_lacost.png) no-repeat 45px 25px; height:169px} #container {width: inherit;} nav { width:194px;float:left; background:url(/images/sidebar_home.jpg) no-repeat 30px bottom; padding-bottom:162px; padding-right:56px; margin-bottom:2em} section.content { width:710px; float:left; margin-bottom:2em} footer {width:960px; margin:0 auto 2em auto; color:#8c8a8a; font-family:Arial, Helvetica, sans-serif; font-size:.8em;} .sidebar {float:left} .mainbar {float:right} /* header */ header h1 { margin:0 0 0 250px; padding:3em 0 0; float:left} header h1 a {background:url(/images/byline_cindy_lacost.png) no-repeat; width:432px; height:49px; display:block; text-indent:-4000px} header aside { background-color:#c0c0c0; color:#1e1e1e; font-weight:bold; font-size:.7em; text-align:right; padding:.25em .5em .25em .7em; float:right} header aside span {padding:0 2em 0 0} header aside a {text-decoration:none; border-bottom:solid 1px #979797;color:#1e1e1e;} /* footer */ footer aside { padding-left:250px; } footer a {color:#8c8a8a;} /* sidebar images */ body#home nav {background-image: url(/uploads/images/sidebar/sidebar_home.jpg)} body#mission nav { background-image:url(/uploads/images/sidebar/sidebar_mission.jpg)} body#assessment nav {background-image:url(/uploads/images/sidebar/sidebar_assessment.jpg)} body#speciality nav {background-image:url(/uploads/images/sidebar/sidebar_speciality.jpg)} body#report nav {background-image:url(/uploads/images/sidebar/sidebar_report.jpg)} body#advocacy nav {background-image:url(/uploads/images/sidebar/sidebar_advocacy.jpg)} body#testimonials nav {background-image:url(/uploads/images/sidebar/sidebar_testimonials.jpg)} body#education nav {background-image:url(/uploads/images/sidebar/sidebar_education.jpg)} body#forms nav {background-image:url(/uploads/images/sidebar/sidebar_forms.jpg)} body#contact nav {background-image:url(/uploads/images/sidebar/sidebar_contact.jpg)} /* CMScontent */ h1.pageTitle { margin-top:0 } #CMScontent {font-size:.85em; padding-right:3em} #CMScontent .breadcrumb p {margin:0; padding:0; float:right; text-align:right; font-size:.6em; line-height:normal; font-weight:normal; font-family:Verdana, Geneva, sans-serif} #CMScontent .breadcrumb a {color:#a5a1a1; text-decoration:none; border-bottom:1px dotted #a5a1a1} #CMScontent .breadcrumb a:hover { border-bottom-style:solid} /* navigation */ nav ul { padding: 0;margin: 0;list-style: none;line-height: 1;} nav ul li {list-style:none;margin:0; text-align:right; padding-bottom:1em} nav li a {color:#908f8f;text-decoration:none; font-weight:bold;text-transform: uppercase; font-size:.7em} nav li.first a { } nav li a:hover, nav li.active a {color:#000; text-decoration:underline} nav li.active a {cursor:default;} div.subMenu {display:none} /* --------------------------------------------------*/ #sideContent {margin:30px 0 10px; text-align:right; line-height:normal} #home #sideContent {float:right; width:300px; margin:0; text-align:left; border-left:1px dotted #000; padding:0 0 0 10px; margin-left:20px;} #sideContent h3 { margin:0; background-color: #CCC; color:#fff; font-size:.8em; margin:0; padding:0; text-transform: capitalize} #home #sideContent h3 { text-transform:uppercase; margin-bottom:5px;} #sideContent div, #blog #sideContent ul { color:#787878;padding:0 0 20px 0;} #blog #sideContent ul { list-style-image:none} #blog #sideContent ul li {margin-left:0} #sideContent div p, #sideContent ul li {font-size:.75em; line-height:1.4em;} #sideContent div p {padding:0; margin:0;} #sideContent a { color:#000;text-decoration:none; text-transform: capitalize} #sideContent a:hover {text-decoration:none; color:#493149} #sideContent ul { margin:0; padding:0 } #sideContent ul li.active, #sideContent ul li.active a, #sideContent a.active {text-decoration:none; color:#493149; font-weight:bold} #sideContent hr { height:1px; border:1px solid #fff} /* --------------------------------------------------*/ #slideshow {width:647px; margin:0 auto; padding:2em 0; } #prev { float:left;background:url(/images/imagesCMS/arrowL.gif) no-repeat -15px 0; width:15px; height:18px;margin:0 1em .5em 0; text-indent:-5000px; display:block; cursor:pointer} #next { float:left;background:url(/images/imagesCMS/arrowR.gif) no-repeat -15px 0; width:15px; height:18px;margin:0 0 .5em 0; text-indent:-5000px; display:block; cursor:pointer} #prev:hover { background:url(/images/imagesCMS/arrowL.gif) no-repeat 0 0;} #next:hover { background:url(/images/imagesCMS/arrowR.gif) no-repeat 0 0; } #slideshow-container {float:left; position:relative; width:600px; height:400px;} #slideshow-container img { width:600px; height: auto; display:block; position:absolute; top:1px; left:1px; z-index:1; visibility: hidden;border:1px solid #000;box-shadow:0 4px 8px #333;-moz-box-shadow:0 4px 8px #333;-webkit-box-shadow:0 4px 8px #333;} #slideshow-container div.caption { width:600px; height: auto; display:block; position:absolute; top:408px;left:0px; z-index:1; visibility: hidden; font-family:Georgia, "Times New Roman", Times, serif; color:#666; font-size:.75em; font-style:italic} #slideshow-container div.first, #slideshow-container img.first { visibility:visible } /* --------------------------------------------------*/ .required {background:url(/images/imagesCMS/formRequired.png) no-repeat 2px 2px; width:15px; height:15px; display: inline-block;} form.commentForm {padding:6px 0;background-color:#fff; border:1px dotted #797d02;margin-bottom:18px; } form.commentForm fieldset {border:0 solid;} /* Opera */ form.commentForm p {padding:6px 0;font-size:.95em; margin:0} form.commentForm label {display:block;float:left;width:100px;color:#333333; font-size:1em;margin:0 15px;} form.commentForm input.button { background-color:#797d02;cursor:pointer; width: auto;padding:.5em 3em; font-size:1.2em; margin:5px 0 5px 130px; color:#fff; font-weight:bold; letter-spacing:.1em; border:none; text-transform:uppercase; -webkit-border-radius: 5px;-khtml-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; box-shadow:0 4px 8px #333;-moz-box-shadow:0 4px 8px #333;-webkit-box-shadow:0 4px 8px #333; } form.commentForm input.button:hover {box-shadow:0 4px 8px #000;-moz-box-shadow:0 4px 8px #000;-webkit-box-shadow:0 4px 8px #000;} form.commentForm em {margin-left:5px;font-size:0.9em;font-style:normal;color:#913220;} form.commentForm input, form.commentForm textarea {padding:.5em; width:300px; border:1px solid; font-size:1em; border-color:#DCDCDC #F0F0F0 #F0F0F0 #DCDCDC;font-family: 'PT Sans', sans-serif;} form.commentForm input:focus, form.commentForm textarea:focus {border-color:#9a9a9a #c0c0c0 #c0c0c0 #9a9a9a;} /* --------------------------------------------------*/ #recaptcha_widget a { font-weight:normal;font-size:0.9em; text-decoration:none} #recaptcha_widget a:hover { color:#333} #recaptcha_image {padding:10px 0 0 100px; float:left; background:none;font-size:0.9em;} #recaptcha_image img {border:1px solid;border-color:#DCDCDC #F0F0F0 #F0F0F0 #DCDCDC;} #recaptcha_widget #reload {float:left; padding:5px 0 0 10px;} #recaptcha_widget #reload p { border:none} #captcha object {height:300px; width:500px; border:none} /* --------------------------------------------------*/ #CMScontent .pagination {font-size:.8em; font-family: Arial, Helvetica, sans-serif;padding: 3px 3px 3px 0;margin:3px 3px 3px 0; text-decoration:none} #CMScontent .pagination a {padding: 1px 5px;margin: 2px 4px 2px 0;border: 1px solid #666666;text-decoration: none;color: #666666; background-color:#eee;} #CMScontent .pagination a:hover, .pagination a:active {border: 1px solid #000000;color:#000000; background-color:#797d02; text-decoration:none} #CMScontent .pagination .current {border: 1px solid #000000;color:#000000; background-color:797d02; cursor: default } #CMScontent .pagination .disabled {padding:1px 5px;margin: 2px;border: 1px solid #EEE;color: #DDD;} /* --------------------------------------------------*/ .inpErr {background-color:#493149; color:#ffffff;} .inpOK {background-color:white; color:#000000} .errorDiv {color:#493149; font-weight:bold; margin:10px 0 0 100px; text-align:left } .noerror {font-weight:normal; margin:0; color:#333;text-align:left; border:1px solid #333; padding:3px;margin-top:20px;background-color:#DCDDD5; } #formContact .inpOK {background-color:#fff;} span.errorDiv { margin:0 0 0 .5em} /* --------------------------------------------------*/ a.pdf {background: url(/images/imagesCMS/pdf.png) no-repeat left center;padding-left: 20px;line-height: 16px; } a.txt {background: url(/images/imagesCMS/txt.png) no-repeat left center;padding-left: 20px;line-height: 16px;} a.zip { background: url(/images/imagesCMS/zip.png) no-repeat left center;padding-left: 20px;line-height: 16px;} a.doc { background: url(/images/imagesCMS/doc.gif) no-repeat left center;padding-left: 20px;line-height: 16px;} a.rtf { background: url(/images/imagesCMS/default_icon.gif) no-repeat left center;padding-left: 20px;line-height: 16px;} a.email {background: url(/images/imagesCMS/email.png) no-repeat left center;padding-left: 20px;line-height: 16px;} a.external {background: url(/images/imagesCMS/ext_link.png) no-repeat left center;padding-left: 20px;line-height: 16px;} a.rssfeed {background:url(/images/imagesCMS/rss.png) no-repeat left center; padding-left:20px; line-height:16px; border-bottom:none !important} /* --------------------------------------------------*/ div.block { width:48%; float:left; border-right:1px dotted #ccc;padding: 0 2em 0 0;width: 44%;} div.block:last-child { border-right: 0 none;padding: 0 0 0 2em;} /* --------------------------------------------------*/ h3.selected { color: #973513;} #accordion {margin:20px 0px;} h3.toggler {cursor: pointer;border: 1px solid #f5f5f5;border-right-color: #ddd;border-bottom-color: #ddd; margin: 0 0 4px 0;padding: 3px 5px 1px 5px; clear:both;font-size:.95em; font-weight: normal;} h3.back { } div.element { margin:0px;padding:4px 4px 4px 10px;} .toggler:hover {color: #973513} /* --------------------------------------------------*/ #news h1.pageTitle a {background:url(/images/imagesCMS/rss48.png) no-repeat right center; padding-right:52px; line-height:48px;} #CMScontent h2.newsTitle { padding:2px 0 5px 3px; margin:.5em 0 .2em 0; } #CMScontent h2.newsTitle a {color:#fff; text-decoration:none; } #CMScontent h2.newsTitle a:hover {color:#913220;} #CMScontent p.newsDate { font-size:.9em; color:#999; margin:0; padding:3px 0 1em 0} /* --------------------------------------------------*/ .subPageThumbs {width:180px; margin:0 2.5em 2em 0; text-align:center; float:left} .subPageThumbs img {border:1px solid #000;box-shadow:0 4px 8px #333;-moz-box-shadow:0 4px 8px #333;-webkit-box-shadow:0 4px 8px #333;} .subPageThumbs p {width:180px;padding:3px 0 1px 0;margin:0; border:none; text-align:center;color:#000; text-decoration:none; font-size:.9em;line-height: normal;} .subPageThumbs img:hover {-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;} /* --------------------------------------------------*/ #blog #container .sidebar {width:150px;padding:0 0 0 10px; float:right; border-left:1px dotted #000;} #blog #container .mainbar {width:720px;margin:0; float:left} #blog h1.pageTitle { float:left} #blog h1.pageTitle a {background:url(/images/imagesCMS/rss48.png) no-repeat right center; padding-right:52px; line-height:48px;} #blog h2.pageType {float:right; text-align:right;background:none; font-size:1.3em; line-height:68px; font-style:italic; color:#333} #blog .mainbar a {text-decoration:none} #blog .mainbar .blogEntry a {text-decoration: underline} #blog h4.meta {font-weight:normal;color:#999999;margin:1em 0 3em 0;padding:.5em 0 .5em 1em;border-bottom:1px solid #ccc;border-top:1px solid #ccc; background:url(/images/imagesCMS/post.gif) no-repeat left center; } #blog .blogEntry {word-wrap: break-word;} #blog .commentCount {background:url(/images/imagesCMS/comments.gif) no-repeat left center; padding-left:1.2em} #comments a.more {font-size:.65em;margin-left:2px; background:url(/images/imagesCMS/next.gif) no-repeat left center; padding-left:10px} #comments h2, #blogCommentForm h2 {margin-bottom:24px; font-size:1.1em; background-color:#D3E6FB; color:#000} #comments h2 a:hover, #blogCommentForm h2 a:hover {color:#000} #comments ul {list-style-image:url(/images/imagesCMS/comments.gif); } #comments ul li {margin-bottom:.5em; } #comments ul li a {color:#000;} #comments ul li p {padding:.5em 0; font-style:italic } #comments p.meta { font-size:.9em; font-style: normal;margin:0;padding:.3em 0; border-top:1px solid #eee;border-bottom:1px solid #eee; color:#666} #comments p.meta .date { font-size:.85em; } .commentSent {background:#F2F4A3; border:1px dotted #D3E6FB; padding:5px 10px; margin-bottom:10px;} /* --------------------------------------------------*/ /* main galleries page - long layout */ .galleryLayout1 {vertical-align:bottom; padding:5px 15px 5px 5px;border-bottom:1px solid #bbb;margin-bottom:15px} .galleryLayout1 h2 { margin:0; background:none; color:#000; padding:0; font-size:20px; line-height:20px;} .galleryLayout1 a { text-decoration:none} .galleryLayout1 a:hover { background:none; color:#000} .galleryLayout1 .thumb {float:left; width:25%} .galleryLayout1 .thumb img { margin-bottom:1em} .galleryLayout1 .desc {margin-right:1em;text-align:left; padding-left:.5em} .galleryLayout1 .desc p { margin:0; line-height:normal;color:#333;font-size:.8em; color:#999;} .small, p.small { font-size:.8em; color:#999 } /* main galleries page - grid layout */ ul#galleryLayout2 {margin:0} #galleryLayout2 li {padding:0 1.5em 2em 0; list-style:none; float:left; margin:0; width:30%} #galleryLayout2 a { text-decoration:none; background:none} /* thumbnails */ .highslide-wrapper, .highslide-outline {background: #FFFFFF;} .highslide img {border: 1px solid #D0D0D0;} .highslide:hover img {border-color: #A0A0A0;} .highslide-active-anchor img {visibility: visible;border-color: #808080 !important;} .highslide-dimming {background: #000000;} .highslide-image {border: 2px solid #FFFFFF;} .highslide-loading {color: black;border: 1px solid black;background-color: white;background-image: url(/images/imagesHighslide/loader.white.gif);} .close-simple-white {width: 16px;height: 16px;background: white url(/images/imagesHighslide/controlbar-text-buttons.png) 0 -221px;cursor: pointer;} .highslide-controls {position: static !important;margin: 0;width: 105px !important;float: right; left:0} .highslide-gallery ul li {width: 106px;height: 106px;border: 1px solid #D0D0D0;background: #EDEDED;margin: 2px;} .highslide-gallery-inpage ul li {width: 24px;height: 24px;} .highslide-header ul a {background-image: url(/images/imagesHighslide/controlbar-text-buttons.png);padding-left: 16px;display: inline-block;height: 16px;} .highslide-header ul li span {display: none;} .highslide-header .highslide-move {display: none;} .highslide-header .highslide-close a {background-position: 0 -221px;} .highslide-gallery a:hover { background:none; color:#000} #gallery .closebutton {display:none} #gallery .caption {margin:10px 0} .galleryNav {float:right;text-align:right; margin:5px 0; font-size:.9em} /* --------------------------------------------------*/ p.arc90_imgcaptionTXT { font-size: .8em;text-align: left; line-height: normal;border-top: 1px solid #004716;border-bottom: 1px solid #004716; padding: .2em 0;margin: 1em 0 0 0;} .arc90_imgcaption {text-align: center;width: 9em;} .subPageThumbs .arc90_imgcaption {margin-bottom:10px;} .subPageThumbs p.arc90_imgcaptionTXT {padding:3px 0 1px 0;margin:0; line-height: normal; border:none; text-align:center;} .subPageThumbs a {text-decoration:none} /* --------------------------------------------------*/ .clear {clear:both} .right {float:right; text-align:right} .left {float:left} .alignR {text-align:right} .none {display:none !important} .show {display:block !important} .visible {visibility:visible} .hidden {visibility:hidden} .SQLerror {color:#493149; font-weight:bold; margin-top:10px; text-align:left; border:1px solid #493149; padding:5px } .returnMsg {visibility:hidden; position:absolute; left:0; top:0} .shadow {box-shadow:0 4px 8px #333;-moz-box-shadow:0 4px 8px #333;-webkit-box-shadow:0 4px 8px #333;} .roundedCorners {-webkit-border-radius:5px;-khtml-border-radius:5px; -moz-border-radius:5px;border-radius:5px;} .quote {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#888181; font-size:.9em} .audioTitle {float:left; padding-right:1em; font-style:italic} div.slideContent { padding:.5em 0; border: none} /* overriding the style in main.css for the CMS editor */ /* highslide */ .highslide {text-decoration: underline;} .titlebar .highslide-caption { height:0; width:0; visibility:hidden; padding:0; margin:0} .highslide-body {padding:0 .5em 0 1em; color:#333; line-height:1.2em} /* clearfix */ .clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ @media only screen and (max-width: 480px) { body{-webkit-text-size-adjust:none;padding:5px; min-width:inherit;} body, html { font-size:1em !important;font-family:Helvetica, Arial, Verdana, sans-serif !important; background:#fff } body { min-width: inherit;} html {min-height: inherit;} em {font-family:Helvetica, Arial, Verdana, sans-serif !important;} h2 { font-size:1.2em; line-height:inherit; font-family:Helvetica, Arial, Verdana, sans-serif} select {padding: 0.5em;font-size: .8em;line-height: 1.2em; -webkit-box-shadow: 1px 1px 1px #fff;-webkit-border-radius: 0.5em;} img {max-width:100% !important;height:auto !important;} .shadow {box-shadow:0 0 0;-moz-box-shadow:0 0 0;-webkit-box-shadow:0 0 0;} #outerWrap {width: inherit; margin:0; background:#fff;} header { background:url(/images/logo_cindy_lacost_mobile.png) no-repeat 0 0; height: auto } nav { width: inherit;float: none; background: none !important; padding-bottom:0; margin:0} section.content { width: inherit; float: none; margin-bottom:1em} footer {width: inherit; margin:0; } header h1 {padding:0; margin:0; float:none} header h1 a {background:url(/images/byline_cindy_lacost_mobile.png) no-repeat 100px 10px; width:350px; height:73px;} header aside { background: none; color:#000;text-align:right; padding:0; margin-top:1em; float: none} header aside a {text-decoration: underline; border-bottom: none;color:#000;} footer aside { padding-left:0; } #CMScontent { padding-right:0} h1.pageTitle { font-size:2em !important;font-family:Helvetica, Arial, Verdana, sans-serif !important; letter-spacing: inherit; margin:0; font-weight:bold; line-height:2em} #foot {min-height: inherit; padding:0;color:#333;} .sidebar, .mainbar {float: none} /* navigation */ nav ul { padding:.5em 0; margin:.5em 0; border-bottom:1px solid #797d02;border-top:1px solid #797d02;} nav ul li {text-align: center; padding:0 1em .5em 0; float:left} /* sidebar content */ #sideContent {margin:0;} #home #sideContent {float: none; width: inherit; border-left: none; padding:0; margin:0} /* slideshow */ #slideshow {width: 100%; height: auto;} #slideshow-container { float:none; position:inherit;width:100%; height: inherit} #slideshow-container img { width:100%; display:none; position:inherit; visibility:visible} #slideshow-container div.caption { width:100%;font-family:Helvetica, Arial, Verdana, sans-serif;display:none; position:inherit; visibility:visible } .slideshowClear {clear:both; height:1em} #slideshow-container div.first {display:none} #slideshow-container img.first { display:block; visibility:visible} /* forms */ form.commentForm {background: none ;} form.commentForm p {border-bottom: none; } form.commentForm label {width: inherit;margin:0; float:none} form.commentForm input.button { width:50%} form.commentForm input, form.commentForm textarea {width: 90%; float:none;font-family: Helvetica, Arial, Verdana, sans-serif;} form.commentForm input.button {width: 90% !important; margin:0; } /* blg */ #blog #container .sidebar {width: inherit;padding:0; float: none; border-left: none;} #blog #container .mainbar {width: inherit;float: none} #blog h2.pageType {font-size:1.1em; line-height: normal;} /* sub-page thumbs*/ .subPageThumbs {width:30%; margin:1em .5em 1em 0;} .subPageThumbs p {width: 100%;} /* galleries */ #galleryLayout2 li {padding:0 1.5em 2em 0; width:25%} .galleryLayout1 h2 { font-size:1em; line-height: inherit;} .galleryLayout1 .thumb {width:25%} }