/*
THEME NAME: fibroidsecondopinion
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: Andy Skelton & Scott Allan Wallick
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/
/* undo some default styling of common (X)HTML browsers
* ------------------------------------------------------------------------- */
/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,
ol {
list-style: none;
}
/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
td {
font-size: 1em;
}
/* prevent blue linked image borders */
a img,
:link img,
:visited img,
fieldset {
border: none;
}
/* Remove inconsistent (among browsers) default padding or margin */
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
body,
html,
p,
blockquote,
fieldset,
input,
label,
div,
dd,
dt,
dl,
button {
margin: 0;
padding: 0;
}
/* global elements
* ------------------------------------------------------------------------- */
/* ---------- A note on font-sizing ----------
Default font size in IE6, IE7 and FireFox is 16px.
Default for Safari 2 is 16px for "standard fonts" and 13px for "fixed-width fonts." (Safari 3 uses 16px for all fonts.)
I am ignoring the Safai 13px mono-space type issue since this site does not use any mono-spaced fonts.
*/
html {
font-size: 100%
/* IE has problems scaling text in ems. Using a percentage makes for better text rendering when scaled. */
}
body {
background: url(http://fibroidsecondopinion.com/wp-content/themes/fibroidsecondopinion/images/bg.gif) repeat-x #f4ede2;
font-size: .75em;
/* 75% of 16px = 12px */
font-family: Arial, Helvetica, sans-serif;
text-align: left;
color: #000;
margin: 16px 0;
}
a:link,
a:visited {
color: #c15e18;
}
a:hover,
a:active {
color: #ffa235;
}
h1 {
color: #e37022;
font-size: 2.0em;
margin-bottom: 5px;
line-height: 1.0em;
font-family: "Corbel", Arial, Helvetica, sans-serif;
}
h1.page-title {
color: #695341;
margin-bottom: 15px;
font-family: "Corbel", Arial, Helvetica, sans-serif;
}
h2 {
color: #e37022;
font-size: 1.7em;
margin-bottom: 5px;
font-family: "Corbel", Arial, Helvetica, sans-serif;
}
h3 {
color: #e37022;
font-size: 1.5em;
margin-bottom: 5px;
margin-top: 22px;
font-family: "Corbel", Arial, Helvetica, sans-serif;
}
h4 {
color: #e37022;
font-size: 1.3em;
margin-bottom: 5px;
margin-top: 17px;
font-family: "Corbel", Arial, Helvetica, sans-serif;
}
h5 {
color: #e37022;
font-size: 1.1em;
margin-bottom: 5px;
margin-top: 15px;
font-weight: bold;
font-family: "Corbel", Arial, Helvetica, sans-serif;
}
p {
margin-bottom: 12px;
}
blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}
/* Classes
* ------------------------------------------------------------------------- */
.vcard,
.vcard .adr span.locality,
.vcard .adr span.region,
.vcard .adr span.postal-code,
.vcard .adr span.country-name,
.vcard .adr {
width: 0;
height: 0;
display: none;
}
.vcard img {
display: none;
width: 0;
height: 0;
}
.clear {
clear: both;
height: .01em;
overflow: hidden;
}
.pic_left {
margin: 0 10px 2px 0;
float: left;
}
.pic_right {
margin: 0 0px 2px 10px;
float: right;
}
.pic_border {
padding: 1px;
border: 1px solid #ccc;
}
.raquo {
font-size: 1.2em;
color: #fff;
}
.small {
font-size: .92em;
line-height: 1.3em;
}
.tan {
color: #beb9af;
}
.hr {
margin: 20px 0;
width: 100%;
height: 1px;
overflow: hidden;
color: #d4cec5;
background: #d4cec5;
}
hr.spacer {
border: 0;
width: 80%;
color: #ffffff;
background-color: #ffffff;
height: 25px;
}
.tag_cloud a:link,
.tag_could a:visited {
text-decoration: none;
}
.entry-date {
font-size: .82em;
margin-top: 5px;
}
.entry-meta {
font-size: .82em;
}
.nav-previous {
float: left;
width: 245px;
}
.nav-next {
float: right;
width: 245px;
text-align: right;
}
.a2a_dd {
margin-top: 10px;
}
/* Layout
* ------------------------------------------------------------------------- */
#imagemap_loader {
display: none;
height: 0;
width: 0;
overflow: hidden;
}
#container {
width: 958px;
margin: 0 auto;
background: url(http://fibroidsecondopinion.com/wp-content/themes/fibroidsecondopinion/images/container_bg.gif) repeat-y #fff;
}
#header {
background: url(http://fibroidsecondopinion.com/wp-content/themes/fibroidsecondopinion/images/header.jpg) no-repeat;
width: 958px;
height: 145px;
}
#header_print {
display: none;
width: 0;
height: 0;
}
#logo {
width: 292px;
height: 88px;
display: block;
text-indent: -5000px;
outline: none;
float: left;
margin: 30px 0 0 28px;
}
#column_left {
width: 180px;
padding: 20px 10px 10px 10px;
margin-left: 13px;
float: left;
display: inline;
font-size: 1.0em;
}
#topics_of_interest {
background: url(http://fibroidsecondopinion.com/wp-content/themes/fibroidsecondopinion/images/imagemap.gif) no-repeat -22px -111px;
width: 179px;
height: 29px;
text-indent: -5000px;
}
#column_center {
float: left;
margin-left: 20px;
margin-top: 20px;
display: inline;
width: 491px;
line-height: 1.4em;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
}
#column_center p {
line-height: 1.6em;
}
#column_right {
width: 200px;
float: left;
margin-left: 21px;
margin-top: 20px;
display: inline;
}
#column_right p {
font-size: .92em;
}
#blog_button {
background: url(http://fibroidsecondopinion.com/wp-content/themes/fibroidsecondopinion/images/blog_button.gif) no-repeat;
width: 180px;
height: 61px;
margin-bottom: 25px;
display: block;
cursor: pointer;
text-indent: -5000px;
outline: none;
margin-left: 10px;
}
#blog_button:hover,
#blog_button:active {
background-position: 0px -61px;
}
#blog_button_brown {
background: url(http://fibroidsecondopinion.com/wp-content/themes/fibroidsecondopinion/images/imagemap.gif) no-repeat -756px -476px;
width: 180px;
height: 38px;
margin: 0 auto 25px auto;
display: block;
cursor: pointer;
text-indent: -5000px;
outline: none;
margin-left: 10px;
}
#blog_button_brown:hover,
#blog_button_brown:active {
background-position: -756px -514px;
}
#appointment_button {
background: url(http://fibroidsecondopinion.com/wp-content/themes/fibroidsecondopinion/images/imagemap.gif) no-repeat -756px -332px;
width: 180px;
height: 67px;
margin-bottom: 25px;
display: block;
cursor: pointer;
text-indent: -5000px;
outline: none;
margin-left: 10px;
}
#appointment_button:hover,
#appointment_button:active {
background-position: -756px -399px;
}
#contact_button {
background: url(http://fibroidsecondopinion.com/wp-content/themes/fibroidsecondopinion/images/imagemap.gif) no-repeat -756px -596px;
width: 180px;
height: 67px;
margin: 20px 0 10px 10px;
display: block;
cursor: pointer;
text-indent: -5000px;
outline: none;
}
#contact_button:hover,
#contact_button:active {
background-position: -756px -663px;
}
#recent_blog_posts {
background: url(http://fibroidsecondopinion.com/wp-content/themes/fibroidsecondopinion/images/recent_blog_posts.gif) no-repeat;
width: 200px;
height: 24px;
text-indent: -5000px;
margin: 30px 0 5px 0;
}
#blog_categories {
background: url(http://fibroidsecondopinion.com/wp-content/themes/fibroidsecondopinion/images/blog_categories.gif) no-repeat;
width: 200px;
height: 24px;
text-indent: -5000px;
margin: 25px 0 5px 0;
}
#blog_categories.small {
background: url(http://fibroidsecondopinion.com/wp-content/themes/fibroidsecondopinion/images/imagemap.gif) -756px -562px no-repeat;
width: 180px;
margin: 25px auto 5px auto;
}
#blog_archives {
background: url(http://fibroidsecondopinion.com/wp-content/themes/fibroidsecondopinion/images/blog_archives.gif) no-repeat;
width: 200px;
height: 24px;
text-indent: -5000px;
margin: 25px 0 5px 0;
}
#blog_archives.small {
background: url(http://fibroidsecondopinion.com/wp-content/themes/fibroidsecondopinion/images/blog_archives_sm.gif) no-repeat;
width: 180px;
margin: 25px auto 5px auto;
}
#popular_blog_tags {
background: url(http://fibroidsecondopinion.com/wp-content/themes/fibroidsecondopinion/images/popular_blog_tags.gif) no-repeat;
width: 200px;
height: 24px;
text-indent: -5000px;
margin: 25px 0 5px 0;
}
#popular_blog_tags.small {
background: url(http://fibroidsecondopinion.com/wp-content/themes/fibroidsecondopinion/images/imagemap.gif) no-repeat -756px -740px;
width: 180px;
margin: 25px auto 5px auto;
}
#popular_blog_tags.put_top {
margin-top: 5px;
}
/* List of blog-related links in right-hand column */
.blog_list {
margin: 0 10px 10px 10px;
font-weight: bold;
font-family: "Corbel", Arial, Helvetica, sans-serif;
}
.blog_list li {
_position: relative;
/*to fix the IE bullet peekaboo pug */
padding: 0px 0px 0px 11px;
margin-bottom: 6px;
line-height: 1.2em;
list-style: none;
background: transparent url(http://fibroidsecondopinion.com/wp-content/themes/fibroidsecondopinion/images/blog_bullet.gif) 0px 5px no-repeat;
font-weight: bold;
color: #064780;
}
.blog_list li.last {
border-bottom: none;
}
.blog_list a:link,
.blog_list a:visited {
color: #c15e18;
text-decoration: none;
}
.blog_list a:hover,
.blog_list a:active {
color: #ffa235;
}
/* List of left-column links */
.side_list {
margin-bottom: 0px;
font-weight: bold;
font-family: "Corbel", Arial, Helvetica, sans-serif;
}
.side_list li {
_position: relative;
/*to fix the IE bullet peekaboo pug */
padding: 9px 0px 9px 12px;
line-height: 1.2em;
list-style: none;
background: transparent url("http://fibroidsecondopinion.com/wp-content/themes/fibroidsecondopinion/images/imagemap.gif") -15px -155px no-repeat;
font-weight: bold;
color: #064780;
border-bottom: 1px solid #ccc5bb;
}
.side_list li.last {
border-bottom: none;
}
.side_list a:link,
.side_list a:visited {
color: #c15e18;
text-decoration: none;
}
.side_list a:hover,
.side_list a:active {
color: #ffa235;
}
/* ----- Lists within main blog content area ----- */
#column_center ul {
margin-left: 10px;
}
#column_center ul li {
/*_position:relative; to fix the IE bullet peekaboo pug...NOTE: MUST BE REMOVED FOR DROP-DOWNS TO WORK IN IE 6 */
padding-left: 12px;
line-height: 1.2em;
margin-bottom: 8px;
list-style: none;
background: transparent url(http://fibroidsecondopinion.com/wp-content/themes/fibroidsecondopinion/images/bullet_lrg.gif) 0px 6px no-repeat;
}
#column_center ul li ul li {
background: transparent url(http://fibroidsecondopinion.com/wp-content/themes/fibroidsecondopinion/images/bullet_med.gif) 0px 6px no-repeat;
}
#column_center ul li ul li ul li {
background: transparent url(http://fibroidsecondopinion.com/wp-content/themes/fibroidsecondopinion/images/bullet_sm.gif) 0px 7px no-repeat;
}
#column_center ul ul,
#column_center ul ul ul {
margin-top: 8px;
}
#column_center ol {
margin-left: 30px;
}
#column_center ol li {
margin-bottom: 8px;
}
#column_center ol ol,
#column_center ol ol ol {
margin-left: 22px;
margin-top: 8px;
}
#column_center ol li {
list-style: decimal;
}
#column_center ol ol li {
list-style: upper-alpha;
}
#column_center ol ol ol li {
list-style: lower-roman;
}
#column_center ol ol ol ol li {
list-style: lower-alpha;
}
#column_center ol ol ol ol ol li {
list-style: decimal;
}
#nav-above {
margin-bottom: 10px;
font-size: .92em;
}
#nav-below {
margin: 0 0 25px 0;
font-size: .92em;
}
#container_bottom {
background: url(http://fibroidsecondopinion.com/wp-content/themes/fibroidsecondopinion/images/imagemap.gif) no-repeat 0px -779px;
width: 958px;
height: 21px;
}
#disclaimer {
font-size: .92em;
margin-top: 20px;
}
/* Footer
* ------------------------------------------------------------------------- */
.rss {
padding-left: 20px;
background: url(http://fibroidsecondopinion.com/wp-content/themes/fibroidsecondopinion/images/imagemap.gif) no-repeat -11px -233px;
}
#footer {
width: 938px;
padding: 10px;
margin: 0 auto;
line-height: 1.3em;
font-size: .92em;
}
#footer ul {
margin: 0 0 10px 0;
padding: 0;
}
#footer li {
margin: 0;
padding: 0 5px 0 7px;
display: inline;
border-left: 1px solid #816146;
line-height: 1.7em;
background: none;
}
#footer li.first {
border: none;
padding: 0 5px 0 0;
}
#footer a:link,
#footer a:visited {
color: #d37f06;
text-decoration: none;
}
#footer a:hover,
#footer a:active {
color: #802b00;
text-decoration: none;
}
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
/* End Images */
/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
color: #e37022;
font-size: 1.3em;
font-family: "Corbel", Arial, Helvetica, sans-serif;
}
/* End captions */
/* Newsletter Form
* ------------------------------------------------------------------------- */
#newsletter_container_bg {
background: url(http://fibroidsecondopinion.com/wp-content/themes/fibroidsecondopinion/images/newsletter_container_bg.gif) repeat-y;
width: 200px;
margin-top: 25px;
}
#newsletter_container_bg.put_top {
margin-top: 0;
}
#newsletter_container_top {
background: url(http://fibroidsecondopinion.com/wp-content/themes/fibroidsecondopinion/images/imagemap.gif) no-repeat -746px -96px;
width: 160px;
padding: 45px 20px 0 20px;
}
#column_right #newsletter_container_top p {
font-size: .82em;
}
#newsletter_container_top p.title {
text-indent: -5000px;
}
#newsletter_container_bottom {
background: url(http://fibroidsecondopinion.com/wp-content/themes/fibroidsecondopinion/images/imagemap.gif) no-repeat -756px -311px #fff;
width: 180px;
height: 11px;
overflow: hidden;
margin: 0 auto 25px auto;
}
#newsletter_form {}
#newsletter_form input {
padding: 2px;
font-size: 11px;
width: 125px;
float: left;
}
#newsletter_form input.submit {
width: 22px;
height: 20px;
text-indent: -5000px;
margin-left: 5px;
float: left;
padding: 0;
}
#newsletter_form br {
clear: both;
}
/* Search Form
* ------------------------------------------------------------------------- */
#search_bar_bg {
background: url(http://fibroidsecondopinion.com/wp-content/themes/fibroidsecondopinion/images/imagemap.gif) no-repeat -233px -96px;
width: 460px;
height: 39px;
padding: 10px 0 0 30px;
margin-bottom: 25px;
}
#search_bar_bg #searchform input.search_query {
font-size: 1.2em;
padding: 4px;
}
#searchform {
font-size: 1.0em;
margin-bottom: 30px;
}
#searchform input.search_query {
color: #000;
width: 134px;
/* 5 pixles smaller than form width !important */
padding: 1px 4px;
/* horizontally position text in input/textarea field */
font-family: Arial, Helvetica, sans-serif;
vertical-align: middle;
}
#search_bar_bg #searchform input.search_query {
width: 354px;
}
#searchform input.button {
width: 45px;
height: 19px;
vertical-align: middle;
cursor: pointer;
background: url(http://fibroidsecondopinion.com/wp-content/themes/fibroidsecondopinion/images/search.gif) no-repeat;
font-size: .92em;
margin: 0px 0 0 5px;
border: none;
overflow: hidden;
}
#searchform input.button:hover,
#searchform input.button:active {
background-position: 0px -19px;
}
#search_bar_bg #searchform input.button {
width: 55px;
height: 25px;
vertical-align: middle;
cursor: pointer;
background: url(http://fibroidsecondopinion.com/wp-content/themes/fibroidsecondopinion/images/imagemap.gif) no-repeat -649px -155px;
font-size: .92em;
margin: 0px 0 0 5px;
border: none;
overflow: hidden;
}
#search_bar_bg #searchform input.button:hover,
#search_bar_bg #searchform input.button:active {
background-position: -649px -180px;
}
/* Other Forms
* ------------------------------------------------------------------------- */
#recaptcha-submit-btn-area {
margin-top: 20px;
}
.form-option {
margin: 20px 0 0 0;
}
/* Horizontal Sprite Nav
* ------------------------------------------------------------------------- */
#nav {
background: url("images/imagemap.gif") no-repeat;
width: 958px;
height: 43px;
}
#nav span {
display: none;
}
#nav li,
#nav a {
height: 43px;
display: block;
outline: none;
}
/* change height here also */
#nav li {
float: left;
list-style: none;
_display: inline;
position: relative;
}
#nav-01 {
width: 71px;
left: 3px;
}
#nav-02 {
width: 95px;
left: 5px;
}
#nav-03 {
width: 89px;
left: 7px;
}
#nav-04 {
width: 77px;
left: 9px;
}
#nav-05 {
width: 124px;
left: 11px;
}
#nav-06 {
width: 94px;
left: 13px;
}
#nav-07 {
width: 116px;
left: 15px;
}
#nav-08 {
width: 65px;
left: 17px;
}
/*-------------- () X position of button / () height of image from above ------------- */
#nav-01 a:hover,
#nav-01.selected {
background: url("images/imagemap.gif") -3px -43px no-repeat;
}
#nav-02 a:hover,
#nav-02.selected {
background: url("images/imagemap.gif") -76px -43px no-repeat;
}
#nav-03 a:hover,
#nav-03.selected {
background: url("images/imagemap.gif") -173px -43px no-repeat;
}
#nav-04 a:hover,
#nav-04.selected {
background: url("images/imagemap.gif") -264px -43px no-repeat;
}
#nav-05 a:hover,
#nav-05.selected {
background: url("images/imagemap.gif") -343px -43px no-repeat;
}
#nav-06 a:hover,
#nav-06.selected {
background: url("images/imagemap.gif") -469px -43px no-repeat;
}
#nav-07 a:hover,
#nav-07.selected {
background: url("images/imagemap.gif") -565px -43px no-repeat;
}
#nav-08 a:hover,
#nav-08.selected {
background: url("images/imagemap.gif") -683px -43px no-repeat;
}
/* Son of Suckerfish: Horizontal Sprite Nav
* ------------------------------------------------------------------------- */
#nav li ul {
position: absolute;
left: -9999px;
text-align: left;
float: left;
z-index: 5;
font-size: .92em;
}
#nav li ul li {
height: 26px;
/* Height of each drop down nav item */
border: 1px solid #cbcbcb;
border-top: none;
background-color: #eaeaea;
/* Put background here! Not in the ul!!*/
left: -1px;
/*Optional - Makes drop-down line up even with the dividing line in primary nav (instead of 1px to the right) */
}
#nav li ul li a {
width: 100%;
height: 26px;
/* Height of each drop down nav item, should match above */
line-height: 26px;
/* Height of each drop down nav item again, should match above */
}
#nav li ul li a span {
display: block;
padding-left: 10px;
}
/* Drop down link styles */
#nav a:link,
#nav a:visited,
#nav a:hover,
#nav a:active {
color: #444;
text-decoration: none;
}
#nav li:hover ul,
#nav li.sfHover ul {
left: 0;
}
/* Hover styles for drop down items */
#nav-03 ul a:hover {
background-image: none;
background-color: #f5f5f5;
color: #444;
text-decoration: none;
cursor: pointer;
}
/* width of drop down nav - choose width that allows items to display on one line */
#nav-03 ul,
#nav-03 li {
width: 143px;
}