/* Generated by KompoZer */

html, body {
	width: 100%;
}

body {
  font-size: 100%;
  font-family: georgia, serif;
  background-color: #fac9df;
  background-image: url(img/background.png);
  background-repeat: repeat-y;
  color: #626262;
  position: relative;
  margin: 0;
  border: 0;
  padding: 0;
}

img, div {
	behavior: url(iepngfix.htc);
}

h1 {
  text-align: center;
  font-size: 2em;
  font-weight: inherit;
}
h2 {
  text-align: center;
  font-size: 1.5em;
  font-weight: inherit;
}
h3 {
  text-align: left;
  font-size: 1.1em;
  font-weight: inherit;
  border-bottom: thin dotted;
  margin-top: 0;
}

h4 {
  text-align: center;
  font-size: 1.2em;
  font-weight: inherit;
  color: #fa559f;
}

h5 {
  text-align: left;
  font-size: .9em;
  font-weight: inherit;
  margin-top: 0;
  margin-bottom: .25em;
  padding-top: 0;
  padding-bottom: 0;
}

h6 {
  text-align: left;
  font-size: 1.1em;
  font-weight: inherit;
  margin-top: 0;
  margin-bottom: 1em;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: thin dotted;
}

p.quote {
	margin-bottom: 0;
}

p.attribution {
	margin-top: 0;
	text-align: right;
	font-size: 1.0em;
	font-weight: inherit;
	color: #fa559f;
}

ul.flush {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

ol li {
	margin-bottom: 1em;
}

/* Dark Pink Text */
#banner, #banner a, #main a, #footer, #footer a, .drkpnk {
  color: #fa559f;
}

/* Dark Pink Text on White Background */
#leftbox a:hover, #rightbox a:hover {
  color: #fa559f;
  background-color: white;
  background-image: none;
}

/* White Text on Dark Pink Background */
#main a:hover, #footer a:hover {
  color: white;
  background-color: #fa559f;
}

/* White Text on Polka Dotted Pink Background */
#leftbox, #rightbox, #leftbox a, #rightbox a {
	background-image: url(img/sideBackground.jpg);
	color: white;
}

#banner {
  position: relative;
  clear: both;
  margin: 1em auto;
  text-align: center;
  width: 90%;
}

#bannername {
	margin: 1em auto 0 auto;
	/* width: 80%; */
	position: relative;
	z-axis: 1;
}

#bannerbuttonwrapper {
  position: relative;
  z-axis: 2;
  width: 100%;
  margin: -1em 0 1em 0;
}

.bannerbutton {
  float: left;
  position: relative;
  width: 15%;
  margin-right: 6%;
  margin-left: 0;
  text-align: center;
  display: inline; /* This is to fix an old IE bug. */
  zoom: 1; /* This is to fix an IE bug. */
}


#button1 {
  margin-left: 0%;
}

#button5 {
  margin-left: 0;
  margin-right: 0;
}

.bannerbutton a img {
	border: 0;
	margin-right: auto;
	margin-left: auto;
}

.bannerbutton a:hover img.link {
	display: none;
	margin-right: auto;
	margin-left: auto;
}

.bannerbutton a img.link {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.bannerbutton a img.hover {
	display: none;
	margin-right: auto;
	margin-left: auto;
}

.bannerbutton a:hover img.hover {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.bannerlink {
	color: #fa559f;
	height: 60px;
	display: block;
	padding-top: 5px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	visibility: hidden;
}

.bannerlink img {
	/* background-image: url(img/paper.png);
	background-repeat: repeat; */
	padding: 5px;
}

a:hover {
	white-space: normal;
}

a:hover .bannerlink {
	visibility: visible;

}

a img {
	border: 0;
}

#leftboxwrapper, #rightboxwrapper {
	width: 20%;
	margin: 0;
	border: 2px dotted white;
	padding: 0;
	background-color: #fa559f;
	background-image: url(img/sideBackground.jpg);
}

/* #leftboxwrapper {
	margin-right: 1%;
}

#rightboxwrapper {
	margin-left: 1%;
} */

#leftbox, #rightbox {
  /* background-image: url(img/cotton.png);
  background-repeat: repeat;
  background-color: #faddea; */
  padding: 0em .5em;
  /* border: thin solid white; */
  font-size: .9em;
  font-family: Georgia, serif;
  width: 90%;
}

