body, input, textarea, select {
  font: 16px/120% sans-serif;
  color: #333; }

body, ul, li {
  margin: 0;
  padding: 0; }

*, *:after, *:before {
  box-sizing: border-box; }

h1, h2, #menu-wrap a {
  text-transform: uppercase; }

h1, h2 {
  font-size: 1.5em;
  line-height: 1em;
  margin: 0 0 0.4em; }

ul {
  list-style-type: none; }

ol {
  margin: 0;
  counter-reset: li;
  padding-left: 0; }

ol > li {
  position: relative;
  /* Create a positioning context */
  list-style: none;
  /* Disable the normal item numbering */ }

ol > li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: 0.6em;
  left: -0.2em;
  z-index: 1;
  width: 2.3em;
  padding: 0.2em;
  font-size: 0.4em;
  font-weight: 700;
  vertical-align: middle;
  text-align: center;
  color: #000;
  background: #FFF;
  border-radius: 50%;
}

a {
  text-decoration: none;
  color: #a80000; }

input, textarea, select, .submit_button {
  padding: 0.3em 0.9em;
  line-height: 2em;
  border: none; }

input[type="text"], input[type="password"], input[type="email"], textarea, input[type="number"], input[type="file"], select {
  width: 100%;
  background: #FFF8DF;
  border: 1px solid #A6A4A2; }

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, input[type="number"]:focus, input[type="file"]:focus, select:focus {
  border-color: #333;
  background: #FFF;
  box-shadow: 0 0 1em #FFCC66;
  outline: none; }

input[type="submit"], .submit_button {
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.9em;
  line-height: 2em;
  box-shadow: 0 3px;
  border-radius: 0.25em;
  display: inline-block;
  color: #FFCC66;
  background: #a80000;
  max-width: 200px; }

select {
  height: 2.75em; }

textarea {
  resize: vertical;
  min-height: 10em; }

#page header, #page > .main-container, #page footer {
  max-width: 1000px;
  margin: 0 auto; }

.input_box {
  margin-top: 1em; }

.input_box label {
  display: block;
  margin-bottom: 0.2em; }

.input_hidden, .input_checks input[type="checkbox"], .header_link {
  display: none; }

.input_box p {
  color: #999;
  font-size: 0.8em;
  margin: 0.2em 0; }

.input_box p.chord_desc {
  margin: 0;
  color: #333; }

.input_user_drop {
  position: relative;
  padding-left: 37%; }

.input_user_drop span {
  position: absolute;
  left: 0;
  top: 0;
  text-transform: capitalize; }

.input_user_drop .add_friend {
  position: absolute;
  left: 0;
  top: 1.6em;
  width: 30%; }

.input_birth .input_day {
  width: 20%; }

.not_shown {
  display: none !important; }

.input_birth .input_month {
  width: 40%; }

.input_birth .input_year {
  width: 30%; }

.input_birth > div {
  float: left;
  margin: 0 0 0 5%; }

.input_birth > div:first-child {
  margin-left: 0; }

.input_radio {
  display: inline;
  margin-right: 3em; }

.input_radio label {
  display: inline;
  margin-left: 0.5em; }

.more_link {
  display: block;
  margin: 1em 0; }

.input_center {
  text-align: center; }

.header-container {
  border-top: 0.4em solid #a80000; }

header {
  background: #FFF; }

#logo {
  position: relative;
  display: block;
  width: 7em;
  height: 5.75em;
  margin: 1em auto 1.6em;
  perspective: 1000px; }

#logo:before {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 22px;
  bottom: 20px;
  opacity: 0;
  visibility: hidden;
  content: attr(title);
  backface-visibility: hidden;
  border-radius: 50%;
  transform: rotateY(-90deg);
  color: #a80000;
  line-height: 5.75em;
  text-align: center;
  transition: none; }

#logo:hover:before {
  opacity: 1;
  visibility: visible;
  transform: rotateY(0deg);
  transition: all 0.35s ease 0.35s; }

#logo img {
  display: block;
  width: 100%;
  transform-origin: 50% 50% 0;
  transition: all 0.35s ease-in-out 0s; }

#logo:hover img {
  transform: rotateY(90deg); }

.main-container, #mainSearchForm {
  position: relative;
  width: 90%;
  margin: 0 auto; }

#mainSearchForm {
  margin-bottom: 2em;
  text-align: center; }

#mainSearchForm input[type="submit"] {
  position: absolute;
  right: 0;
  top: 0;
  width: 3em;
  font-size: 1em;
  height: 100%;
  text-indent: -9999px;
  background: url(../i/search.svg) no-repeat center center;
  box-shadow: none;
  min-width: 0; }

.horNavigation li {
  float: left; }

#main_nav, #user_nav, .user_wrap, .edit_wrap, .add_wrap {
  width: 4em;
  height: 2.5em;
  background: #FFF url(../i/hamburger.svg) no-repeat center center;
  position: absolute;
  left: 0;
  top: 0.8em; }

.user_wrap .lbadge {
  position: absolute;
  border-radius: 0;
  left: 28px;
  top: 14px;
  width: 18px;
  margin: 0;
  padding: 0;
}

#user_nav, .user_wrap, .edit_wrap, .add_wrap {
  left: auto;
  right: 0;
  background: #FFF url(../i/login.svg) no-repeat center center; }

#main_nav .horNavigation {
  height: 40px;
  line-height: 40px; }

#menu-wrap a.button, .btn {
  color: #FFCC66;
  background: #FFF;
  cursor: pointer;
  text-transform: uppercase; }

#menu-wrap a.button:hover, .btn:hover {
  border: 1px solid #a80000 !important;
  color: #a80000; }

#menu-wrap a.current {
  color: #a80000; }

.mainNavigation {
  display: none; }

.list, .uolist, .sendText, .Fan, .sidebar > div, .comments, .secondaryInfo, .text.chord_wrap, .cont, .latestNews {
  margin-bottom: 2em; }

.tabs .mail.list {
  margin-top: 0; }

.tabs .mail_inbox.list, .tabs_sep {
  margin-top: 20px; }

