html, body {
    min-height: 100vh;
    min-height: -webkit-fill-available;
}

body  {
    max-width: 1200px;
    color: black;
}

.body {
    font-family: verdana;
    font-style:normal;
	font-size: 16px;

    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;

    line-height:  1.4;
    margin: 0 auto;
    clear: both;
    width: 100%;
    background-color: white;
    margin-bottom: 4px;
    margin-top: 4px;
}

/* public pages */
.hallowPic { margin-top: 10px; width: auto; height: auto; }
.easterPic { margin-top: 10px; width: auto; height: auto; }
.brunchPic { margin-top: 10px; width: auto; height: auto; }
.irishPic { margin-top: 10px; width: auto; height: auto; }
.footballPic { margin-top: 10px; width: auto; height: auto; }
.picnicPic { margin-top: 10px; width: auto; height: auto; }
.lunchPic { margin-top: 10px; width: auto; height: auto; }
.romanticPic { margin-top: 10px; width: auto; height: auto; }

.wPic { width: auto; height: auto; }

.cbTable { width: 60%; }

/* copycat keys */
.keys div { max-width: 500px; text-align: center; margin-top: 10px; }
.keys table { margin: 0px; width: 100%; font-size: 0.90em; }
.keys td { border: 1px solid black; text-align: center; }
.keys fieldset { text-align: left; border: 1px solid #dd0000; }
.keys legend { color: #000; font-size: 1.0em; font-weight: bold; }
.keys ul,ol { font-size: 1.0em; text-align: left; margin-left: 2px; padding: 0px; }
.keys li { list-style: none; margin-left: 4px; margin-top: 10px; }
.keys li a { color: blue; font-weight: bold; text-decoration: none; }

.keyON { background-color: green; }
.keyON a { color: white !important; font-weight: bold; text-decoration: none; }

.keyOFF { background-color: white; }
.keyOFF a { color: black !important; font-weight: bold; text-decoration: none; }

/* copyright bottom */
.botCell_1 { width: 33%; height: 250px; margin: auto; }
.botCell_2 { width: 34%; height: 250px; margin: auto; }
.botCell_3 { width: 33%; height: 250px; margin: auto; }

.ctrCell_1 { 
	width: 468px !important; 
	height: 60px !important; 
	margin-bottom: 10px; 
	margin-left: auto; 
	margin-right: auto; 
}

.ctrCell_1 ul {
    margin: 0px;
    padding: 0px;
}

.ctrCell_1 li {
    list-style: none !important;
    text-align: left;
}

/* website right side */
.rgtcol_table { width: 300px !important; border-collapse: collapse; margin-top: 10px; margin-left: auto; margin-right: auto; }
.rgtCell_0 { width: 300px !important; margin-left: auto; margin-right: auto; }
.rgtCell_1 { width: 300px !important; margin-left: auto; margin-right: auto; }
.rgtCell_2 { width: 300px !important; margin-left: auto; margin-right: auto; }
.rgtCell_3 { width: 300px !important; margin-left: auto; margin-right: auto; }
.rgtCell_4 { width: 300px !important; margin-left: auto; margin-right: auto; }
.rgtCell_5 { width: 300px !important; margin-left: auto; margin-right: auto; }
.rgtCell_6 { width: 300px !important; margin-left: auto; margin-right: auto; }
.rgtCell_7 { width: 300px !important; margin-left: auto; margin-right: auto; }

/* vertPic.php */
.vPic { width: 220px; }
.vPic img { width: 220px; height: auto; }
.vPic ul { list-style: none; margin: 0; padding: 0px; }
.vPic li { text-align: left; margin-left: 10px; font-size: 1.1em; margin-bottom: 4px; }
.vPic a { text-decoration: none; font-weight: bold; }

/* various image sizes */
.img110 { max-width: 110px; max-height: 110px; display: block; text-align: left; }
.img130 { width: 130px; height: auto; display: block; text-align: left; }
.img220 { max-width: 220px; max-height: 220px; display: block; text-align: left; border: 1px solid rgb(0,0,0,0.5); }
.img300 { width: 300px; height: auto; display: block; text-align: left; border: 1px solid lightGray; }
.img480 { width: 480px; height: auto; display: block; text-align: left; border: 1px solid lightGray; }
.img600 { width: 600px; height: auto; display: block; text-align: left; border: 1px solid lightGray; }

.imgContain { width: 360px; height: auto; object-fit: contain; board: 0; }

.col_img220 { width: 200px; height: auto; border: 1px solid rgb(0,0,0,0.5); }
.col_img110 { width: 100px; height: auto; border: 1px solid rgb(0,0,0,0.5); }

.thumbRight { width: 220; height: auto; border: none; margin-bottom: 10px; }

.random_recipes { width: 100%; text-align: center; }
.random_recipes table { width: 100%; border-collapse: collapse; text-align: center; }
.random_recipes td { vertical-align: middle; }
.random_recipes legend { color: #000; font-size: 0.875em; font-weight: bold; }
.random_recipes fieldset { text-align: left; border: 1px solid #dd0000; }
.random_recipes img { border: 1px solid #ccc; width: 55px; height: auto; }

.mainHeader { width: 100%; }

/*	SOCIAL BUTTONS	*/
.social {
	margin-bottom: 10px;
}

.social ul { margin: 0px; padding: 0px; list-style: none; margin-left: 10px; }
.social li { display: inline-block; float: left; margin-right: 2px; }
.socialButton {
    border: 1px solid white;
    padding: 4px;
    width: 40px;
    text-align: center;
    font-weight: bold;

    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;

    cursor: pointer;
}

.socialButton {
    border: 1px solid white;
    padding: 4px;
    width: 40px;
    text-align: center;
    font-weight: bold;


    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;

    cursor: pointer;
}

.socialButton:hover { border: 1px solid black; }

/* website buttons */
.smGreen { background-color: #008800; color: white; }
.smBlue { background-color: #0000cc; color: white; }
.smRed { background-color: #dd0000; color: white; }
.smGray { background-color: #888888; color: white; }
.smBlack { background-color: #000000; color: white; }
.smPurple { background-color: #6600cc; color: white; }
.smPink { background-color: #ff00ff; color: white; }
.smTeal { background-color: #00b0b0; color: white; }
.smGold { background-color: #b0b000; color: white; }
.smOrange { background-color: #ff8000; color: white; }


/*----------- TOP SEARCH --------------*/
.topSrch { float: left;
	width: 100%;
    background-color: rgb(200,0,0);

    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.srchbox {
    background-color: rgb(200,0,0);
    position: relative;
    z-index: 999 !important;
}

.srchbox-content {
    display: none;
    position: absolute;
    left: 2px;
    top: 90px;
	width: 50%;
    padding: 10px;
    z-index: 999 !important;

    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.srch_options ul {
    background-color: black
    list-style: none;
    margin: 0;
    padding: 10px;
	z-index: 999;	
}

.srch_options li {
    height: 20px;
    display: inline-block;
    font-size: 1.0em;
}

.srch_options select {
	font-size: 1.0em;
    padding: 2px;
	background-color: white;
	font-weight: bold;

    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.search_text {
    float: left;
    min-width: 400px;
    font-size: 1.0em;
    padding: 2px;
    border: 1px solid #000000;

    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.search_msgid {
    float: left;
    min-width: 200px;
	height: 20px;
    font-size: 1.0em;
    padding: 2px;
    border: 1px solid #000000;

    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

/*	ADS	*/
.markAdv {
    max-width: 1200px;
	width: 100%;
    vertical-align: top;
    font-size: 0.60em;
    color: #a0a0a0;
	margin-bottom: 4px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.botMsgAdv {
	display: none;
}

.msgbrdRepAd {
	display: block;
	width: 100%;
	float: left;
	text-align: center; 
	padding-bottom: 10px;
	padding-top: 10px;
}

.srchAdv {
	width: 468px !important;
	height: 60px !important;
	padding-bottom: 8px !important;
	padding-top: 8px !important;
	overflow: hidden;
}

.topAdv {
	max-width: 1200px;
	height: 90px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	overflow: hidden;
	margin-bottom: 6px !important;
}

.botAdv {
    width: 100%;
	text-align: center;
	border-top: 4px solid rgb(200,0,0);
}

.botAdvSingle {
    width: 100%;
    text-align: center;
}

/*	TOP MENU	*/
.spacer {
	overflow: hidden;
	width: 100%;
	height: 2px;
  	background-color: rgb(200,200,200);
}

.navigation {
	position: relative;
    width: 100%;
    max-width: 1200px;
    z-index: 999;
	height: 86px;
}

.logo {
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.logo_container {
    position: absolute;
    top: 4px;
    left: 80px;
}

.logo_1 {
	line-height: 1em;
	text-align: left;
	margin-bottom: 4px;
	text-shadow: 2px 2px #000;
	font-weight: bold;
    color: white;
    font-size: 2.0em;
}

.logo_2 {
	line-height: 1em;
	text-align: left;
	margin-bottom: 4px;
	color: white;
	font-size: 1.0em;
}

.logo_3 {
	line-height: 1em;
	text-align: left;
    color: white;
    font-size: 1.0em;
	font-weight: 500;
}


.nav_menu {
    position: absolute;
    bottom: 2px;
    right: 10px;
}

.nav_menu ul {
    margin: 0;
    list-style: none;
}

.nav_menu li {
    display: inline-block;
    line-height: 1em;
    font-size: 1.5em;
	margin-left: 10px;
}

.topNav {
    position: relative;
    width: 100%;
    max-width: 1200px;
	z-index: 999 !important;
    height: 86px;

    background-color: rgb(200,0,0);
    text-decoration: none !important;
}

.topNav a {
  	display: block;
  	color: white !important;
  	text-align: left;
  	text-decoration: none !important;
  	font-size: 0.90em;
}

.topNav .icon {
  	display: none;
}

.topNav a.icon {
    float: right;
    display: block;
}

.dropdown {
    display: inline-block;
    width: 30%;
    z-index: 999 !important;
}

.dropdown-content {
    display: none;
    position: absolute;
	top: 90px;
    right: 2px;
    background-color: white;
    min-width: 300px;
    border: 2px solid rgb(200,0,0);

    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.dropdown-content a {
    color: black !important;
    font-weight: bold;
    padding: 1px 16px;
    text-decoration: none !important;
    display: block;
}

.dropdown-content a:hover
{ 
    color: rgb(220,0,0) !important;
    font-weight: bold;
}
.dropdown:hover .dropdown-content
{
    color: rgb(220,0,0) !important;
    font-weight: bold;
}

/*----------- ROTATE FEATURE --------------*/

.rot_feature::-webkit-scrollbar {
  display: none;
}

.rot_feature {
    overflow-x: scroll !important;
    overflow-y: hidden;
	width: auto;
    height: 58px;
	margin-top: 4px;
    background-color: white;
    white-space: nowrap;
    border-top: 1px solid rgb(200,0,0);
    border-bottom: 1px solid rgb(200,0,0);
}

.rot_feature ul {
    list-style: none;
    margin-top: 4px;
}

.rot_feature li {
    display: inline-block;
	line-height:  1.2;
    white-space: normal;
    word-break: break-word;
    vertical-align: top;
	text-align: left;
    font-size: 0.70em;
    padding-right: 1px;
}

.rot_feature a {
    color: black;
    text-decoration: none;
}

.rot_feature a:active, a:visited {
    color: black;
}

.rot_feature a:hover {
    cursor: pointer;
}

.rot_feature img {
	float: left;
    border: 1px solid lightgray;
    width: 48px;
    height: 48px;
}  

/*----------- RCARD  --------------*/
.rcard_pages {
    width: 100%;
    margin: 0 auto;
}

.rcard_pages table {
	width: 100%;
	border 1px solid red;
}

.rcard_pages a {
    color: #000;
    font-size: 0.875em;
    font-weight: bold;
    text-decoration: none;
}

.rcard_pages a:active, a:visited {
    color: #000;
}

.rcard_pages a:hover {
    color: rgb(220,0,0);
    font-weight: bold;
    text-decoration: underline;
}

.skyBox {
	width: 100%;
	margin-bottom: 10px;
}

.mbImage {
	border: 1px solid black;
	float: right; 
	margin-right: 4px;
	max-width: 200px; 
	height: auto;
}

.mainFooter {
    width: 100%;
	float: left;
    color: #000;
    font-size: 0.875em;
    text-align: center;
    background-color: white;
}

.mainFooter a {
    text-decoration: none;
    color: #0000ff;
}

.mainFooter a:hover {
    color: #ff0000;
    text-decoration: underline;
}

.mainFooter span {
    color: #000;
    font-weight: bold;
}

@media(hover: hover) and (pointer: fine) {
    .msgButton a:hover {
        background: rgb(200,0,0);
    }
}

.adslot_1 { display:block; }
.adslot_2 { display:block; }

/* > 998px */
@media only screen and (min-width: 998px)
{
    .sfeature4 img { width: 220px; height: auto; }
    .sfeature6 img { width: 220px; height: auto; }
    .search_text { width: 300px; }

    .swLgImg { width: 100%; max-width: 264px; height: auto; }
    .swSmImg { width: 100%; max-width: 80px; height: auto; }
	.rgtcol_table { width: 300px !important; }
}

/* < 998px */
@media only screen and (max-width: 998px)
{
	.adslot_1 { width: 728px; height: 90px; }

    .vertCardSet { margin: 0 auto; margin-bottom: 20px; width: 400px; }
    .mainImg { border: 1px solid black; width: 360px; height: 360px; }
    .subImg { border: 1px solid black; width: 84px; height: 84px; }

    .sfeature4 img { width: 220px; height: auto; }
    .sfeature6 img { width: 220px; height: auto; }
	.takefive { float: left; }
    .search_text { width: 300px; }
	.rgtcol_table { width: 300px !important; }
}

/* iphone landscape*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape)
{
	#fwButton { display: none; }
	.rgtcol_table { width: 300px !important; }
	.cbTable { width: 90%; }
}

/* < 799px */
@media only screen and (max-width: 799px)
{
    body  { width: 98%; font-size: 0.95em; }

	.content { width: 64% !important; }
	.vertCardSet { margin: 0 auto; margin-bottom: 20px; width: 400px; }
	.mainImg { border: 1px solid black; width: 360px; height: 360px; }
	.subImg { border: 1px solid black; width: 84px; height: 84px; }

    .mainHeader img { width: 100%; }

    .takefive { max-width: 400px !important; float: left; }
    .img220 { width: 100%; height: 186px; }
    .img110 { width: 80px; height: 80px; padding: 2px; }

	.botCell_1 { display: none; }
	.botCell_2 { margin: 0px; margin-left: 12%; display: block; }
	.botCell_3 { display: none; }

    .ctrCell_1 { width: 100% !important; margin-bottom: 10px; }

    .col_img220 { display: none; }
    .col_img110 { width: 180px; height: auto; padding: 2px; }

    .top10 { width: 90%; }
    .swapQW { width: 100% !important; }
	
    .feature img { width: 180px; height: auto; }
    .sfeature4 img { width: 220px; height: auto; }
    .sfeature6 img { width: 220px; height: auto; }
    #dailyFW { display: none; }
    #sx9 { display: none; }

    .img480 { width: 100%; height: auto; }
    .botMsgAdv { display: block; }
    .cal_header { font-size: 0.875em;
	.rgtcol_table { width: 300px !important; }
	.cbTable { width: 90%; }
	.hallowPic { margin-top: 10px; max-width: 400px; height: auto; }
	.easterPic { margin-top: 10px; max-width: 400px; height: auto; }
	.brunchPic { margin-top: 10px; max-width: 400px; height: auto; }
	.irishPic { margin-top: 10px; max-width: 400px; height: auto; }
	.footballPic { margin-top: 10px; max-width: 400px; height: auto; }
	.picnicPic { margin-top: 10px; max-width: 400px; height: auto; }
	.lunchPic { margin-top: 10px; max-width: 400px; height: auto; }
	.romanticPic { margin-top: 10px; max-width: 400px; height: auto; }
}

/* < 600px */
@media only screen and (max-width: 600px)
{

	.adslot_2 { width: 468px; height: 60px; } 

    .srchbox-content { width: 95%; }
    .search_text { min-width: 300px; }

	.logo_2 { font-size: 0.75em; }
	.logo_3 { font-size: 0.75em; }
	.nav_menu li { font-size: 1.0em !important; }

    .takefive { max-width: 394px !important; float: left; }
    .img220 { width: 100%; height: 186px; }

    .col_img220 { display: none; }
    .col_img110 { width: 180px; height: auto; padding: 2px; }
    .feature img { width: 180px; height: auto; }
    .sfeature4 img { width: 110px; height: auto; }
    .sfeature6 img { width: 170px; height: auto; }
    #sx9 { display: none; }

	.rgtcol_table { width: 98% !important; }

    .img480 { width: 100%; height: auto; }
    .botMsgAdv { display: block; }
    .cal_header { font-size: 0.875em; }
    #fwButton { display: none; }
	.copy_lft { width: 100%; height: 100px; }
	.copy_rgt { width: 100%; height: 100px; }
	.botAdv { margin-bottom: 100px !important; }
	.cbTable { width: 90%; }
	.hallowPic { margin-top: 10px; max-width: 400px; height: auto; }
	.easterPic { margin-top: 10px; max-width: 400px; height: auto; }
	.brunchPic { margin-top: 10px; max-width: 400px; height: auto; }
	.irishPic { margin-top: 10px; max-width: 400px; height: auto; }
	.footballPic { margin-top: 10px; max-width: 400px; height: auto; }
	.picnicPic { margin-top: 10px; max-width: 400px; height: auto; }
	.lunchPic { margin-top: 10px; max-width: 400px; height: auto; }
	.romanticPic { margin-top: 10px; max-width: 400px; height: auto; }
}

@media print
{
    body {
        font-family:"Verdana" !important;
        src: url("/css/fonts/Verdana.woff2");
        font-style:normal;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: 0.2px;
        -moz-osx-font-smoothing: grayscale;
        font-weight: normal;
        color: black;
        background: white;
        font-size: 1.0em !important;
    }
}