/* Stylesheet for realwaterbabies.com

created by Martin Bell

(C) 2008 Wild Planet Entertainment, Inc.
*/


 /*import the sitewide footer structure */
 
 @import url("http://www.wildplanet.com/sitewide/footerStructure.css");
 
 /*import dolls section specific styles*/
 
 @import url("dolls.css");

/*------------------------------------------globals*/

a {
	color: #5F363A;
	font-weight: bold;
	}
	
a:hover {
	color: #0078AE;
	}

p {
	color: #5F363A;
	font-size: 0.9em;
	line-height: 150%;
	}
	
p:first-letter {
	font-size: 1.4em;
	font-variant:small-caps;
	}
	
h1{
	clear: both;
	}

h2, h2 a {
	font-size: 1.1em;
	padding-top: 15px;
	font-weight: bold;
	color: #944c6a;
	}
	
h3 {
	color: #754c24;
	font-size: 0.9em;
	font-weight: bold;
		}
	
.hidden {
	display: block;
	text-indent: -9999px;
	}
	
.clear {
	clear: both;
	}

.right {
	width: auto;
	float: right;
	
	}
	
.left {
	width:auto;
	float: left;
	}

strong {
	font-weight: bold;
	}
	
small {
	font-size: 0.6em;
	color: #5F363A;
	}

/*---------------------------------------structure*/

html {
	background: transparent url(../images/structure/bg.gif) fixed 0 0;
	}

body {
	text-align: center;
	padding-top: 30px;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	}	
	
#container {
	text-align: left;
	margin: 5px auto;
	width: 940px;
	}
	
#mainContent {
	width: 680px;
	float: right;
		}
		
#sidebar {
	margin-right: 680px;
	}

#subNav, #copyright {
	clear: both;
	width: 100%;
		}
	
 div.footer {
	background: #ededed url(../images/structure/footerBg.png) repeat-x 0 0;
	margin-top: 20px;
	padding-top: 30px;
				}

#footerBrands {
		margin-left: 15%;
		}
		
div.footer li {
	padding-bottom: 5px;
	}
	
div.footer h3 {
	font-size: 1.2em;
	padding-bottom: 10px;
	}
	
a#footerLogo {
	background: transparent url(http://www.wildplanet.com/sitewide/wpLogoWht.png) no-repeat 0 0;
	}

	
/*---------------------------------header*/	

#header li a {
	float: left;
	width: 115px;
	height: 84px;
	margin-left: 15px;
			}
	
a#headerDolls {
	background: transparent url(../images/elements/headerNavDolls.png) no-repeat 0 0;
	}


a#headerMoms {
	background: transparent url(../images/elements/headerNavMoms.png) no-repeat 0 0;
	}


a#headerStory {
	background: transparent url(../images/elements/headerNavStory.png) no-repeat 0 0;
	}

a#headerFun {
	background: transparent url(../images/elements/headerNavFun.png) no-repeat 0 0;
	}
	
a#headerVideo {
	background: transparent url(../images/elements/headerNavVideo.png) no-repeat 0 0;
	}
	
/*rollovers*/
a#headerDolls:hover, a#headerMoms:hover, a#headerStory:hover, a#headerFun:hover, a#headerVideo:hover,
body.dolls a#headerDolls, body.moms a#headerMoms, body.story a#headerStory, body.fun a#headerFun, body.video a#headerVideo
  {
	background-position: 1px -83px;
	}



/*---------------------------------sidebar*/

a#logo {
	background: transparent url(../images/elements/logo.png) no-repeat -10px 0;
	height: 251px;
	width: 268px;
	margin-top: -20px;
	}
	
a#logo:hover {
	background-position: -9px 1px;
	}

#faqs {
	background: transparent url(../images/elements/faqsBg.png) no-repeat 0 0;
	padding: 40px 0 10px 40px;
	margin-top: -20px;
		}
	
#faqs h2 {
	background: transparent url(../images/headers/faqs.gif) no-repeat 0 0;
	height: 50px;
	margin-left: 20px;
	margin-bottom: -15px;
	}
	
#faqs li {
	font-size:12px;
	width: 175px;
	padding: 5px;
	
	}
		
