/* Author: Flow Communications Date: November 2009 */ /*RESET AND CLEARFIX ----------------------------*/ :link,:visited {} ul,ol { list-style:none } h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;} ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } a img,:link img,:visited img { border: thin solid #FAE5C7; margin: 5px;} address {font-style:normal} .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearfix {display:inline-block;} .clearfix {display:block;} /* BODY -----------------------------------*/ html, body {height:100%;} /* BASE TYPOGRAPHY -----------------------------------*/ body {font:13px sans-serif; color:#333; background: url(/theme/images/background.jpg) repeat;} p,ul,ol {font-size:13px; line-height:19px; margin-bottom:12px;} a {/*line-height:15px;*/} a:link {color:#EE7A09; outline:none; text-decoration:underline;} a:visited {text-decoration:underline; color:#944F0D;} a:hover {color:#F4A65B;} h1,h2,h3,h4,h5,h6 {font-family: sans-serif; font-weight:normal; margin-bottom:0.5em; line-height:1.3em;} h1 {font-size:24px; } h2 {font-size:16px; font-weight:bold; background:#FAAF09; font-variant:small-caps; line-height: 25px;} h3 {font-size:14px; font-weight:bold;} h4 {font-size:13px; font-weight:bold;} h1 {background: url(/theme/images/heading-bg.jpg) no-repeat bottom left; padding-bottom:5px;} h2 a:link{color:#EE7A09;} strong {} em {} blockquote p {font-style:italic; padding-left:24px;} .floatright {float:right; margin-left:10px;} .floatleft {float:left; margin-right:10px;} /* BASE TEMPLATE -----------------------------------*/ #wrap {margin-top:25px; background:url('/theme/images/curly_background.png') no-repeat 150px 270px;} #wrap2 {background:url('/theme/images/curly_background.png') no-repeat 1095px 0;} #container {width:960px; margin:0 auto; padding-bottom: 20px;} #header {} #footer-holder {margin-top: 20px;} #footer {background:url(/theme/images/footer.jpg) no-repeat center; height:50px; width:100%; padding-top:30px; margin-top:-40px; margin-bottom: 25px; color:#FFFFFF;} #footer p{text-align:center;} #footer p a{color:#FFF;} #main { margin-left: 20px; float:left; width: 580px;} #sidebar { margin-left: 20px; margin-right:20px; float: right; width: 300px;} #sidebar ul {list-style:none;} #meet-coach {width:300px; padding:20px;} #main ul {list-style:disc; margin-left:20px;} #certs {margin: 0 auto; padding-top:40px; text-align:center;} #certs img{padding:10px; border: none;} #testimonials .odd {background:#FDF7EB;} .quotes {background:url('/theme/images/quotes.jpg') no-repeat 0 35px;} /* GLOBAL --------------------------------------------------------------------------------------------*/ .image-left {float:left; padding: 0px 10px 10px 0px;} .image-right {float:right; padding: 0px 0px 10px 10px;} .full {padding: 10px 0px; float:none;} .brown-orange{background:#F4AA5B;} h2.brown-orange a, h3.brown-orange a {color: #FFF; font-size:inherit; text-decoration: inherit; padding-left: 3px;} h2.brown-orange a:hover, h3.brown-orange a:hover{color: #FFF; font-size:inherit; text-decoration: underline;} .beige{background:#F5C47E;} h2.beige a, h3.beige a {color: inherit; font-size:inherit; text-decoration: inherit; padding: 3px 0 3px 0;} h2.beige a:hover, h3.beige a:hover{color: inherit; font-size:inherit; text-decoration: underline;} .dark-brown{background:#EFBC4C;} h2.dark-brown a, h3.dark-brown a{color: inherit; font-size:inherit; text-decoration: inherit;} h2.dark-brown a:hover, h3.dark-brown a:hover{color: inherit; font-size:inherit; text-decoration: underline;} .light-brown{background:#F4AA5B;} .blog-list {min-height:100px;} .blog-color{background:#F6EBD7;} .author {background: #E7ECEE !important;} .byline {color:#333; font-weight:bold; font-size:14px; font-style:italic; padding-bottom: 10px;} .floatright{float: right; margin-left:10px;} .floatleft{float: left; margin-right:10px;} .image-caption {font-size:11px; font-weight:bold; padding: 0 12px;} .blog-image {margin-top: 10px; margin-bottom: 20px; } .blog-list .blog-image{margin-right: -100px;} /*--------------------------------------------------------------------------------------------*/ /* BODY REPLACE ELEMENTS /*--------------------------------------------------------------------------------------------*/ /* SLIDE SHOW ---------------------------------------*/ .slideshow { height: 242px; width: 242px; padding: 0;/* margin: 0;*/ overflow: hidden;} .slideshow img { position: relative; padding: 15px; border: 1px solid #ccc; background-color: #eee; width: 200px; height: 200px; top:0; left:0;} .slideshow div p {position: absolute; bottom: 0px; background: #000000; color: #efefef; padding: 5px; width: 190px; left: 16px; opacity: 0.5;} .slideshow a.next {display:block; position: absolute; right:0; width:20%; height:100%; opacity:0.0; background: url('/lib/js/cycle/img/fleche2.png') center right no-repeat; z-index:4;} .slideshow a.prev {display:block; position: absolute; left:0; width:20%; height:100%; opacity:0.0; background: url('/lib/js/cycle/img/fleche1.png') center right no-repeat; z-index:4;} .slideshow:hover a.next, .slideshow:hover a.prev {opacity:0.2;} .slideshow a.next:hover, .slideshow a.prev:hover {opacity:0.5;} /*--------------------------------------------------------------------------------------------*/ /* NAV BAR & LOGO -----------------------------------*/ #nav-holder { width:100%; background: url(/theme/images/top_nav.jpg) no-repeat center; position:relative;} #nav {height:25px; line-height:25px;} #nav li { float: left; list-style: none; color:white; padding-left:15px;} #nav li a {color:#FFFFFF;} #nav li a:link{text-decoration: none;} #nav li a:visited{text-decoration: none;} #nav li a:active{text-decoration: none;} #nav li a:hover{color:#FFF; text-decoration: underline;} #nav .right {float: right; text-align:right;} #nav .current a{color: #FFFFFF !important; text-decoration: underline !important;} #nav #last-first {padding-right:5px;} /*it's actually the first one*/ #logo {background:url(/theme/images/logo.png); width:346px; height: 89px; position:absolute; top:-20px; left:300px;} #logo-home {width:344px; height: 89px; position:absolute;} /* HEADER AND IMAGES -------------------------------------*/ #header {height: 524px; width:100%;} .home #header {background: url(/theme/images/header1.jpg) no-repeat center;} .about #header {background: url(/theme/images/header2.jpg) no-repeat center;} .testimonials #header {background: url(/theme/images/header4.jpg) no-repeat center;} .contact #header {background: url(/theme/images/header3.jpg) no-repeat center;} .blog #header {background: url(/theme/images/header3.jpg) no-repeat center;} .packages #header {background: url(/theme/images/header1.jpg) no-repeat center;} .products #header {background: url(/theme/images/header3.jpg) no-repeat center;} .faq #header {background: url(/theme/images/header2.jpg) no-repeat center;} .gallery #header {background: url(/theme/images/header1.jpg) no-repeat center;} .resources #header {background: url(/theme/images/header1.jpg) no-repeat center;} .newsletter #header {background: url(/theme/images/header4.jpg) no-repeat center;} /* Kristen Images */ /*.kristen-one {background: url(/theme/images/kristen_one.jpg) no-repeat center bottom; height:515px;} .kristen-two {background: url(/theme/images/krsiten_two.jpg) no-repeat center; height:515px;} .kristen-three {background: url(/theme/images/krsiten_three.jpg) no-repeat center; height:515px;} .kristen-four {background: url('/theme/images/kristen_four.jpg') no-repeat center bottom; height:515px; padding-top:50px;} .kristen-five {background: url(/theme/images/krsiten_five.jpg) no-repeat center; height:515px;} .kristen-six {background: url(/theme/images/krsiten_six.jpg) no-repeat center; height:515px;} .kristen-seven {background: url(/theme/images/krsiten_seven.jpg) no-repeat center; height:515px;} .kristen-eight {background: url(/theme/images/krsiten_eight.jpg) no-repeat center; height:515px;} .kristen-nine {background: url(/theme/images/krsiten_nine.jpg) no-repeat center; height:515px;} */ .kristen-about{background: url('/theme/images/kristen_carter_about.jpg') no-repeat center; height:515px; padding-top:120px;} .kristen-blog{background: url('/theme/images/kristen_carter_blog.jpg') no-repeat center; height:515px; padding-top:50px;} .kristen-blog-entry{background: url('/theme/images/kristen_carter_testimonial.jpg') no-repeat center; height:515px; padding-top:50px;} .kristen-testimonial{background: url('/theme/images/kristen_carter_testimonial.jpg') no-repeat center; height:515px; padding-top:50px;} .kristen-contact{background: url('/theme/images/kristen_carter_contact.jpg') no-repeat center; height:515px; padding-top:50px;} .kristen-services{background: url('/theme/images/kristen_carter_ask_coach.jpg') no-repeat center; height:515px; padding-top:200px;} .kristen-ask-coach{background: url('/theme/images/kristen_carter_ask_coach.jpg') no-repeat center; height:515px; padding-top:50px;} .kristen-carter-single{background: url('/theme/images/kristen_carter.jpg') no-repeat center; height:515px; padding-top:150px;} .kristen-faq{background: url('/theme/images/kristen_carter_ask_coach.jpg') no-repeat center; height:515px; padding-top:50px;} #slogan {/*border: red medium solid;*/ width: 240px; height: 26px; position: absolute; top: 440px; left: -165px;} #slogan2 {/*border: red medium solid;*/ width: 240px; height: 26px; position: absolute; top: 410px; left: 35px;} #slogan3 {/*border: red medium solid;*/ width: 240px; height: 26px; position: absolute; top: 428px; left: 136px;} /* CONTENT --------------------------------------- */ #content {background:url(/theme/images/bg_trans.gif) repeat-x; height:auto; padding-bottom:30px; margin-top:-70px;} #container h2 {padding-left:10px;letter-spacing: 5px; color:#FFF; font-family:Arial; font-size:18px; font-style:normal; font-weight:lighter;} /* FRONT PAGE ---------------------------------------- */ #coach {background:url(/theme/images/coach.jpg) no-repeat bottom right; padding-right:200px;} #coach h2 {background:#FAAF09; font-variant:small-caps;} /* meet the coach */ #meet-the-coach .half {float:left; width:255px;} #meet-the-coach h2 {background:#F4AA5B; font-variant:small-caps;} #quotes {float:left; width:270px; padding-left:25px; padding-top:10px; text-align:center; font-family:Palatino,"Time New Roman", serif;} #quotes p {font-size: 20px; color:#EFBC4C; margin-bottom:0;} #quotes span {color:#EFBC4C;} #quotes #quote{padding-bottom: 10px;} #quotes h3 {text-align: left; color: white; padding-left: 5px; font-variant:small-caps; margin-top:20px; background-color:#EFBC4C !important; line-height:14px; padding-top:2px;} #quotes h3 a {color:#FFF; text-decoration:none;} /* blog */ #blog h2{background:#F4AA5B; font-variant:small-caps;} #blog h2 a {color: inherit; text-decoration: none;} #blog span#readmore {text-align: right; display: block; width: 100%; margin-bottom: 10px;} /*pacakges*/ #packages h2 {background:#EFBC4C; font-size:15px;} /*ask the coach*/ #ask-the-coach a img{margin: 0 auto;border:none;} /*twitter flickr*/ #twitter_flick {background: url("/theme/images/twitter_button.jpg") no-repeat; position: relative; height: 57px; width: 289px; margin-left: 5px; margin-top: 10px; padding-left: 1px;} #twitter_flick a {display: block; width: 289px; float: left; height: 57px;} /* GALLERY ------------------------------------------- */ ul#gallery-albumview {list-style:none; display:block;} #gallery-albumview li {display:block; float:left; text-align:center; width:140px; height:100px;} #gallery-albumview .image-caption {font-size:10px; line-height:14px; font-weight:bold; padding-bottom:10px;} #gallery-albumview span {text-align:left;} ul.gallery-albumview {list-style:none; display:block;} .gallery-albumview li {display:block; float:left; text-align:center; width:140px; height:100px;} .gallery-albumview .image-caption {font-size:10px; line-height:14px; font-weight:bold; padding-bottom:10px;} .gallery-albumview span {text-align:left;} .gallery-left {float:left; margin: 0px 10px 10px 0px;} .gallery-right {float:right; margin: 0px 0px 10px 10px;} .block {padding:10px; margin-bottom:15px;} #gallery-images a img,:link img,:visited img { border: thin solid #FAE5C7; margin: 5px; padding: 5px;} #gallery-category ul{ display: list-item;} #gallery-category li{list-style: inside;} .albumview-inner {} .flickrfeed li { width: 70px !important; height: 70px !important;} /*Twitter Styling*/ .tweets {margin: 15px;} .tweets span {color: #333; padding-left:5px; font-weight: bold;} /* SUMMARY BOX -----------------------------------*/ /* COMMENT STYLE -----------------------------------*/ .comment-item {margin-bottom:10px;} .comment-item .inner {border-bottom: #d0d0c0 solid 1px; border-top: #d0d0c0 solid 1px; padding:10px 10px 20px;} .comment-meta {font-size:11px; padding:2px 8px; display:block; background: #D0D0C0;} .comment-meta .item {/*text-transform:uppercase; */ font-weight:bold; font-size:10px;} .commentbox {padding-bottom: 10px;} /* NORMAL FORM -----------------------------------*/ div.normalform ul, div.normalform ol {list-style:none !important; margin:0 !important; padding:0 !important;} div.normalform form fieldset { margin-bottom: 10px; } div.normalform form legend {padding: 0 2px; font-weight: bold;} div.normalform form label.text {display: inline-block; line-height: 1.8; vertical-align: top;} div.normalform form fieldset ol {margin: 0;padding: 0;} div.normalform form fieldset li {list-style: none; padding: 5px; margin: 0;} div.normalform form fieldset fieldset { border: none; margin: 3px 0 0;} div.normalform form fieldset fieldset legend {padding: 0 0 5px;font-weight: normal;} div.normalform form fieldset fieldset label {display: block; width: auto;} div.normalform form em {font-weight: bold;font-style: normal; color: #f00;} div.normalform label.text {width: 120px; /* Width of labels */} div.normalform form fieldset fieldset label { /* Width plus 3 (html space) */} /* CONTACT FORM -----------------------------------*/ textarea {font: 12px Helvetica, Arial, Verdana, sans-serif; width: 400px;} /** RSS SUBSCRIBE**/ .rss {background: url("/theme/images/rss_square.png") no-repeat left; height: 32px; line-height: 32px; margin-bottom: 10px; padding: 5px;} .rss span {color: #FFF; background: #EE7A09;} .rss a{color: #FFF; height:32px; width: 172px; display:block;} .rss a:hover{color: #F5C47E;}