body {
                padding:0px;
                margin:0px;
                font-family: "trebuchet ms", verdana, arial, sans-serif;
        }

@media screen and (max-width:1024px){
        td.mobilehide {
		display:none;
    }
}
@media screen and (max-width:1024px){
        div.mobilehide {
		display:none;
    }
}
@media screen and (max-width:1024px){
        img.mobileshrink {
		width:234px;
		height:30px;
    }
}
@media screen and (max-width:1024px){
        img.mobileshrinktop300x250 {
		width:350px;
		height:171px;
    }
}

div.mobileshow {
	float:left;
	text-align:left;
}
@media screen and (max-width:1024px){
        div.mobileshow {
        	//position:absolute;
		margin: auto;
		width: 50%;
		text-align:center;
    }
}

span.bigtext {
                font-size:12pt;
                font-weight:bold;
                color:#4570B3;
          
        }
h2.bigtext {
                font-size:12pt;
                font-weight:bold;
                color:#4570B3;
    		display: inline;          
        }		
		       span.smalltext {
                font-size:8pt;
                color:#999999;
        }
	.txt34 {
		font-size:8pt;
	}
        td.text1 {
                font-size:16pt;
                font-weight:strong;
                color:#696900;
        }
        b {
                color:#3A3A00;
        }
	.extreme {
		color:#AA0000
	}
        span.text1 {
                color:#494900;
                font-size:17pt;
                font-weight:bold;
        }
	.cat_top {
		font-size:8pt;
		display:block;
		text-align:center;
	}
        span.text2 {
                color:#696900;
                font-size:13pt;
                font-weight:strong;
        }
	a.categories {
		 color:#AA0000;
		 text-decoration:none;
	}
        a.categories:hover {
		 color:#FF0000;
                 text-decoration:underline;
        }
        a {
                color:#000000;
                text-decoration:none;
        }
        a:hover {
                color:#0000AA;
                text-decoration:underline;
        }
        span.text3 {
                color:#696900;
                font-size:11pt;
                font-weight:strong;
        }
        ul {
                border:solid 1px #D3EB88;
                background-color:#B7B74E;
                padding:0px;
                margin:0px;
                width:100%;
                clear: left;
                float: left;
        }
        ul li{
                list-style: none;
                font-size:10pt;
                padding:0px 0px 0px 20px;
                margin:3px 5px;
                background: url(/img/dot.jpg) no-repeat 0 3px;
        }
        hr {
                border-bottom:solid 1px #4570B3;
                height:0px;
        }
        fieldset {
                border:solid 1px #D3EB88;
                background-color:#B7B74E;
                margin:0px;
                padding:10px;
        }
        legend {
                font-weight:bold;
                color:#494900;
        }
        form {
                padding:0px;
                margin:0px;
        }
        td.bar20 {
                height:20px;
                font-size:12px;
                background-image:url(/img/20px_bar.jpg);
                background-repeat:repeat-x;
                border-bottom:solid 2px #4570B3;
		font-weight:bold;
        }
        td.copyright {
                text-align:center;
                height:40px;
                background-color:#E6E6E6;
                border-bottom:solid 2px #4570B3;
        }
        td.content {
                background-color:#AECDFF;
                border-bottom:solid 2px #4570B3;
                background-image:url(/img/content_bg_600.jpg);
                background-repeat:repeat-x;
                background-position:top left;
        }
        td.logo {
                text-align:center;
                height:59px;
                background-color:#E6E6E6;
                border-bottom:solid 2px #4570B3;
                background-image:url(/img/logo_bg_new.jpg);
        }
        tr.logo {
        	height:59px;
        }
        td.contentbody {
                padding:4px;
                background-color:#C1D9FF;
                border:solid 1px #4570B3;
                max-width:604;
        }
        td.othersites {
                font-size:8pt;
                font-weight:strong;
                background-color:#C1D9FF;
                padding:3px;
                border:solid 1px #4570B3;
        }
        td.ghead {
                background-image:url(/img/gallerybar_top.jpg);
                background-repeat:no-repeat;
                height:30px;
                font-size:9pt;
                font-weight:bold;
                padding-left:10px;
                padding-right:10px;
                text-align:left;
        }
        td.gbottom {
                border:solid 2px #4570B3;
                background-color:#FFFFFF;
                border-top:none;
                height:30px;
                font-size:8pt;
                font-weight:bold;
                padding-left:10px;
                padding-right:10px;
                text-align:center;
        }

        td.gmiddle {
                background-image:url(/img/content_bg_20.jpg);
                background-repeat:repeat-x;
                background-position:bottom right;
                background-color:#DDEAFF;
                padding-top:10px;
                border:solid 2px #4570B3;
                border-bottom:none;
                font-size:10pt;
                font-weight:bold;
                padding-left:10px;
                padding-right:10px;
                text-align:center;
                /*merge max-width:622px; */
                max-width:100%;
				/*below was A */
				display: flex;
				justify-content: center;
				/*align-items: center;*/
				flex-direction: column;
        }

	.a11 {
		font-size:7pt;
	}
	.a21 {
		font-size:9pt;
	}
	.a31 {
		font-size:11pt;
	}
	.a41 {
		font-size:13pt;
	}
	.a51 {
		font-size:15pt;
	}
	.a61 {
		font-size:17pt;
	}
        .a12 {
                font-size:7pt;
		text-decoration: underline;
        }
        .a22 {
                font-size:9pt;
        }
        .a32 {
                font-size:11pt;
                text-decoration: underline;
        }
        .a42 {
                font-size:13pt;
        }
        .a52 {
                font-size:15pt;
                text-decoration: underline;
        }
        .a62 {
                font-size:17pt;
                text-decoration: underline;	
        }
        .a13 {
                font-size:7pt;
		font-weight:bold;
        }
        .a23 {
                font-size:9pt;
		font-weight:bold;
        }
        .a33 {
                font-size:11pt;
		font-weight:bold;
        }
        .a43 {
                font-size:13pt;
		font-weight:bold;
        }
        .a53 {
                font-size:15pt;
		font-weight:bold;
        }
        .a63 {
                font-size:17pt;
		font-weight:bold;
        }
        .a14 {
                font-size:7pt;
                font-style:italic;
        }
        .a24 {
                font-size:9pt;
		font-style:italic;
        }
        .a34 {
                font-size:11pt;
		font-style:italic;
        }
        .a44 {
                font-size:13pt;
		font-style:italic;
        }
        .a54 {
                font-size:15pt;
		font-style:italic;
        }
        .a64 {
                font-size:17pt;
		font-style:italic;
        }
	.bookmark1 {
	color: #66FFFF;
	background-color: #000000;
	}