#leftbox h3, #rightbox h3 {
	text-align: center;
}


#leftboxwrapper {
	float: left;
	clear: left;
}
#rightboxwrapper {
	float: right;
}
#leftbox a, #rightbox a, #banner a, #ringbox a, #quizbox a {
  text-decoration: none;
}

#leftbox p, #rightbox p {
	margin-bottom: .5em;
}

#quizbox {
	float: right;
	clear: both;
	width: 20%;
}

#picbox {
	float: right;
	width: 20%;
}

#leftpicbox {
	float: left;
	width: 20%;
}

#leftpicbox > div {
	width: 100%;
	text-align: center;
}

#smartLinkListSTYLEID {
	width: 100%;
}

#ringbox {
	float: right;
	width: 20%;
}

#ringbox a img.link {
	display: block;
	visibility: hidden;
}

#ringbox a:hover img.link {
	display: block;
	visibility: visible;
}

#quizbox img, #ringbox img, #picbox img, #leftpicbox img {
	width: 90%;
	border: 0;
}

#leftpicbox img {
	float: right;
}

.sidebarsub {
	border-top: thin dotted;
}

#leftbox #feeds {
	width: 100%;
	clear: left;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 2%;
}

#leftpicbox #feeds {
	width: 100%;
	clear: left;
	padding-top: 1em;
	padding-bottom: 5em;
}

#feeds img {
	display: inline;
	width: 32%;
}

#feeds a.feed {
	background-color: transparent;
}

#maincontainer {
	position: relative;
	clear: both;
	width: 85%;
	margin: 1em auto;
}
#mainwrapper {
	margin: 0 22%;
	padding: 0;
	border: 0;
	bottom: 0;
}
#main {
  border: thick dotted #fa559f;
  border-color: #fa559f #E04C8F #E04C8F #fa559f;
  padding: 0 4%;
  background-color: white;
  overflow: auto;
  top: 0%;
  bottom: 0%;
  width: 90%;
  margin: 0 auto;
  text-align: justify;
}
#main a {
  text-decoration: none;
}
#main > img {
	width: 90%;
}

a.mybooks:hover {
	background-color: transparent;
	text-align: center;
}

img.mybooks {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 40%;
}

p.mybooks {
	text-align: center;
}

#footer {
  position: relative;
  margin: 5em auto;
  clear: both;
  text-align: center;
  font-size: 0.80em;
}

.footernav {
	margin: .5em .5em;
}

.footerbutton {
  width: 10%;
}

div#leftbox a span, div#rightbox a span, div#quizbox a span, div#ringbox a span {
	display: none;
	position: absolute;
	font-family: georgia, serif;
}

/* div#leftbox a:hover span, div#rightbox a:hover span, div#quizbox a:hover span, div#ringbox a:hover span {
	display: inline;
	color: #fa559f;
	background-color: white;
	font-weight: bold;
	border: thick solid #fa559f;
	padding: 5px;
}

div#leftbox a:hover span {
	margin-right: 5px;
	left: 15%;
	top: 5em;
}

div#rightbox a:hover span, div#quizbox a:hover span, div#ringbox a:hover span {
	margin-left: 5px;
	right: 20%;
	top: 5em;
} */

#rightbox a img {
	width: 100%;
}

#rightbox a.bookpagelink:hover {
	background-color: transparent;
}

div.video {
	margin-bottom: 3em;
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.invisible {
	visibility: hidden;
}

/* For Wordpress. */

.alignleft {
	float: left;
	margin: 0 1em 1em 0;
	display: inline;
}

.alignright {
	float: right;
	margin: 0 0 1em 1em;
	display: inline;
}