i@charset "utf-8";
a:hover, a:link, a:visited {
  color: #069
}
.a-z, .bt, ul {
  line-height: 140%
}
.a-z, .bt-strong, .menu li a {
  font-weight: 700
}
.indent, .meanings-block, .menu {
  overflow: hidden
}
embed, img, object, video {
  max-width: 100%
}
.ie6 img {
  width: 100%
}
a:hover {
  text-decoration: underline
}
.a-z a:link, a:link, a:visited {
  text-decoration: none
}
.amazon {
  width: 60%;
  margin-left: auto;
  margin-right: auto
}
.addthis, .facebook {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 130%;
  padding-left: 3%
}
.tweet {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 110%;
  padding-left: 3%
}
h1 {
  background-color: #0a5083;
  color: #fff;
  padding: 2px 2px 2px 1%
}
h2, h3 {
  background-color: #ccc;
  color: #334d55;
  margin-top: 2px
}
h2 {
  font-size: 140%;
  padding: 4px 2px 6px 6px
}
h3 {
  font-size: 120%;
  padding: 4px 2px 4px 5px
}

figure {
  border: 2px #cccccc solid;
  padding: 4px;
  margin: auto;
  float: right;
}
.figcaption-black {
  background-color: black;
  color: white;
  font-style: italic;
  padding: 2px;
  text-align: center;
}
.figcaption-darkolivegreen {
  background-color: darkolivegreen;
  color: white;
  font-style: italic;
  padding: 2px;
  text-align: center;
}