#sidebarStory {
	background: transparent url(../images/elements/sidebarStory.png) no-repeat 10px 0;
	padding: 40px 0 10px 40px;
	margin-top: -30px;
		}
	
#sidebarStory h2 a {
	background: transparent url(../images/headers/waterBabiesStory.gif) no-repeat 0 0;
	height: 50px;
	padding-top: 0;
		}
	
#sidebarStory h2 a:hover {
	background-position: 0 -53px;
	}
	
#sidebarStory p {
	font-size: 11px;
	width: 180px;
	margin-left: -5px;
	padding-bottom: 10px;
	line-height: 110%;
	
	}
	
#sidebarshare h2 a {
	background: transparent url(../images/elements/sidebarShare.png) no-repeat 0 0;
	height: 160px;
	margin-top: -25px;
	padding-top: 0;
		}
		
#sidebarshare h2 a:hover {
	background-position: 1px -174px;
	}

#sidebarEmail {
	background: transparent url(../images/elements/emailForm.png) no-repeat 0 0;
	padding: 20px 0 0 30px;
	margin: -50px 0 0 20px;
	}
	
#sidebarEmail h2 {
	background: transparent url(../images/headers/stayConnected.gif) no-repeat 0 0;
	height: 42px;
	}
	
#sidebarEmail p {
	font-size: 12px;
	width: 175px;
	margin-top: -10px;
	}
	
#sidebarEmail input {
	display: block;
	color: #5F363A;
	margin-top: -7px;
	}
	
input#submitBtn {
	position: relative;
	left: 135px;
	top: -30px;
	}
	
/*---------------------------------main content*/	
#breadcrumbs {
	clear: both;
	padding: 20px 0 5px 60px;
	}
	
#breadcrumbs a {
	font-weight: normal;
	font-size: 0.9em;
	text-decoration: none;
	}

#breadcrumbs a:before {
	content: "/ ";
	}

#breadcrumbs a:first-child:before {
	content: none;
	}
	
#copy {
	padding: 10px 60px;
	float:inherit;
		}

#mainContent h1, #mainContent h2.pageTitle {
	height: 86px;
	margin-left: -60px;
	}
	
#mainContent h3 {
	padding: 20px 0 5px 0;
	}

#copy p {
	margin-top: 20px;
	}

		
/*---------------------------------sub nav*/

#subNav{
	background: transparent url(../images/structure/subNavBg.png) no-repeat 0 0;
	padding: 20px;
				}
				
#subNav div {
	float: right;
	width: 255px;
	margin-top: -50px;
			}
	
#subNav ul {
	margin-right: 215px;
		}
			
#subNav a {
	font-weight: normal;
	}
	
#subNav ul li ul {
	background: none;
	padding: 0;
	margin-left: 236px;
	margin-right: 0;
			}
	
 #subNav ul li ul li{
	float: left;
	margin: 2px 10px 3px 0;
	font-size: 12px;
		}

#subNav h3 {
	width: 216px;
	float: left;
	}
	
#subNav h3 a {
	display: block;
	text-indent: -9999px;
	height: 21px;
		}

#subNav h3 a:hover {
	background-position: 100% -22px;
	}

#dollsNav {
	height: 27px;
	}
	
#dollsNav h3 a{
	background: transparent url(../images/elements/subNavDolls.gif) no-repeat 100% 0;
	}

#momsNav {
	height: 60px;
	padding-top: 15px;
	}
		
#momsNav h3 a {
	background: transparent url(../images/elements/subNavMoms.gif) no-repeat 100% 0;
		}

#storyNav {
	height: 27px;
	}
		
#storyNav h3 a {
	background: transparent url(../images/elements/subNavStory.gif) no-repeat 100% 0;
	}

#funNav {
	height: 45px;
	padding-top: 15px;
	}
		
#funNav h3 a {
	background: transparent url(../images/elements/subNavFun.gif) no-repeat 100% 0;
 	}

	
#buySubNav {
	background: transparent url(../images/elements/whereToBuy.png) no-repeat 0 0;
	height: 77px !important;
	margin-left: 30px;
	}
	