.list a.more, .uolist a.more, .latestNews a.more {
  display: block;
  padding-top: 0.5em;
  margin-bottom: 3em;
  text-align: center;
  color: #a80000;
  border-top: 1px solid #CCC; }

.latestNews a.more {
  margin: 10px 0 0 1%; }

.latestNews h2 {
  margin-left: 10px; }

.list li, .uolist li, .title_wrap {
  position: relative;
  margin: 0 0 0.19em;
  padding: 0.1em 1.5em 0.1em 3.1em;
  font-size: 2em;
  min-height: 3.5em; }

.list li:first-child, .uolist li:first-child {
  border-top: 1px solid #CCC; }

.tabs .mail.list li:first-child, .tabs .mail.uolist li:first-child {
  border-top: none; }

.list li, .uolist li {
  color: #a80000;
  word-wrap: break-word; }

.uolist li, .title_wrap {
  padding-right: 0; }

.list li a, .uolist li a {
  display: block;
  color: #333;
  font-size: 0.5em; }

.list li p, .uolist li p {
  margin: 0;
  font-size: 0.35em;
  color: #999; }

.list li p a, .uolist li p a {
  font-size: 1em;
  display: inline;
  color: #a80000; }

.list li img, .uolist li img, .title_wrap img, .Fan img, .Fan .change_pic_wrap .picture_link, .change_pic img, .change_pic a {
  width: 5.4em;
  height: 5.4em;
  border-radius: 50%; }

.articleContent .maintxt {
  margin: 20px 0;
  padding-bottom: 20px; }

.articleContent .maintxt blockquote {
  margin-left: 0;
  padding-left: 2em;
  border-left: 1px solid #999;
  font-size: 1.5em;
  font-style: italic;
  line-height: 140%; }

.articleContent .maintxt img {
  width: 100%;
  height: auto; }

.articleContent .maintxt h1, .articleContent .maintxt h2, .articleContent .maintxt h3, .articleContent .maintxt h4, .articleContent .maintxt h5, .articleContent .maintxt h6 {
  margin-top: 2em; }

.articleContent .lyric_info {
  border-top: none;
  margin-top: 1em; }

.articleContent .top {
  position: relative; }
  .articleContent .top .title {
    padding-left: 0.1em;
    padding-right: 0.1em;
    font-size: 2em;
    font-weight: 400;
    line-height: 140%;
    text-transform: none; }

.Fan img, .Fan .change_pic_wrap .picture_link {
  width: 8.4em;
  height: 8.4em; }

.list li img, .uolist li img, .title_wrap img {
  position: absolute;
  left: 0;
  top: 1em;
  margin-right: 1em; }

.list.topAlbums li img, .uolist.topAlbums li img, .list.AllAlbums li img, .uolist.AllAlbums li img, .Album .title_wrap img {
  border-radius: 0; }

.topAlbums li, .AllAlbums li {
  padding: 0.6em 1.5em 0.1em 4.4em; }

.Album .title_wrap {
  padding: 0.2em 0 0.2em 8.4em; }

.topAlbums li a:before, .AllAlbums li a:before, .Album .title_wrap:before {
  position: absolute;
  left: -23px;
  top: 16px;
  width: 155px;
  height: 89px;
  content: ' ';
  z-index: 1;
  background: url(../i/album-bgr.png) no-repeat left top;
  background-size: 100% 100%; }

.list li a > span, .uolist li a > span {
  position: absolute;
  right: 0;
  top: 1.1em; }

.list li span.attributes, .uolist li span.attributes {
  display: block;
  margin-top: 0.5em;
  position: static;
  height: 1.4em; }

.list li > span.attributes, .uolist li > span.attributes {
  height: 0.7em;
  margin-top: 0.25em; }

.list li span.attributes span, .uolist li span.attributes span {
  float: left;
  width: 1.4em;
  height: 1.4em;
  font-size: 18px;
  margin-right: 0.8em;
  background: no-repeat center center; }

.list li span.attributes span.hasChords {
  background-image: url(../i/chords.svg); }

.list li span.attributes span.hasVideo {
  background-image: url(../i/video.svg); }

.list li span.attributes span.hasTranslation {
  background-image: url(../i/translation.svg); }

.list li h3, .uolist li h3 {
  margin-bottom: 0.3em;
  font-size: 1.2em;
  line-height: 1.1em; }

.list li h4, .uolist li h4 {
  font-size: 0.75em;
  line-height: 1.2em;
  margin: 0 0 0.2em; }

.list li a p, .uolist li a p, .Fan .person_extra {
  margin: 0;
  font-size: 0.7em;
  color: #999; }

.list li span.possitionUp, .uolist li span.possitionUp, .list li span.possitionDown, .uolist li span.possitionDown, .list li span.possitionEq, .uolist li span.possitionEq {
  top: 1.3em;
  padding-top: 1.4em;
  width: 2.4em;
  font-weight: 700;
  font-size: 1.2em;
  text-align: center;
  color: #999;
  background: url(../i/top-down.svg) no-repeat center top; }

.list li span.possitionUp:before, .uolist li span.possitionUp:before,
.list li span.possitionDown:before, .uolist li span.possitionDown:before,
.list li span.possitionEq:before, .uolist li span.possitionEq:before {
  content: '#'; }

.list li span.possitionUp, .uolist li span.possitionUp {
  background-image: url(../i/top-up.svg); }

.list li span.possitionEq, .uolist li span.possitionEq {
  background-image: url(../i/top-eq.svg); }

.title_wrap {
  font-size: 1em;
  min-height: 7em;
  padding: 0.2em 0 0.2em 6.2em; }

.title_wrap h1, .title_wrap h2 {
  text-transform: none;
  line-height: 1em; }

.title_wrap h1 {
  font-size: 1.8em; }

.title_wrap h2 {
  margin-top: 1.2em;
  font-size: 1em; }

.text, .video_wrap, .main > .add_wrap, .secondaryInfo, .comments {
  margin-top: 1em; }

.add_video_wrap {
  padding: 1em;
  margin-top: 0.5em;
  display: none;
  position: relative;
  transform: translateZ(0px);
  background: #FCF5C7; }

.add_video_wrap .input_text {
  margin-top: 0; }

.add_chords_wrap {
  position: relative; }

.add_video_wrap:before, .add_wrap .edit_section:before, .add_chords_wrap:before {
  border: 4px solid #FCF5C7;
  bottom: -16px;
  content: "";
  left: -16px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: -16px;
  top: -16px;
  transition-duration: 0.3s;
  transition-property: top, right, bottom, left; }

.add_video_wrap.opened:before, .add_wrap .edit_section.opened:before, .add_chords_wrap.opened:before {
  bottom: -8px;
  left: -8px;
  top: -8px;
  right: -8px;
  opacity: 1;
  transition-duration: 0.3s;
  transition-property: top, right, bottom, left; }

.video_wrap {
  margin: 0 -5%;
  padding: 1em 5%;
  background: #F2F2F2;
  cursor: pointer; }

.video_wrap .title {
  margin-top: 0;
  line-height: 1.1em;
  font-weight: 700;
  font-size: 1.2em; }

.video_wrap .watch {
  color: #a80000; }

.add_wrap > div {
  position: relative;
  background: #FAFAFA;
  text-align: center;
  padding: 1em;
  border: 0.2em dashed #CCC; }

.add_wrap .edit_section {
  position: relative;
  border: none; }

.add_wrap p {
  margin: 0;
  font-size: 0.7em; }

.text {
  position: relative;
  font-family: serif;
  font-size: 1em;
  line-height: 140%;
  word-wrap: break-word; }

.text h3, .add_wrap p {
  color: #777;
  font-size: 0.6em;
  font-weight: 300;
  font-family: sans-serif; }

.text h3 {
  text-transform: uppercase; }

.text p.authors, .secondaryInfo {
  font-size: 0.7em;
  font-family: sans-serif; }

.authors_wrap {
  margin: 1em 0; }

.text p.authors {
  margin: 0.5em 0;
  line-height: 1.1em; }

.chord_desc {
  position: relative;
  z-index: 1;
  margin-bottom: -1.6em;
  padding: 0.4em 1em;
  font-size: 0.8em;
  text-align: center;
  background: linear-gradient(#ffeecc, #FFCC66);
  border: 1px solid #CCC;
  border-bottom: none; }

.chord_desc:before {
  position: absolute;
  left: 49%;
  bottom: -0.7em;
  content: ' ';
  border-left: 0.8em solid transparent;
  border-right: 0.8em solid transparent;
  border-top: 0.8em solid #FFCC66; }

.lyric_info {
  padding-top: 0.7em;
  border-top: 1px solid #CCC; }

.lyric_info > *, .lyric_info > .share_link_wrap > * {
  float: left !important;
  margin-left: 1.6em; }

.lyric_info > p {
  font-size: 0.8em;
  margin: 0 0 0.9em; }

.lyric_info #___plusone_0 {
  margin: -2em 0 0 0 !important;
  width: 80px !important; }

.lyric_info a.print, .lyric_info a.edit, .lyric_info a.add {
  width: 1.5em;
  height: 1.37em;
  padding: 1em;
  margin: -0.4em -0.3em -0.4em 1.7em;
  background: url(../i/edit.svg) no-repeat center center; }

.lyric_info a.print {
  background-image: url(../i/print.svg); }

.lyric_info a.add {
  background-image: url(../i/add2.svg); }

.lyric_info > .share_link_wrap {
  margin-left: 0;
  float: right !important; }

.lyric_info > .share_link_wrap.empty {
  margin-top: -0.18em;
  width: 365px;
  height: 28px;
  background: url(../i/share_buttons.png) no-repeat right top; }

.embed, .add_wrap .video_icon {
  float: left;
  margin-right: 1em;
  width: 10em;
  cursor: pointer; }

.add_wrap .video_icon {
  float: none;
  position: absolute;
  left: 1em;
  top: 0.8em;
  width: 3em;
  cursor: default; }

.add_wrap form {
  display: none;
  margin: -1.2em;
  background: #FFF; }

.embed.video {
  float: none;
  width: 100%;
  margin: 0;
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

.embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.embed img {
  display: block;
  width: 100%;
  max-height: 472px; }

.topArtistLyrics h1 a {
  text-transform: none;
  font-size: 2em;
  line-height: 1.1em;
  color: #a80000; }

.topArtistLyrics h1 {
  margin-bottom: 1em; }

.lettersNav, .input_checks ul {
  text-align: center;
  margin: 1.5em 0; }

.lettersNav li, .input_checks li, .lettersNav.opened li {
  display: inline-block; }

.lettersNav li a, .pagination span, .pagination a, .input_checks li a, .secondaryInfo a.tag {
  float: left;
  padding: 0 0.9em;
  line-height: 2.4em;
  color: #a80000;
  border: 1px solid #FFCC66;
  text-transform: uppercase; }

.lettersNav li {
  display: none; }

.lettersNav {
  float: left;
  position: relative;
  margin-left: 25%;
  width: 4em;
  height: 2em; }

.lettersNav:last-child {
  float: right;
  margin-right: 25%;
  margin-left: 0; }

.lettersNav.opened {
  float: none;
  clear: both;
  width: auto;
  height: auto;
  margin: 1.5em 0;
  font-size: 1em; }

.lettersNav:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  line-height: 1em;
  font-size: 2em;
  text-align: center;
  content: attr(data-letter);
  color: #a80000; }

.lettersNav.opened:before {
  display: none; }

.secondaryInfo a.tag {
  position: relative;
  margin: 0 1.7em 0.8em 0;
  padding-top: 0.1em;
  background: #FFCC66; }

.secondaryInfo a.tag:before {
  border-bottom: 1.4em solid transparent;
  border-left: 0.7em solid #ffcc66;
  border-top: 1.4em solid transparent;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: -0.7em;
  top: -0.1em;
  width: 0; }

.secondaryInfo p {
  font-size: 1.2em; }

.breadcrumb {
  display: none; }

.breadcrumb li {
  float: left;
  margin-left: 1em; }

.breadcrumb li:first-child {
  margin-left: 0; }

.breadcrumb li a {
  display: block;
  font-size: 0.8em; }

.input_checks ul {
  margin: 0; }

.input_checks li {
  width: 49%;
  margin-bottom: 0.33em; }

.input_checks li a {
  float: none;
  display: block;
  font-size: 0.7em;
  padding: 0.4em;
  border-radius: 0.25em; }

.input_checks li a.current {
  padding: 0.48em 0.48em 0.41em;
  box-shadow: 3px 3px 10px -3px #664400 inset;
  background: #FFCC66;
  border: none; }

.input_checks li a span {
  vertical-align: -2px; }

.input_checks li a.current span {
  vertical-align: -3px; }

.Fan img {
  display: block;
  margin: 0 auto 1em; }

.Fan .person_links {
  margin-left: -1%; }

.Fan .person_links a, .Fan .person_links > span {
  float: left;
  width: 49%;
  margin-left: 1%;
  margin-bottom: 0.8em;
  font-size: 2em;
  text-align: center; }

.Fan .person_links a span, .Fan .person_links span span {
  display: block;
  margin-bottom: 0.5em;
  font-size: 0.5em; }

.Fan .change_pic, .Fan .change_pic_wrap.opened .picture_link, .user_drop_wrap, .user_wrap.opened > a, .edit_menu, .autocomplete, .add_menu {
  background: #FFF;
  border: 1px solid #A6A4A2; }

.Fan .change_pic_wrap, .Fan .picture_link {
  position: relative; }

.Fan .picture_link .mask, .user_wrap .mask, .edit_wrap .mask, .add_wrap .mask {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  z-index: 6;
  height: 4px;
  background: #FFF; }

.Fan .change_pic, .user_drop_wrap, .edit_menu, .autocomplete, .add_menu {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 10.5em;
  z-index: 5;
  text-align: center; }

.Fan .change_pic input {
  margin: 0 auto;
  width: 80%; }

.Fan .change_pic_wrap {
  margin-bottom: 1.7em; }

.Fan .change_pic_wrap .picture_link {
  display: block;
  margin: 0 auto; }

.Fan .change_pic_wrap.opened .change_pic, .Fan .change_pic_wrap.opened .picture_link .mask, .user_wrap.opened .mask, .edit_wrap.opened .mask, .add_wrap.opened .mask {
  display: block; }

.Fan .change_pic_wrap.opened .picture_link, .user_wrap.opened > a {
  display: block;
  margin: -0.95em auto -1.25em;
  padding: 0.9em 2em 0;
  height: 10.6em;
  width: 12.6em;
  border-radius: 0; }

.micons img {
  cursor: pointer; }

.change_pic {
  padding-bottom: 1em; }

.change_pic .input_box {
  margin-bottom: 2em; }

.change_pic .input_box a {
  float: right;
  width: auto;
  height: auto;
  margin-right: 10%; }

#facebookBox {
  background: #FFF; 
}

.pagination span, .pagination a {
  margin: 1em 0.2em;
  height: 2.5em; 
}

.pagination span {
  color: #333;
  border: none; 
}

.pagination span.current {
  font-weight: 700; 
}

.footer-container {
  margin-top: 2em;
  padding: 1em 0;
  color: #FFF;
  background: #a80000;
  text-align: center;
  box-shadow: 0 1.5em 2em -2em rgba(0, 0, 0, 0.5) inset; }

.footer-container.fixed {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0; }

.footer-container li {
  display: inline-block;
  padding: 1em 1em 0; }

.footer-container a {
  color: #FFCC66; }

.footer-container p {
  margin: 0;
  padding: 1em 0 1em; }

#share-button {
  background-color: white;
  border: 1px solid black;
  padding: 10px;
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 9999;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }

.user_wrap {
  top: 1.1em;
  right: 0.4em;
  background: no-repeat 2.7em bottom; 
}

.user_wrap img {
  float: left;
  display: block;
  width: 2.75em;
  height: 2.75em;
  border-radius: 50%; }

.user_wrap span {
  display: none; }

.user_wrap span.notify {
  position: relative;
  z-index: 1;
  display: block;
  float: left;
  padding: 0.1em 0.5em 0;
  margin-left: -0.8em;
  font-size: 0.8em;
  color: #FFF;
  background: #a80000;
  border-radius: 50px; }

.user_wrap.opened .user_drop_wrap, .edit_wrap.opened .edit_menu, .add_wrap.opened .add_menu {
  display: block; }

.user_wrap.opened > a {
  margin: -0.35em 0 -0.35em -1.05em;
  padding: 0.3em 0 0.3em 1em;
  width: auto;
  height: auto; }

.user_wrap .mask {
  left: -1em;
  right: 1px;
  bottom: -0.7em; }

.user_drop_wrap, .edit_menu, .autocomplete, .add_menu {
  top: 3em;
  left: auto;
  right: 0;
  width: 14em;
  text-align: left;
  padding: 0.8em 0; }

.user_drop_wrap a, .edit_menu a, .autocomplete a, .add_menu a {
  display: block;
  padding: 0.8em 2em; }

.edit_wrap, .add_wrap {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  background: none;
  width: auto;
  height: auto; }

.edit_wrap.opened, .add_wrap.opened {
  margin-left: 1.9em; }

.edit_wrap > a.edit, .add_wrap > a.add {
  display: block;
  margin-left: 0; }

.edit_wrap.opened > a, .add_wrap.opened > a {
  padding: 1.4em;
  margin: -0.85em -0.75em;
  border: 1px solid #A6A4A2; }

.edit_wrap .mask, .add_wrap .mask {
  left: -0.7em;
  right: -0.7em;
  bottom: -0.9em; }

.edit_menu, .add_menu {
  top: 2em;
  width: auto;
  left: -8em;
  right: -8em; }

.edit_menu .chords, .add_menu .chords {
  display: none; }

.autocomplete {
  left: 0;
  right: 0;
  top: 2.7em;
  width: auto;
  max-height: 12em;
  overflow: auto; }

.mail.uolist h4 {
  display: block;
  color: #333;
  font-size: 0.375em;
  margin-top: 1.2em; }

.mail.uolist li h4 a {
  display: inline;
  color: #a80000; }

.mail.uolist li.removed {
  min-height: 0;
  padding: 0.3em 0.8em 0.4em;
  background: #FAFAFA; }

.mail.uolist h3 {
  font-size: 0.6em;
  line-height: 1.4em;
  font-weight: 400;
  margin-top: 0.5em;
  color: #333; }

.error, .alert {
  color: #fff;
  display: block;
  font-size: 0.8125rem;
  padding: 0.8em;
  pointer-events: none;
  background: #DB7575;
  text-align: center;
  color: #FFF; }

.add_video_wrap .error {
  color: #FFF; }

.alert {
  color: #333;
  background: #FCF5C7; }

.mail.uolist {
  margin-top: 1em; }

.mail.uolist li.unread h3 {
  font-weight: 700; }

.mail.uolist h3 a, .mail.uolist li h4 a {
  font-size: 1em; }

.mail .links {
  display: none;
  position: absolute;
  left: 7.7em;
  bottom: 0.8em;
  font-size: 0.4em;
  color: #a80000; }

.mail .links li {
  float: left;
  margin-left: 1em;
  min-height: 0;
  padding: 0;
  text-align: right; }

.mail .links li a {
  display: inline; 
}

.mail .links li:first-child {
  border-top: none;
  margin-left: 0; }


.link_list li {
    padding: 5px 0;
    font-size: 1.3em;
}

.link_list li.current {
  font-weight: 700; 
}

.link_list li a {
  text-transform: lowercase;
}

.sendText .link_list {
  float: left; 
}

.sendText .link_list li:first-child {
  margin-left: 0; }

.sendText .link_list a {
  font-size: 0.8em; }

.clearfix:before,
.clearfix:after, .list li > a:before, .list li > a:after {
  content: " ";
  display: table; }

.clearfix:after, .list li a:after {
  clear: both; }

.clearfix, .list li a {
  *zoom: 1; }

.fb_big_wrap {
  display: none;
  border-top: 1px solid #A6A4A2;
  clear: both; }

.tabs > div:first-child {
  border-left: 1px solid #999; }

.tabs > div:first-child > a {
  float: left;
  padding: 10px;
  border: 1px solid #999;
  border-bottom: none;
  border-left: none;
  background: #FFF;
  text-transform: capitalize;
  transition: 0.2s all ease-out; }

.tabs > div:first-child > a.current {
  position: relative;
  z-index: 1;
  margin-bottom: -1px;
  padding-bottom: 11px; }

.tabs > div:first-child > a.btn {
  float: right;
  border: 1px solid #999;
  padding: 2px 11px;
  font-size: 0.736em;
  margin-top: 4px;
  text-transform: uppercase; }

.tabs > div:first-child > a:hover {
  color: #a80000; }

.tabs > section {
  padding: 20px 10px;
  border: 1px solid #999; }

.comments_sort h2 {
  padding-top: 2em; }

.comments_sort .link_list {
  margin-top: 3.3em; }

.news_list img, .news_list a, .articleContent .top img {
  display: block;
  width: 100%;
  height: auto; }

.latestNews {
  margin-left: -1%; }

.news_list {
  width: 100%; }
  .news_list li {
    float: left;
    width: 49%;
    margin-left: 1%;
    margin-bottom: 1%; }
    .news_list li a {
      position: relative;
      transition: 0.2s color ease-out; }
      .news_list li a .title {
        position: absolute;
        left: 1em;
        right: 1em;
        bottom: 1em;
        padding: 0.4em 1em;
        background: #FFF;
        background: rgba(255, 255, 255, 0.9);
        font-size: 1em;
        line-height: 140%;
        transition: 0.2s background ease-out; }
    .news_list li:hover .title {
      background: #FFF; }
  .news_list li.first {
    display: block;
    float: none;
    width: 99%;
    margin-bottom: 1%; }
    .news_list li.first a .title {
      font-size: 2em; }

.photo_credit {
  color: #999;
  font-size: 0.8em; }

.chord_wrap {
  position: relative;
  line-height: 2.5em; }

.edit_section {
  border: 1px solid #CCC;
  padding: 1em 1.5em;
  background: #FCF5C7;
  text-align: left;
  word-wrap: break-word; }

#chord_form {
  position: relative; }

#add_chord {
  display: none;
  position: absolute;
  width: 1.2em;
  height: 1.2em;
  text-indent: -9999px;
  background: url(../i/add.svg) no-repeat center center; }

chord {
  position: relative;
  font-weight: bold; }

chord > span {
  position: absolute;
  color: #a80000;
  font: 0.7em/1.2em sans-serif;
  top: -1em !important;
  left: 0 !important;
  cursor: pointer; }

.chord-user-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(52, 54, 66, 0.9);
  z-index: 1001;
  overflow-y: auto;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s 0, visibility 0 0.3s;
  -moz-transition: opacity 0.3s 0, visibility 0 0.3s;
  transition: opacity 0.3s 0, visibility 0 0.3s; }

.chord-user-modal.is-visible {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s 0, visibility 0 0;
  -moz-transition: opacity 0.3s 0, visibility 0 0;
  transition: opacity 0.3s 0, visibility 0 0; }

.chord-user-modal.is-visible .chord-user-modal-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.chord-user-modal-container {
  position: relative;
  width: 90%;
  max-width: 600px;
  background: #FFF;
  margin: 3em auto 4em;
  cursor: auto;
  -webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  transform: translateY(-30px);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s; }

.chord-user-modal #main_chords {
  border-bottom: 5px solid #333; }

.chord-user-modal #main_chords li, .chord-user-modal #sub_chords li {
  float: left;
  width: 14.28%;
  height: 2.5em; }

.chord-user-modal #sub_chords li {
  width: 14.28%; }

.chord-user-modal li a {
  display: block;
  height: 100%;
  font: 0.8em/3em sans-serif;
  text-align: center;
  border-right: 1px solid #999;
  border-top: 1px solid #999;
  background: linear-gradient(white, #FFCC66); }

.chord-user-modal li a.selected {
  font-weight: 700;
  color: #FFF;
  background: #a80000; }

.chord-user-modal .remove_button {
  font-family: sans-serif;
  font-size: 0.7em;
  margin-left: 6em; }

.chord-user-modal .input_center {
  padding-bottom: 1em; }

@media only screen and (min-width: 600px) {
  .chord-user-modal-container {
    margin: 4em auto; } }
.chord-close-form {
  /* form X button on top right */
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0;
  top: -40px;
  background: url("../i/login/cd-icon-close.svg") no-repeat center center;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

@media only screen and (min-width: 990px) {
  .chord-user-modal li a, chord > span, .chord-user-modal .remove_button {
    font-family: 'open_sans', sans-serif; } }
@media only screen and (min-width: 1170px) {
  .chord-close-form {
    display: none; } }
#page {
  position: relative;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s; }

#menu-wrap a {
  color: #b8b7ad; }

#menu-wrap a:hover,
#menu-wrap a:focus {
  color: #c94e50; }

#page:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.3);
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.4s, -webkit-transform 0s 0.4s;
  transition: opacity 0.4s, transform 0s 0.4s;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

/* Close Button */
.close-button {
  width: 2em;
  height: 2em;
  position: absolute;
  right: 1em;
  top: 1em;
  overflow: hidden;
  text-indent: -9999px;
  border: none;
  z-index: 1001;
  background: url(../i/x.svg) no-repeat center center; }

/* Menu */
#menu-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1001;
  width: 280px;
  height: 100%;
  font-size: 1.15em;
  -webkit-transform: translate3d(-280px, 0, 0);
  transform: translate3d(-280px, 0, 0);
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  color: #FFF;
  background: #333; }

.menu {
  position: relative;
  z-index: 1000;
  padding: 3em 1em 0; }

.menu,
.close-button {
  opacity: 0;
  -webkit-transform: translate3d(-160px, 0, 0);
  transform: translate3d(-160px, 0, 0);
  -webkit-transition: opacity 0s 0.3s, -webkit-transform 0s 0.3s;
  transition: opacity 0s 0.3s, transform 0s 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.17, 0.67, 0.1, 1.27);
  transition-timing-function: cubic-bezier(0.17, 0.67, 0.1, 1.27); }

.icon-list a {
  display: block;
  padding: 0.8em; }

.icon-list i {
  font-size: 1.5em;
  vertical-align: middle;
  color: #282a35; }

.icon-list a span {
  margin-left: 10px;
  font-size: 0.85em;
  font-weight: 700;
  vertical-align: middle; }

/* Morph Shape */
.morph-shape {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  fill: #373a47; }

/* Shown menu */
.show-menu #menu-wrap,
.show-menu #page:before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

.show-menu #menu-wrap,
.show-menu .menu,
.show-menu .close-button,
.show-menu .morph-shape,
.show-menu #page:before {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.show-menu .menu,
.show-menu .close-button {
  opacity: 1;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s; }

.show-menu #page:before {
  opacity: 1;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s; }

.cd-user-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(52, 54, 66, 0.9);
  z-index: 1001;
  overflow-y: auto;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s 0, visibility 0 0.3s;
  -moz-transition: opacity 0.3s 0, visibility 0 0.3s;
  transition: opacity 0.3s 0, visibility 0 0.3s; }

.cd-user-modal.is-visible {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s 0, visibility 0 0;
  -moz-transition: opacity 0.3s 0, visibility 0 0;
  transition: opacity 0.3s 0, visibility 0 0; }

.cd-user-modal.is-visible .cd-user-modal-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.cd-user-modal-container {
  position: relative;
  width: 90%;
  max-width: 600px;
  background: #FFF;
  margin: 3em auto 4em;
  cursor: auto;
  -webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  transform: translateY(-30px);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s; }

.cd-user-modal-container .cd-switcher:after {
  content: "";
  display: table;
  clear: both; }

.cd-user-modal-container .cd-switcher li {
  width: 50%;
  float: left;
  text-align: center; }

.cd-user-modal-container .cd-switcher a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #d2d8d8;
  color: #809191; }

.cd-user-modal-container .cd-switcher a.selected {
  background: #FFF;
  color: #505260; }

@media only screen and (min-width: 600px) {
  .cd-user-modal-container {
    margin: 4em auto; }

  .cd-user-modal-container .cd-switcher a {
    height: 70px;
    line-height: 70px; } }
.cd-form, .cd-user-modal p.success {
  padding: 1.4em; }

.cd-form .fieldset {
  position: relative;
  margin: 1.4em 0; }

.cd-form .fieldset:first-child {
  margin-top: 0; }

.cd-form .fieldset:last-child {
  margin-bottom: 0; }

.cd-form label {
  font-size: 14px;
  font-size: 0.875rem; }

.cd-form label.image-replace {
  /* replace text with an icon */
  display: inline-block;
  position: absolute;
  left: 15px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
  text-shadow: none;
  background-repeat: no-repeat;
  background-position: 50% 0; }

.cd-form label.cd-username {
  background-image: url("../i/login/cd-icon-username.svg"); }

.cd-form label.cd-email {
  background-image: url("../i/login/cd-icon-email.svg"); }

.cd-form label.cd-password {
  background-image: url("../i/login/cd-icon-password.svg"); }

.cd-form input {
  margin: 0;
  padding: 0; }

.cd-form input.full-width {
  width: 100%; }

.cd-form input.has-padding {
  padding: 0.3em 0.9em 0.3em 2.9em; }

.cd-form input.has-border {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

.cd-form input.has-border:focus {
  outline: none; }

.cd-form input.has-error {
  border: 1px solid #d76666; }

.cd-form input[type=password] {
  /* space left for the HIDE button */
  padding-right: 65px; }

.cd-form input[type=submit] {
  padding: 16px 0;
  cursor: pointer;
  background: #2f889a;
  color: #FFF;
  font-weight: bold;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

.no-touch .cd-form input[type=submit]:hover, .no-touch .cd-form input[type=submit]:focus {
  background: #3599ae;
  outline: none; }

.cd-form .hide-password {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 6px 15px;
  border-left: 1px solid #d2d8d8;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 14px;
  font-size: 0.875rem;
  color: #343642; }

.cd-form .cd-error-message, .cd-error-message {
  display: inline-block;
  position: absolute;
  left: -5px;
  bottom: -35px;
  background: rgba(215, 102, 102, 0.9);
  padding: .8em;
  z-index: 2;
  color: #FFF;
  font-size: 13px;
  font-size: 0.8125rem;
  /* prevent click and touch events */
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.2s 0, visibility 0 0.2s;
  -moz-transition: opacity 0.2s 0, visibility 0 0.2s;
  transition: opacity 0.2s 0, visibility 0 0.2s; }

.cd-form .cd-error-message::after, .cd-error-message::after {
  /* triangle */
  content: '';
  position: absolute;
  left: 22px;
  bottom: 100%;
  height: 0;
  width: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid rgba(215, 102, 102, 0.9); }

.cd-form .cd-error-message.is-visible, .cd-error-message.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s 0, visibility 0 0;
  -moz-transition: opacity 0.2s 0, visibility 0 0;
  transition: opacity 0.2s 0, visibility 0 0; }

@media only screen and (min-width: 600px) {
  .cd-form {
    padding: 2em; }

  .cd-form .fieldset {
    margin: 2em 0; }

  .cd-form .fieldset:first-child {
    margin-top: 0; }

  .cd-form .fieldset:last-child {
    margin-bottom: 0; }

  .cd-form input.has-padding {
    padding: 16px 20px 16px 50px; }

  .cd-form input[type=submit] {
    padding: 16px 0; } }
.cd-form-message {
  padding: 1.4em 1.4em 0;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  text-align: center; }

@media only screen and (min-width: 600px) {
  .cd-form-message {
    padding: 2em 2em 0; } }
.cd-form-bottom-message {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -3em;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem; }

.cd-form-bottom-message a {
  color: #FFF;
  text-decoration: underline; }

.cd-close-form {
  /* form X button on top right */
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0;
  top: -40px;
  background: url("../i/login/cd-icon-close.svg") no-repeat center center;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

@media only screen and (min-width: 1170px) {
  .cd-close-form {
    display: none; } }
#cd-login, #cd-signup, #cd-reset-password {
  display: none; }

#cd-login.is-selected, #cd-signup.is-selected, #cd-reset-password.is-selected {
  display: block; }

@media all and (max-width: 550px) {
  .lyric_info .fb-like {
    clear: left;
    margin-left: 0; }

  .news_list li, .news_list li:first-child {
    width: 99%;
    margin-bottom: 10px; }
    .news_list li a .title, .news_list li:first-child a .title {
      font-size: 1em; } }
@media all and (min-width: 990px) {
  @font-face {
    font-family: 'open_sans';
    src: url("fonts/OpenSans-Light-webfont.eot");
    src: url("fonts/OpenSans-Light-webfont.svg#open_sanslight") format("svg"), url("fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Light-webfont.woff") format("woff"), url("fonts/OpenSans-Light-webfont.ttf") format("truetype");
    font-weight: 300;
    font-style: normal; }
  @font-face {
    font-family: 'open_sans';
    src: url("fonts/OpenSans-LightItalic-webfont.eot");
    src: url("fonts/OpenSans-LightItalic-webfont.svg#open_sanslight_italic") format("svg"), url("fonts/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-LightItalic-webfont.woff") format("woff"), url("fonts/OpenSans-LightItalic-webfont.ttf") format("truetype");
    font-weight: 300;
    font-style: italic; }
  @font-face {
    font-family: 'open_sans';
    src: url("fonts/OpenSans-Regular-webfont.eot");
    src: url("fonts/OpenSans-Regular-webfont.svg#open_sansregular") format("svg"), url("fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Regular-webfont.woff") format("woff"), url("fonts/OpenSans-Regular-webfont.ttf") format("truetype");
    font-weight: 400;
    font-style: normal; }
  @font-face {
    font-family: 'open_sans';
    src: url("fonts/OpenSans-Italic-webfont.eot");
    src: url("fonts/OpenSans-Italic-webfont.svg#open_sansitalic") format("svg"), url("fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Italic-webfont.woff") format("woff"), url("fonts/OpenSans-Italic-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: italic; }
  @font-face {
    font-family: 'open_sans';
    src: url("fonts/OpenSans-Bold-webfont.eot");
    src: url("fonts/OpenSans-Bold-webfont.svg#open_sansbold") format("svg"), url("fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Bold-webfont.woff") format("woff"), url("fonts/OpenSans-Bold-webfont.ttf") format("truetype");
    font-weight: 700;
    font-style: normal; }
  @font-face {
    font-family: 'open_sans';
    src: url("fonts/OpenSans-BoldItalic-webfont.eot");
    src: url("fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic") format("svg"), url("fonts/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-BoldItalic-webfont.woff") format("woff"), url("fonts/OpenSans-BoldItalic-webfont.ttf") format("truetype");
    font-weight: 700;
    font-style: italic; }
  @font-face {
    font-family: 'open_sans';
    src: url("fonts/OpenSans-ExtraBold-webfont.eot");
    src: url("fonts/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-ExtraBold-webfont.woff") format("woff"), url("fonts/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("fonts/OpenSans-ExtraBold-webfont.svg#open_sansextrabold") format("svg");
    font-weight: 800;
    font-style: normal; }
  body, input, textarea, select {
    font: 16px/120% 'open_sans', sans-serif; }

  body {
    overflow-x: hidden; }

  .text p.authors, .secondaryInfo, .text h3, .add_wrap p {
    font-family: 'open_sans', sans-serif; }

  input[type="text"], input[type="password"], input[type="email"], textarea, input[type="number"], input[type="file"], select {
    line-height: 2em; }

  .branding .header-container, .branding .footer-container, .fb_big_wrap {
    /*max-width: 1000px;*/
    margin-left: auto;
    margin-right: auto; }

  .fb_big_wrap {
    display: block;
    margin-left: -20px; }

  #page header, #page > .main-container, #page footer {
    padding: 0 20px; }

  .user_wrap {
    float: left;
    position: relative;
    margin-top: 1.65em;
    width: 13em;
    background-position: right center; }

  .user_wrap > a {
    display: block;
    position: relative;
    padding: 0 1em 0 3em;
    min-height: 2.75em; }

  .user_wrap.opened > a {
    margin: -0.55em 0 -0.55em -1.05em;
    padding: 0.5em 1em 0.5em 4em; }

  .user_wrap img {
    position: absolute;
    left: 0;
    top: 0; }

  .user_wrap.opened img {
    left: 1em;
    top: 0.5em; }

  .user_wrap span.title {
    display: block;
    overflow: hidden;
    line-height: 2.7em;
    height: 42px; }

  .user_wrap .mask {
    left: 0;
    bottom: 0;
    right: 0; }

  .user_wrap span.notify {
    padding: 0 0.5em 0.1em; }

  .user_drop_wrap {
    left: -2em;
    width: 15em; }

  #main_nav, #user_nav {
    display: none; }

  .title_wrap {
    border-top: none; }

  .lettersNav, .lettersNav.opened {
    float: none;
    width: auto;
    height: auto;
    margin: 0; }

  .lettersNav:last-child, .lettersNav.opened:last-child {
    padding: 0 3em;
    margin: 0.5em 0 1.5em; }

  .lettersNav.opened:last-child {
    margin-left: 0.481em; }

  .lettersNav li {
    display: block;
    float: left; }

  .lettersNav li a {
    line-height: 1.8em;
    padding: 0 0.48em;
    width: 1.84em;
    font-size: 0.7em;
    border: none;
    transition: 0.2s all ease-out; }

  .lettersNav li a:hover {
    font-size: 1.4em;
    margin: -0.48em -0.46em; }

  #menu-wrap .menu li a {
    position: relative; }

  #menu-wrap .menu li a:hover {
    color: #333; }

  #menu-wrap .menu li a:before {
    position: absolute;
    top: -0.2em;
    left: 0;
    bottom: -1.2em;
    content: attr(title);
    max-width: 0;
    overflow: hidden;
    padding: 0.2em 0;
    color: #a80000;
    border-bottom: 1px solid #a80000;
    transition: max-width 0.5s ease 0s; }

  #menu-wrap .menu li a:hover:before, #menu-wrap .menu li a:focus:before {
    max-width: 100%; }

  .lettersNav:before {
    display: none; }

  .text {
    float: left;
    width: 50%;
    padding-right: 2%; }

  .text {
    font-size: 1.2em; }

  .text.chord_wrap {
    float: none;
    width: 100%;
    padding: 0; }

  .text.translation {
    padding: 0 0 0 2%; }

  .text.translation .add_wrap > div {
    height: 100%; }

  .text.translation .add_wrap {
    display: none; }

  .video_wrap, .main > .add_wrap > div {
    margin: 0.3em 0 0;
    padding: 1em; }

  .main > .add_wrap {
    margin-top: 0;
    font-size: 1.2em; }

  .main-container, #mainSearchForm {
    width: 100%; }

  .breadcrumb, .user_wrap span, .edit_menu .chords, .add_menu .chords {
    display: block; }

  .header-container {
    margin-bottom: 2em;
    padding-bottom: 0.8em;
    border-top-width: 0.3em;
    background: #FFF;
    border-bottom: 1px solid #EDEDED; }

  .main-container {
    position: relative;
    padding-top: 1.3em; }

  .main-container > .main, .main-container > .sidebar {
    float: left;
    width: 30.4%; }
    .main-container > .main.fixed, .main-container > .sidebar.fixed {
      position: fixed;
      left: 50%;
      top: 10px;
      margin-left: 188px;
      width: 300px; }
    .main-container > .main.fixed.fixed_big, .main-container > .sidebar.fixed.fixed_big {
      bottom: 10px;
      top: auto; }

  .main-container > .main {
    width: 69.6%;
    padding-right: 3%; }

  #logo, #logo img {
    height: 8.75em;
    width: 7.63em; }

  #logo {
    float: left;
    margin: -0.2em 3.4em 1em 3em; }

  #mainSearchForm {
    float: left;
    width: 29.25em;
    margin: 2.7em 3.25em 0 0; }

  #menu-wrap, .menu {
    transition: none; }

  #menu-wrap {
    position: static;
    width: 100%;
    transform: none;
    background: #FFF;
    color: #333;
    clear: left; }

  #menu-wrap .menu {
    position: static;
    padding: 0;
    height: 1.5em;
    opacity: 1;
    transform: none; }

  #menu-wrap li {
    float: left;
    margin: 0 1.6em 0 2em; }

  #menu-wrap a {
    padding: 0;
    color: #333; }

  .header_link {
    float: left;
    display: block;
    margin: 4.3em 1em 0 0;
    font-size: 0.8em; }

  #menu-wrap a.button, .btn {
    margin-top: -0.6em;
    padding: 0.2em 1em;
    font-weight: 700;
    font-size: 0.64em;
    line-height: 2.2em;
    color: #333;
    border-radius: 0.25em;
    border: 1px solid #a6a4a2;
    transition: all 0.35s ease; }

  #menu-wrap a.button:hover, .btn:hover {
    border: 1px solid #a80000;
    color: #a80000 !important; }

  .main .btn {
    font-size: 0.9em; }

  .lyric_wrap {
    width: 968px; }

  .link_list {
    float: right;
    margin-top: 0.6em; }

  .tabs .link_list {
    margin-top: -0.6em;
    margin-bottom: 1.2em; }

  .link_list li {
    display: inline;
    margin: 0 10px; }

  .mail .links {
    display: block;
    position: absolute;
    right: 1em;
    top: 0.8em;
    left: auto;
    bottom: auto;
    opacity: 0;
    transition: 0.2s opacity ease-out; }

  .mail .links li {
    float: none; }

  .comments_wrap .mail.uolist li {
    padding-left: 2.4em; }

  .mail.uolist li:hover .links {
    opacity: 1; } }

.facebook-login {
    margin: 5% 0 -5% 0;
    text-align: center;
}

.facebook-index {
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    margin: 0 auto;
    margin: 0 0 4% 0;
    padding: 2%;
}

.facebook-index ul {
    text-align: center;
    list-style-type: none; 
}

.facebook-index li {
      display: inline-block;
      width: 250px;
      padding: 10px;
      vertical-align: middle;
}

.facebook-index .info {
    text-align: center;
    font-size: 1.3em;
    margin-bottom: 3%;
}

.lBadge {
  position: absolute !IMPORTANT;
  width: 24px !IMPORTANT;
  height: 24px !IMPORTANT; 
  left: 3.9em !IMPORTANT;
  top: 4.8em !IMPORTANT;
  z-index: 1;
  border-radius: 0 !IMPORTANT;
}

.umG {
  padding-top: 20px;
}

.umG a, .umG a:hover, .umG a:visited, .umG a:active {
  color: #000;
}

.umG .level {
  float: left;
  text-align: center;
  text-transform: lowercase;
  font-size: 0.8em;
  line-height: 2.3em;
}

.umG .level b {
  margin-top: 8px;
  font-size: 4.4em;
  display: block;
  color: #000;
}

.umG .rating {
  float: right;
  text-align: center;
  font-size: 0.8em;
  border: 1px #ccc solid;
  padding: 5px;
  margin-bottom: 5px;
  
}

.umG .rating b {
  font-size: 1.5em;
  display: block;
}

.umG .progress {
  display: block;
  background: #ccc;
}

.umG .progressL {
  display: block;
  background: green;
  height: 100%;
}

.umG .percentage {
  display: block;
  font-size: 0.9em;
  float: left;
  text-align: left;
}

.umG .nextLevel {
  display: block;
  float: right;
  font-size: 0.9em;
  text-align: right;
}

.umG .footer {
  clear: both;
  text-align: center;
}

/*Disho*/

input[type="submit"]:hover, .submit_button:hover {

  box-shadow: none;
  background: #930000;
}

.tabs > div:first-child > a.current {
  border-top: 3px solid;  
  margin-bottom: -1px;
  margin-top: -1px;
  padding-bottom: 11px;
  padding-top: 9px;
  color:#a80000;
}

.tabs > section {
  padding: 28px 20px;
}

.tabs > div:first-child > a {
  color: #333;
  padding: 10px 30px;
}

.list li a:hover, .uolist li a:hover {
  color: #a80000;
}
.list li a, .uolist li a, .list li a img, .uolist li a img{
  transition: all 0.35s ease 0s;
}

.list li a:hover img, .uolist li a:hover img, .title_wrap a:hover img {
/*  opacity: .8;*/
  -webkit-filter  : contrast(150%); 
  -moz-filter : contrast(150%);
  -ms-filter  : contrast(150%);
  -o-filter   : contrast(150%);
  filter    : contrast(150%);  
}

.secondaryInfo a.tag:hover {
  color:#fff;
  background: #a80000;
  border-color:  #a80000;
}

.secondaryInfo a.tag:hover:before {
  border-left-color: #a80000;

}

.mail.uolist h4 {
  font-weight: 400;
}
.mail.uolist li h4 a {
  font-weight: bold;
  margin-right: 10px;
}
.mail.uolist li h4 a span {
  margin-right: 10px;
}
.mail.uolist li h4 a:hover {
  color: #333;
}

a:hover{
  color: #333;
}
input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, textarea:hover, input[type="number"]:hover, input[type="file"]:hover, select:hover {
  background: #fffbec;
  border-color: #888;
}
.user_drop_wrap{
  box-shadow: 0 15px 15px -15px rgba(0, 0, 0, 0.15);
}
body {
  line-height: 140%;
}
#menu-wrap .menu li a:before {
  bottom: -1.05em;
}
.list a.more:hover, .uolist a.more:hover {
  color: #333;
}
.footer-container a:hover {
  color: #fff;
}

/*ADMIN PANEL*/
.admin_panel{
  background: #000;
  color: #fff;
  padding: 10px 30px;
}
.admin_panel a{
  background: #333;
  border-radius: 2px;
  color: #fff;
  padding: 2px 10px;
}
.admin_panel a:hover{
  color: #fff;
  background: #a80000;
}
.admin_panel ul li {
  display: inline-block; 
  margin: 0 5px 0 0;
}

/* Forum */
.forum ul {}

.forumBtn {
  position: relative;
  margin: 30px 0;
  text-align: center;
}

.forumBtn a {
  margin: 0 10px auto 10px;
  padding: 10px;
  background: #FFF;
  border-radius: 3px;
  border: 1px solid #CCC;
}

.forumBtn a:before {
  content: "";
  display: block;
  border-top: solid 1px #CCC;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: -1;
}

.forum a, .forum a:visited, .forum a:link, .forum:active {
  text-decoration: none;
  color: inherit;
}

.forum a:hover {
  opacity: 0.8 !IMPORTANT;
}

.forum li {
  padding: 20px 0;
}

.forumtopic {
  text-align: center;
  color: #999;
}

.forum .flist li {
  border-bottom: 1px solid #ccc;
}

.forum .flist li:last-child {
  border-width: 0;
}

.forum .avatar {
  display: inline-block;
  position: absolute;
}

.forum .image {
    max-width: 40px;
    border-radius: 50%;
}
.forum .fbadge {
  position: absolute;
  bottom: 3px;
  left: 27px;
  width: 16px;
}

.forum .eye {
   background-image: url("/static/i/forum/eye.svg");
   background-repeat: no-repeat;
   background-size: 18px 18px;
   padding: 0 10px 0 25px;
   display: none;
}

.forumtopic .eye {
   background-image: url("/static/i/forum/eye.svg");
   background-repeat: no-repeat;
   background-size: 18px 18px;
   padding: 0 10px 0 25px;
}

.forum .comN {
  background-image: url("/static/i/forum/comNew.svg");
  background-repeat: no-repeat;
  background-size: 18px 18px;
  padding: 0 10px 0 25px;
  display: none;
}

.forum .comM {
   background-image: url("/static/i/forum/com.svg");
   background-repeat: no-repeat;
   background-size: 18px 18px;
   padding: 0 10px 0 25px;
   display: none;
}

.forumtopic .comM {
   background-image: url("/static/i/forum/com.svg");
   background-repeat: no-repeat;
   background-size: 18px 18px;
   padding: 0 10px 0 25px;
}

.forumtopic .lock {
   background-image: url("/static/i/forum/lock.svg");
   background-repeat: no-repeat;
   background-size: 18px 18px;
   padding: 0 10px 0 25px;
}

.forum .lock .comM {
  background-image: url("/static/i/forum/lock.svg"); 
}

.forum .fuser {
   background-image: url("/static/i/forum/user.svg");
   background-repeat: no-repeat;
   background-size: 14px 14px;
   background-position: 0 1px;
   padding: 0 10px 0 25px;
}

.forum .info {
  display: inline-block;
  width: 100%;
  padding-left: 55px;
}

.forum .info .com {
   background-image: url("/static/i/forum/com.svg");
   background-repeat: no-repeat;
   background-size: 18px 18px;
   padding-left: 22px;
   color: #999; 
   float: right;
}

.forum .lock .com {
   background-image: url("/static/i/forum/lock.svg");
}

.forum .info .username {
  display: block;
  font-size: 0.8em;
  margin-bottom: 10px;
}

.forum .info .title {
  display: block;
  font-weight: bold;
  font-size: 1.1em;
}

.forum .new .title {
  color: #a80000;
}

.forum .info .details {
  display: block;
  margin-top: 10px;
  font-size: 0.8em;
  color: #999;
}

@media screen and (min-width: 769px) {
  .forum .flist li {
    border-width: 0 0 0 0;
  }

  .forum .image {
      max-width: 86.37px;
  }
  .forum .fbadge {
    left: 63px;
    width: 24px;
  }

  .forum .info {
    padding-left: 110px;
    min-height: 86.37px;
  }

  .forum .info .com {  
    display: none;
  }

  .forum .comM, .forum .eye {
    display: initial;
  }
}


/* #Forum */