@charset "UTF-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box; /* *** w3schools: Specify that <div> elements 
	should have padding and border included in the element's total width and height **** */
}
body {
	background-image: url(../images/dark_wood.jpg);
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}
p {
	padding-top: 16px;
}

.clear {
	clear: both;
}

/* To make the images flexible, simply add max-width:100% and height:auto. 
Image max-width:100% and height:auto works in IE7, but not in IE8 (yes, another weird IE bug). 
To fix this, you need to add width:auto\9 for IE8.  */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
a {
	text-decoration: none;
	color: #1B6C95;
}
a:hover{
	color: #C42172;
}
#topWrapper {
	width: 100%;
	background-color: #000;
}
/*#header {
	max-height: 160px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding-bottom: 0px;
	max-width: 550px;*/
   /* The header img is not a background property, it is actually an image placed in the div container. by giving it a max and min size, combined with the image flex propety at the top of the CSS, the image resizes with the browser window. March 3, 2017 */
#header {
	max-height: 290px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding-bottom: 0px;
	max-width: 685px;   /* The header img is not a background property, it is actually an image placed in the div container. by giving it a max and min size, combined with the image flex propety at the top of the CSS, the image resizes with the browser window. March 3, 2017 */
}
#topNavWrapper {
	width: 100%;
	-webkit-box-shadow: 0px -3px 10px 1px rgba(0,0,0,0.85);
	box-shadow: 0px -3px 10px 1px rgba(0,0,0,0.85);
}
.horizontalBars {
	width: 100%;
	height: 40px;
	background-image: url(../images/horizontal_bar_mahogony_wood.jpg);	/*background: linear-gradient(180deg, rgba(255,227,159,1), rgba(228,139,104,1));
	background-color: #FFE39F; */
}
.underMenuShadow {
	width: 100%;
	height: 10px;
	background-image: url(../images/under_menu_shadow.png);
	background-repeat: repeat-x;
	/*margin-bottom: 10px;*/
}
.overMenuShadow {
	width: 100%;
	height: 10px;
	background-image: url(../images/over_menu_shadow.png);
	background-repeat: repeat-x;
	/*margin-top: 10px;*/
}



/* MMMMMMMMMMMMMMMMMMMM  MIDSECTION SECTION  MMMMMMMMMMMMMMMMMMMM */

#midWrapper {
	width: 100%;
	background-color: #FFF;
}
#mainContent {
	max-width: 1280px;
	padding: 20px;
	background-color: #FFF;
	margin: 0 auto;
}
#contentLeft {
	float: left;
	width: 65%;
	padding: 10px;
	font-size: 110%;
	line-height: 160%;
}
#sidebarRight {
	float: right;
	width: 20%;
	font-size: 120%;
	line-height: 160%;
}
.sidebarPerformanceWrapper {
	margin-top: 20px;
	padding-top: 5px;
	border-top: 1px solid #681722;
	font-size: 85%;
	text-align: center;
	color: #606060;
}
.sidebarContactInfoWrapper {
	margin-top: 20px;
	padding-top: 5px;
	border-top: 1px solid #681722;
	font-size: 100%;
	text-align: center;
	color: #606060;
}
#sidebarRight .sidebarPerformanceWrapper h3 {
	line-height: 120%;
}





/* I I I I I I I  Column Styling  I I I I I I I */

/* I I I I I I I  - Found at: http://codepen.io/katydecorah/pen/7db740bc9ff28a1f7fdd70bcce257860 -  I I I I I I I */


/* *** WBO ***The following is to prevent a section from breaking into the next column. Found at: https://css-tricks.com/almanac/properties/b/break-inside/  *** */
.individualNovel {
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

/* *** WBO ***The following is to prevent a section from breaking into the next column. Found at: https://css-tricks.com/almanac/properties/b/break-inside/  *** */
.noCoiumnBreakWrapper {
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}
/* *** WBO ***The following is to prevent a section from breaking into the next column. Found at: https://css-tricks.com/almanac/properties/b/break-inside/  *** */
.individualPerformance {
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}
.newspaper {
  -webkit-columns: 2 40%; /* Chrome, Safari, Opera */
  -moz-columns: 2 40%; /* Firefox */
  columns: 2 150px;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}
.newspaper h3 {
	color: #791A06;
	font-size: 140%;
}

/* I I I I I I I  END Column Styling  I I I I I I I */



/* START OF FOOTER ¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶ */

#footerWrapper {
	width: 100%;
	min-height: 100px;
	background-repeat: repeat;
}
#footerContent {
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #F8D78A;
	margin-top: 20px;
	font-style: normal;
	font-size: 85%;
	line-height: 150%;
	margin-bottom: 20px;
}
#footerContent .smallerCopyOne {
	text-align: center;
	font-size: 85%;
}
#footerContent a {
	text-decoration: none;
	color: #F78054;
}