#buySubNav:hover {
	background-position: 1px -74px !important;
	}

#adSubNav {
	background: transparent url(../images/elements/watchTvAd.png) no-repeat 0 0;
	height: 156px !important;
	}
	
#adSubNav:hover {
	background-position: 1px 1px !important;
	}

	

	

	
/*---------------------------------------section specific*/	
	

/*home*/

body.home {
	background: transparent url(../images/structure/homeBody.png) no-repeat fixed 0 0;
	}

 body.home #breadcrumbs {
	background: transparent url(../images/structure/homeBreadcrumbs.png) no-repeat 0 0;
	}
	
body.home #mainContent h1 {
	background: transparent url(../images/headers/homeHeader.png) no-repeat 0 0;
	height: 410px;
	margin-left: 0;
	}
	
body.home #mainContent p {
	background: transparent url(../images/structure/homePara.png) no-repeat 0 0;
	padding: 0 80px 40px 100px;	
	}
	
	
/*moms*/		
body.moms {
	background: transparent url(../images/structure/momsBody.png) no-repeat fixed 0 75%;
	}
	

body.moms #breadcrumbs {
	background: transparent url(../images/structure/funBreadcrumbs.png) no-repeat 0 0;
	}
	
body.moms #copy {
	background: transparent url(../images/structure/funMainBg.png) repeat-y 0 0;
	margin-bottom: 67px;
	}
	
body.moms #mainContent {
	background: transparent url(../images/structure/funMainBottom.png) no-repeat 0 100%;
	}

body.moms #copy ul li {
	margin: 20px;
	}

#momsIndex p {
	margin: 20px;
	}

h1#moms {
	background: transparent url(../images/headers/forMomsHead.png) no-repeat 0 0;
	}
	
#Ab {
	background: transparent url(../images/headers/aboutWBHead.png) no-repeat 0 0;
	}
	
#An {
	background: transparent url(../images/headers/expertViewHead.png) no-repeat 0 0;
	}
	
#Aw {
	background: transparent url(../images/headers/awardsHead.png) no-repeat 0 0;
	}
	
#FA{
	background: transparent url(../images/headers/faqsHead.png) no-repeat 0 0;
	}

#Pl {
	background: transparent url(../images/headers/playIdeasHead.png) no-repeat 0 0;
	}
	
#Sh {
	background: transparent url(../images/headers/shareStoryHead.png) no-repeat 0 0;
	}
	
#Wh {
	background: transparent url(../images/headers/whereToBuyHead.png) no-repeat 0 0;
	}
	
#mainContent h1.postTitle {
	height: auto;
	margin: 0 10px 10px 0;
	font-size: 30px;
	font-weight: bold;
	line-height: 125%;
	color: #00aeef;
	border-bottom: 1px solid #facbd6;
	}

#socialBookmarks {
	background-color: #fff;
	padding: 10px;
	border: 1px solid #facbd6;
	width: 85%;
	margin-bottom: 20px;
	}
	
#socialBookmarks li {
	display: inline;
	}
	
#socialBookmarks li a {
	font-size: 9px;
	}
	
/*comments*/

#respond {
	background: transparent url(../images/structure/commentsTop.png) no-repeat 0 0;
	margin-top: 20px;
	height: 53px;
	clear: both;
	}
	
#commentsBox {
	background: transparent url(../images/structure/commentsBody.png) repeat-y 0 0;
	padding: 10px 10px 0;
	}
	
#commentsBoxBase {
	background: transparent url(../images/structure/commentsBottom.png) no-repeat 0 0;
	height: 90px;
		}
	
ol.commentlist li {
	padding: 20px;
	border-bottom: 1px solid #88c1df;
	border-top: 1px solid #fff;
	margin: 0 50px;
	}
	
ol.commentlist li:first-child {
	border-top: none;
	}
	
ol.commentlist li p {
	font-style: oblique;
	margin-top: 10px;
	}
	

#commentsForm {
	border-top: 1px solid #fff;
	margin: 0 50px;
	padding: 20px;
	}
	
#tellUs {
	font-weight: bold;
	font-size: 18px;
	}

