/* Universals
=============================================================================================================================*/
html, body{ color:#676767; font:12px/16px Helvetica, Arial, sans-serif; margin:0px 0px 0px 0px; text-align:center; }
body{ background:#d3cde8 url('../images/structure/bg.gif') top center no-repeat; }
a{ color:#fba81c; }
a:hover{ color:#b17614; }
a:active, a:focus{ outline:none; }
a.arrow, a.arrowDark{ background:url('../images/content/bg_arrow.gif') top right no-repeat; padding-right:10px; text-decoration:none; }
a.arrow:hover, a.arrowDark:hover{ color:#fba81c; text-decoration:underline; }
a.arrowDark{ background:url('../images/content/bg_arrow_dark.gif') top right no-repeat; }
h1, h2, h3, h4, h5{ font-weight:bold; margin:0px 0px .5em 0px; }
h1{ color:#5a468f; font:normal 24px/28px Helvetica, Arial, sans-serif; }
h2{ color:#5a468f; font:normal 18px/22px Helvetica, Arial, sans-serif; }
h3{ color:#5a468f; font:normal 16px/18px Helvetica, Arial, sans-serif; }
h4{ color:#5a468f; font:normal 14px/16px Helvetica, Arial, sans-serif; }
img{ border:none; }
p{ margin:0px 0px 1em 0px; line-height: 1.5; }
.clear{ clear:both; font-size:1px; height:1px; line-height:1px; overflow:hidden; width:1px; }
/* Structure
=============================================================================================================================*/
#wrapper{
margin:0px auto;
text-align:left;
width:960px;
}
#main{ background:#fff; padding:0px 0px 0px 0px; width:960px; }
#sidebar{
float:left;
width:200px;
}
#logo{
background:url('../images/content/bg_logo.gif') 0px 0px no-repeat;
display:block;
height:170px;
text-indent:-5000px;
width:200px;
}
#nav{
background:url('../images/structure/nav_footer.gif') bottom left no-repeat;
display:block;
list-style:none;
margin:0px;
padding:0px 0px 63px 0px;
width:200px;
}
#nav li{ display:block; width:100%; }
#nav li a{
background:url('../images/structure/nav.gif') 0px 0px no-repeat;
display:block;
height:30px;
padding:0px 0px 0px 0px;
text-indent:-5000px;
}
#nav li a#navHome{ background-position:0px 0px; }
#nav li a#navOurServices{ background-position:0px -30px; }
#nav li a#navFertilityMedications{ background-position:0px -60px; }
#nav li a#navSupport{ background-position:0px -90px; }
#nav li a#navAboutUs{ background-position:0px -120px; }
#nav li a#navHome:hover{ background-position:-200px 0px; }
#nav li a#navOurServices:hover{ background-position:-200px -30px; }
#nav li a#navFertilityMedications:hover{ background-position:-200px -60px; }
#nav li a#navSupport:hover{ background-position:-200px -90px; }
#nav li a#navAboutUs:hover{ background-position:-200px -120px; }
#nav li.selected a#navHome{ background-position:-400px 0px; }
#nav li.selected a#navOurServices{ background-position:-400px -30px; }
#nav li.selected a#navFertilityMedications{ background-position:-400px -60px; }
#nav li.selected a#navSupport{ background-position:-400px -90px; }
#nav li.selected a#navAboutUs{ background-position:-400px -120px; }
#nav ul{
background:url('../images/structure/bg_subnav.gif') 0px 0px repeat-y;
display:none;
list-style:none;
margin:0px;
padding:4px 8px 4px 12px;
border-top: 1px solid #7661ac;
border-bottom: 1px solid #7661ac;
}
#nav li.selected ul{ display:block; }
#nav ul li{
background:url('../images/structure/bg_subnav_li.gif') bottom left no-repeat;
display:block;
width:100%;
}
#nav ul li.last{ background:none; }
#nav ul li a{
background:url('../images/structure/bg_subnav_bullet.gif') 0px 0px no-repeat;
color:#fff;
display:block;
font:bold 11px/13px Helvetica, Arial, sans-serif;
height:auto;
padding:5px 0px 5px 24px;
text-decoration:none;
text-indent:0px;
}
#nav ul li a:hover{ color:#d0cbe3; }
#nav ul li a.selected{ background:url('../images/structure/bg_subnav_bullet_selected.gif') 0px 0px no-repeat; color:#e1e27b; }
.sidebarBuckets{
display:block;
margin:0px 10px 0px 10px;
width:180px;
}
.sidebarBuckets .h3{ display:block; height:26px; margin:0px 0px 1px 10px; width:170px; }
.sidebarBuckets .h3 h3{ margin:0px 0px 0px 0px; }
.sidebarBuckets p{ color:#525252; font:11px/13px Helvetica, Arial, sans-serif; margin:0px 0px 3px 10px; }
.sidebarBuckets p a{ font-weight:bold; text-decoration:none; }
#bucket1{ border-bottom:1px solid #eeecf4; margin:-16px 10px 5px 10px; padding:0px 0px 5px 0px; }
#bucket2{}
#contentContainer{
float:left;
width:760px;
}
#headerImage{ height:190px; width:760px; }
body.home #headerImage{ background:url('../images/content/header_default.jpg') 0px 0px no-repeat; }
body.our_services #headerImage{ background:url('../images/content/header_our_services.jpg') 0px 0px no-repeat; }
body.blog #headerImage{ background:url('../images/content/header_support.jpg') 0px 0px no-repeat; }
body.fertility_medications #headerImage{ background:url('../images/content/header_fertility_medications.jpg') 0px 0px no-repeat; }
body.support #headerImage{ background:url('../images/content/header_support.jpg') 0px 0px no-repeat; }
body.about_us #headerImage{ background:url('../images/content/header_about_us.jpg') 0px 0px no-repeat; }
#breadcrumbs { font-size:90%; margin-bottom:6px; }
#contentSidebar{ float:right; width:270px; }
#contentSidebarBox{}
.boxHeader{ height:44px; position:relative; width:270px; }
.boxHeader h4{
color:#fff;
height:10px;
font:bold 12px/14px Helvetica, Arial, sans-serif;
left:15px;
position:absolute;
top:25px;
}
.boxContent{ font:11px/12px Helvetica, Arial, sans-serif; padding:0px 0px 0px 20px; width:250px; }
.boxContent ul{ list-style:none; margin:0px; padding: 0px 5px 0px 0px; }
.boxContent ul li{ padding:10px 0px 2px 19px; }
.boxContent ul li a{ color:#666; text-decoration:underline; }
.boxContent ul li a:hover{ color:#fba81c; }
.boxFooter{ font-size:1px; height:11px; line-height:1px; width:270px; }
.orange .boxHeader{ background:url('../images/content/box_header_orange.gif') 0px 0px no-repeat; }
.orange .boxContent{ background:url('../images/content/box_content_orange.gif') 0px 0px repeat-y; }
.orange .boxContent li{ background:url('../images/content/box_bullet_orange.gif') 0px 0px no-repeat; }
.orange .boxFooter{ background:url('../images/content/box_footer_orange.gif') 0px 0px no-repeat; }
.purple .boxHeader{ background:url('../images/content/box_header_purple.gif') 0px 0px no-repeat; }
.purple .boxContent{ background:url('../images/content/box_content_purple.gif') 0px 0px repeat-y; }
.purple .boxContent li{ background:url('../images/content/box_bullet_purple.gif') 0px 0px no-repeat; }
.purple .boxFooter{ background:url('../images/content/box_footer_purple.gif') 0px 0px no-repeat; }
.green .boxHeader{ background:url('../images/content/box_header_green.gif') 0px 0px no-repeat; }
.green .boxContent{ background:url('../images/content/box_content_green.gif') 0px 0px repeat-y; }
.green .boxContent li{ background:url('../images/content/box_bullet_green.gif') 0px 0px no-repeat; }
.green .boxFooter{ background:url('../images/content/box_footer_green.gif') 0px 0px no-repeat; }
p.contentSidebarDisclaimer{ color:#aaa; font:11px/12px Helvetica, Arial, sans-serif; padding:10px 40px 0px 40px; }
p.contentSidebarDisclaimer a{ color:#aaa; text-decoration:underline; }
p.contentSidebarDisclaimer a:hover{ color:#fba81c; }
#content{ padding:0px 0px 0px 50px; width:390px; }
#content .h1{ height:40px; }
#content .h1 h1{ margin:0px 0px 0px 0px; }
#content h2{ color:#fba81c; font:bold 16px/18px Helvetica, Arial, sans-serif; margin:16px 0px 2px 0px; }
#content ul{ list-style:none; margin:8px 0px 12px 0px; padding:0px 0px 0px 8px; }
#content ul li{ background:url('../images/content/bullet.gif') 0px 0px no-repeat; padding:0px 0px 12px 12px; }
#aboutTheAuthor{ width:390px; }
#aboutTheAuthor img{
display:block;
float:left;
padding:0px 20px 0px 0px;
}
#aboutTheAuthor h3{
color:#7b6eb2;
float:left;
font:bold 14px/16px Helvetica, Arial, sans-serif;
margin:0px 0px 0px 0px;
width:270px;
}
#aboutTheAuthor p{
color:#666;
float:left;
font:12px/16px Helvetica, Arial, sans-serif;
margin:0px 0px 4px 0px;
width:270px;
}
#buckets{
}
#bucketsTop{ background:url('../images/structure/buckets_top.gif') 0px 0px no-repeat; height:50px; width:960px; }
#bucketsMiddle{ background:url('../images/structure/buckets_middle_repeat.gif') 0px 0px repeat-y; width:960px; }
#bucketsContainer{ background:url('../images/structure/buckets_middle.gif') 0px 0px no-repeat; width:960px; }
.bucket{ float:left; padding:0px 0px 0px 5px; width:310px; }
.bucket a.logo{ float:left; height:60px; text-indent:-5000px; padding:0px 20px 0px 0px; width:140px; }
.bucket ul{
color:#fff;
float:left;
font:bold 10px/12px Helvetica, Arial, sans-serif;
list-style:none;
margin:0px;
padding:0px 0px 0px 0px;
width:150px;
}
.bucket ul li{ background:url('../images/content/bucket_bullet.gif') 0px 0px no-repeat; padding:0px 0px 4px 6px; }
.bucket ul li a{ color:#fff; font:bold 10px/12px Helvetica, Arial, sans-serif; text-decoration:none; }
.bucket ul li a:hover{ color:#fff; text-decoration:underline; }
#bucketFertilityNeighborhood{ padding-left:10px; }
#bucketsBottom{ background:url('../images/structure/buckets_bottom.gif') 0px 0px no-repeat; height:17px; width:960px; }
#footer{ color:#5a468f; padding:10px 0px 30px 0px; }
#footer a{ color:#5a468f; text-decoration:none; }
#footer a:hover{ text-decoration:underline; }
#footer p{ font:11px/13px Helvetica, Arial, sans-serif; margin:0px 0px 6px 0px; text-align:center; }
#footer img#footerLogo{ margin:0px 0px -6px 3px; }
/* Index
=============================================================================================================================*/
#flashContainer{ height:300px; padding:0px 0px 10px 0px; width:760px; }
#flashContainer img{ display:block; }
#indexLinks{
border-left:1px solid #eeecf4;
float:right;
padding:0px 0px 0px 12px;
width:307px;
}
#indexLinks .indexLink{ float:left; padding:12px 0px 0px 0px; width:100%; }
#indexLinks .indexLink a.icon{ display:block; float:left; padding:0px 14px 0px 0px; margin-bottom: 20px; }
#indexLinks .indexLink a.icon img{ display:block; }
#indexLinks .indexLink .h2{ float:left; height:26px; margin:0px 0px 0px 0px; width:221px;}
#indexLinks .indexLink .h2 h2{ color:#5a468f; font:normal 18px/20px Verdana, Helvetica, Arial, sans-serif; margin:0px 0px 0px 0px; }
#indexLinks .indexLink p{ float:left; display:block; font:11px/13px Helvetica, Arial, sans-serif; margin:0px 10px 4px 0px; width:211px; }
#indexWelcome{
background:url('../images/content/index_welcome_repeat.gif') top left repeat-y;
margin:0px 0px 20px 10px;
width:420px;
}
#indexWelcomeContent{
background:url('../images/content/index_welcome_top.gif') top left no-repeat;
padding:20px 15px 0px 15px;
width:390px;
}
#indexWelcomeContent .h1{ display:block; height:30px; }
#indexWelcomeContent .h1 h1{ margin:0px 0px 0px 0px; }
#indexWelcomeContent span.normal{ font-size:18px; }
#indexWelcomeContent span.larger{ font-size:22px; }
#indexWelcomeContent a.arrowDark{ color:#cd6b0b; font:bold 12px/14px Helvetica, Arial, sans-serif; }
#indexWelcomeBottom{
background:url('../images/content/index_welcome_bottom.gif') bottom left no-repeat;
font-size:1px;
height:7px;
line-height:1px;
width:100%;
}
#indexRibbon{ float:right; display:block; }
#indexNews{ float:left; padding:0px 0px 0px 15px; width:220px; }
#indexNews .h4{ display:block; height:18px; }
#indexNews .h4 h4{ color:#5a468f; font:bold 14px/16px Helvetica, Arial, sans-serif; margin:0px 0px 0px 0px; }
#indexNews .h4 h4 a{ color:#5a468f; text-decoration:none; }
#indexNews .h4 h4 a:hover{ color:#8064c9; }
#indexNews p{ color:#666666; font:11px/13px Helvetica, Arial, sans-serif; margin:0px 0px 2px 0px; }
#indexNews p.headline{ color:#e09312; font-weight:bold; }
/* Blog
=============================================================================================================================*/
body.blog{}
body.blog #content{ width:460px; }
body.blog #contentSidebar{ width:200px; }
body.blog #contentSidebar .contentSidebarBox{ width:200px; }
body.blog #contentSidebar .boxHeader{ width:200px; }
body.blog #contentSidebar .boxContent{ width:180px; }
body.blog #contentSidebar .boxFooter{ width:200px; }
#content .post h2{ margin:0px 0px 0px 0px; }
#content .post h2 a{ text-decoration:none; }
#content .post h2 a:hover{ color:#fba81c; text-decoration:underline; }
#content .post .subheader{ font-size:12px; font-weight:bold; margin:0px 0px 12px 0px; }
#content h2.pagetitle{ margin:0px 0px 12px 0px; } /* Used at the top of Archive, Category feeds */
#content ul.blogFeed{ list-style:none; margin:0px; padding:0px 0px 0px 0px; }
#content ul.blogFeed li{ background:none; padding:0px 0px 20px 0px; }
#content ul.blogFeed h3,
#content ul.blogFeed h3 a{ color:#5a468f; font:bold 14px/20px Verdana, Helvetica, Arial, sans-serif; margin:0px 0px 0px 0px; text-decoration:none; }
#content ul.blogFeed h3 a:hover{ text-decoration:underline; }
#content ul.blogFeed a{}
#content .authorImage{ float:left; margin:0px 10px 5px 0px; }
#content p.postmetadata,
#content .afterEntry{ font-size:11px; }
#content .afterEntry{ padding:0px 0px 12px 0px; }
#content .navigation{ font-size:14px; margin-top:-10px; padding:0px 0px 20px 0px; }
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
.sIFR-dummy {
width: 0px;
height: 0px;
margin-left: 42px !important;
z-index: 0;
}
}
@media print {
.sIFR-flash {
display : none !important;
height : 0;
width : 0;
position : absolute;
overflow : hidden;
}
.sIFR-alternate {
visibility : visible !important;
display : block !important;
position : static !important;
left : auto !important;
top : auto !important;
width : auto !important;
height : auto !important;
}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
/* Example:
.sIFR-active h1 {
font-family: Verdana;
visibility: hidden;
}
*/
}