/* @override http://local.ibabybuddy.com/css/all.css */

/* RESET DEFAULTS start */
* {font-size: 100.01%;}

html {font-size: 62.5%;}

h1, h2, h3, h4, h5, h6, p, ul {margin: 0;}

ul {padding: 0;list-style: none;}

img {border: none;}

sup { font-size: 0.5em; }

object, embed {margin: 0;padding: 0;display: block;}

a{text-decoration: none;}

a:hover{text-decoration: underline;}

html, body {height: 100%;}
/* RESET DEFAULTS end */

body {
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width: 100%;
    min-width:600px;
	margin: 0 auto;
	color: #331a01;
	background-image: url(../img/bb-background-pattern.gif);
	font: 1.2em/1.5 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

a {
	color: #f6921e;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
}

a:hover {
	background: #f6921e;
	color: #331a01;
	text-decoration: none;
}

h1, h2, h3 {
    margin:.8em 0 .2em 0;
    padding:0;
}

p {
    margin:.4em 0 .8em 0;
    padding:0;
}

img {
	margin:10px 0 5px;
}

/* Header styles */
#header {
    clear:both;
    width: 100%;
	height: 179%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/header.gif);
	float: left;
}

#header h1 {
	display: none;
}

/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}

/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear: both;
    width: 960px;				/* width of whole page */
	overflow:hidden;
	margin-right: auto;
	margin-left: auto;
}

/* holy grail 3 column settings */
.holygrail {
	background: white url(../img/gradient.png) repeat-x 0 bottom;
	border-bottom: 3px solid #f6921e;
	border-left: 1px solid #006191;
	border-right: 1px solid #006191;
}

.holygrail .colmid {
    float:left;
    width:200%; 	/* Width of right column */
    position:relative;
    right:100%;
	margin-left: -265px;
	background-position: 0 top;
	background-repeat: repeat-x;
}

.holygrail .colleft {
    width:100%;
    margin-left:-50%;
    position:relative;
    left: 530px;
	float: left;
}

.holygrail .col1wrap {
    float:left;
    width:50%;
    position:relative;
    right: 240px;        	/* Width of left column */
    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}

.holygrail .col1 {     	/* Centre column side padding:
                        	Left padding = left column width + centre column left padding width
                        	Right padding = right column width + centre column right padding width */
    position:relative;
    left:200%;
    overflow:hidden;
	margin: 0 285px 0 250px;
}

.holygrail .col1 .header {
	position: relative;
	width: 380px;
	overflow: hidden;
	left: -10px;
	margin-bottom: 10px;
	height: 40px;
}

.holygrail .col1 ul {
	margin-left: 5px;
	color: #f6921e;
	font-style: italic;
	line-height: 2;
	margin-bottom: 15px;
}

.holygrail .col1 ul li {
	font-size: 0.90em;
}

.holygrail .col2 {
	float: left;
	float: right;			/* This overrides the float:left above */
    width: 235px;        	/* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:15px;
	float: right;
	margin-top: -165px;
}

.holygrail .col2 a:hover {
	background-color: transparent;
}

.holygrail .col3 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width: 220px;        	/* Width of right column content (right column width minus left and right padding) */
    margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
    position:relative;
    left:50%;
	margin-top: -100px;
}

.holygrail .col3 a:hover {
	background-color: transparent;
}

.holygrail span.smiley {
	font-weight: bold;
	color: #f6921e;
}

.holygrail .appStoreBadge {
	margin-top: -65px;
}

#reviewsCol {
	margin-left: 20px;
	margin-top: 20px;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	font-style: italic;
	font-size: 90%;
}

#reviewsCol h2 {
	font-style: italic;
}

#reviewsCol p {
	border-bottom: 1px dotted #ccc;
}

#reviewsCol .author {
	font-weight: bold;
	color: #f6921e;
	line-height: 300%;
}

#testimonial {
	margin-top: 30px;
	border-bottom: 1px dotted #ccc;
}

#testimonial h2 {
	font-size: 150%;
	line-height: 1.2;
	margin-bottom: 10px;
}

#testimonial p {
	font-style: italic;
	margin-right: 15px;
	text-align: justify;
}

#testimonial .releaseDate {
	font-size: 75%;
	margin-right: 10px;
	margin-left: 10px;
	color: #f6921e;
}

/* Footer styles */
#footer {
    width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#footer p {
    margin:0;
	color: white;
	font-size: 0.9em;
	padding: 10px;
}

#footer span.notice {
	font-size: 90%;
	/* color: #f6921e; */
	line-height: 200%;
}

#footer a.firefox-button img {
	position: relative;
	top: 8px;
}

#footer a.firefox-button:hover {
	position: relative;
	background-color: transparent;
}

#movie {
	width: 350px;
	height: 245px;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
	padding: 4px;
	border-style: none;
}

#clouds {
	background: url(../img/clouds.png) repeat-x 0 bottom;
	height: 55px;
	margin-top: 124px;
}

