<?php @Header ("Content-type: text/css");?>
body {background:url(https://speaker-tips.com/img/blue_bkg.gif) repeat-x #B0C4DE;}
P {font-family: Arial,Verdana, Helvetica, sans-serif; font-size: 11pt; color: black;padding:5px;margin:5px;}
img, table, form {border:0; margin:0px; padding:0px;}
a:link {color: #0000FF; text-decoration: none;}
a:visited {color: #0000FF; text-decoration: none;}
a:active {COLOR: #cc3300; TEXT-DECORATION: none;}
a:hover {COLOR: #cc3300; TEXT-DECORATION: underline;}
H1 {padding:0; margin: 15px;FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; font-size: 17pt; font-weight: bold; color:maroon;}
H2 {padding:0; padding-top:21px;margin: 15px 0px 0px 5px;FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; color:maroon;}
H3 {padding:0; padding-top:21px;margin: 15px 0px 0px 5px;FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color:maroon;}
.arrow {height:9px; width:8px; border:0;}
#main {border:1px solid black; width:85%;margin:10px;padding:25px;background-color:#FFFFF0; margin-left:auto;margin-right:auto}
#info p {margin:0px;padding:0px}

#rightlink p {font-size:12px}

#tip-content {border:1px solid black; background-color:white;padding-left: 25px;padding-right: 25px;}

#citation-widget {
  border: 1px solid #ccc;
  padding: 20px;
  font-family: sans-serif;
}

#citation-styles button {
  margin-right: 10px;
  padding: 5px 10px;
  cursor: pointer;
}

#citation-output {
  margin-top: 10px;
}

#citation-text {
  width: 100%;
  height: 100px;
  resize: vertical;
}

        .content {display: flex;flex-wrap: wrap;}

        .main-content {flex: 2;padding-right: 20px;}
        .sidebar {flex: 1;background-color: white; padding: 21px; border: 1px solid black;}

		
		.main-content2 {flex: 1; padding-right: 20px;}
		.sidebar2 {flex: 1;}

		#ccimg {border:1px solid black; max-width:100%; height:auto}

        @media (max-width: 768px) {
            .content {flex-direction: column;}

            .sidebar {width: 100%;box-sizing: border-box;}
			.sidebar2 {width: 100%;box-sizing: border-box;}

            .main-content {width: 100%;}

			#ccimg {border:1px solid black; max-width: 100%; height: auto;}
			.textimg {max-width: 100%; height: auto;}
			
			#tip-content img {max-width: 100%; height: auto;}
			#sidebar img {max-width: 100%; height: auto;}
			
        }

.prev, .next {margin: 21px;}
.prev {text-align: left;}
.next {text-align: right;}

.prev a:hover, .next a:hover {
    background-color: #007BFF; /* Highlight background */
    color: white; /* Change text color */
    text-decoration: none;}

.getbook {border-top:1px solid black;margin-top: 31px;}
p.getbook {font-style: italic; font-weight: bold;}

#more-tips {margin-left:15px}
#tip-content {padding-bottom: 21px;}

        .book-covers {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            }
		
		        .book-cover {
            margin: 7px;
            text-align: center;
        }

#buybox {width:100%; background-color:white;border:1px solid black;display: flex;flex-wrap: wrap;}
#buy1 {flex:1}
#buy2 {flex:1; display: flex; justify-content: center; align-items: center;flex-direction: column}