body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: navy;
	height: 100%;
	background-color: #000;
	margin-bottom: 10px
}
.container {
	background-color: #fff;
	margin-top: 1px;
	margin-left: auto;
	margin-right: auto
}
h1 {
	font-size: 130%;
	text-align: center;
	color: #00f;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0;
	padding-right: 0;
	margin: 0
}
h2 {
	font-size: 100%;
	color: red;
	text-align: center;
	padding-bottom: 15px;
	padding-left: 0;
	padding-right: 0;
	margin: 0
}
h3 {
	font-size: 100%;
	color: navy;
	line-height: 1.9em;
	padding-bottom: 15px;
	padding-left: 0;
	padding-right: 0;
	margin: 0
}
ul {
	list-style: none
}
.masthead {
	min-height: 60px;
	background-image: url(../images/masthead-03.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	border-top: 1px solid #a22a2a;
	border-left: 1px solid #a22a2a;
	border-right: 1px solid #a22a2a
}
.site-name-one {
	font-family: Georgia, Times, "Times New Roman", serif;
	color: #e3e3f7;
	text-align: center;
	font-size: 30px;
	padding: 15px
}
.menu-container {
	background-color: #e0cff1;
	border-top: 1px solid #a22a2a;
	border-bottom: 1px solid #a22a2a;
	font-size: 130%!important;
	padding-left: 15px
}
.masthead-menu {
	padding-top: 10px;
	list-style: none
}
a.masthead-menu:link {
	color: #00f;
	text-decoration: none;
	padding: 0;
	margin: 0
}
a.masthead-menu:visited {
	color: #00f
}
a.masthead-menu:hover {
	color: #fff;
	background-color: #00f
}
ul.collapsible-topics {
	line-height: 35px;
	list-style: none;
	text-align: left;
	padding: 0
}
.collapsible-topics li {
	margin-right: 15px
}
.collapsible-topics a {
	font-size: 115%;
	display: block;
	color: #00f;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0;
	padding-bottom: 0
}
.collapsible-topics a:visited {
	color: purple
}
.collapsible-topics a:hover {
	color: #fff;
	background-color: blue!important;
	text-decoration: underline;
}
.list-overflow {
	overflow: hidden;
	white-space: nowrap
}
ul.poem-list {
	line-height: 40px;
	text-align: left;
	padding-left: 0px;
	display: table;
}
ul.poem-list li {
	display: block;
	max-width: 250px
}
ul.poem-list a:link {
	font-size: 105%!important;
	color: #00f;
	text-decoration: none
}
ul.poem-list a:visited {
	color: purple
}
ul.poem-list a:hover {
	color: #fff!important;
	background-color: #00f!important;
	padding: 0
}
.panel-heading {
	font-size: 130%;
	color: #00f!important;
	text-align: center;
	padding: 10px;
	background-color: #e3e3f7!important
}
.panel-body {
	font-size: 100%;
	padding: 10px
}
.panel {
	margin-top: 15px!important
}
.poem-text-wrapper {
	display: table;
	margin: auto;
	padding-bottom: 15px
}
.ad-col {
	padding-left: 15px;
	padding-right: 15px
}
.head-of-poem-responsive-ad {
	padding-top: 15px;
	padding-bottom: 15px;
	margin: auto
}
.sidebar-ads {
	margin: auto;
	margin-top: 15px
}
.poem-list-divider {
	padding-top: 15px;
	padding-bottom: 15px;
	margin: auto
}
.under-the-poem-ad {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	margin: auto
}
.under-left-menu-ads {
	padding-top: 15px;
	padding-bottom: 15px;
	margin: auto
}
.fa {
	padding: 5px;
	font-size: 20px;
	width: 30px;
	text-align: center;
	text-decoration: none;
	margin: 0;
	border-radius: 5px;
}
.fa:hover {
	opacity: .6
}
.fa-facebook {
	background: #3b5998;
	color: #fff
}
.fa-twitter {
	background: #55acee;
	color: #fff
}
.fa-google {
	background: #dd4b39;
	color: #fff
}
.fa-pinterest {
	background: #cb2027;
	color: #fff
}
.fa-stumbleupon {
	background: #eb4924;
	color: #fff;
	padding-right: 20px
}
a.fa {
	color: #fff!important
}
a.eop:link {
	color: #00f;
	font-size: 115%;
	text-decoration: none;
	padding: 5px
}
a.eop:visited {
	color: #00f!important
}
a.eop:hover {
	color: #fff!important;
	background-color: blue
}
.pager a {
	color: blue!important
}
.bottom-line {
	text-align: center;
	margin-top: 15px;
}
.required-links {
	font-size: 95%!important;
}
ul.required-links a:link {
	color: blue!important;
}
ul.required-links a:visited {
	color: purple
}
ul.required-links a:hover {
	color: white!important;
	background-color: blue!important;
	padding: 0;
	text-decoration: underline
}
.copyright-notice {
	text-align: center;
	color: red;
	font-size: 14px;
	margin-bottom: 25px;
}
.bgbot {
	background-color: #efe7f8
}
.bullet-disc li:before {
	content: '\2022';
	color: red;
	display: inline;
	width: 0;
	font-size: 20px;
	padding-right: 5px
}
.category {
	font-size: 130%;
	color: red;
	text-align: center;
	padding: 15px
}
.side-bar-nav {
	padding-left: 15px
}
ul.side-bar-nav a:link {
	color: blue;
	font-size: 100%;
	line-height: 35px;
	text-decoration: none;
	text-align: left
}
ul.side-bar-nav a:visited {
	color: purple
}
ul.side-bar-nav a:hover {
	color: #fff;
	background-color: blue;
	text-decoration: underline;
}
.search-box-styles {
	min-height: 45px;
	padding-top: 9px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #c4b3d5
}
.accordion-one-padding {
	padding-left: 15px
}
.lmenu, .rmenu {
	display: inline-block!important;
	margin-right: 25px
}
.topten-button {
	background-color: #efe7f8;
	color: blue;
	padding: 1px 22px;
	text-align: center;
	text-decoration: none;
	display: block;
	font-size: 125%;
	max-width: 350px;
	border-radius: 12px;
	border: 1px solid #a22a2a;
	margin-top: 2px;
	cursor: default;
	margin: auto
}

@media only screen and (min-width:480px) {
.site-name-one {
	font-size: 30px;
	padding-left: 125px
}
ul.poem-list a:link {
	font-size: 115%!important
}
.accordion {
	font-size: 110%!important
}
}

@media only screen and (min-width:600px) {
.site-name-one {
	font-size: 32px;
	padding-left: 125px
}
h1 {
	font-size: 150%
}
h2 {
	font-size: 100%
}
h3 {
	font-size: 105%
}
ul.poem-list a:link {
	font-size: 110%!important
}
}

@media only screen and (min-width:768px) {
.site-name-one {
	font-size: 32px;
	padding-left: 125px
}
.left-right-borders {
	border-left: 1px solid #a22a2a;
	border-right: 1px solid #a22a2a
}
.top-bottom-borders {
	border-top: 1px solid #a22a2a;
	border-bottom: 1px solid #a22a2a
}
.table-container {
	display: none
}
.menu-container {
	display: none
}
.col-sm-3 {
	padding-top: 15px;
	padding-left: 0
}
ul.side-bar-nav a:link {
	font-size: 105%
}
h3 {
	font-size: 106%
}
}

@media only screen and (min-width:992px) {
.site-name-one {
	font-size: 34px;
	padding-left: 125px
}
ul.side-bar-nav a:link {
	font-size: 115%
}
.col-sm-3 {
	padding-top: 15px;
	padding-left: 15px
}
h3 {
	font-size: 115%
}
}

@media only screen and (min-width:1024px) {
.site-name-one {
	font-size: 36px;
	margin: auto
}
}