@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600); html, body, div, a, img, .main, .footer, .heading, .nav { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; } .main, .footer, .heading, .nav, hr { display:block; } * { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } wbr:after { content:"\00200B"; } .bodyRB { margin:10px 0 0 0; padding: 0px; font-family:"Source Sans Pro", sans-serif; font-weight: 400; color:#000000; background-color:#f4ece4; font-size:16px; line-height:24px; overflow:auto; } .noteText { display:inline-block; font-size:13px; line-height:15px; } .footnoteLink { text-decoration:none; } .phoneShow { display:none; } .phoneHide { display:inline-block; } .imgResponsive { max-width:100%; } .clearFloat { display:block; clear:both; } .wrapLongTextTable { table-layout:fixed; width:100%; word-wrap:break-word; } .hangingIndent { display:inline-block; padding-left:25px; text-indent:-25px; } .genericButton { display:inline-block; font-size:15px; line-height:19px; color:#000000; background-color:#8cc101; border:1px solid black; padding-left:5px; padding-right:5px; text-align:center; cursor:pointer; text-decoration:none; -webkit-appearance:none; } .genericDropDown { text-align:left; font-size:15px; } .rbHeading1 { font-size:1.375em; } .rbHeading2 { font-size:1.25em; } .rbHeading3 { font-size:1.15em; } .textBorderTopBottom { display:inline-block; border-top:1px solid black; border-bottom:1px solid black; } .aspButtonWrap { white-space:normal; -webkit-appearance:none; } .fileInputWrap { width:200px; text-align:center; white-space:normal; } .menuShare { text-align:center; } .alertBg { display:none; position:fixed; top:0%; left:0%; width:100%; height:100%; background-color:black; opacity:0.5; z-index:999991; } .alertMsg { display:none; position:fixed; top:33%; left:25%; width:50%; padding:15px; border:5px double black; background-color:#ffffff; z-index:999992; text-align:center; overflow:auto; } .alertButton { display:inline-block; padding:3px; border:1px solid black; border-radius:10px; cursor:pointer; } .pageWrapper { width:100%; margin:0px; padding:0px; } .headerLine { display:block; width:100%; line-height:0px; padding:0px; margin:0px; vertical-align:top; text-align:center; } .header { display:inline-block; max-width:100%; font-family:Calibri; font-size:19px;} .headerImage { display:inline; } .headerTabs { display:inline-table; width:100%; border:0; background-color:#90c6f2; background:linear-gradient(#9dc6f2,#cfdeea); border-left:1px solid black; border-bottom:1px solid black; } .headerTabsRow { display:table-row; } .headerTab { display:table-cell; font-weight:normal; width:33%; line-height:21px; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px; text-align:center; vertical-align:middle; border-right:1px solid black; position:relative; } .headerMenuIcon { display:inline-block; font-family:Courier; float:left; } .headerMenu { display:none; width:100%; text-align:center; background-color:#fbd788; line-height:24px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; } .headerMenu a:hover { background-color:#ffff00; } .headerMenu a:active { background-color:#ffff00; } .headerMenuLink { display:inline-block; width:100%; color:#000000; text-decoration:none; border-left:1px solid black; border-right:1px solid black; border-bottom:1px solid black; } .headerMenuLinkBottom { border-bottom-left-radius:10px; border-bottom-right-radius:10px; box-shadow:0px 2px 2px #777777; } .headerTabFade { display:inline-block; width:100%; height:100%; position:absolute; left:0; top:0; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px; vertical-align:middle; } .headerTabAnimate { -webkit-animation:headerTab 51.0s infinite; -moz-animation:headerTab 51.0s infinite; animation:headerTab 51.0s infinite; } @-webkit-keyframes headerTab { 0% {opacity:1;} 8% {opacity:1;} 25% {opacity:0;} 33% {opacity:1;} 100% {opacity:1;} } @-moz-keyframes headerTab { 0% {opacity:1;} 8% {opacity:1;} 25% {opacity:0;} 33% {opacity:1;} 100% {opacity:1;} } @keyframes headerTab { 0% {opacity:1;} 8% {opacity:1;} 25% {opacity:0;} 33% {opacity:1;} 100% {opacity:1;} } .headerTabClickAnimate { visibility:hidden; -webkit-animation:headerTabClick 51.0s infinite; -moz-animation:headerTabClick 51.0s infinite; animation:headerTabClick 51.0s infinite; } @-webkit-keyframes headerTabClick { 0% { visibility:visible; opacity:0; } 8% { visibility:visible; opacity:0; } 25% { visibility:visible; opacity:1; } 33% { visibility:visible; opacity:0; } 100% { visibility:visible; opacity:0; } } @-moz-keyframes headerTabClick { 0% { visibility:visible; opacity:0; } 8% { visibility:visible; opacity:0; } 25% { visibility:visible; opacity:1; } 33% { visibility:visible; opacity:0; } 100% { visibility:visible; opacity:0; } } @keyframes headerTabClick { 0% { visibility:visible; opacity:0; } 8% { visibility:visible; opacity:0; } 25% { visibility:visible; opacity:1; } 33% { visibility:visible; opacity:0; } 100% { visibility:visible; opacity:0; } } .pageCenter { max-width:1200px; padding:0px; margin-top:0; margin-bottom:0; margin-left:auto; margin-right:auto; text-align:center; } .contactBox { display:inline-block; background-color:#ffffff; padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:0px; margin-top:10px; margin-bottom:15px; border-radius:10px; } .telephone { display:inline-block; padding-left:10px; padding-right:10px; margin-bottom:25px; background-color:#ffffff; border:1px solid #aaaaaa; border-radius:10px; box-shadow:5px 5px 5px #777777; } .iconPinPoem { width:100%; vertical-align:middle; padding-bottom:15px; } .iconPin { display:inline-block; width:20%; vertical-align:middle; padding-right:10px; text-align:left; } .iconPoem { display:inline-block; width:20%; vertical-align:middle; padding-left:10px; text-align:right; } .footer { display:inline-block; width:100%; padding-bottom:5em; text-align:center; color:#808080; background-color:#ffffff; padding-top:15px; box-shadow:inset 0px 5px 4px -3px rgba(50, 50, 50, 0.75); } .footer a { text-decoration:none; color:#808080; } .bottomIndex { display:inline-block; padding:8px 0 8px 0; width:100%; text-align:center; vertical-align:middle; } .bottomIndexColumn { display:inline-block; padding:0 16px 0 16px; vertical-align:middle; } .bottomIndexLink { padding:8px; line-height:1.25em; } .bottomIndexSplitHR { width:10%; display:none; } .bottomIndexHR { width:20%; margin-top:2em; } .footerAddress { font-weight:bold; } .footerCopyright { font-size:11px; line-height:14px; margin-top:25px; } .genericPage { display:inline-block; width:60%; text-align:left; } .genericPage2Col { display:inline-block; width:60%; text-align:left; } .genericPage2ColUnruled { display:inline-block; width:75%; text-align:left; } .resIndexPage { display:inline-block; width:85%; text-align:left; } .guestBookViewPage { display:inline-block; width:75%; text-align:left; } .symCardPage { display:inline-block; width:60%; text-align:left; } .petCardPage { display:inline-block; width:60%; text-align:left; } .formInput { display:inline-block; padding-top:0px; padding-right:10px; padding-bottom:10px; padding-left:10px; } .formInput1 { width:85%; } .formInput2 { width:45%; } .formInput3 { width:30%; } .formInput4 { width:23%; } .formInput5 { width:18%; } .formInputTextBox { width:100%; } .ruledRow { display:inline-block; float:left; width:100%; text-align:left; padding-bottom:30px; } .rowCentered { text-align:center; } .twoCol { display:inline-block; float:left; width:47%; } .twoColRuled { display:inline-block; float:left; width:47%; margin-left:20px; border-left:1px solid black; padding-left:25px; } .twoColLast { border-bottom:0; } .unruledRow { display:inline-block; float:left; width:100%; text-align:left; padding-bottom:30px; } .twoColLeft { display:inline-block; float:left; width:46%; } .twoColRight { display:inline-block; float:left; width:46%; margin-left:35px; } .colSplit { display:block; padding-top:30px; } .nbYPHForm { display:inline-block; border:0px solid black; padding:0px; } .nbYPHFormItem { display:inline-block; text-align:center; margin:10px; padding:0px; } .mcTitle { display:inline-block; font-family:'Monotype Corsiva'; font-size:30pt; line-height:34pt; padding-bottom:35px; } .mcEmailRow { clear:both; text-align:left; padding-bottom:15px; } .mcEmailItem { display:inline-block; width:70px; } .mcEmailValue { display:inline-block; padding-left:15px;} .mcButton { display:inline-block; background-color:#99ccff; font-size:17px; color:#e73a24; font-family:"Comic Sans MS"; } .homePage { display:inline-block; width:60%; text-align:left; } .homeGate { display:inline-block; text-align:center; float:left; margin-bottom:25px; margin-right:25px; } .homeGateImage { display:inline-block; border:4px ridge black; max-width:100%; } .helloPage { display:inline-block; width:60%; text-align:left; padding-bottom:10px; } .helloGate { display:inline-block; text-align:center; float:left; margin-bottom:0px; margin-right:25px; } .helloGateImage { display:inline-block; border:4px ridge black; max-width:100%; } .poemFlags { display:inline-block; max-width:640px; text-align:center; border:1px solid black; padding:5px; margin-top:35px; margin-bottom:40px; } .poemFlags img { vertical-align:middle; margin:5px; } .poemPage { display:inline-block; width:50%; text-align:left; } .poemGate { display:inline-block; text-align:center; float:left; margin-bottom:25px; margin-right:25px; } .poemGateImage { display:inline-block; border:2px inset black; max-width:100%; } .donationsPage { display:inline-block; width:60%; text-align:center; } .donationsQuote { display:inline-block; width:75%; text-align:left; } .donationsHeading { display:block; width:100%; padding-top:10px; padding-bottom:10px; } .donationsItem { display:inline-block; width:40%; vertical-align:top; text-align:left; padding-top:25px; padding-bottom:25px; margin-left:15px; margin-right:15px; } .donationsRule1 { display:none; width:90%; height:1px; border-bottom:1px solid black; margin-left:5%; margin-right:5%; } .donationsRule4 { display:block; width:50%; height:1px; border-bottom:1px solid black; margin-left:25%; margin-right:25%; } .resImage { display:inline-block; border:4px ridge #acbce0; max-width:100%; } .resHeading { font-size:24px; line-height:32px; font-weight:bold; padding:20px; } .resSubHeading { font-size:18px; line-height:26px; font-weight:bold; padding:20px; } .resMemoriesWrapLong { display:inline-table; table-layout:fixed; width:80%; word-wrap:break-word; text-align:left; } .resStoriesWrapLong { display:inline-table; table-layout:fixed; width:60%; word-wrap:break-word; text-align:left; } .resStoryLink { line-height:30px; } .resPhotoAlbum { display:inline-block; width:80%; line-height:50px; } .resPhotoAlbumSelectPos { display:inline-block; position:relative; top:0px; font-size:1px; line-height:1px; } .resAudio { display:block; width:180px; height:35px; } .gscHeading { display:inline-block; width:50%; text-align:left; padding-top:25px; padding-bottom:20px; } .mnccHeading { display:inline-block; width:50%; text-align:left; padding-top:25px; padding-bottom:20px; } .mnccUnruledRow { display:inline-block; float:left; width:100%; text-align:left; padding-bottom:30px; } .mnccTwoColLeft { display:inline-block; float:left; width:30%; text-align:right; } .mnccTwoColRight { display:inline-block; float:left; width:70%; padding-left:40px; } .mnccTwoColLeftBlock { display:inline-block; text-align:left; } .mnccTwoColRightBlock { display:inline-block; } .mncc2ColCandle { display:inline-table; width:60%; } .mncc2ColCandleRow { display:table-row; } .mnccCandleCol1 { display:table-cell; width:120px; vertical-align:top; text-align:center; padding-bottom:15px; } .mnccCandleCol2 { display:table-cell; width:100%; vertical-align:top; text-align:left; padding-left:25px; padding-bottom:15px; } .mncc2ColCandleLast { border-bottom:0; } .mncc2ColCandleHeader { display:inline-block; text-align:left; } .resIndexLetter { width:100%; text-align:center; font-size:20px; line-height:28px; font-weight:bold; padding-top:100px; padding-bottom:20px; } .resIndexTable { display:inline-table; width:100%; } .resIndexRow { display:table-row; text-align:center; vertical-align:top; } .resIndexHeaderRow { display:table-row; text-align:center; font-size:18px; line-height:26px; font-weight:bold; } .resIndexHeaderCol { display:table-cell; padding:10px; vertical-align:bottom; } .resIndexHeaderColNoMoblS { display:table-cell; padding:10px; vertical-align:bottom; } .resIndexHeaderColNoMoblM { display:table-cell; padding:10px; vertical-align:bottom; } .resIndexHeaderPFR { display:none; } .resIndexHeaderFR { display:inline; } .resIndexCol { display:table-cell; padding:10px; vertical-align:middle; } .resIndexColNoMoblM { display:table-cell; padding:10px; vertical-align:middle; } .resIndexColNoMoblS { display:table-cell; padding:10px; vertical-align:middle; } .resIndexColMobl { display:none; } .resIndexWrapLongCol { width:100%; } .resIndexResTable { display:inline-table; width:100%; } .resIndexResRow { display:table-row; text-align:center; vertical-align:top; } .resIndexResCol { display:table-cell; width:50%; padding:0; vertical-align:middle; } .resIndexResColRight { padding-left:10px; } .resIndexLeft { display:inline-block; width:75%; text-align:left; font-style:italic; padding-right:35px; padding-top:25px; } .resIndexCentered { display:inline-block; width:55%; text-align:center; font-style:italic; padding-top:25px; } .resIndexRight { display:inline-block; width:40%; text-align:right; font-style:italic; padding-right:35px; padding-top:25px; } .resIndexSideButton { position:fixed; top:40%; height:44px; width:100px; transform:rotate(-90deg); right:-28px; font-family:Arial; font-weight:bold; margin:0; padding:0; border-top-left-radius:10px; border-top-right-radius:10px; } .resIndexSideButtonPadding { padding-right:60px !important; } .storyHome { display:inline-block; width:50%; text-align:left; } .storyHomeBear { display:inline-block; text-align:center; float:right; margin-bottom:0px; margin-left:25px; } .storyHomeBearImage { display:inline-block; border:0; max-width:100%; } .storyPage { display:inline-block; width:50%; text-align:left; } .storyHeader { display:inline-block; width:100%; text-align:center; font-size:24px; line-height:32px; font-weight:bold; padding-top:25px; padding-bottom:15px; } .storyBy { display:inline-block; width:100%; text-align:right; padding-bottom:15px; } .storyComments { display:inline-block; width:100%; text-align:center; padding-top:25px; padding-bottom:25px; } .storyIndexPage { display:inline-block; width:50%; text-align:left; } .storyIndexIntro { display:inline-block; width:100%; padding-top:25px; } .storyIndex { font-family:serif; line-height:20px; } .cardSubHeader { display:inline-block; border:4px ridge #cccccc; padding:10px; background-color:#ffffff; } .cardImages { display:inline-block; margin-left:25px; margin-right:25px; margin-top:25px; } .cardBackgrounds { display:inline-block; border:4px ridge #cccccc; } .cardMessage { table-layout:fixed; display:inline-table; width:60%; word-wrap:break-word; background-color:#c2dbe2; } .cardReplyButton { display:inline-block; background-color:#c2dbe2; font-size:17px; color:#e73a24; font-family:"Comic Sans MS"; } @media (max-width:1017px) { .formInput4 { width:45%; } .formInput5 { width:45%; } .storyIndexPage { width:70%; } .storyHome { width:70%; } .poemPage { width:100%; padding-left:25px; padding-right:25px; } .homePage { width:100%; padding-left:25px; padding-right:25px; } .helloPage { width:100%; padding-left:25px; padding-right:25px; } .genericPage2Col { width:100%; padding-left:25px; padding-right:25px; } .genericPage2ColUnruled { width:100%; padding-left:25px; padding-right:25px; } .resIndexPage { width:100%; padding-left:5px; padding-right:5px; } .cardMessage { width:75%; } } @media (max-width:850px) { .formInput1 { width:95%; } .formInput3 { width:95%; } .gscHeading { width:75%; } .mnccHeading { width:75%; } .mncc2ColCandle { width:75%; } .resIndexHeaderColNoMoblM { display:none; } .resIndexColNoMoblM { display:none; } .guestBookViewPage { width:100%; padding-left:15px; padding-right:15px; } .symCardPage { width:100%; padding-left:15px; padding-right:15px; } .petCardPage { width:100%; padding-left:15px; padding-right:15px; } .resStoriesWrapLong { width:80%; } .donationsPage { width:100%; padding-left:15px; padding-right:15px; } } @media (max-width:720px) { .resIndexHeaderColNoMoblS { display:none; } .resIndexHeaderPFR { display:inline; } .resIndexHeaderFR:before { content:"("; } .resIndexHeaderFR:after { content:")"; } .resIndexColNoMoblS { display:none; } .resIndexColMobl { display:table-cell; padding:10px; vertical-align:middle; } .resIndexWrapLongCol { table-layout:fixed; width:100%; word-wrap:break-word;} .resIndexResTable { display:inline; } .resIndexResRow { display:inline; } .resIndexResCol { display:inline; } .resIndexResColRight { display:inline; } .resIndexLeft { width:100%; padding-left:10px; padding-right:10px; } .resIndexCentered { width:100%; padding-left:10px; padding-right:10px; } } @media (max-width:640px) { .genericPage { width:100%; padding-left:25px; padding-right:25px; } .storyIndexPage { width:100%; padding-left:25px; padding-right:25px; } .storyPage { width:100%; padding-left:25px; padding-right:25px; } .storyHome { width:100%; padding-left:25px; padding-right:25px; } .homeGate { float:none; width:100%; } .helloGate { float:none; width:100%; } .gscHeading { width:100%; padding-left:25px; padding-right:25px; padding-bottom:15px; } .ruledRow { float:none; width:100%; padding-bottom:0px; } .unruledRow { float:none; width:100%; padding-bottom:0px; } .twoCol { float:none; width:100%; border-top:1px solid black; padding-top:10px; padding-bottom:10px; } .twoColRuled { float:none; width:100%; margin-left:0px; border-left:0; border-top:1px solid black; padding-left:0px; padding-top:10px; padding-bottom:10px; } .twoColLeft { float:none; width:100%; border-top:1px solid black; padding-top:10px; padding-bottom:10px; } .twoColRight { float:none; width:100%; margin-left:0px; border-left:0; border-top:1px solid black; padding-left:0px; padding-top:10px; padding-bottom:10px; } .colSplit { margin-top:10px; padding-top:10px; padding-bottom:10px; border-top:1px solid black; } .twoColLast { border-bottom:1px solid black; } .mnccHeading { width:100%; padding-left:25px; padding-right:25px; padding-bottom:15px; } .mnccTwoColLeft { float:none; width:100%; border-top:1px solid black; padding-top:10px; padding-bottom:10px; } .mnccTwoColRight { float:none; width:100%; margin-left:0px; border-left:0; border-top:1px solid black; padding-left:0px; padding-top:10px; padding-bottom:10px; } .mnccTwoColLeftBlock { display:inline-block; width:100%; text-align:center; } .mnccTwoColRightBlock { display:inline-block; width:100%; text-align:center; } .mncc2ColCandle { width:100%; padding-left:25px; padding-right:25px; } .resIndexRight { width:100%; padding-left:10px; padding-right:10px; } .cardMessage { width:98%; } .bottomIndexColumn { width:100%; padding:0 0 8px 0; } .bottomIndexSplitHR { display:block; } .bottomIndexHR { display:none; } } @media (max-width:550px) { .headerTab { font-size:16px; line-height:18px; } .formInput1 { width:95%; } .formInput2 { width:95%; } .formInput4 { width:95%; } .formInput5 { width:95%; } .mncc2ColCandle { display:inline-block; width:100%; text-align:center; } .mncc2ColCandleRow { display:inline-block; border-top:1px solid black; padding-top:25px; padding-bottom:10px; margin-bottom:15px; } .mnccCandleCol1 { display:inline-block; width:100%; padding-bottom:0px; } .mnccCandleCol2 { display:inline-block; width:100%; text-align:left; padding-left:0px; padding-bottom:0px; } .mncc2ColCandleLast { border-bottom:1px solid black; padding-bottom:25px; } .mncc2ColCandleHeader { display:inline-block; width:100%; text-align:center; } .donationsHeading { padding-bottom:10px; } .donationsItem { width:100%; padding-bottom:25px; padding-top:25px; margin:0; } .donationsRule1 { display:block; } .donationsRule4 { display:none; } } @media (max-width:525px) { .poemGate { float:none; width:100%; } .storyHomeBear { float:none; width:100%; padding:0; margin:0; } .bottomIndex { width:100%; } .footer { width:100%; } } @media (max-width:520px) { .phoneShow { display:inline-block; } .phoneHide { display:none; } } @media (max-width:370px) { .headerTab { font-size:14px; line-height:16px; } .headerMenuIcon { width:100%; } .alertMsg { left:15%; width:70%; } } @media (max-width:310px) { .headerTab { font-size:12px; line-height:14px; } .nbYPHFormItem { width:100%; margin:0px; } } @media (min-height:450px) { .resPhotoAlbumSelectPos { top:-100px; } } @media (min-height:550px) { .resPhotoAlbumSelectPos { top:-200px; } } @media (min-height:650px) { .resPhotoAlbumSelectPos { top:-350px; } } @media (max-height:450px) { .alertMsg { top:5%; left:15%; width:70%; height:90%; } } .tableSize {width:50%;} @media (max-width:768pt) { .tableSize {width:100%;} }