body { margin: 0; padding: 0; background-color: #FF6600; color: #fff; }
.clearfix:before,
.clearfix:after {
  content:"";
  display:table;
  clear:both;
}
.center { text-align: center; }
.no_border { border: none; }
.border_5 { border: 5px solid #000; }
.valign_top { vertical-align: top; }
.valign_middle { vertical-align: middle; }

#header { text-align: center; width: 800px; margin: auto; }
#header h1 { font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; }
#content { width: 800px; margin: auto; }
#left-column { width: 380px; float: left; text-align: justify; }
#left-picture img { display: block; width: 150px; margin-left: auto; margin-right: auto; }
#right-column { width: 380px; float: right; }
#right-up-picture { margin: 16px 0 10px; /* height: 550px; width: 380px;  */ color: #000000; position: relative; padding-top: 161%; }
#right-up-picture img {
	width: 100%;
	height: auto;
	position: absolute;
	background-image: url(Doggett%20Dresswear);
	left: -6px;
	top: 11px;
}
#right-up-picture span { position: relative; }
#image_wrapper { position: absolute; left: 0; right: 0; top: 0; }
#right-text { width: 260px; float: left; text-align: justify; }
#right-text a:link { color: #000000; text-decoration: none; }
.picture-text1 { font-size: 50px; font-weight: bold; margin-left: auto; margin-right: auto; padding-top: 20px; display: block; text-align: center; margin-bottom: 70px; }
.picture-text2 { font-size: 22px; font-weight: bold; width: 300px; margin-left: auto; margin-right: auto; display: block; text-align: center; }
.picture-text3 { font-size: 18px; margin-left: auto; margin-right: auto; display: block; text-align: center; width: 270px; word-spacing: 5px; }
#right-down-picture img { width: 100px; float: right; display: block; }
.btn { border-style: solid; border-width: 2px; border-color: #000000; background-color: #FFFFFF; padding: 10px;  }
@media only screen and (max-width:820px) {
	#header,
	#content { width: 90%; }
	#left-column,
	#right-column { width: 48%; }
	#right-up-picture,
	.picture-text1,
	.picture-text2,
	.picture-text3 { width: auto; }
	.picture-text1 { font-size: 36px; }
	.picture-text2 { font-size: 18px }
	.picture-text3 { font-size: 16px; }
	#right-text { width: 100%; }
	#content img { width: 100%; height: auto; max-width: 100%; }
	.btn { width: 100px; margin: 5px 0; display: block; float: right; }
}
@media only screen and (max-width:640px) {
	#header,
	#content { width: 90%; }
	#left-column,
	#right-column,
	#right-text { width: 100%; float: none; }
	#right-up-picture { width: auto; height: auto; }
	.picture-text1 { font-size: 30px; }
	.btn { margin: 5px auto; float: none; }
	#content .doggett_winner { width: 50%; margin: 0 auto; float: none; }
}

/* trueflare */
body.trueflare { background-color: #CACAFC; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; }
.highlight { color: #000; background-color: #FF0; }
.top-head { font-size: 18px; color: #FF0000; font-weight: bold; }
.bold-text { font-weight: bold; color: #000000; }
.red { color: #FF0000; }
.sub-txt { font-size: 10px; color: #000000; }
.main-head { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 36px; color: #000000; }
.awk-txt { font-size: 12px; color: #000000; }
table { width: 100%; max-width: 900px; margin: 0 auto; }
.mobile_table { display: none; border: 1px solid #000; border-left: 2px solid; border-right: 2px solid; }
.mobile_table .col { border-top: 1px solid #222; }
.mobile_table .col:first-child { font-weight: bold; }
.mobile_table .row { border-top: 1px solid #222; border-bottom: 1px solid #222; }
@media only screen and (max-width:600px) {
	.table { display: none; }
	.mobile_table { display: block; }
}

/* book */
#site { background-color: #FFFFFF; color: #000000; width: 60%; margin: 4.255319% auto; font-family: Algerian; }
#cover-photo { width: inherit; }
#cover-photo img { display: block; width: 300px; margin: 0px auto; }
.book #header h1 { text-align: center; font-size: 4.8em; margin: 0px auto; font-weight: normal; }
.book #header h2 { text-align: center; font-size: 3.2em; margin: 0px auto; font-weight: normal; }
.book #content p { font-family: 'Bookman Old Style'; margin: 20px 0px; text-align: justify; font-size: 1.1em; }
.book #content h3 { text-align: center; font-size: 1.8em; margin: 0px 10px; font-weight: normal; }
@media screen and (max-width:940px) {
	#site { width: 75%; }
}
@media screen and (max-width:768px) {
	#site { width: 90%; }
	#cover-photo img { width: 200px; }
	.book #header h1 { font-size: 3em; }
	.book #header h2 { font-size: 2em; }
	.book #content p { text-align: justify; font-size: 0.9em; }
	.book #content h3 { font-size: 1em; }
}