@import url(reset.css);

.dropcap { font: 2em/.8em "Myriad Pro", Arial, sans-serif; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.red { color: #ff0000 !important; }
.white { color: #ffffff !important; }

textarea {
	font-family: Georgia, Times New Roman, Serif;
	font-size: 12px;
	width: 390px;
}

/*** Homepage styles ***/
.homepage {
    background-color: #785a3c;
    color: #f6e7d2;
    width: 676px;
    height: 100%;
    padding-left: 8px;
}

.homepage h3 { color: #ffffff; }
.homepage p { margin-top: 10px; }

div.featured {
    float: left;
    width: 355px;
    background-color: #74573a;
    margin-top: 8px;
    height: 400px;
}
div.featured div { display: none; }
div.featured div div {
    background: #74573a url(../images/bg_featured.gif) repeat-x top left;
    font-size: .8em;
}

div.featured h3, div.featured p { padding: 0 20px 5px 20px; }
div.featured h3 { padding-top: 10px; font-size: 1.2em; }

div.featured a {
	color: #F5BBBA !important;
}

div.featured ul {
    float: right;
    height: 6px;
    padding: 4px 0;
}

div.featured ul li { float: left; }

div.featured ul li a {
    background: url(../images/btn_featured.gif) no-repeat left bottom;
    width: 6px;
    height: 6px;
    text-indent: -5000px;
    margin-right: 10px;
}

div.featured li a:hover, div.featured li a.selected { background-position: right bottom; }
div.featured li a { display: block; }

div.blog {
    float: right;
    width: 290px;
    background: url(../images/bg_boob_blog.gif) no-repeat top right;
}

div.blog h3 {
    width: 8em;
    font-size: 1.4em;
    line-height: 1.2em;
    margin-top: 1.6em;
}

div.blog h3 span {
    display: block;
    color: #dbb793;
    font-size: .6em;
    line-height: 1.2em;
    margin-bottom: 10px;
}

div.blog a.more:link, div.blog a.more:visited, div.blog a.more:hover, div.blog a.more:active {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    color: #f6e7d2;
}

#boobSig {
    background: url(../images/bg_boob_lady.jpg) no-repeat bottom right;
    min-width: 303px;
    height: 161px;
    position: absolute;
    top: 398px;
    left: 394px;
}

#boobSig img {
    position: absolute;
    top: 146px;
    left: 80%;
}

/*** Inside page styles ***/
.inside {
    color: #5b503e;
    width: 662px;
    padding: 10px;
    border: 1px solid #785a3c;
}

.inside h3 {
    font-size: 1.2em;
    color: #c2a35f;
}

.inside p { margin-bottom: 10px; }

/*** Common styles ***/
a:link, a:visited, a:hover, a:active { color: #D60F62; }
a:hover { text-decoration: underline; }

body {
    background: #E2C5A3 url(../images/bg_tile2.jpg) repeat top left;
    font: 12px/1.2em Helvetica, Arial, sans-serif;
}

div.wrapper {
    float: left;
    position: relative;
    width: 712px;
    margin: 10px 0 0 0;
    left: 134px;
    z-index: 800;
}

h1 a {
    display: block;
    width: 554px;
    height: 71px;
    line-height: 71px;
    background: url(../images/logo.gif) no-repeat;
    text-indent: -5000px;
    margin-top: 20px;
    margin-left: 20px;
}

h3 a {
	color: #D60F62 !important;
}

div.top {
    background-color: #ffffff;
    border: 4px solid #f763ad;
    height: 100%;
    padding: 0 10px 10px 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

/*** Main Navigation ***/
ul.nav {
    position: relative;
    z-index: 1000;
    float: left;
    display: inline;
    border-bottom: 3px solid #d60f62;
}

ul.nav li {
    float: left;
}

ul.subnav li {
    float: none;
}

ul#subnav_meet li {
    float: left;
    position: relative;
}

ul.nav li a {
    display: block;
    height: 53px;
    text-indent: -5000px;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: bottom left;
}

ul.nav li a:hover, ul.nav li a.selected { background-position: bottom right; }

a#books { background-image: url(../images/nav_books.gif); width: 83px; }
a#meet { background-image: url(../images/nav_meet.gif); width: 99px; }
a#booking { background-image: url(../images/nav_booking.gif); width: 95px; }
a#boobiepedia { background-image: url(../images/nav_pedia.gif); width: 114px; }
a#blog { background-image: url(../images/nav_talk.gif); width: 95px; }
a#pedia { background-image: url(../images/nav_intel.gif); width: 108px; }
a#play { background-image: url(../images/nav_play.gif); width: 90px; }

/*** Subnavigation ***/
ul.subnav {
    display: none;
    position: absolute;
    z-index: 1000;
    background-color: #d60f62;
    padding: 10px;
}

ul.subnav li a {
    height: 1.4em;
    line-height: 1.4em;
    text-indent: 0;
    background-color: #d60f62;
}

ul#subnav_books { width: 16em; }

ul#subnav_meet { width: 24em; }
ul#subnav_meet li { width: 50%; float: left; }

ul#subnav_booking, ul#subnav_play { width: 11em; }
ul#subnav_booking li, ul#subnav_play { clear: left !important; }

ul#subnav_pedia { width: 9em; }

ul.subnav a:link,
ul.subnav a:visited,
ul.subnav a:hover,
ul.subnav a:active {
    color: #ffffff;
    text-decoration: none;
}

ul.subnav a:hover { text-decoration: underline; }

div.breadcrumbs {
    position: relative;
    z-index: 900;
    clear: both;
    background-color: #74573a;
    color: #ffffff;
    padding: 4px 10px;
}

div.breadcrumbs a {
    color: #fff !important;
    text-decoration: none;
}
div.breadcrumbs a:hover {
    text-decoration: underline;
}

div.breadcrumbs span { color: #f5b6d5; }

/*** Main Content ***/
div.content { clear: both; }
div.sidebar { float: left; }

.shadow-wrapper {
    background: url(../images/shadow.gif) no-repeat bottom right;
    float: left;
    margin-bottom: 10px;
}

div.menu {
    background: url(../images/mask.png) no-repeat left top !important;
    background: url(../images/mask.gif) no-repeat left top;
    padding: 0 5px 5px 0;
}

div.list-wrapper {
    border-left: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    padding-left: 20px;
}

div.menu ul {
    list-style-image: url(../images/icon_menu_bullet.gif);
    padding-bottom: 5px;
}

div.menu li {
    line-height: 1.6em;
}

div.menu li a:link,
div.menu li a:visited,
div.menu li a:hover,
div.menu li a:active {
    text-decoration: none;
    color: #96564f;
}

div.menu li a:hover, div.menu li a.selected { color: #d60f62 !important; }

/** Submenu */
div.menu li ul {
    list-style-image: none;
    list-style: none;
    margin: 0px 10px 0 0;
    padding: 0;
    color: salmon;
}
div.menu li ul li {
    font-size: .9em;
    padding-left: 0;
    margin-left: 0;
}


div.menu img {
	border-top: 1px solid #cacaca;
}

div.highlight-wrapper {
    background: url(../images/mask.png) no-repeat left top;
    padding: 0 5px 5px 0;
}

div.highlight {
    width: 152px;
    background: #cfb484 url(../images/bg_highlight.jpg) repeat-x top left;
    padding: 10px;
    text-align: center;
}

.boobflash {
    width: 172px !important;
    background: #cfb484 url(../images/bg_highlight.jpg) repeat-x top left;
    padding: 0 !important;
}
.boobflash p {
	padding: 0 10px 10px 10px;
}

div.highlight img {
    margin: 0 auto;
    margin-bottom: 10px;
}

div.highlight div {
    text-align: left;
    color: #6d3632;
    padding-top: 10px;
    font-size: .8em;
}
div.highlight div a {
	color: #6d3632;
	text-decoration: none;
}
div.highlight div a:hover {
	text-decoration: underline;
}

div.main {
    float: right;
    width: 480px;
}

div.main img { margin-bottom: 10px; }

div.main .innards {
    padding: 0 15px;
}

/*** Colophon ***/
h2 {
    background: url(../images/header_whats_abreast.gif) no-repeat top left;
    text-indent: -5000px;
    width: 262px;
    height: 25px;
    line-height: 25px;
    margin-top: 10px;
}

div.colophon {
    background: #d9a8a7 url(../images/bg_colophon.jpg) repeat-x top left;
    color: #4e4a4c;
    border: 4px solid #ba5470;
    border-bottom: 8px solid #ba5470;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
}

div.colophon a:link, div.colophon a:visited, div.colophon a:hover, div.colophon a:active { color: #e7158c; }

div.colophon h3 { text-indent: -5000px; }
div.colophon p { margin-top: 10px; }

div#knowing, div#resources, div#ask, div#store, div#news {
    float: left;
    margin: 10px 20px 10px 0;
}

div#knowing div, div#resources div { width: 220px; margin-left: 20px; }
div#ask { width: 190px; }
div#store { width: 170px; }
div#news { width: 202px; }

div#resources h3 { background: url(../images/header_resources.gif) no-repeat top left; width: 136px; height: 12px; }
div#knowing h3 { background: url(../images/header_testimonials.gif) no-repeat top left; width: 103px; height: 13px; }
div#ask h3 { background: url(../images/header_ask_the_boob_lady.gif) no-repeat top left; width: 162px; height: 16px; }
div#store h3 { background: url(../images/header_boob_store.gif) no-repeat top left; width: 93px; height: 13px; }
div#news h3 { background: url(../images/header_boob_news.gif) no-repeat top left; width: 202px; height: 13px; }

div#store img, div#knowing img, div#resources img {
    float: left;
    margin-right: 4px;
}

div#news img {
    margin: 10px 2px 5px 2px;
}

/*** Footer ***/
div.footer {
    clear: both;
    background: url(../images/bg_footer.jpg) repeat-x top left;
    border: 4px solid #f663ac;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    height: 24px;
    margin: 10px 0;
}

div.footer a:link, div.footer a:visited, div.footer a:hover, div.footer a:active {
    color: #e5cbbe;
    font-weight: bold;
    text-decoration: none;
}

div.footer a:hover { color: #f663ac; }

div.footer ul {
    float: left;
    display: inline;
}

div.footer li {
    float: left;
    line-height: 24px;
    margin-left: 1em;
}

div.toes {
	margin: 10px 0 10px 0;
	color: #503B26;
}

/*** Florals ***/
.swirl { position: absolute; }

.sleft {
    top: 64px;
    left: -17px;
    z-index: 900;
}

.sright {
    top: 540px;
    left: 620px;
    z-index: 100;
}

/*** Advertisement ***/
div#ad {
    position: absolute;
    top: 101px;
    left: 860px;
    z-index: 100;
}

/*** Other Mike Styles ***/
.testimonial {
	color: #333;
	padding: 7px 5px 15px 5px;
	border-bottom: 1px solid #dbbc7d;

}
.testwho {
	color: #5B503E;
	text-align: right;
	font-style: italic;
}
.line {
	height: 1px;
	background-color: #dbbc7d;
}


/** Questionnaire **/
#questionnaire .qtitle {
	font-weight: bold;
	font-size: 1.4em;
	vertical-align: middle;
	color: #693234;
	padding: 20px 0 10px 0;
}

#questionnaire .headbn {
	padding-bottom: 4px;
}

#questionnaire textarea {
	margin-top: 5px;
}