.front-text, .more {
  background-color: #fff;
  font-style: italic
}
.a-z, .a-z a:hover, .a-z a:link {
  padding-right: 1%
}
PRE {
  font-family: courier
}
ul {
  margin-left: 5px;
  margin-right: 5px
}
.a-z {
  color: #333;
  font-size: 130%;
  letter-spacing: 6px
}
.a-z a:hover {
  text-decoration: underline
}
.menu li a, .no_und {
  text-decoration: none
}
.browse-phrases {
  padding-top: 4px;
  padding-right: 2%;
  font-size: 150%
}
.bt, .bt-list, .bt-strong {
  font-size: 130%
}
.bt-strong {
  line-height: 150%
}
.bt-list {
  color: #333;
  line-height: 140%;
  padding-left: 40px
}
.phrase-list {
  color: #333;
  padding-left: 2%;
  line-height: 150%;
  margin-right: 1%;
  font-size: 140%
}
.bottom-leaderboard, .leaderboard, .social-container {
  margin-left: auto;
  margin-right: auto
}
.content {
  font-size: 120%;
  float: left
}
.popular {
  font-size: 160%;
  padding-top: 4px;
  padding-right: 10px;
  padding-left: 20px;
  border-top: 0.5px solid #a2a2a2
}
.pop-number {
  font-size: 140%;
  color: #b7b7b7
}
.author, .copyright {
  font-size: 100%;
  padding-bottom: 10px
}
.copyright {
  float: right;
  padding-right: 10px;
  margin-top: 10px
}
.author {
  float: none;
  padding-left: 10px
}
.front-text {
  font-size: 85%
}
.notify {
	border: 1px solid black;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	padding:10px;
	margin-bottom:-1px;
}
.notify-box {
	line-height: 150%;
    font-size: 130%;
	width: fit-content;
	margin:6px;
}
.email-notify {
	border: 1px solid black;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	padding:10px;
	background-color:lightgray
}
.head-h1 {
  background-color: #ccc;
  color: #334d55;
  margin-top: 2px;
  font-size: 130%;
  padding: 4px 2px 4px 6px
}
.more {
  text-align: right;
  font-size: 120%
}
.get-wrong-header {
  font-size: 140%
}
.social-container-right {
  padding-top: 5px;
  padding-right: 10px;
  float: right
}
.social-container {
  padding-top: 5px;
  padding-bottom: 0;
  text-align: center
}
.leaderboard {
  text-align: center
}
.bottom-leaderboard {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  border-width: medium
}
.meanings-a-z {
  clear: left
}
.clear, .newline {
  clear: both
}
.meanings-body {
  margin-left: 2%;
  line-height: 150%;
  margin-right: 1%;
  font-size: 130%;
  color: #4c4c4c
}
.listitem {
  margin-left: 4%;
  line-height: 130%;
  margin-right: 1%;
  font-size: 120%
}
.meanings-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
  padding-top: 10px
}
.meanings-list {
  font-size: 100%;
  margin-left: 6px;
  line-height: 130%
}
.no-border {
  border-style: none
}
.noshade {
  height: 1px;
  color: #ccc
}
.meaning, .origin {
  font-size: 140%;
  font-weight: 700;
  margin-left: 6px;
  background-color: #eee;
  color: #6c6c6c
}
.menu li a, .shaded-box {
  background-color: #069
}
.right-image {
  float: right;
}
.left-image {
  float: left;
  padding-left: 6px;
  padding-right: 10px
}
.search-box {
  padding-top: 5px;
  min-width: 300px;
  max-width: 500px;
  float: right
}
#left {
  float: left
}
.phrase-text {
  margin-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px
}
.phrase-text h1 {
  font-size: 120%;
  color: #334d55;
  padding: 5px
}
.menu li a, .menu li a:visited {
  color: #fff
}
.menu {
  width: 100%
}
.menu ul {
  padding-left: 10px;
  list-style-type: none
}
.menu li {
  display: inline
}
.menu li a {
  display: block;
  font-size: 150%;
  border-right: 1px solid #fff;
  margin-top: 4px;
  margin-right: 20px;
  margin-left: 10px;
  line-height: 120%;
  padding: 7px 8px
}
.menu li a:hover {
  background-color: #fff;
  color: #069;
  text-decoration: underline
}
.spacehead-frontpage {
  font-size: 220%;
  background-color: #069;
  letter-spacing: .7em;
  color: #fff;
  text-align: center;
  padding-bottom: 6px
}
.spacehead-frontpage a:hover {
  color: #fff;
  text-decoration: underline
}
.spacehead-frontpage a:link, .spacehead-frontpage a:visited {
  color: #fff;
  text-decoration: none
}
.titlebar {
  background-color: #fff;
  font-size: 160%;
  color: #000;
  padding-top: 4px
}
.topstring {
  font-size: 105%;
  color: #fff;
  background-color: #069;
  font-weight: 400;
  padding-top: 10px;
  padding-left: 15%
}
.topstring2 {
  font-size: 105%;
  color: #fff;
  background-color: #069;
  font-weight: 400;
  padding-top: 10px;
}
.more-like-this {
  float: right;
  padding-top: 2px;
  padding-left: 4px;
  font-size: 140%;
  background-color: #70023b;
  color: #fba0aa;
  max-width: 45%;
  border-radius: 8px;
  margin: 10px 10px 0 1%
}
.more-list, .twenty-pixel-indent {
  padding-left: 20px
}
.more-list a:link, .more-list a:visited {
  text-decoration: none
}
.more-list a:active, .more-list a:hover, li a:active, li a:hover, p a:active, p a:hover {
  text-decoration: underline
}
li a:link, li a:visited, p a:link, p a:visited {
  text-decoration: none
}
.categories {
  font-size: 90%;
  font-weight: 400;
  margin-left: 4%;
  margin-top: 3px;
  background-color: #70023b;
  color: #fff
}
.categories a:hover, .categories a:link, .categories a:visited {
  color: #fba0aa
}
.twenty-pixel {
  padding-top: 20px
}
.ten-pixel {
  padding-top: 10px
}
#lt {
  width: 180px;
  float: left
}
#rt {
  margin-left: 188px
}
.bread {
  background-color: #0a5083;
  border: none;
  padding: 8px;
  font-size: 110%;
  font-weight: 700;
  letter-spacing: .1em;
  color: #fff
}
.box, .generator-image {
  border-radius: 8px;
  border-style: solid
}
.bread a:hover, .bread a:link, .bread a:visited {
  color: #fff;
  text-decoration: none
}
.meanings-front-search-box {
  font-size: 120%;
  padding-bottom: 5px;
  padding-left: 3%;
  padding-top: 5px;
  float: right;
  width: 60%;
  min-width: 300px
}
.front banner h1 {
  font-size: 80%;
  padding-left: 2%
}
.right {
  float: right;
  margin-bottom: 10px
}
.forty-pixel-indent {
  padding-left: 40px
}
.front-header {
  background-color: #838383;
  margin-top: 0;
  font-size: 140%;
  padding: 12px;
          border-radius: 6px;

}
.front-header a:hover, .front-header a:link, .front-header a:visited {
  color: #eee;
}
.generator-image {
  float: right;
  font-size: 18px;
  background-color: #eee;
  color: #666;
  font-weight: 700;
  text-align: center;
  background: linear-gradient(white, #ccc);
  padding: 12px 6px;
  margin: 10px 10px 10px 4px;
  border-width: 2px
}
.pf-bg {
  background-color: #fdf0db;
  margin-left: 3%;
  margin-right: 2%;
  padding-left: 4px
}
.indent {
  margin-left: 2%;
  max-height: 260px;
  -webkit-transition: all .5s ease-in .1s;
  -moz-transition: all .5s ease-in .1s;
  -ms-transition: all .5s ease-in .1s;
  -o-transition: all .5s ease-in .1s;
  transition: all .5s ease-in .1s
}
.pullquote {
  color: #777;
  background-color:#EAEAEA;
  float: left;
  height: auto;
  width: 200px;
  font-size: 24px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 40px;
  padding: 2px 6px 2px 10px;
  margin: 0px 8px 0px 2%
}
.indent:hover {
  max-height: 2222px
}
.box {
  padding: 6px;
  background-color: #f5f5f5;
  border-width: 1px
}
.letter-button {
  text-align: center;
  text-decoration: none;
  display: inline-block;
  color: #069;
  font-weight: 700;
  border-radius: 6px;
  font-size: 115%;
  border: 1.2px solid #000;
  background-color: #eaeaea;
  margin-bottom: 10px;

  padding: 8px 6px 6px 12px;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.letter-button a:visited {
  color: gray
}
.category {
  display: inline-block;
  color: #069;
  border-radius: 6px;
  font-size: 115%;
  border: 1.2px solid #000;
  background-color: #eaeaea;
  margin-bottom: 10px;
  margin-left: 4px;
  padding-bottom: 6px;
  padding-top: 6px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.category a:visited {
  color: gray
}

.bq-indent {
  margin-left: 5%;
}

.get-wrong {
  border: dotted #00b019;
  border-radius: 10px;
  color: #000;
  font-size: 160%;
  margin-left: 10px;
  margin-right: 40px;
  padding: 30px
}

@media only screen and (max-width:600px) {
	.not-phone {
    display: none
  }
	.right-image {
    display: block;
    width: 100%;
    height: auto;
  }
.left-image {
    display: block;
    width: 100%;
    height: auto;
}
	.facebook {
    display: none
  }
}