/**
 * CSS reset & clearfix
 */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; -webkit-appearance: none; -moz-appearance: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; max-width: 100%; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
.none { display: none; }

/**
 * Global styles
 */

body, input, textarea, select { font: normal 13px/20px -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; }

body { background: #6f6f6f;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #fff;
	margin: 0px auto;
	max-width:720px; }

a {color:#3de311;
	text-decoration:none}

img { max-width: 100%; height: auto; }

em { font-style: italic; }

input[type=text], textarea, select { padding: 9px 14px; background: #fff; color: #374044; border: 1px solid #e0e5e7; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05); box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
input[type=text]:focus, textarea:focus, select:focus { border-color: #cdd3d5; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.075); box-shadow: 0 1px 2px rgba(0,0,0,0.075); }

/**
 * Transitions
 */

#header .site-name a { -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; }

/**
 * Layouts
 */

.container { margin: 0px 0px;background:#2d2d2d;}

/**
 * Header
 */

#header {text-align:center;
	margin:0px 0px;
	padding:10px 10px 5px 10px;
	font-size:16px;
	font-weight:bold}

#header .site-name a { display: inline-block; padding: 10px 15px; line-height: 25px; letter-spacing: 1px; font-size: 20px; font-weight: bold; }
#header .site-name a:hover { padding: 10px 25px; }
#header .site-tagline {color:#ffffff; font-size: 14px }

/**
 * Search form
 */

.search-form{text-align:center;
	padding:5px 10px 8px 10px}
.search-form form [type=text]{background:#3d3d3d;
	color:#fff;
	border:1px solid #4d4d4d;
	border-right:none;
	width:76%;
	padding:5px 3px;
	margin:2px 0px 0px 5px;
	border-radius:5px 0px 0px 5px;}
.search-form form [type=submit]{background:#3de311;
	width:15%;
	margin:5px 5px 5px 5px;
	padding:5px 3px;color:#fff;
	border:1px solid #4d4d4d;
	border-radius:0px 5px 5px 0px;
	text-align:center}

/**
 * Items
 */

.page-title {background:#2d2d2d;
  border: 5px solid #4d4d4d;
  border-width: 5px 5px 1px 5px;
  border-color: #4d4d4d;
  padding:5px 5px;
	font-size:14px;
	font-weight:bold;
  text-align:center;
  color:#fff;}

.tabs-nav {background:#2d2d2d;
  border: 5px solid #4d4d4d;
  border-width: 5px 5px 1px 5px;
  border-color: #4d4d4d;
  padding:5px 5px;
	font-size:14px;
	font-weight:bold;
  text-align:center;
  color:#fff;}
.tabs-nav a:hover,
.tabs-nav a.active { color: #ffffff; }
.tabs-nav span { margin: 0 6px; }

.main-items {background:#4d4d4d;
	margin:0px 0px;
	padding:0px 5px 5px 5px}
.main-items .list { display: none; }
.main-items .list:first-child { display: block; }
.main-items .item {background:#3d3d3d;
	padding:5px 5px;
	border:1px solid #5d5d5d;
	border-top:1px solid #2d2d2d;
	border-bottom:1px solid #4d4d4d}
.main-items .item:last-child { margin-bottom: 0; }
.main-items .item .image { float: left; width: 60px; height: 60px; line-height: 0; overflow: hidden; text-align: center; -webkit-border-radius: 40px; border-radius: 8px; margin: 2px 7px 2px 2px}
.main-items .item .image img { height: 100%; }
.main-items .item .info { position: relative; margin-left: 55px; }
.main-items .item .info .title,
.main-items .item .info .artist { word-wrap: break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main-items .item .info .title { font-size: 13px; font-weight: normal; }
.main-items .item .info .artist { color: #90979a; }
.main-items .item .info .btn { position: absolute; right: 0; top: 0; padding: 5px 0 0 15px; height: 100%}
.main-items .item .info .btn a { display: inline-block; padding: 5px 10px; line-height: 19px; font-size: 12px; background: #eff3f5; color: #000; -webkit-border-radius: 3px; border-radius: 3px; }
.main-items .item .info .btn a:hover { background: #3de311; color: #fff; }


.search-divider,
.recent-search-divider {background: #4d4d4d;
      border: none}

/**
 * Download
 */

.download {background:#4d4d4d;
	margin:0px 0px;
	padding:0px 5px}
.download .video-player,
.download .audio-player { line-height: 0; }
.download .video-player video,
.download .audio-player audio { width: 100%; }
.download .image { line-height: 0; padding: 0 30px; }
.download .image img { max-width: 320px; }
.download .audio-player { margin-top: 30px; }
.download .info {background: #3d3d3d;
      padding: 5px 5px; color: #fff;
      border:1px solid #5d5d5d;
      border-color: #2D2D2D #5d5d5d #5d5d5d #5d5d5d;}
.download .embed {background: #3d3d3d;
      padding: 5px 5px; color: #fff;
      border:1px solid #5d5d5d;
      border-color: #2D2D2D #5d5d5d #5d5d5d #5d5d5d;}
.download .info table,
.download .info table td { border: 1px dashed #e0e5e7; }
.download .info table td { padding: 10px 15px; }
.download .text {background: #3d3d3d;
  padding: 5px 5px; color: #fff;
  border:1px solid #5d5d5d;
  border-color: #2D2D2D #5d5d5d #5d5d5d #5d5d5d;}

.download .link-down {background: #3d3d3d;
    padding: 10px 10px; color: #fff;
    border:1px solid #5d5d5d;
    text-align: center;
    margin: 0px 0px 5px 0px;
    border-color: #2D2D2D #5d5d5d #5d5d5d #5d5d5d;}
.download .link-down span:nth-child(odd) {display: inline-block;
  padding: 5px 10px;
  margin:5px 5px;
  line-height: 19px;
  font-size: 12px; background:#3de311;
  color: #000; -webkit-border-radius: 3px;
  border-radius: 3px;}
.download .link-down span:nth-child(even) {display: inline-block;
    padding: 5px 10px;
    margin:5px 5px;
    line-height: 19px;
    font-size: 12px; background: #3595c7;
    color: #000; -webkit-border-radius: 3px;
    border-radius: 3px;}
.download .link-down span a {color: #fff}
.download .iframe { margin: 30px 0 0 0; }
.download .iframe.rmb { margin-bottom: -5px; }
.download .buttons { margin: 30px 0 5px 0; }
.download .buttons a { display: inline-block; margin: 0 3px; padding: 10px 15px; line-height: 19px; font-size: 12px; background: #e5593d; color: #fff; -webkit-border-radius: 3px; border-radius: 3px; }
.download .buttons .mp3 { background: #3fa4d9; }
.download .buttons .mp3:hover { background: #3595c7; }

/**
 * Page content
 */

.page-content { margin: 5px 0 0 0; padding: 0 30px; }
.page-content p { margin-bottom: 20px; }
.page-content p:last-child { margin-bottom: 0; }

/**
 * Recent search
 */

.recent-search {background:#4d4d4d}
.recent-search .items {background:#4d4d4d;
  padding:5px 5px;
  margin: 0px 0px;}
.recent-search .title {background:#2d2d2d;
  padding:5px 5px;
	font-size:14px;
	font-weight:bold;
  text-align:center;
  color:#fff;}
.recent-search .items .iza {
  background:#3d3d3d;
  color: #ffffff;
  font-weight: bold;
	padding:5px 5px;
	border:1px solid #5d5d5d;
	border-top:1px solid #2d2d2d;
	border-bottom:1px solid #4d4d4d
}
.recent-search .items a { }
.recent-search .items a:hover { background: #3fa4d9; color: #fff; }


/**
 * Footer
 */

#footer {background:#4d4d4d;
    padding: 5px 5px;}
#footer .menu,
#footer .credit {background:#3d3d3d;
  color: #ffffff;
  text-align: center;
	padding:5px 5px;
	border:1px solid #5d5d5d;
	border-top:1px solid #2d2d2d;
	border-bottom:1px solid #4d4d4d}

.search-text {background:#3d3d3d;
    border: 1px solid #4d4d4d;
    border-width: 0px 5px 0px 5px;
    border-color: #4d4d4d #4d4d4d #2D2D2D #4D4D4D;
    padding:10px 10px;
    font-size:12px;
    text-align:left;
    color:#fff;}

/**
 * Responsive
 */

@media (max-width: 560px) {
 .container { width: auto; margin: 0 0px; }
}

@media (max-width: 540px) {
  .iframe { height: 85px; }
}

@media (max-width: 480px) {
  #header,
  #footer { margin-top: 0px; }

 .main-items .item .info { padding-right: 0 !important; }
 .main-items .item .info .btn { position: static; padding: 0; margin-top: 5px; }