.ltext {
	color:#693234;
	font-family:georgia,'minion web',times,serif;
	font-size:12px;
	line-height:16pt;
	vertical-align:middle;
}

/** Boob IQ Test **/
#boobiq td {
	padding-top: 15px;
}
#boobiq .qtitle {
	font-weight: bold;
	font-size: 1.4em;
	vertical-align: top;
	color: #693234;
	padding: 15px 10px 0 10px;
}

.iqYes {
	background-color: #c0fda9;
}
.iqNeutral {
	background-color: #fefe9b;
}
.iqNo {
	background-color: #ff8879;
}

.iqMarker {
	width: 32px;
	height: 20px;
	margin: 0 5px 3px 0;
	position: relative;
	top: -3px;
	float: left;
}


/** Boobography **/

h3.boobography {
	border-bottom: 1px solid #dbbc7d;
	padding-bottom: 6px;
	margin-bottom: 12px;
}
h3.boobography span {
	font-size: 1.2em;
	color: #dbbc7d;
	font-weight: normal !important;
	padding-right: 5px;
	font-family: Verdana;
}

.boobographyTop {
	float: right;
	font-family: Verdana;
	font-size: 10px;
	color: #d43f64;
	position: relative; top: -16px;
}
.boobographyTop img {
	position: relative; top: 13px; left: 5px;
}