#socialmedia {
    clear: both;
	height: 65px;
	float: right;
	margin-bottom: 15px;
	background: url(../img/sm-bar-right-cap.png) no-repeat right center;
	margin-right: 5px;
	padding-right: 40px;
	width: 900px;
}

#leftCap {
	background: url(../img/sm-bar-left-cap.png) no-repeat left center;
	height: 65px;
	float: left;
	width: 45px;
}

#socialmedia ul {
	background: url(../img/sm-bar-bg.png) repeat-x center center;
	height: 65px;
	margin-left: 40px;
	padding-left: 15px;
}

#socialMediaMenu li {
	display: inline;
	margin: 0;
	height: 45px;
	list-style-type: none;
	overflow: hidden;
	position: relative;
	width: 45px;
	float: left;
	padding: 10px 2px 0;
}

#socialMediaMenu li.mediakit  {
	width: 135px;
}

#socialMediaMenu li a {
	height: 45px;
	width: 45px;
	display: block;
	font-size: 0;
	color: #f58119;
}

#socialMediaMenu li.mediakit a {
	width: 135px;
}

#socialItem1 a {
	background: url(../img/social-media-icons-download.png) -103px -6px;
}

#socialItem2 a {
	background: url(../img/social-media-icons-download.png) -155px -6px;
}

#socialItem3 a {
	background: url(../img/social-media-icons-download.png) -206px -6px;
}

#socialItem4 a {
	background: url(../img/social-media-icons-download.png) -258px -6px;
}

#socialItem5 a {
	background: url(../img/social-media-icons-download.png) -309px -6px;
}

#socialItem6 a {
	background: url(../img/social-media-icons-download.png) -2px -6px;
}

#socialItem7 a {
	background: url(../img/social-media-icons-download.png) -53px -6px;
}


#mediakit a {
	background: url(../img/social-media-icons-download.png) -360px -6px;
}

#socialItem1 a:hover {
	background: url(../img/social-media-icons-download.png) -103px -58px;
}

#socialItem2 a:hover {
	background: url(../img/social-media-icons-download.png) -155px -58px;
}

#socialItem3 a:hover {
	background: url(../img/social-media-icons-download.png) -206px -58px;
}

#socialItem4 a:hover {
	background: url(../img/social-media-icons-download.png) -258px -58px;
}

#socialItem5 a:hover {
	background: url(../img/social-media-icons-download.png) -309px -58px;
}

#socialItem6 a:hover {
	background: url(../img/social-media-icons-download.png) -2px -58px;
}

#socialItem7 a:hover {
	background: url(../img/social-media-icons-download.png) -53px -58px;
}

#mediakit a:hover {
	background: url(../img/social-media-icons-download.png) -360px -58px;
}

#socialMediaMenu .followUs {
	position: relative;
	width: 80px;
	overflow: hidden;
	left: -10px;
	height: 20px;
	padding-bottom: 10px;
	margin-top: 3px;
}

#socialMediaMenu .shareWith {
	position: relative;
	width: 80px;
	overflow: hidden;
	left: -10px;
	height: 20px;
	padding-bottom: 10px;
	margin-top: 3px;
}

#socialMediaMenu .download {
	position: relative;
	width: 80px;
	overflow: hidden;
	left: -10px;
	height: 20px;
	padding-bottom: 10px;
	margin-top: 3px;
}

/* Feedburner Styles */

blockquote {
	margin: 20px 0;
	padding: 0 20px 0 50px;
	color: #333;
	background: url(../img/quote.png) no-repeat 10px 0;
	border: none; 
	
}

div.feedburnerFeedBlock p.date {
	font-size: 110%;
	font-style: normal;
	font-weight: bold;
	display: inline;
	line-height: 1.2;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
	color: #f6921e;
}

div.feedburnerFeedBlock ul li div {
	/*display: inline;*/
	color: #331a01;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.feedburnerFeedBlock span.headline {
	font-size: 150%;
	line-height: 1.2;
	/*margin-bottom: 10px;*/
}

div.feedburnerFeedBlock span.headline a {
	color: #331a01;
	font-style: normal;
	font-weight: bold;
	padding-left: 0;
}

div.feedburnerFeedBlock ul li {
	margin-top: 30px;
	margin-bottom: 2em;
	padding-left: 0 !important;
	text-indent: 0 !important;
	border-bottom: 1px dotted #ccc;
}

div.feedburnerFeedBlock p.fbsubscribelink {
	text-align: center;
	margin-top: -15px;
}

div.feedburnerFeedBlock p.fbsubscribelink img {
	padding: 0;
	margin: 0;
}

div.feedburnerFeedBlock p.fbsubscribelink a:hover {
	padding-left: 15px;
	border-left: 2px solid #ccc;
	/*color: #f6921e;*/
	/*background: transparent;*/
	/*border-bottom: 1px dotted #331a01;*/
}

div.feedburnerFeedBlock p.fbsubscribelink a:hover img {
	display: none;
}

#creditfooter {
	text-align: center;
	margin-top: -20px;
	display: none;
}

#creditfooter a:hover {
	background: transparent;
	border-bottom: 1px dotted #f6921e;
}