html, body {
height:100%;
font-family:'Open Sans', sans-serif;
font-size:14px;
line-height:1.4;
color:#444444;
}

body {
margin:0px;
text-align:center;
background:#000000;
}

img {
max-width:100%;
}

input, select, textarea {
font-family:'Open Sans', sans-serif;
line-height:normal;
vertical-align:middle;
}

h1, h2 {
text-align:center;
font-family:'Times New Roman', serif;
line-height:1.1;
font-weight:normal;
letter-spacing:0.5px;
}

h1 {
font-size:185%;
margin:25px auto;
}

h2 {
font-size:160%;
margin:30px auto 0px auto;
}

a {
color:#ba070b;
text-decoration:none;
outline:none;
}

a:hover {
color:#000000;
text-decoration:underline;
}

#login-control {
background:#9d0608;
padding:10px 20px;
text-align:center;
}

#login-control a {
color:#f07a6a;
text-decoration:none;
}

#login-control img {
padding-right:3px;
vertical-align:middle;
}

#login-control a:hover {
color:#ffffff;
transition:0.5s;
}

#header {
background:#9d0608;
padding:0px 20px 20px 20px;
}

#header-title {
font-family: Verdana, sans-serif;
font-size:55px;
line-height:1;
color:#ffffff;
margin:0px 0px 10px 0px;
}

#header-subtitle {
font-family: Verdana, sans-serif;
font-size:18px;
color:#ffffff;
line-height:1.2;
}

#layout {
background:#ffffff;
}

#content {
margin:auto;
max-width:1000px;
position:relative;
padding:15px 15px 70px 15px;
box-sizing:border-box;
text-align:center;
min-height:600px;
}

#searchbox {
display:inline-block;
margin:0px 0px 30px 0px;
}

.search-text, .search-submit {
font-size:115%;
vertical-align:middle;
padding:0px 8px;
height:30px;
line-height:1;
box-sizing:border-box;
}

.search-text {
border:3px solid #9d0608;
border-radius:5px 0px 0px 5px;
}

.search-submit {
cursor:pointer;
border-radius:0px 5px 5px 0px;
color:#ffffff;
font-weight:bold;
background:#9d0608;
border:none;
}

.search-submit {
transition:0.2s;
opacity:0.8;
color:#ffffff;
}

#searchoptions {
margin:0px auto 25px auto;
text-align:center;
}

#searchoptions a {
font-size:125%;
vertical-align:middle;
}

#navbar, #footer {
background:#000000;
padding:10px 0px;
color:#ffffff;
}

#footer {
padding:10px 0px 30px 0px;
line-height:1.8;
}

#navbar a, #footer a {
font-family: Verdana, sans-serif;
color:#ffffff;
padding:0px 3px;
text-decoration:none;
}

#navbar a.on, #footer a.on {
font-weight:bold;
}

#navbar span, #footer span {
white-space:nowrap;
}

form {
text-align:center;
}

#advertise {
border-collapse:collapse;
width:100%;
max-width:600px;
margin:auto;
}

#advertise td {
padding:4px 7px;
text-align:left;
}

#advertise span.small {
color:#888888;
font-size:11px;
}

#advertise .label {
text-align:right;
white-space:nowrap;
}

#advertise .top {
padding-top:6px;
vertical-align:top;
}

#advertise input[type=text], #advertise input[type=password], textarea, #advertise input[type=file] {
width:100%;
padding:5px;
border:1px solid #adadad;
border-radius:3px;
box-sizing:border-box;
}

#advertise input[type=file] {
padding:10px;
background:#f8f8f8;
}

textarea {
width:100%;
min-height:175px;
}

.buttonon, .buttonoff {
display:inline-block;
border:none;
vertical-align:middle;
padding:5px 12px;
color:#ffffff;
border-radius:4px;
text-decoration:none;
}

.buttonon {
background:#008000;
cursor:pointer;
}

.buttonon:hover {
background:#00a300;
color:#ffffff;
text-decoration:none;
}

.buttonoff, .buttonoff:hover {
background:#dddddd;
cursor:auto;
}

#passchk {
color:red;
}

#ads {
margin:0px 0px 30px 0px;
text-align:center;
}

#ads a {
display:inline-block;
position:relative;
vertical-align:top;
width:300px;
height:315px;
margin:0px 8px 20px 8px;
text-align:center;
background:#ececec;
border:1px solid #ffffff;
border-radius:5px;
text-decoration:none;
color:#000000;
box-sizing:border-box;
}

#ads a.admin {
margin:20px 8px 60px 8px;
}

#ads a:hover {
background:#ffffcc;
color:#444444;
border:1px solid red;
}

#ads a span.subject {
display:block;
text-align:center;
position:relative;
height:50px;
}

#ads a span.create {
display:block;
text-align:center;
position:relative;
line-height:300px;
font-size:150%;
}

#ads a span.subject span {
display:block;
text-align:center;
margin:auto;
position:absolute;
width:100%;
padding:0px 10px;
top:50%;
left:0px;
-ms-transform:translate(0%, -50%);
transform:translate(0%, -50%);
}

#ads a img {
object-fit:cover;
width:300px;
height:225px;
text-align:center;
position:relative;
}

#ads a span.price {
display:block;
text-align:center;
position:relative;
height:38px;
line-height:35px;
}

#ads a span.tier {
text-align:center;
position:absolute;
bottom:-45px;
left:0px;
width:100%;
text-align:center;
line-height:1.3;
color:#888888;
padding:0px 5px;
}

#ads a.expired {
opacity:0.5;
filter: grayscale(100%);
background:#ececec;
border:1px solid #ffffff;
}

.update {
position:absolute;
top:0px;
left:50%;
margin-left:-200px;
width:400px;
border:1px solid #009e00;
background:#ffffcc;
padding:5px 10px;
color:#009e00;
transition:0.5s;
-webkit-animation: cssAnimation 5s forwards;
animation: cssAnimation 5s forwards;
}
@keyframes cssAnimation {
 0%   {opacity: 1;}
 50%  {opacity: 1;}
 100% {opacity: 0;}
}
@-webkit-keyframes cssAnimation {
 0%   {opacity: 1;}
 50%  {opacity: 1;}
 100% {opacity: 0;}
}

#item-images {
margin:auto;
max-width:700px;
text-align:center;
}

#item-images .primaryimg {
display:block;
width:100%;
height:400px;
object-fit:cover;
margin:0px 0px 10px 0px;
}

#item-images .img {
display:inline-block;
max-width:75px;
margin:0px 7px 7px 0px;
cursor:pointer;
}


@media (max-width:650px) {

html, body {
font-size:16px;
line-height:1.4;
}

h1 {
font-size:150%;
}

#advertise .label, #advertise .input {
display:block;
text-align:left;
}

}