.boobthumb {
	float: left;
	width: 30%;
	padding:0 7px;
	text-align:center;
	height:290px;
	position:relative;
}
.boobthumb .moreDetails {
  text-indent:-10000px;
  display:block;
  background:transparent url(../images/btn_more_details.png) top left no-repeat;
  height:18px;
  width:93px;
  position:absolute;
  bottom:25px;
  z-index:10;
  left:7px;
}

.boobthumb .closeDetails {
  text-indent:-10000px;
  display:block;
  background:transparent url(../images/btn_close_details.png) top left no-repeat;
  height:18px;
  width:93px;
  position:absolute;
  top:123px;
  z-index:12;
  margin-left:10px;
}
.detailedBookInfo {
  display:none;
  top:132px;
  position:absolute;
  width:212px;
  padding:20px 10px 10px 10px;
  background:transparent url(../images/bg_popup.png) top left repeat;
  border:1px solid #e0c699;
  z-index:11;
  box-shadow:#8e897d 2px 1px 7px;
  -moz-box-shadow:#8e897d 2px 1px 7px;
  -webkit-box-shadow:#8e897d 2px 1px 7px;
  behavior:url('../pie.htc');
}
.detailedBookInfo span {
  border-top:3px solid #e0c699;
  padding:10px 8px 3px 8px;
  display:block;
  margin-top:5px;
}

