/* Theme Name: Name Theme URI: http://uri.com Description: LoremIpsumDolorSitAmet Version: 1.0 Author: Red Balloon Creative Author URI: http://redballooncreative.com Tags: Author Notes: Theme Designed by Billy Carey for Red Balloon Creative. http://careyb.com | http://redballooncreative.com */ /*********************************** Reset ***********************************/ @import url("reset.css"); /*********************************** Layout ***********************************/ body {background: #f1f7f7;} #wrap, #header-wrap, #footer-wrap { margin:0px auto; width:960px;} #header-wrap, #footer-wrap {position:relative;} #header {width:100%; background:#fff; border-bottom: 1px solid #d4d4d4; padding: 30px 0px 20px 0px; margin-bottom: 30px;} #main {width:900px; padding:20px 30px 0px 30px; background:url(images/content.png) top center;} #title {width: 900px; padding: 30px; background: url(images/title.png) top center no-repeat;} #content {width:620px; float:left;} #sidebar {width:280px; float:right;} #footer {position: relative; clear:both; border-bottom: 8px solid #85185b; /*margin-top:-50px; /* negative value of footer height */ } #footer-wrap {background:url(images/footer.png) top center no-repeat; padding-top: 40px; /*height:50px;*/} /*********************************** Typography ***********************************/ /*** Logos ***/ h1.logo a {display:block; text-indent:-9999px; background-position:bottom left; background-repeat:no-repeat;} #header h1.logo a {display:block; width:141px; height:64px; background-image:url(images/logo.png);} #footer h1.logo a {display:block; width:220px; height:60px; background-image:url(images/footer-logo.png);} /*** Base ***/ body { font-size:62.5%; /* Resets font size to 10px */ font-family:"Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial;} p, li {color:#2e2e2e; font-size:1.2em; line-height:1.6em;} p, ul {margin-bottom:1.25em; } .entry p:first-line {font-weight: bold;} .sb p:first-line, .cform p:first-line {font-weight: normal;} .team-member p {font-size: 1.1em; line-height: 1.5em; margin-bottom: 10px;} /*** Links ***/ a, p a {color:#2e2e2e;text-decoration:none;} p a {border-bottom: 1px dotted #a13376;} a:link {text-decoration:none;} a:visited { } a:hover {text-decoration: none;} p a:hover {border-bottom: 1px solid #a13376;} a:active { } a.link, a.link span { display:block; background-repeat:no-repeat; float:right; text-decoration:none; font-weight:bold;} a.link { background:url(images/more.png) left top; padding:0 0 0 8px; height:26px; font-weight: bold; color: #0e4346; text-shadow: 1px 1px #fff; border-bottom: 0; margin-bottom: 15px;} a.link span { background:url(images/more.png) right top; background-color:#fff; padding:8px 15px 2px 7px; height:16px;} a.link:hover {background-position:left bottom; color: #006570; border: 0; } a.link span:hover {background-position:right bottom;} .background a.link { margin-top: 10px; } .background a.link span {padding-top: 3px; height: 21px} .contact a.link { font-size: 1.2em;} .sb a.link { float:left; margin-left: 30px; } /*** Lists ***/ ul, ol, li {list-style-position:inside;} ul, li {list-style-image:;} /*** Extra Typographic Classes ***/ .alignleft {float:left;} .alignright {float:right;} .margin {margin-bottom:1.6em;} .half-margin {margin-bottom:0.8em;} .no-margin {margin-bottom:0em;} /*** Headings ***/ h2, h3, h4, h1 a, h2 a, h3 a, h4 a { text-decoration:none; text-transform:none; color:#efefef; margin-bottom:0.62em; } h1 {font-size:1.8em;} h2 {font-size:3.2em; font-weight: normal; letter-spacing: -0.015em; margin-bottom: 0.4em;} h3 {font-size:1.6em; line-height: 1em; color: #fff; background: url(images/purple-content.png) top repeat-x; padding: 12px 0px; text-align: center; margin: 0px -15px 0.8em -15px; -moz-border-radius: 15px 15px 0px 0px; -webkit-border-radius: 15px 15px 0px 0px;} h4 {font-size:1.4em;} h6 {font-size:1em;} h2.description {font-size:1.8em; margin-bottom: 1em;} .entry-960 h3 {margin-left: -29px; margin-right: -9px; -moz-border-radius: 0px; -webkit-border-radius:0px;} .contact h3 {background: url(images/green-content.png) top repeat-x;} #partners h3 {font-size: 1.2em; margin: 0px -8px; margin-bottom: 15px;} #partners h3.multi-line {padding: 4px 0px;} .team-member h3 {background: none; display: block; color: #7d0d5f; font-size: 1.4em; font-weight: normal; margin:-13px 0px -5px 0px; text-align: left;} /*** Blockquotes and Citations ***/ blockquote {font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial; font-size: 0.88em;} blockquote p {margin-bottom: 0.62em; font-style: italic; color: #485151; line-height: 1.5em; font-size: 1.2em; } blockquote cite {font-weight: bold; font-style: normal; font-size: 1.2em; color: #2e2e2e;} /*********************************** Content ***********************************/ /*************** Header ***************/ #header .description {display:none;} #menu { width:800px; height:auto; position:absolute; z-index:2; top:0px; right:0px;} #menu ul { list-style-type:none; float:right;} #menu ul li {display:inline; float:left; margin-left:10px;} /** Sliding Doors Navigation **/ #menu ul li a, #menu ul li a span { display:block; background-repeat:no-repeat; float:left; text-decoration:none; font-weight:bold;} #menu ul li a { background:url(images/link.png) right top; padding:0px 8px 0 0px; height:47px; color: #fff; text-shadow: 1px 1px #000;} #menu ul li a span { background:url(images/link.png) left top; background-color:#fff; padding:13px 15px 5px 23px; height:29px;} #menu ul li a:hover, #menu ul li.current_page_item a {background-position:right bottom;} #menu ul li a span:hover, #menu ul li.current_page_item a span {background-position:left bottom;} /****/ /*************** Content ***************/ #title {color: #efefef;} #title img {float: right; margin-top: -45px;} ul#referrals {/*position:absolute; width:471px; top:0px; left:490px;*/ z-index:0; margin: 0; float: left; width: 338px;} ul#referrals li {list-style-type:none; margin: 0;} #cta {padding-top: 15px; margin-bottom: 0px;} #cta li {color: #efefef; font-style: italic; font-size: 1.8em; float: left; margin-bottom: 0px; } #cta li:first-child {margin-right: 10px;} #cta li a {text-indent: -9999px; display: block; height: 40px; background-position: top; float: right; margin-top: -5px; margin-right: -5px;} #cta li a:hover {background-position: bottom;} .cta-services {background-image: url(images/link-services.png); width: 174px;} .cta-team {background-image: url(images/link-team.png); width: 141px;} .entry {width:498px; padding: 0px 15px; margin-left: -10px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 1px solid #d4d4d4; margin-bottom: 20px;} .contact, .referrals {width: 338px; margin-left: 0px; margin-right: -10px;} .sb {width: 215px;} p.initial-consultation {text-indent: -9999px; width: 318px; height: 42px; display: block; background: url(images/initial-consultation.png);} p.phone {/*text-indent: -9999px;*/ width: 157px; height: 18px; display: block;/* background: url(images/tel.png); */} p.fax {/*text-indent: -9999px; */ width: 161px; height: 18px; display: block;/* background: url(images/fax.png); */ float: right; margin-top: -33px;} */ p.contact-small {font-size: 1em; line-height: 1.4em; color: #a23477;} .entry-960 {width: 920px; padding: 0px 20px; margin: 0px -20px; float: left;} .entry-960 ul {margin: 0px -15px;} .entry-960 li {float: left; margin-left: 15px;} .entry-960 li:first-child {margin-left: 0px;} /*** Services & Fees ***/ table { -moz-border-radius: 15px; -webkit-border-radius: 15px; margin: 0px -10px; border-bottom: 0; float: left; border-collapse: collapse;} th {background-color: #fff;} th.fee {-moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border: 0; padding: 5px 0px;} th.fee-bottom {-moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border: 0; padding: 5px 0px;} tr {} tr.d0 {background-color: #f8f8f8;} tr.d1 {background-color: #f4f3f3;} td {padding: 10px 10px 0px 10px; width: 320px;border: 1px solid #d4d4d4;} td.service {width: 180px; font-size: 1.2em; font-weight: bold; color: #a23376; text-align: right; } .fee {color: #fff; width: 95px; padding: 5px 0px 0px; font-size: 1.2em; text-align: center; background-color: #800e61; border: 1px solid #62093f; } td.blank {width: 18px; padding: 0;} .linkstable td {width: 400px;} .linkstable td.service {width: 180px;} .linkstable td.service a {color: #006570;} .linkstable td.service a:hover {color: #a23376;} a.learn {text-indent: -9999px; display: block; float: right; font-size: 0px; width: 18px; height: 18px; padding: 0; background: url(images/help.png); margin: 3px 0px;} .tooltip {display:none;height: auto;width: 600px; position: relative; z-index: 9999; border: 3px solid #9a58b1; background: #fff; padding:10px 12px 0px;} .tooltip h5 {font-size: 1.2em; text-align: left; margin-bottom: 1em;} .tooltip p {font-size: 1em; font-weight: normal; text-align: left;} /*** Partners ***/ #partners {width: 920px; margin: 0px -5px;} #partners li {float: left; width: 278px; padding: 0px 8px 8px 8px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #d4d4d4; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;} #partners li img {float: left; margin-top: -62px;} #partners li ul {float: right;} #partners li ul li {border: 0; width: 149px; float: right; font-size: 0.88em; padding: 0; margin: 0; } #partners li ul li span {font-weight: bold; font-variant: small-caps; color: #9d3072; margin-right: 2px;} #partners li ul li a {color:#356062;} #partners li ul li a:hover {color:#2e2e2e;} /*** Team ***/ .team-member {width: 627px; padding: 0px 140px; margin-bottom: 15px; margin:0px -5px 15px -5px; background: url(images/team-bot.png) bottom center no-repeat; position: relative;} .team-member div {width: 582px; padding: 15px 30px 5px 15px; background: url(images/team-top.png) top center no-repeat;} .tm-alt {background-position: 154px bottom;} .tm-alt div{background: url(images/team-top-alt.png) top center no-repeat; padding: 15px 15px 5px 30px} .team-member div img {position: absolute; right: 0px; top:0px;} .tm-alt div img {position: absolute; left: 0px; top:0px;} .team-member div a {font-weight: bold; font-size: 1.2em; color: #0e4346; position: absolute;} .team-member div a:hover {color: #a23376;} .team-member div a {right:175px; top: 18px;} .tm-alt div a { right:160px; top: 14px;} /*************** Footer ***************/ #footer p {text-align: center; font-size: 1.1em; margin-bottom: 0.31em; font-weight: bold; color: #838383;} a.footer-logo {color: #a13376; border-bottom: 0px;} #footer p.meta, p.meta a {color: #838383; margin-bottom: 1.25em; font-weight: normal;} p.meta a {font-weight: bold;} #footer-left { float:left; width:300px;} #footer-right { float:right; width:620px;} #site-meta {width:960px; float:left;} /*** Contact Form ***/ label, input, textarea, button {font-size:1.3em; font-family:"Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial; float:left;} label { display:block; width:128px; height:18px; padding-top:5px; padding-right:5px; text-align:right; font-weight: bold; color:#9d3072; } input, textarea {width:333px; height:15px; padding:5px; border:1px solid #d4d4d4; background-color:#f1f7f7; margin-bottom:8px; color:#606060;} textarea { height:108px; margin-top:0; margin-bottom:8px;} span.req {display:block; text-align:center; width:44px; height:20px; padding-top:6px; background:url(images/required.png) right no-repeat; font-size:1.2em; float:right;} .screenreader {display:none;} .error {color:#C00; font-size:1.1em; text-align:left; text-indent:95px; margin-bottom:0em;} .thanks {color:#090; text-align:center; margin-bottom: 200px;} button.submit {display:block; float:right; margin-right: 20px; margin-bottom: 20px; width:110px; height: 47px; font-size:0px; text-decoration:none; background:url(images/submit.png) top no-repeat; border: 0px; text-indent: -9999px; } button.submit:hover {background-position:right bottom; cursor:pointer;}