/* v1.0 | 20080212 */

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}


/* reset the font size to 1em.
1em is equal to 10pt (the new default), 
1.2em is 12pt, 1.6em is 16pt, etc. (unless nested) */
body {font-size: 62.5%;}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ol, ul, dl {
	margin: 0 0 1em;
}

body {
    margin: 0  0 18px;
    font-family: verdana, arial, helvetica;
    line-height: 1.3em;
    color: #12396E;
/*    background: #dbeefa;*/
    background: #e6f1fb url(../images/bg-gradient-blue.png) repeat-x 0 0;
    border-top: 4px solid #3d88f4;
    
}

/* default text sizes */
p, li, dt, dd, td, th {font-size:1.3em;line-height: 1.3em;color:#000066;}
li * {font-size:inherit;}
h1 { font-size: 2.7em; line-height:1.2em; font-family:Arial;color:#a62e8c;}
h2 { font-size: 1.6em; line-height:1.2em;}
h3 { font-size: 1.5em; }
h4 { font-size: 1.4em; line-height:1.3em;}
h5 { font-size: 1.35em; }
h6 { font-size: 1.3em; }

.hp_highlite {margin-bottom:.9em;}
.hp_highlite.diaper {font-weight:normal;}

a           { text-decoration: underline; }
a:link		{ text-decoration: underline; color: #f03c9a;}
a:visited	{ text-decoration: underline; color: #f03c9a;}
a:active	{ text-decoration: underline; color: #b7196c;}
a:hover		{ text-decoration: underline; color: #0066cc;}



#homepage {position:relative;float:left;/*padding-left: 430px;*//*padding-right:40px;*/width:800px;}
/*#splashlink {position:absolute;left:0;width:406px;height:554px;top:0;}*/
#rightcol {float:right;width:330px;margin-right:40px;/*border:1px solid red;*/}
#splashlink {float:left;width:430px;}
#splashlink .splashimage a {display:block;width:406px;height:554px;text-indent: -3000px;background: transparent url(../images/mom_holding_baby.jpg) no-repeat;}
/* layout structure */
#page_container {margin:0 auto; padding:0; text-align:left; width: 800px;background:#fff;}
#content {float:left; width:800px;padding:0;margin: 0 0 30px;background:#fff;}

#toplinks {width:780px; padding: 10px 10px 16px;text-align:right;margin:0;background: #e6f1fb url(../images/bg-gradient-blue.png) repeat-x 0 0;}
#toplinks li {display:inline; margin-left:.75em;}
#toplinks li a {text-decoration:none;color:#00003e;}
#toplinks li a:hover {text-decoration:underline;color:#002a67;}
#toplinks #signin {text-align:right; margin-left:1.5em;}
#toplinks #signin a {text-decoration:underline;}
#header {float: left;width: 100%;background:#fff;position:relative;height:auto;}

/*#homelogo {float:right;margin: -18px -35px 0 0;}*/
#logo {float: right;position:absolute;top:10px;right:10px;}
#homepage h1 {clear:both;/*background: #fff url(../images/tt_slogan_01.png) no-repeat;*//*height: 78px;*//*width:270px;*//*text-indent: -3000px;*/margin-top:90px;}
#homepage h1 a {/*height:78px;*/ /*width:270px;*/display:block;text-decoration:none;color:#332076;font-size:1em;/*font-weight:normal;*/}
#homepage h1 a:hover {text-decoration:underline;}
#homepage h2 {
    font-size:1.4em;
    font-weight: 400;
    margin: 0 0 1.4em;
    line-height: 1.4em;
}
#homepage h3 {
    font-size:1.4em;
    font-weight: 400;
    margin: 0 0 1.2em;
    line-height: 1.4em;
}
#homepage p {
    margin: 0 0 1em;
    display:block;
    clear:both;
}

#homebuttons {float:left;margin:1em 0 2.5em;padding:0;width:100%;}
#homebuttons li {float:left;margin:0;list-style: none !important;}
.top-pitch {float:right;width:auto !important;margin:110px 0 20px 20px;}
.bottom-pitch {margin-top:20px;float:left;width:100%;}
.bottom-pitch a {float:left;}
.try, .tour {display:block;height:47px;text-indent: -3000px;margin-bottom:10px;}
.try {background: #fff url(../images/try-it-free.png) no-repeat; width: 147px;}
.tour { background: #fff url(../images/take-the-tour2.png) no-repeat; width: 166px;}


#footer {
	clear: both;
	height: 1%; /* IE/Win needs a specified deminsion to clear */
	text-align: center;
	padding-top: 20px;
	border-top: 1px solid #CCC;
	background: #e6f1fb;
}
#copyright {font-size:1.1em;}
#footer ul li {display:inline; padding:.6em;}


/* nav structure */
div.nav_wrap {float: left;width: 600px;background:#fff;}
ul.nav {
	float: left;
	display: inline; /* fixes IE/Win double margin bug */
	margin:0;
	padding:0;
	list-style: none;
	background: #888;
	}
.nav li {
	float: left;
	display: inline; /* fixes IE/Win double margin bug */
	margin:0;
	padding:0;
}	
ul.nav a {
	float: left;
	margin:0;
	padding:0;
    font-size: .9em;
	text-decoration: none;
	background: #9bc0e5;
	border-right:1px solid #e6f1fb;
	}
ul.nav a span {
	float: left;
	display: block;
	margin:0;
	padding: 4px 13px 4px 13px;
	color: navy;
	font-weight: bold;
	white-space: nowrap;
	background: #9bc0e5;
	}	
/* hover */
ul.nav a:hover span {color: #222;}
.nav a:hover {background: #fff;color: #F03C9A;text-decoration: none;}
.nav a:hover span {
	background: #fff;
	color: #F03C9A;
	}
.nav a:visited {
	text-decoration: none;
	}
#home #nav_home a, 
#tour #nav_tour a, 
#about #nav_about a, 
#press #nav_press a, 
#signup #nav_signup a, 
#pricing #nav_pricing a, 
#faq #nav_faq a {
	border-width:0;
	background: #fff;
	border: 1px solid #888;
	border-bottom: 0;
	text-decoration: none;
	}

#home #nav_home a span, 
#tour #nav_tour a span, 
#about #nav_about a span, 
#press #nav_press a span, 
#signup #nav_signup a span, 
#pricing #nav_pricing a span, 
#faq #nav_faq a span {
	background: #fff;
	color: #F03C9A;
	}

/* sub nav */
div.subnav_wrap {width: 600px;margin:20px 0 0;/*border:1px solid red;*/float:left;display:inline;}
ul.subnav {float: left;display: inline;margin: 0 auto;padding:0;list-style: none;}
.subnav li {float: left;display: inline;margin:0;padding:0;}	
ul.subnav a {
	float: left;
	margin:0;
	padding:0 0 0 2px;
	text-decoration: none;
	background: #ddd
	}
ul.subnav a span {
	float: left;
	display: block;
	margin:0;
	padding: 4px 6px 4px 4px;
	color: #222;
	}	
ul.subnav a:hover span {color: #fff;}
.subnav a:hover {
	background: #aaa;
	color: #fff;
	text-decoration: none;
	}
.subnav a:hover span {
	background: #aaa;
	color: #fff;
	}
.subnav a:visited {
	text-decoration: none;
	}
.subnav li.on a span, 
.subnav li.on a {
	background: #12396e;
	color: #fff;
	text-decoration: none;
}

/* site wide stats box
-------------------------------------------------------------------------*/
.publicstats {
	float:left;
    list-style-type: none;
}
.publicstats li {
	line-height:34px;
	float:left;
	clear:both;
    margin: 0 0 10px;
    text-indent: 44px;
}
.publicstats li.sleepstat   {background: #fff url(http://www.trixietracker.com/images/sleep_icon_wide.gif) 2px 50% no-repeat;}
.publicstats li.diaperstat  {background: #fff url(http://www.trixietracker.com/images/diaper_icon.gif) 0 50% no-repeat;}
.publicstats li.bottlestat  {background: #fff url(http://www.trixietracker.com/images/bottle_nipple_icon.gif) 4px 50% no-repeat;}
.publicstats a {
    display:block;
    color: #12396E;
    text-decoration:none;
    white-space: nowrap;
}
.publicstats a:hover {
    color: #12396E;
    text-decoration:none;
}
.publicstats strong {font-size: 1.5em;}


/* general descriptions */
dt {margin: 0 0 4px 0;color: #000066;}
dd {margin: 0 0 5px;padding:0;}

#sidebar1 {float: right; width: 300px;}
#sidebar1 h3 {width: 250px;line-height:1.3em;float:none;margin: 0 auto 1em;}
#sidebar1 p {width: 250px;line-height:1.3em;float:none;margin: 0 auto 2em;}
#sidebar {
	float: right;
	width: 206px;
	padding: 15px;
	margin:0;
	background: #e9f0f8;
	color: #000;
	border: 2px solid #ccc;
}
#sidebar1 #sidebar {float:none;margin: 0 auto;}
#tdesc h3 {margin: 10px 0;}

#primary {float: left;width: 410px;margin: 0 10px 0 0;}
#tdesc img {
	padding: 0px;
	margin: 0 0 4px;
}
img.border {border: 1px solid #999;}

.caption {
	margin:0;
	padding:0;
	text-align: left;
	color: #3333CC;
}
#sidebar img {
	padding: 2px;
	margin:0;
	background: #fff;
	border: 1px solid #ccc;
}
#sidebar dl {
	margin: 0 0 20px;
}
#sidebar dd.caption {
	margin:0;
	padding:0;
	color: #000;
}


/* legal docs */
#legal {
/*  font-size: 1.25em;*/
	width: 800px;
	margin: 0 auto;
	padding:0;
	text-align: left;
	color: #000;
	background: #fff;
}
#legal p, #legal li {
	line-height: 1.5em;
	margin: 0 0 15px 0;
}
#legal li {
	margin: 0 0 5px 0;
}
#legal h1 {
/*  font-size: 1.75em;*/
	margin: 20px 0px 0px 0px;
	padding:0;
}


/* tables */
table {
	width: 100%;
	color: #000;
	clear: both;
	empty-cells:show;
	border-collapse: collapse;
	border: 1px solid #ddd;
	border-bottom: none;
	background: #fff;
	}
table th, table td {
	margin:0;
	padding: 4px 0px;
	text-align: center;
	border-bottom: 1px solid #DDD;
	}

span.hl {
	padding: 0 7px;
	background: #ffff85;
	font-size:1.1em;
}


p.footnote {color: #888;margin:30px 0;}
dl.review dd {margin-left: 20px;}
dl.review dd span {color: #888;}
dl.review dd a {color: #333;text-decoration: none;}
dl.review dd a:hover {text-decoration: underline; color: #000;}



#single {padding:0 30px 2em;clear:both;margin:0;width:738px;border:1px solid #fff;background:#fff;}
#single p {/*border:1px solid red;*/}
#single h1 {margin-top:35px;}
#single ul, #single ol {padding:1em 3.5em;}
#single ul li {list-style:disc; margin-bottom:.8em;}

#single h2 {margin-top:1.5em;/*clear:both;*/}
#single .buzz h2 {margin:2em 0 .2em;/*width:40em;*/}
#single .buzz blockquote {margin:0 0 2em;}
#single .buzz cite {display:block;margin:0 1em;font-size:.9em;color:#000;}

#features {background:#e9f0f8;padding:2em 4em;display:none;}
#features ul {padding:0 1em 2em;}
#features ul li {line-height:1.5em;}

.feature p.image {float:left; width:150px !important;height:150px;overflow:hidden;margin:0;border:2px solid #3b87f5;padding:0;}
.feature h2 {float:right; width:570px;padding:0;margin:0 0 .45em!important;}
.feature h2 a {color: #12396E;}
.feature p {float:left; width:450px !important; padding-left:20px;}
.feature {margin:2em 0 3em;float:left;}

#primary p {width:100%;}
#tourlist {clear:both;}

.imagecaption {margin:2em 0 2em;border:1px solid #eee;padding:1em;}
.imagecaption span {display:block;color: #3333CC;;font-size:.9em;font-style:italic;}

p.imagecaption.left {float: left !important; padding: 4px; width: 172px !important;margin-right:20px;}

#otherfeatures {clear:both;}
#otherfeatures ul {padding:0 30px 2em;}
#otherfeatures li {list-style:disc;padding:0 0 .2em;font-size:1.5em;}

.footerpitch {background:#e8d6ff;padding:10px;margin-top:40px; }
.footerpitch h3 {line-height:1.3em; font-family:Georgia,"Times New Roman",serif;font-weight:normal;font-size:2.2em;}
.footerpitch a {color:#b10099;}


#privacy #single p, #privacy #single li,
#terms #single p, #terms #single li {margin: 0 0 1em 0;}
ol.decimal      {list-style-type: decimal;}
ol.lower-alpha  {list-style-type: lower-alpha;}
ol.lower-roman  {list-style-type: lower-roman;}
#privacy #single h1, #terms #single h1 {width:500px;}
#privacy #single h2, #terms #single h2 {font-size:1.9em;}
.new {background:#ffffc4;}

.bvsp {font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:1.1em;
border:2px solid #bddcf8;
margin:1.35em auto 3.75em;}
.bvsp td {color:#000066;border-bottom:1px solid #e5eff8;border-left:1px solid #e5eff8;padding:.3em 1em;text-align:center;}
.bvsp td.yes {background: transparent url(../images/tick.gif) no-repeat 50% 50%; text-indent: -5000px;}
.bvsp td.no {color:#888;}
.bvsp tr.odd {background:#f7fbff;}

.bvsp th {font-weight:normal;text-align:left;border-bottom: 1px solid #e5eff8;border-left:1px solid #e5eff8;padding:.3em  .5em .3em  2.5em;line-height:1.75em;background:#f9fcfe;}
        	
.bvsp tr.odd th {background:#f4f9fe;}
.bvsp thead th,
.bvsp tfoot th {background:#1a6baa;text-align:center; 
    font: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;color:#fff;width:25%; padding:.3em;font-size:1.4em;font-weight:bold;}
/*.bvsp tfoot strong, .bvsp thead strong {display:block;color:#a62e8c;}*/
.bvsp caption {font-size:1.8em; line-height:1.5em;font-weight:bold;
	color: #12396e;
		margin: .35em 0 0 0;
		padding:0;
		caption-side:top;
		text-align:left;
	}
.bvsp .column1 {50%;background:#f9fcfe;}

.bvsp .subhead {font-weight:bold;font-size:1.7em;color:#1a6baa;padding:0 0 0 10px;background:#e8f5fd;}
.diapericon  {background: #fff url(http://www.trixietracker.com/images/diaper_icon.gif) 0 top no-repeat; padding-left:50px;/*height:3em;*/ margin-bottom:2.5em;line-height:1.5em;}
.diapericon em {background:#70fc50;font-style:normal;padding:.1em .15em;color:#000;}
/*.pricing td {font-size:1.6em;}*/
.iphone  {margin:0 auto;text-align:center;padding: 0 65px;}
.fineprint {padding-top:2em;font-size:1.2em;}
.million {font-size:1.2em;}
.price {font-size:1.9em;}

.mainstream {width:400px; background:#eee;padding:1em 1em 0; border:1px solid #eee;} 
.mainstream h2 {margin-top:0 !important;padding:0;}
.mainstream p {margin:0 0 2em;}
.mainstream span {display:block;}
h2.larger {font-size:1.9em;}

/* highlight text selections */
::-moz-selection {color:#fff; background:#a62e8c;}
::selection      {color:#fff; background:#a62e8c;}