.boobthumb .moreDetails:hover, .boobthumb .closeDetails:hover {
  background-position:top right;
}
.boobthumbText {
  float:left;
  text-align:justify;
	font-size: .9em;
}

.boobthumbText em {
  color:#4a3611;
  display:block;
  text-align:left;
}

.boobthumbTextWide {
	float: right;
	width: 335px;
	font-size: .9em;
	color: #ae9a76;
}
.boobthumbText a, .boobthumbTextWide a {
	color: #d60f62;
	font-weight: bold;
}
.boobthumbText p, .boobthumbTextWide p {
	color: #75674f;
}
.boobthumbText img, .boobthumbTextWide img {
	line-height: 0;
	margin-bottom: 0px !important;
}

.boobthumbTextWide {
	width: 441px;
	float: none;
}

.boobthumbImg {
	text-align: center;
}

.boobthumbImg img {
  box-shadow:#8e897d 3px 3px 7px;
  -moz-box-shadow:#8e897d 3px 3px 7px;
  -webkit-box-shadow:#8e897d 3px 3px 7px;
  behavior:url('../pie.htc');
}

/** Haiku **/
ul.normal {
	list-style: disc;
	margin-left: 15px;
	padding-left: 15px;
	margin-bottom: 10px;
}
ul.normal li {
	padding-top: 5px;
}

center.haiku {
	padding-top: 10px;
	border-bottom: 1px dashed #F5BBBA;
}

center.haiku p {
	font-style: italic;
	color: #D60F62;
	margin-top: 10px;
	padding-top: 10px;
	text-align: center;
	border-top: 1px dashed #F5BBBA;
	width: 250px;
}

small {
	font-size: x-small;
}

table.boobicons tr td {
	padding: 15px 20px 0 0;
}
table.boobicons tr td.bicon {
	font-family: monospace;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	letter-spacing: -.03em;
	color: #000;
}

p.mammoir, p.talkback {
	padding: 10px 0;
	border-bottom: 1px dashed #F5BBBA;
	clear: left;
}

.mamMammoir {
	clear: both;
	padding-bottom: 7px;
}

.mamBra {
	background: url(../images/bra-size.gif) top left no-repeat;
	width: 120px;
	height: 24px;
	float: left;
}
.mamBra span {
	padding: 2px 0 0 68px;
	display: block;
}

.mamAge {
	background: url(../images/age.gif) top left no-repeat;
	width: 60px;
	height: 24px;
	float: left;
}
.mamAge span {
	padding: 2px 0 0 42px;
	display: block;
}
.mamEth {
	width: auto;
	float: left;
	border-left: 1px dotted #F5BBBA;
	margin-left: 5px;
}
.mamEth span {
	padding: 2px 0 2px 6px;
	display: block;
}

.mamTalkBack {
	float: left;
	width: 260px;
	margin-right: 10px;
}



#results {
	margin-left: 40px;
}

/** Boobs on tour widget **/
#bt158005207X {
	margin-top: 10px;
}
table#author_widget td {
	padding: 3px;
}

.adpromo {
  font-size: 10px;
  padding: 5px;
  margin: 5px 0 10px 0;
  background-color: #B9506D;
}
.adpromo a {
  color: #fff;
  text-decoration: none;
}
.adpromo a:hover {
  text-decoration: underline;
  color: #fcc;
}


img.frame {
    border: 1px solid #F0DBB6;
    padding: 4px;
    background-color: #F1E7D3;
}

ol {
  list-style-type: decimal;
}
ol li {
  padding-bottom: 5px;
}

/** Magazine redo **/
.zinelist p {
  float: left;
  width: 130px;
  margin-left: 20px;
  color: #594B2E;
}
.zinelist p img {
  margin: 0;
}
.zinelist p.nophoto {
  padding-top: 162px;
}
.zinelist p a {
  font-weight: bold;
}

/** boobiepedia **/
.boobiepedia strong {
  font-size: 1.2em;
}
.boobiepedia p {
  padding-top: 15px;
}
.boobiepedia p:hover, .boobiepedia li:hover {
  color: #000;
}
.boobiepedia img {
  margin: 13px 0 0 10px;
  float: right;
}
.boobiepedia .divider {
  background: #FFF0F6;
  padding: 5px 12px 5px 6px;
  margin-top: 20px;
  border: 1px solid #FFC4DA;
  position: relative;
  left: -6px;
}
.boobiepedia .mainLetter {
  float: left;
  font-size: 1.8em;
  font-weight: bold;
  color: #D2AD69;
  padding: 4px;
  border: 1px solid #eee;
  background: #fff;
}
.boobiepedia .index {
  margin-top: 10px;
  float: right;
}