#interContainer{
position: absolute;
width: auto; /*Width of interstitial box*/
height: auto;
left: 0;
top: 0;
padding: 15px;
padding-top: 0;
background-color: #d0e47e;
border: 1px solid black;
visibility: hidden;
z-index: 6;
}

#interContainer .headerbar{ /*CSS for header bar of interstitial box*/
color: gray;
padding: 5px 0;
text-align: right;
}

#interContainer .headerbar a{ /*CSS for header bar links of interstitial box*/
font-size: 120%;
text-decoration: none;
}


#interContent{ /*CSS for div that holds the content to show*/
border: 1px solid gray;

background-color: white;
}

#interVeil{ /*CSS for background veil that covers entire page while interstitial box is visible*/
position: absolute;
background: black url(blackdot.gif);
right: 0;
width: 10px;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
}
iframeh {
    visibility: hidden;
    position: absolute;
    left: 0; top: 0;
    height:0; width:0;
    border: none;
}
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}

.iframe-container {
  height: 100%;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  resize:both;
}

.iframe-container iframe {
  width:100%;
  height:100%;
  border:none;
}
.butstyle {
background-color: #e7e7e7;
color: #000000;
width:330px;
}
.butAfter{
background-color: #4CAF50;
color: #ffffff;
border:3px solid #000000;
border-radius:3px;
width:330px;
}
div#wtf {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3px;
    flex-wrap: wrap;
}

#wtf img {
    border: solid 1px #4570B3;
    max-width: 200px;
    max-height: 200px;
    object-fit: cover;
    vertical-align: middle;
    margin: 3px;
    border-radius: 5px;
    min-width: 150px;
	min-height: 150px;
    box-sizing: border-box;
}


#thisblogger {
    margin-bottom: 5px;
	text-align: right;
	float: right;
}
#catsntags {
	text-align: left;
	float: left;
	font-size: 7pt;
	font-weight: normal;
}
@media (max-width: 600px) {
    /*table, thead, tbody, th, td, tr {
        display: block;
    }
    td {
        margin-bottom: 1em;
    }*/
	
 /*   .ghead, .gmiddle, .gbottom {
        line-height: 2;
        height: auto;
    }		*/

    td.ghead {
        background-size: 100%;
        height: calc(100vw / 20.1333); /* 604/30 = 20.1333 */
		font-size: 0.6em; /* adjust as needed */
    }
	td.ghead img {
        max-width: 100%;
        height: auto;
    }
    table {
        width: 100%;
    }
    .ad {
        display: none;
    }
    .ad:first-child {
        display: block;
    }
    #thisblogger, #catsntags span:nth-child(n+2), .gbottom div:last-child {
        display: none;
    }
/*    #wtf {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px; /* adjust as needed */
/*    }
    #wtf img {
        max-width: 100%;
        height: auto;
    }*/

	#wtf img {
		max-width: 250px;
		max-height: 250px;
		min-width: 200px;
		min-height: 200px;
	}
}
.ad {
    margin: 0 auto;
}
#adleft {
    display: block;
    margin: 0 auto;
}
#adleft {
    display: block;
    margin: 0 auto;
}

.outer-container {
  display: flex;
  justify-content: center;
}

.ad-container {
  /*border: 1px solid black;*/
  width: 300px;
  height: 258px;
  margin-right: 1px;
}

.ad-container:last-child {
  margin-right: 0;
}

@media (max-width: 610px) {
  .right-300 {
    display: none;
  }
}