/***** Clear Styles *****/
*{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;font-family:inherit;font-weight:inherit;vertical-align:baseline;box-sizing:border-box;}
ol,ul{list-style:none;}
a,a:hover,a:active{outline:none;text-decoration:none;color:inherit;}
html{overflow-y:scroll;}


/***** Standard Styles *****/

body{font-family:"Source Sans Pro",helvetica,arial,sans-serif;color:#eee;background:#000;font-size:18px;line-height:26px;  touch-action:manipulation;}

h1{font-size:24px;line-height:30px;margin-bottom:20px;text-align:center;padding-top:10px;padding-bottom:6px;background:rgba(0,0,0,0.01);border-bottom:1px solid #e9e9e9;}
h2{font-size:24px;}
h3{font-size:20px;color:#777;}

p{font-size:18px;line-height:26px;margin-bottom:20px;}

a{color:#3366cc;transition:0.3s;}
a:hover{color:#224282;}

strong, b{font-weight:bold;}
em, i{font-style:italic;}
.clear{clear:both;}
hr{margin-bottom:20px;border:0px;height:1px;background:#777;}
blockquote{margin:0px 0px 20px 20px;padding:15px 20px;border-left:2px solid #777;font-style:italic;color:#555;}
blockquote p:last-of-type{margin-bottom:0px;}
ul,ol{font-size:16px;line-height:22px;padding-left:40px;margin-bottom:20px;}
ul{list-style:disc;}
ol{list-style:numeric;}




/***** Custom Styles *****/

.header{padding:10px 20px;margin-bottom:50px;}
.header a{float:left;color:#eee;font-weight:600;padding:10px 20px;margin-right:20px;transition:0.2s ease-in-out;}
.header a:last-of-type{margin-right:0px;}
.header a:hover{color:#fff;}

.content{width:1200px;margin:0px 20px 0px;}

.search-bar{width:100%;font-size:30px;line-height:30px;}

.listings{}
.listing{margin-bottom:20px;}
.listing .name{font-size:20px;font-weight:600;}
.listing .year{opacity:0.75;}
.listing .desc{}




/***** Requests Styles *****/

.requests{}
.requests .header{display:none;}
.requests .content{width:calc(100% - 20px);padding-top:10px;}
.requests h2{}

.reqs{}
.req{font-size:14px;line-height:21px;width:100%;padding:2px 10px;}
.req:hover{background:#0b0b0b;cursor:pointer;}
.req:after{display:block;content:"";clear:both;}
.req .req-id{float:left;width:60px;padding-right:20px;opacity:0.75;}
.req .req-date{float:left;width:150px;padding-right:20px;opacity:0.75;}
.req .req-path{float:left;width:calc( 100% - 60px - 150px );}
.req .response{display:none;margin-bottom:8px;margin-left:calc( 60px + 150px );padding:6px;clear:both;background:#111;border:1px solid #333;cursor:auto;}

.req.req-open{}
.req.req-open .req-path{margin-bottom:5px;}
.req.req-open .response{display:block;}

.req.req-title{opacity:0.5;text-transform:uppercase;font-size:12px;}
.req.req-title:hover{background:transparent;cursor:default;}
.req.req-title div{opacity:1;}

pre.json{white-space:pre;font-family:monospace;color:#999;}
.key,.val{display: inline;}
.key{color:#cface8;}
.val{color:#fff;}
.val.val-string{color:#aed082;}
.val.val-number{color:#ff5370;}



/** Login Styles **/

.login-page{}
.login-box{width:320px;max-width:100%;background:#222;margin:12% auto 0px;padding:25px 30px;border-radius:4px;}
.login-box:after{content:' ';display:block;clear:both;}
.login-box input[type="text"],
.login-box input[type="password"]{}
.login-box input[type="submit"]{margin-bottom:0px;}
.login-box h1{text-align:center;border-bottom:0px;background:inherit;padding:0px;}
.login-box-links{width:300px;box-sizing:border-box;font-size:12px;padding:25px 30px;margin:10px auto;text-align:center;}
.login-box-links a{color:#777;}
.login-box form{margin-bottom:0px;}


/** Button Styles **/

.button{background:#3366CC;color:#fff;text-transform:uppercase;font-size:14px;line-height:18px;font-weight:bold;letter-spacing:0.5px;text-align:center;cursor:pointer;display:inline-block;padding:8px 16px;margin:0px 6px 15px;cursor:pointer;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:0.3s;transition:0.3s;box-shadow:0px 3px 3px -3px rgba(0,0,0,0.6);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;}
.button:hover{color:#fff;box-shadow:0px 3px 8px -2px rgba(0,0,0,0.6);}
.button:focus{background:#224282;}
.button.button-red{background:#C33;}
.button.button-red:focus{background:#802020}
.button.button-grey{background:#777;}
.button.button-grey:focus{background:#555}
.button.button-none{background:transparent;box-shadow:0 0 transparent;color:#555;border:1px solid transparent;}
.button.button-none:hover{background:#eee;border:1px solid #aaa;box-shadow:0px 3px 8px -2px rgba(0,0,0,0.6);}


/** Form Styles **/

input,
select, 
textarea{font-family:"Open Sans",helvetica,arial,sans-serif;font-size:16px;color:#ccc;border:1px solid #333;background:#111;margin-bottom:15px;padding:8px 12px;box-sizing:border-box;width:100%;border-radius:3px;  -webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;}
input:focus,
select:focus,
textarea:focus{color:#eee;box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15);}

input[type="submit"]{border:0px;background:#3366CC;color:#fff;text-transform:uppercase;font-size:12px;font-weight:bold;letter-spacing:0.5px;text-align:center;display:block;width:auto;min-width:135px;padding:6px 12px;box-sizing:border-box;margin:5px auto 15px;cursor:pointer;border-radius:2px;box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);transition:0.2s;}
input[type="submit"]:hover{color:#fff;-webkit-box-shadow: 0px 3px 8px -2px rgba(0,0,0,0.6);-moz-box-shadow: 0px 3px 8px -2px rgba(0,0,0,0.6);box-shadow: 0px 3px 8px -2px rgba(0,0,0,0.6);}
input[type="submit"]:focus{background:#224282}
input[type="submit"]::-moz-focus-inner{border:0;outline:0;}


/***** Notice Styles *****/

.notice{width:100%;padding:8px 10px;box-sizing:border-box;margin-bottom:15px;border-radius:4px;color:#fff;}
.notice.notice-error{border:1px solid #ff0000;background:#ff0000;}
.notice.notice-success{border:1px solid #70964e;background:#70964e;}
.notice.notice-warning{border:1px solid #cec460;background:#cec460;}
.notice span:first-of-type{font-weight:bold;}



/** Desktop Styles **/
@media only screen and (min-width: 1000px) {
	
	
	
}

/** Mobile & Tablet Styles **/
@media only screen and (min-width: 0px) and (max-width: 999px) {

	
	
}

/** Mobile & Tablet Styles (Landscape) **/
@media only screen and (min-width: 0px) and (max-width: 800px) and (min-height: 0px) and (max-height: 600px) {

	
	
}



/** PWA Styles **/
@media ( display-mode: standalone ) {
	
	
	
}