body {
    background: #1a1a1a;
    line-height: 1.4;
    margin: auto;
    padding-bottom: 20px;
    color: #808080;
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 11px;
    width: 100vw;
    overflow-x: hidden
}
body * {
    margin: auto;
}
#header img {
    margin: auto;
}
#container {
    background: #101010;
    border: 1px solid #2a2a2a;
    width: 750px;
    color: #808080;
    margin: auto;
    padding: 20px;
    text-align: left;
    border-radius: 15px;
}
#container #settings {
  text-align: center;
}
#container p {
    margin: 10px auto;
}

#links {
    margin-bottom: 25px;
    text-align: center;
}
#disclaimer {
    margin-top: 50px;
    margin-bottom: 25px;
    text-align: center;
    display: none;
}
#junk {
    display: none;
}
#msg {
	background: red;
	color: white;
	margin: auto auto;
	padding: 3px;
	text-align: center;
}
.rss {
    text-align: center;
}
select {
    padding: 3px;
    margin: 0;
    overflow:hidden;
    border-radius:4px;
    background: #101010;
    color: #ff409f;
    border: 1px solid #808080;
    outline: none;
    display: inline-block;
    cursor: pointer;
}

.disabled {
    color: #808080;
    font-style: italic;
}
.disabled[selected], .disabled:focus {
    background: transparent;
}

.poni {
	background-color: #101010;
	border: 1px solid #101010;
	display: inline-block;
	color: #ff40a0;
	text-decoration: none;
}
.poni:hover {
	background-color: #1a1a1a;
}
.poni:active {
	position: relative;
	top: 1px;
}


td:first-child, th:first-child {
    text-align: left;
}
tr:nth-child(even) { background: #ffb3d905 }
a {
  color: #ff409f;
  fill: #ff409f;
  font-weight: bold;
}
.row a {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
}
a:hover { color: #ff0080; }
a.current { color: gray !important; cursor: default; text-decoration: none; }

/* table sizing */
.icon {
  width: 13px;
  pointer-events: none;
}

.title, .format {
  text-align: left;
  font-size: 14px;
}
.direct, .mega, .torrent {
  text-align: center;
  font-size: 14px;
  padding-left: 5px;
  padding-right: 5px;
}
.format     { width: 50px;  }
.title      { width: 400px; }

/* custom text input box styling and prompt */
input[type="text"] {
  width: 500px;
  padding: 3px;
  margin: 20px 0;
  overflow: hidden;
  background: #101010;
  color: #ff409f;
  border: 1px solid #808080;
  border-radius: 4px;
  outline: none;
  display: inline-block;
}
.custom-input {
  position: relative;
}
.placeholder {
  display: block;
  position: absolute;
  top: -1px;
  left: 8px;
  pointer-events: none;
}
.custom-input input:valid + .placeholder,
.custom-input input:focus + .placeholder {
  display: none;
}

.err {
  position: relative;
  display: table;
  background: #1a1a1a;
  color: white;
  border: 1px solid #2a2a2a;
  border-radius: 15px;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 30px;
}