@font-face {
    font-family: 'gandhi_sansregular';
    src: url('fonts/gandhisans-regular-webfont.eot');
    src: url('fonts/gandhisans-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/gandhisans-regular-webfont.woff') format('woff'),
    url('fonts/gandhisans-regular-webfont.ttf') format('truetype'),
    url('fonts/gandhisans-regular-webfont.svg#gandhi_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
* { padding: 0; margin: 0 }
.clear { clear: both }
.hidden {display:none}
a{text-decoration: none; color: inherit}
ul{list-style: none;text-decoration: none}
p{color:#006F9C}

a.button{display:block; text-align: center; padding:8px 15px; background:#27AAE1; color:white; margin:2px 0; text-transform: uppercase;border:1px solid #27AAE1;font-size: 13px;}
a.button:hover{background-color:white; color:#27AAE1 }
a.button.small { font-size: 10px; padding: 5px 0;width:100px;margin:5px }

body{background-color: rgba(255, 255, 255, 0.8) ; background-size: 100% auto; font-family: "gandhi_sansregular" }
header {page-break-before:always;background: url("images/guestbookPDF_headerImage.png"); background-size: 100% auto;padding:1px}

.widget{background:url(images/infinity_mobile.png)no-repeat top right;border:1px solid #27AAE1}
.obits {padding:10px}
.obits h2{ min-height:30px; margin: 5px 0 0 0;border-bottom:1px solid #e9e9e9; text-transform: uppercase; font-size: 18px; color: #338CB0 }
.obits li{clear:both;padding:1px}
.obits li a{margin:5px 0 0 0;font-size: 13px}
span {float:right}
figure{float:left;width:70px;margin: 0 15px 0 0}
ul.navigate li{float:left;padding:5px;background:white;color:#27AAE1;margin:2px 0;border-radius: 6px}
ul.navigate li.active{background:#27AAE1;color:white}
ul.navigate li:hover{color:white;background:#27AAE1}
ul.navigate li:first-child{margin-left:10px}
a.topLink{height:13px;font-size:11px;color:white;background: #338CB0;display:block;text-align: center;padding:1px 0}
a.subscribe{text-align: center;width: 250px;margin: 5px auto;display: block;color: #27AAE1;}


.bigWidget{background:url(images/infinity_mobile.png)no-repeat top right;border:1px solid #27AAE1}
.bigWidget h1{ padding:0 0 0 10px;min-height:30px; margin: 5px 0 0 0;border-bottom:1px solid #e9e9e9; text-transform: uppercase; font-size: 18px; color: #338CB0 }
.bigWidget h2{ min-height:30px; margin: 5px 0 0 0;border-bottom:1px solid #e9e9e9; text-transform: uppercase; font-size: 18px; color: #338CB0 }
.bigWidget > .list{width:50%;float:left}
.bigWidget > .list .list {width: 95%;margin: 0 5px 0 0;float: left;padding: 5px;}

.box.big.flexible {padding:10px}
.obituary.wide{}
.obituary.wide .advOb{float:left;width:20%}
.obituary.wide .advOb img {width:100%;height:auto}
.obituary.wide .advancedObDetails{float:left;width:40%;min-height:295px;height:inherit}
.obituary.wide .advancedObDetails p.title{font-size:15px;margin:0 0 0 10px}
.obituary.wide .advancedObDetails p.subtext{font-size:14px;margin:0 0 4px 10px}
.obituary.wide .obContents{float: left;margin: 15px 0 0 10px}

.obituary.narrow{}
.obituary.narrow .actionButtons{width:160px;float:left}
.obituary.narrow img{width:100px;float:left}
.obituary.narrow .advOb{float:left;margin:0 5px 5px 5px;width:280px}
.obituary.narrow .advancedObDetails{float:left;height:inherit;padding:0 10px}
.obituary.narrow .advancedObDetails p.title{font-size:15px;margin:0;color:#333}
.obituary.narrow .advancedObDetails p.subtext{font-size:14px;margin:0 0 4px 0}
.obituary.narrow .obContents{float: left;margin: 15px 0 0 10px}


.socialMedia{float:left;width:80px; margin:0 0 0 10px;direction:ltr}
.socialMedia.twitter{width:100px}
.socialMediaContainer { margin: 5px 0 0 0 }

body.rtl {direction: rtl;text-align: right}
body.rtl .bigWidget{background-position: 25px 30px}
body.rtl .bigWidget .list{float:right}
body.rtl .widget{background-position: 25px 24px}
body.rtl ul.navigate li{float:right}
body.rtl figure{float:right;margin: 0 0 0 15px;}
body.rtl span{float:left}
body.rtl li{direction:rtl}
body.rtl .obituary.wide .obContents{float:right}
body.rtl .obituary.wide .advancedObDetails{float:right}