/*  
 *  Theme Name: Ancestry 3.0
 *  Theme URI: http://blogs.ancestry.com/ancestry/
 *  Description: Blog template for Ancestry blogs
 *  Author: Jason Boyer
 *  Version: 3.0
 *  */

/***********************************
	Overrides for Ancestry Global Styles
************************************/
.conTitle > a { color:inherit; float:none; }
.pageCrumb.icon { color:#789201; }
.userCardCommentContents,
.userCardCommentContents > p:first-child { display:inline; }
#HeaderRegion,
#FooterRegion { -webkit-transition:opacity 100ms; -moz-transition:opacity 100ms; -ms-transition:opacity 100ms; -o-transition:opacity 100ms; transition:opacity 100ms; }
.blogNotLoaded { height:45px; opacity:0; }
img { height:auto; max-width:100%; }
.ancGridEqual.ancGridSmall > .ancCol { padding-left:0; }
.blogIsNotBonsai .pageHeader { margin-top:0; }

/***********************************
	WordPress Core Styles
************************************/
.alignnone { margin:8px 16px 16px 0; }
.aligncenter { display:block; margin:8px auto; }
.alignright { float:right; margin:0 0 16px 16px; }
.alignleft { float:left; margin:0 16px 16px 0; }
.wp-caption { background:#fff; border:1px solid #f0f0f0; max-width:96%; padding:5px 3px; text-align:center; }
.wp-caption.alignnone,
.wp-caption.alignleft { margin:5px 20px 20px 0; }
.wp-caption.alignright { margin:5px 0 20px 20px; }
.wp-caption img { border:0 none; height:auto; margin:0; max-width:98.5%; padding:0; width:auto; }
.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; }
@media only screen and (max-width:767px) {
	.aligncenter480 { display:block; float:none; margin:8px auto; }
}
@media only screen and (max-width:479px) {
	.aligncenter320 { display:block; float:none; margin:8px auto; }
}

/***********************************
	Hiding admin bar
************************************/
#wpadminbar { display:none !important; }
.r { margin-top:0 !important; }

/***********************************
	Blog-wide Styles
************************************/
a.blogTitle { color:inherit; }
.blogArticle h2 { font:21px/1.3em Georgia, "Times New Roman", Times, serif; color:#754200; } /* .h2 should inherit from coloralt3 textalt */
.blogArticle h3 { font:18px/1.2em Georgia, "Times New Roman", Times, serif; } /* textalt text2xlrg */
.blogArticle h4 { color:#695E49; font:bold 16px/1.2em Georgia, "Times New Roman", Times, serif; } /* coloralt textxlrg */
.blogArticle h5 { color:#695E49; font-weight:bold; font-size:14px; line-height:1.2em; } /* coloralt textlrg */
.blogArticle h6 { color:#754200; font-weight:bold; font-size:14px; line-height:1.2em; } /* coloralt3 textlrg */
.blogArticle { font-size:14px; }
.blogArticle ul li { list-style-type:disc; margin-left:10px; padding:2px 0; }
.blogArticle ol li { list-style-type:decimal; margin-left:10px; padding:2px 0; }
.blogArticle img { border:solid 1px #ddd7d1; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding:2px; background:#fff; }
.blogArticle iframe,
.blogArticle object { max-width:100%; }
.blogArticle table img { max-width:none; }
.blogArticle .widgets_on_page li { list-style:none; margin-left:0; padding:0; }
.blogAuthorDetails.blogAuthorDetails { padding-left:132px; }
.blogAuthorPhoto { float:left; margin-left:-116px; }
.blogAuthorPhoto > img { display:block; }
#pagination { text-align:center; padding-top:10px; }
#pagination a { display:inline-block; padding:2px 4px; }

/***********************************
	Blog Header
************************************/
#blogHeader { background-image:url("images/ancestry.jpg");}
#blogHeaderSearch { display:none; }
.blogIsNotBonsai #blogHeaderSearch { display:block; width:246px; margin-top:-13px; position:absolute; right:32px; top:50%; z-index:1; }
.blogIsNotBonsai .pageHeaderImage + .pageTitle { padding-top:0px; }
.pageHeaderImage + .pageTitle { padding-top:30px; }
@media only screen and (max-width:767px) {
	#blogPage .pageHeader { padding-right:60px; position:relative; }
	#blogPage .pageTitle { text-align:left; }
	.pageHeaderImage + .pageTitle { padding-top:20px; }
	.pageCrumbs + .pageTitle { padding-top:10px; }
	.blogIsNotBonsai .pageCrumbs + .pageTitle { padding-top:0; }
	#blogMenuTrigger { border-bottom:6px solid #6b5347; border-top:6px solid #6b5347; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; cursor:pointer; display:inline-block; height:28px; margin-top:-9px; opacity:.6; width:34px; position:absolute; right:14px; top:50%; z-index:3; }
	#blogMenuTrigger:before { content:''; display:block; background-color:#6b5347; height:6px; left:0; position:absolute; right:0; top:5px; }
	.blogIsNotBonsai #blogMenuTrigger { margin-top:-13px; }
}

/***********************************
	Blog Sidebar
************************************/
.blogSidebar iframe { max-width:100%; }
.blogSidebar ul { border-top: 1px solid #d6d6d6; }
.blogIsNotBonsai .blogSidebar .conHeader + ul,
.blogIsNotBonsai .blogSidebar .conHeader + .textwidget > ul:first-child { margin-top:-13px; }
.blogSidebar li a { display:block; padding:5px; }
.blogSidebar li a:hover { background-color:#f3f0f2; text-shadow:0 1px rgba(255,255,255,.75); }
.blogSidebar li { border-bottom: 1px solid #d6d6d6; }
.blogSidebar li:nth-child(odd) { background-color:#fbf9fa; }
@media only screen and (min-width:1005px) {
	.blogIsNotBonsai #blogSidebarSearch { display:none; } 
	.blogIsNotBonsai #blogSidebarSearch + .conSecond { margin-top:0; }
}
@media only screen and (max-width:1004px) {
	#blogSidebarSearch { margin-bottom:12px; }
}

/***********************************
	Comments
************************************/
.comment .iconAcom,
.pingback .iconAcom,
.byuser .iconPerson { display:none; }
.byuser .iconAcom { display:block; }
.commentCurrentUser { padding-bottom:4px; }
#blogComments > hr:first-child { display:none; }

/***********************************
	Outbrain Widget
************************************/
.OUTBRAIN { clear:both; margin-top:40px; }
.OUTBRAIN:empty { display:none; }
.OUTBRAIN .ob_org_header { display:block; }
.OUTBRAIN .ob_org_header + ul { margin-top:8px; }
.OUTBRAIN .ob-odd { clear:left; }
.OUTBRAIN .AR_1 .odb_li { float:left; height:auto; list-style:none; margin-left:0; padding:4px 2% 4px 0; width:48%; }
.OUTBRAIN .AR_1 .ob_source { display:none; }
.OUTBRAIN .AR_1 .ob-text-content { padding-top:0; }
@media only screen and (max-width:767px) {
	.OUTBRAIN .AR_1 .odb_li { float:none; width:auto; }
	.OUTBRAIN .ob-recIdx-5 ~ li { display:none; }
}

/***********************************
	Share Widget
************************************/
.shareThis { -webkit-box-sizing:content-box; box-sizing:content-box; }
@media only screen and (min-width:1160px) {
	.shareThis { background:#fff; border:1px solid #d0c4a9; border-radius:5px; left:-108px; padding:3px 4px 8px; position:absolute; top:0; width:66px; }
}
.shareThis iframe { max-width:none; z-index:2; }
.ie8 .shareThis { background:#fff; border:1px solid #d0c4a9; border-radius:5px; left:-108px; padding:3px 4px 8px; position:absolute; top:0; width:66px; }
.blogSecondary .shareThis,
.blogAuthorPage .shareThis { display:none; }

/***********************************
	Sticky Footer
************************************/
#blogStickyFooter { display:none; }
@media only screen and (max-width:1005px) {
	.blogShowStickyFooter { padding-bottom:60px; }
	.blogShowStickyFooter #blogStickyFooter { background:#fff; bottom:0; box-shadow:0 -2px 4px rgba(30, 20, 20, .3); display:block; left:0; position:fixed; right:0; z-index:2; }
}

/***********************************
	Tech Roots blog
************************************/
.blogTechroots { background:#deded8 no-repeat; background-size:100% 280px; 
	background-image: -moz-linear-gradient(top, #fff 0%, #deded8 100%); 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff ), color-stop(1, #deded8) ) repeat-x;
	background-image: -webkit-linear-gradient(top, #fff 0, #deded8 100%);
	background-image: -o-linear-gradient(top, #fff 0, #deded8 100%);
	background-image: -ms-linear-gradient(top, #fff 0, #deded8 100%);
	background-image: linear-gradient(to bottom, #fff 0, #deded8 100%);
}
.blogTechroots .pageHeader { background-color:#505050; }
.blogTechroots #blogHeader { background-position:0 0; background-image:url("images/tech-roots.png"); background-size:contain; }
.blogTechroots #blogHeader:before { display:none; }
.blogTechroots .pageTitle,
.blogTechroots .pageCrumb { color:#fcfcfc; }
.blogTechroots #blogMenuTrigger { border-bottom-color:#fcfcfc; border-top-color:#fcfcfc; }
.blogTechroots #blogMenuTrigger:before { background-color:#fcfcfc; }
@media only screen and (max-width:1005px) {
	.pageHeader { border-radius:0; }
}
.code { background-color:#f3f3f3; border:1px solid #ccc; margin:12px 0; overflow:auto;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #fff), to(#fff));
background-image: -webkit-linear-gradient(transparent 50%, #fff 50%, #fff);
background-image: -moz-linear-gradient(transparent 50%, #fff 50%, #fff);
background-image: -ms-linear-gradient(transparent 50%, #fff 50%, #fff);
background-image: -o-linear-gradient(transparent 50%, #fff 50%, #fff);
background-image: linear-gradient(transparent 50%, #fff 50%, #fff);
background-size: 3em 3em;
}

/***********************************
	Marketing blogs (au, uk, ca)
************************************/
.blogMarketing .pageCrumbs,
.blogMarketing .ftrCon,
.blogMarketing #blogSidebarSearch,
.blogMarketing .blogArticle .meta,
.blogMarketing .blogAuthorDetails { display:none; }
.blogMarketing .blogArticle .meta + p { margin-top:0; }
@media only screen and (max-width:767px) {
	.blogMarketing .pageTitle { font-size:21px; }
}

/***********************************
	UK blog
************************************/
.blogUk .blogAuthorDetails,
.blogUk .blogArticle .meta,
.blogUk .blogCustomerServiceBox { display:none; }
.blogUk .blogNewPost { width:100%; }
.blogUk .blogArticle .meta + p { margin-top:0; }

/***********************************
	Tech All Hands Blog
************************************/
.blogTech-all-hands .blogNewPost { width:100%; }
.blogTech-all-hands .blogCustomerServiceBox,
.blogTech-all-hands #commentBox + .userCardInfo .newCommentDate { display:none; }
.blogTech-all-hands .wysija-msg ul,
.blogTech-all-hands .wysija-msg li { background:none; border:none; }