#commentsForm p {
	margin: 30px 0;
		}

#commentsForm p label {
	width: 40%;
	float: left;
	margin-right: 10px;
	clear: both;
	}
	
#commentsForm p em {
	font-size: 10px;
	font-style: oblique;
	}


	
	
/*story*/
body.story	 {
	background: transparent url(../images/structure/storyBody.png) no-repeat fixed 0 75%;
	}
	
body.story #breadcrumbs {
	background: transparent url(../images/structure/storyBreadcrumbs.png) no-repeat 0 0;
	}
	
body.story #copy {
	background: transparent url(../images/structure/storyMainBg.png) repeat-y 0 0;
	margin-bottom: 67px;
	}
	
	
body.story #mainContent {
	background: transparent url(../images/structure/storyMainBottom.png) no-repeat 0 100%;
	}
	
#callout {
	width: 180px;
	float: right;
	background: transparent url(../images/structure/callOutBg.png) no-repeat 0 0;
	padding: 60px 30px 40px 30px;
	margin-left: 20px;
		}
		
#callout li {
	width: 140px;
	margin-bottom: 7px;
	margin-left: 5px;
	color: #0082d4;
	margin: 5px 5px 7px 0;
	font-size: 12px;
	}

#callout li a {
	font-size: 14px;
	}
	
	
#signature {
	background: transparent url(../images/elements/danSig.gif) no-repeat 0 0;
	padding-top: 50px;
	}
	
 h1#wbStory {
	background: transparent url(../images/headers/wbStoryHead.png) no-repeat 0 100%;
	}

h1#birthHead {
	background: transparent url(../images/headers/birthHead.png) no-repeat 0 100%;
	}
	
h1#infancyHead {
	background: transparent url(../images/headers/infancyHead.png) no-repeat 0 100%;
	}

h1#childHoodHead {
	background: transparent url(../images/headers/childhoodHead.png) no-repeat 0 100%;
	}		
	

	
/*fun*/
body.fun	 {
	background: transparent url(../images/structure/storyBody.png) no-repeat fixed 0 75%;
	}
	
body.fun #breadcrumbs {
	background: transparent url(../images/structure/funBreadcrumbs.png) no-repeat 0 0;
	}
	
body.fun #copy {
	background: transparent url(../images/structure/funMainBg.png) repeat-y 0 0;
	margin-bottom: 67px;
	}
	
body.fun #mainContent {
	background: transparent url(../images/structure/funMainBottom.png) no-repeat 0 100%;
	}
	
h1#funHead {
	background: transparent url(../images/headers/funHead.png) no-repeat 0 100%;
	}	
	
#stories li {
	float: left;
	width: 160px;
	margin: 20px;
	display: block;
	
	}
	
#storyBookOne a:first-child {
	background: transparent url(../images/elements/storyBookOneLink.png) no-repeat 0 0;
	height: 163px;
		}
	
#storyBookTwo a:first-child {
	background: transparent url(../images/elements/storyBookTwoLink.png) no-repeat 0 0;
	height: 163px;
	}

/*video*/
body.video	 {
	background: transparent url(../images/structure/storyBody.png) no-repeat fixed 0 75%;
	}
	
body.video #breadcrumbs {
	background: transparent url(../images/structure/videoBreadcrumbs.png) no-repeat 0 0;
	}
	
body.video #copy {
	background: transparent url(../images/structure/videoMainBg.png) repeat-y 0 0;
	margin-bottom: 66px;
	}
	
body.video #mainContent {
	background: transparent url(../images/structure/videoMainBottom.png) no-repeat 0 100%;
	}
	
h1#videoHead {
	background: transparent url(../images/headers/videoHead.png) no-repeat 0 100%;
	}
	
object {
	border: 1px solid #999;
	background: transparent url(../images/structure/videoBg.png) no-repeat 0 0;
	display: block;
	padding: 20px;
	margin: 10px;
	}	

/*404 page*/

body.error #copy {
	background: transparent url(../images/structure/dollsCrossSellBg.png) no-repeat 0 0;
	padding: 40px 40px 200px 40px;
	float: none;
	margin-left: 50px;
	}