body { background: #bae288 url('images/layout/body.gif') top repeat-x; font-family: Arial, Helvetica, sans-serif; margin:0; } .wrapper { width: 1078px; margin: 0px auto; padding: 0; } /* =Header ----------------------------------------------- */ #header { height: 394px; position: relative; background: url(images/layout/header.png) no-repeat; margin: 0; } #header ul { background: url(images/layout/header_main-nav.png) no-repeat; width: 1008px; height: 199px; position: absolute; top: 197px; padding: 0 0 0 70px; } #header ul li { display: inline; } #header ul li a { display: block; float: left; text-indent: -5000px; height: 45px; } #header ul li.item-1 a { background: url(images/main-nav/home.png) no-repeat; width: 65px; } #header ul li.item-1 a:hover { background-position: -65px 0; } #header ul li.item-1 a.active { background-position: -130px 0; } #header ul li.item-2 a { background: url(images/main-nav/about_us.png) no-repeat; width: 104px; } #header ul li.item-2 a:hover { background-position: -104px 0; } #header ul li.item-2 a.active { background-position: -208px 0; } #header ul li.item-3 a { background: url(images/main-nav/moments_of_clarity.png) no-repeat; width: 174px; margin-right: 257px; } #header ul li.item-3 a:hover { background-position: -174px 0; } #header ul li.item-3 a.active { background-position: -348px 0; } /*#header ul li.item-4 a { background: url(images/main-nav/motivators.png) no-repeat; width: 117px; }*/ #header ul li.item-4 a { background: url(images/main-nav/testimonials.png) no-repeat; width: 129px; } #header ul li.item-4 a:hover { background-position: -130px 0; } #header ul li.item-4 a.active { background-position: -260px 0; } /*#header ul li.item-5 a { background: url(images/main-nav/revolutionary_training.png) no-repeat; width: 211px; } #header ul li.item-5 a:hover { background-position: -211px 0; } #header ul li.item-5 a.active { background-position: -422px 0; }*/ #header ul li.item-5 a { background: url(images/main-nav/compassion-management.png) no-repeat; width: 230px; } #header ul li.item-5 a:hover { background-position: -234px 0; } #header ul li.item-5 a.active { background-position: -468px 0; } #header h1 a { display: block; text-indent: -5000px; width: 244px; height: 229px; position: absolute; top: 88px; left: 420px; z-index: 10; background:url(images/layout/header_logo.png) no-repeat; } #header span.slogan { display: none; } #header a.contact { display: block; text-indent: -5000px; background: url(images/layout/get_in_touch.png) no-repeat; width: 226px; height: 44px; position: absolute; left: 92px; margin: 0; padding: 0;} #header #twitter { width: 211px; height: 114px; background: url(images/layout/header_twitter.png) no-repeat; position: absolute; right: 56px; top: 76px; padding: 14px 85px 0 35px; } #header #twitter p { font-size: 12px; color: #7a1f7e; font-size: 11px;} #header #twitter p { margin-top: 3px; } #header #twitter p a { font-weight: normal; color: #b8da8d; display: inline; padding-top: 5px;} /* =Sub Header ----------------------------------------------- */ #sub-header { margin-bottom: 82px; } #video { background:url(images/layout/video.jpg) no-repeat; width: 539px; height: 359px; float: left; margin: 0 0 0 60px; padding: 24px 15px 0 15px; } #intro { background: url(images/layout/intro.jpg) no-repeat; width: 311px; height: 357px; float: left; margin-left: 59px; padding: 25px 13px 0 13px; } #intro h2 { background: url(images/headings/jules_and_jayne.png) no-repeat; width: 219px; height: 34px; text-indent: -5000px; margin: 0 0 10px 10px; } #intro p { font-size: 12px; color: #fff; line-height: 1.2; width: 290px; margin: 0 auto 20px auto; } #intro p a:link, a:hover { color: #7a1f7e; text-decoration: none; } .social-media h3 { display: none; } .social-media ul { margin: -10px -3px -7px 0; padding-left: 11px; } .social-media ul li { display: inline; } .social-media ul li a { display: block; float: left; width: 30px; height: 32px; text-indent: -5000px; margin-right: 20px; } .social-media ul li.last-item a { margin: 0; } .social-media ul li.item-1 a { background: url(images/icons/facebook.png) no-repeat; padding-top: 5px; } .social-media ul li.item-2 a { background: url(images/icons/viddler.png) no-repeat; } .social-media ul li.item-3 a { background: url(images/icons/twitter.png) no-repeat; } .social-media ul li.item-4 a { background: url(images/icons/linkedin.png) no-repeat; } .social-media ul li.item-5 a { background: url(images/icons/flickr.png) no-repeat; } .social-media ul li.item-6 a { background: url(images/icons/rss.png) no-repeat; } #intro h3 a { background: url(images/layout/work_with_us.gif) no-repeat; width: 312px; height: 56px; text-indent: -5000px; display: block; clear: both; margin-top: 17px; } /* =Content ----------------------------------------------- */ #content { background: #bae288; width: 100%; } #content .wrapper { width: 960px; margin-bottom: 60px; } #main-content { width: 570px; float: left; margin: 0 60px 0 0; } #main-content h2.title { background: #bae288 url(images/headings/from_the_blog.gif) no-repeat; width: 570px; height: 58px; text-indent: -5000px; position: relative; margin: -58px 0 22px 0; } #main-content .blog-post { margin: 0 auto 25px auto; width: 531px; color: #702c73; } #main-content .blog-post .post-date { width: 51px; height: 38px; float: left; background: url(images/layout/post_date.gif) no-repeat; padding-top: 17px; margin: 0 10px 20px 0; } #main-content .blog-post .post-date p { font-size: 15px; text-transform: uppercase; text-align: center; color: #fff; } #main-content .blog-post .post-date p span { display: block; text-transform: none; font-size: 12px; } #main-content .blog-post .post-title { float: left; } #main-content .blog-post .post-title h3 { margin-bottom: 3px; } #main-content .blog-post .post-title h3 a { width: 450px; display: inline-block; float: right; text-decoration: none; color: #702c73; font-size: 22px; padding-top: 2px; font-weight: bold; } #main-content .blog-post .post-title h3 a:hover { color: #8d3990; } #main-content .blog-post .post-title span { font-size: 11px; display: block; } #main-content .blog-post .post-title span a { font-weight: bold; color: #702c73; text-decoration: none; } #main-content .blog-post .post-title span a:hover { color: #8d3990; } #main-content .blog-post img { margin-bottom: 10px; } #main-content .blog-post p { font-size: 13px; line-height: 1.3; margin-bottom: 20px; } #main-content .blog-post p strong { font-weight: bold; } #main-content .blog-post p em { font-style: italic; } #main-content .blog-post p em strong { font-style: italic; font-weight: bold; } #main-content .blog-post p strong em { font-style: italic; font-weight: bold; } #main-content .blog-post p.read-more { margin-bottom: 0; font-weight: bold; } #main-content .blog-post p.read-more a { color: #702c73; text-decoration: none; } #main-content p a.previous { background:url(images/layout/previous_post.gif) no-repeat; text-align: center; font-size: 12px; text-transform: uppercase; width: 131px; height: 23px; margin-left: 20px; display: block; text-decoration: none; padding-top: 8px; color: #fff; } #main-content .blog-post ul { font-size: 12px; list-style-type: disc; margin: 0 0 20px 40px; } #main-content .blog-post ol { font-size: 12px; list-style-type: decimal; margin: 0 0 20px 40px; } #main-content .blog-post h1 { font-size: 20px; font-weight: bold; margin-bottom: 20px; clear: both; } #main-content .blog-post h2 { font-size: 18px; font-weight: bold; margin-bottom: 20px; } #main-content .blog-post h3 { font-size: 16px; font-weight: bold; margin-bottom: 20px; } #main-content .blog-post h4 { font-size: 14px; font-weight: bold; margin-bottom: 20px; } #main-content .blog-post h5 { font-size: 12px; font-weight: bold; margin-bottom: 20px; } #main-content .blog-post a { color: #65246a; font-weight: bold; } #main-content .blog-post a:hover { color: #8d3990; } #main-content .blog-post .img-right { float: right; margin: 10px; } #main-content .blog-post img { border: 5px solid #380d3a; margin-bottom: 20px; } #main-content .blog-post img.featured { border: none; } #main-content .blog-post p.post-options strong { font-weight: bold; color: #537d1d; } #main-content .blog-post .featured-image { background: url(images/layout/featured_post_image.gif) no-repeat; width: 520px; height: 161px; clear: both; padding: 12px 0 0 11px; margin-bottom: 20px; } #main-content #social { background:url(images/layout/social.jpg) no-repeat; width: 410px; height: 89px; margin-bottom: 15px; padding: 0 0 0 143px; } #main-content #social h3 { display: none; } #main-content #social ul li { display: inline; } #main-content #social ul li a { display: block; float: left; margin-right: 23px; } #main-content #social ul li.item-1 a img { margin-top: 15px; } #main-content #social ul li.item-2 a img { margin-top: 15px; } #main-content #social ul li.item-3 a img, #main-content #social ul li.item-4 a img, #main-content #social ul li.item-5 a img, #main-content #social ul li.item-6 a img, #social ul li.item-7 a img { padding-top: 30px; } #main-content .post-comments { padding: 10px 0 0 0; border-top: 1px solid #85a859; } #main-content .post-comments h2 { background:url(images/headings/comments.gif) no-repeat; width: 160px; height: 26px; text-indent: -5000px; margin-bottom: 10px; } #main-content .post-comments ul li { padding-top: 10px; border-top: 1px solid #85a859; } #main-content .post-comments ul li .user-photo { width: 50px; float: left; margin: 0 18px 10px 0; } #main-content .post-comments ul li .user-photo img { border: 4px solid #380d3a; } #main-content .post-comments ul li .comment-details { position: relative; padding-top: 5px; } #main-content .post-comments ul li .comment-details h3 { font-size: 14px; color: #430f45; font-weight: bold; } #main-content .post-comments ul li .comment-details span { font-size: 12px; color: #842e87; font-weight: bold; } #main-content .post-comments ul li .comment-details .reply a { background: url(images/layout/reply.gif) no-repeat; display: block; text-indent: -5000px; width: 63px; height: 25px; position: absolute; right: 0; top: 10px; } #main-content .post-comments ul li .comment-text { clear: both; } #main-content .post-comments ul li .comment-text p { font-size: 13px; color: #65246a; line-height: 1.3; margin-bottom: 20px; } #main-content .post-comments ul li ul { padding-left: 40px; } #main-content .leave-comment h2 { background: url(images/headings/leave_a_comment.gif) no-repeat; width: 270px; height: 26px; text-indent: -5000px; margin-bottom: 25px; } #main-content .leave-comment ul li { margin-bottom: 22px; } #main-content .leave-comment ul li .input-text { background: url(images/layout/input_text.gif) no-repeat; width: 281px; height: 29px; border: none; margin-right: 30px; display: block; float: left; padding: 10px 10px 0 10px;} #main-content .leave-comment ul li label { display: block; float: left; font-size: 14px; color: #842e87; padding-top: 10px; } #main-content .leave-comment ul li textarea { width: 510px; height: 324px; background: url(images/layout/textarea.gif) no-repeat; font: 12px Arial, Helvetica, sans-serif; border: none; padding: 10px; } #main-content .leave-comment ul li.last-item { font-size: 13px; font-weight: bold; color: #842e87; position: relative; } #main-content .leave-comment ul li.last-item input { vertical-align: middle; } #main-content .leave-comment ul li.last-item .input-button { background: url(images/layout/submit_comment.gif) no-repeat; cursor: pointer; width: 221px; height: 37px; position: absolute; right: 40px; top: 20px; border: none; } #sidebar { width: 329px; float: left; color: #65246a; } #sidebar h2.recent-posts { width: 329px; height: 58px; text-indent: -5000px; position: relative; margin: -58px 0 22px 0; background: #bae288 url(images/headings/recent_posts.gif) no-repeat; } #sidebar h2.recent-posts a { width: 30px; height: 32px; display: block; text-indent: -5000px; position: absolute; top: 16px; right: 13px; } #sidebar h2.recent-posts a:hover { color: #8d3990; } .sidebar-content { width: 290px; margin: 0 auto; } #sidebar .video { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #85a859; position: relative; } #sidebar .video img { margin-bottom: 10px; } #sidebar .video h3 a { font-size: 18px; text-decoration: none; color: #65246a; display: block; width: 240px; } #sidebar .video h3 a:hover { color: #8d3990; } #sidebar .video span { font-size: 12px; } #sidebar .video .comments { background: url(images/icons/comments.gif) no-repeat; width: 47px; height: 30px; display: block; text-align: center; font-size: 12px; color: #791d7d; padding-top: 7px; text-decoration: none; position: absolute; right: 0; top: 3px; } #sidebar h2.categories { background: url(images/headings/categories.gif) no-repeat; width: 176px; height: 35px; text-indent: -5000px; margin: 30px 0 30px 0; } #sidebar h2.tag-cloud { background: url(images/headings/tag_cloud.gif) no-repeat; width: 166px; height: 33px; text-indent: -5000px; margin: 30px 0 30px 0; } #sidebar h2.pages { background: url(images/headings/pages.gif) no-repeat; width: 108px; height: 32px; text-indent: -5000px; margin: 30px 0 30px 0; } #sidebar ul { border-bottom: 1px solid #85a859; padding-bottom: 15px; margin-bottom: 20px; } #sidebar ul li a { font-size: 18px; color: #65246a; text-decoration: none; margin-bottom: 15px; display: block; } #sidebar ul.kill-border { border: none; } #sidebar .tags { padding-bottom: 30px; margin-bottom: 20px; border-bottom: 1px solid #85a859; } /* =Footer ----------------------------------------------- */ #footer { width: 999px; height: 382px; background:url(images/layout/footer.png) no-repeat; margin: 0 auto -20px auto; clear: both; padding: 30px 0 0 80px; position: relative; } #footer .column { float: left; } #footer .column.one { width: 200px; margin-right: 30px; } #footer .column h3 { text-indent: -5000px; height: 15px; margin-bottom: 25px; } #footer .column h3.what-we-do { background:url(images/headings/what_we_do.png) no-repeat; width: 91px; } #footer .column h3.links { background:url(images/headings/links.gif) no-repeat; width: 38px; } #footer .column h3.recent-comments { background:url(images/headings/recent_comments.gif) no-repeat; width: 134px; } #footer .column h3.get-in-touch { background:url(images/headings/get_in_touch.png) no-repeat; width: 251px; height: 17px; } #footer .column.one ul { margin-bottom: 50px; } #footer .column.one li a { font-size: 14px; color: #fff; text-decoration: none; line-height: 1.4; } #footer .column.one li a:hover { color: #b966b6; } #footer .column.two { width: 300px; margin-right: 100px; } #footer .column.two ul li { height: 100px; } #footer .column.two ul li .image-holder { float: left; background: url(images/layout/footer_image_holder.gif) no-repeat; width: 73px; height: 73px; padding: 9px 0 0 9px; margin-right: 12px; } #footer .column.two ul li .comment { padding-top: 10px; line-height: 1.4; } #footer .column.two ul li .comment h4 { font-size: 14px; color: #fff; } #footer .column.two ul li .comment p { font-size: 14px; color: #fcb6ff; } #footer .column.two ul li .comment p a { color: #da8ddd; text-decoration:none; } #footer .column.two ul li .comment p a:hover { color: #b966b6; } #footer .column.three { width: 310px; font-size: 14px; color: #fff; line-height: 1.4; } #footer .column.three p.intro { font-weight: bold; } #footer .column.three p.intro strong { color: #da8ddd; } #footer .column.three p { margin-bottom: 20px; } #footer .column.three p strong { font-weight: bold; } #footer .column.three p a { color: #fff; text-decoration: none; } #footer .column.three p a:hover { color: #b966b6; } #footer .column.three h4 { font-size: 14px; font-weight: bold; margin-bottom: 10px; } #footer .column.three address { font-size: 14px; } #footer .column.three .social-media { padding-left: 0; margin: 25px 0 0 -10px; clear: both; } #footer p.copy { position: absolute; left: 80px; bottom: 7px; font-size: 14px; color: #b8da8d; } #footer p.copy a { text-decoration: none; color: #fff; } #footer p.copy a:hover { color: #b966b6; } #footer p.copy img { vertical-align: middle; margin-right: 10px; } /* CONTACT FORM */ #wpcf label { clear: both; display: block; float: left; width: 150px; } #wpcf input { float: left; width: 200px; padding: 1px; margin: 2px 5px 2px 0; } #wpcf textarea { width: 350px; height: 100px; padding: 1px; margin: 0 5px 10px 0; } #wpcf #contactsubmit { margin-left: 250px; width: 100px; }