/* END OF FOOTER ¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶ */


/* •••••••••••••• Miscellaneous Styles •••••••••••••• */

/* *** Line styles *** */
.line70Percent {
	width: 70%;
	margin-top: 5px;
	margin-right: 15%;
	margin-left: 15%;
	margin-bottom: 0px;
	border-top: thin solid #C6C6C6;
}
.line100Percent {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 0px;
	border-top: thin solid #000000;
}
.line100PercentTopAndBottomMargin {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: thin solid #000000;
}
.line100PercentBottomMargin {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 20px;
	border-top: thin solid #000000;
}
.line100PercentBottomMarginClear {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: thin solid #000000;
	clear: both;
}
.lessLineHeightOne {
	line-height: 110%;
}


/* *** Image styles *** */
.imageLeft {
	float: left;
}
.imageLeftMarginRight {
	float: left;
	margin-right: 12px;
}
.imageRight {
	float: right;
}
.readMore {
	font-size: 90%;
	font-style: italic;
	text-align: center;
	border: 1px solid #fab063;
	float: right;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 14px;
	margin-bottom: 15px;
}
.top {
	font-size:85%;
	color:#666;
	text-align:left
}
.centerContent {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.dwuser_slider_wrapper {
	text-align: center;
	margin-bottom: 30px;
}


/* ********* Styling Author page In Page Menu ********** */

/* *** A menu for just the page *** */
.inPageMenu {
	color: #FFFFFF;
	background-color: #000000;
	text-align: center;
	width: 100%;
	padding: 12px 0px;
	margin-bottom: 35px;
}
.inPageMenu a {
	margin: 0px 30px;
	padding: 6px;
	text-decoration: none;
	color: #ADADAD;
}	
.inPageMenu a:hover {
	color: #000000;
	/* [disabled]background-color: #ffcb00; */
	background-image: -webkit-linear-gradient(270deg,rgba(255,233,4,1.00) 0%,rgba(255,150,0,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,233,4,1.00) 0%,rgba(255,150,0,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,233,4,1.00) 0%,rgba(255,150,0,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,233,4,1.00) 0%,rgba(255,150,0,1.00) 100%);
}

.sectionSeparator {
	margin-top: 70px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: thin solid rgba(0,0,0,1);
}
.pressQuotesWrapper {
	text-align: left;
}
.pressItemWrapper {
	background-color: rgba(215,219,242,0.64);
	padding-top: 14px;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 20px;
	line-height: 110%;
	border-radius: 20px;
	margin-bottom: 14px;
}
.rightJustifyCredit {
	text-align: right;
	border-radius: 14px;
	color: #000000;
	font-size: 95%;
	font-style: italic;
}



/* mqmqmqmqmqmqmqmqm VVVVVVVVVVV START OF MEDIA QUERRIES VVVVVVVVVVV mqmqmqmqmqmqmqmqm */


@media (max-width : 1000px ){
.line100PercentBottomMargin {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 20px;
	border-top: thin solid #000000;
}
.line100PercentBottomMargin {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 20px;
	border-top: thin solid #000000;
}
.line100Percent {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 0px;
	border-top: thin solid #000000;
}
.newspaper {
  -webkit-columns: 1 100%; /* Chrome, Safari, Opera */
  -moz-columns: 1 100%; /* Firefox */
  columns: 1;
 /* -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;*/
}
}


@media (max-width : 700px ){
	
#contentLeft {
	display: block;
	width: 90%;
	margin: 0 5%;
	/*text-align: justify;*/
}
#sidebarRight {
	display: block;
	width: 90%;
	margin: 0 5%;
	text-align: center;
	font-size: 120%;
	line-height: 120%;
}
.pressQuotesWrapper {
	text-align: left;
}
#mainContent {
	/*max-width: 1280px;*/
	padding: 0px;
	/*background-color: #FFF;*/
	/*margin: 0 auto;*/
}
#contentLeft {
	padding: 4px;
}
}


@media (max-width: 400px){   

.horizontalBars {
	height: 20px;
}
.inPageMenu a {
	display: block; /* *** WBO *** This block property causes the menu items to display vertically *** */
	padding: 10px opx;
	/*text-decoration: none;
	color: #ADADAD;*/
}	
.pressQuotesWrapper {
	text-align: left;
}
#mainContent {
	/*max-width: 1280px;*/
	padding: 0px;
	/*background-color: #FFF;*/
	/*margin: 0 auto;*/
}
}