@import url("mobiletomorrow.css") (max-width: 520px);
@import url("extra.css");

body {
    background: #1D1F22;
    font-size: 10pt;
    color: #C5C8C6;
    font-family: Arial, Helvetica, sans-serif;
	margin-left: 0;
	margin-right: 0;
	margin-top: 5px;

	padding-left: 5px;
	padding-right: 5px;
}

a.qu {
    color: inherit;
    font-size: 10pt;
    text-decoration: none;
}
a.qu:hover {
    font-weight: bold;
    color: inherit;
    font-size: 10pt;
    font-weight: 800;
}
a.qu:visited {
    color: #800000;
    font-size: 10pt;
    text-decoration: none;
}
form {
    margin: 0px 0px 0px 0px;
}
.postButton {
    font-size: 26px;
    font-weight: 700;
}

a {
    color: #81a2be;
    text-decoration: none;
}
a:visited {
    font-family: inherit;
}
a:hover {
    color: #5f89ac;
}
hr {
	clear: both;
	border: none;
	border-top: 1px solid #282a2e;
	height:1px
}
hr.abovePostForm {
	width: 90%;
}
#navtopright {
	float: right;
}
.boardBanner {
    font-family:Tahoma,sans-serif;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -2px;
    margin-top: 0px;
    width: 100%;
    clear: both;
    text-align: center;
    color: inherit;
}
.bannerImg {
	border: 1px solid #000;
	width: 300px;
	height: 100px;
	max-width:100%;
	clear: both;
	font-size: x-small;
	text-align: center;
}
.boardSubtitle {
	font-family: Arial, Helvetica, sans-serif;
    color: inherit;
    text-align: center;
	font-size: x-small;
	font-weight: 400;
    letter-spacing: 0px;
}
.theader {
	background-color: #282a2e;
	padding: 2px;
	text-align: center;
	color: #c5c8c6;
	font-weight: bold;
	font-size: larger;
	margin-top: 8px;
	margin-bottom: 3px;
	border: 1px solid #111;
}
.globalNews.desktop {
    text-align: center;
    color: red;
	padding: 10px;
	font-weight: 700;
}
.globalNewsM {
    display: none;
    align-items: center;
    text-align: center;
    color: red;
    font-weight: 700;
}
.boardlist {
    color: inherit;
    text-align: left;
}
/* .postarea { opacity: 0.9; } */
.postarea {}

/* Color when you click on any input box */
input[type=text] {
	margin: 0px;
	margin-right: 2px;
	padding: 2px 4px 3px 4px;
	border: 1px solid #000;
	background-color: #282a2e;
	width: 244px;
	color: #c5c8c6;
	outline: none;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
}
input[type=password] {
	margin: 0px;
	margin-right: 2px;
	padding: 2px 4px 3px 4px;
	border: 1px solid #000;
	background-color: #282a2e;
	color: #c5c8c6;
	outline: none;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
}
input:focus[type=text] {
	border: 1px solid #515151;
}
input:focus[type=password] {
	border: 1px solid #515151;
}

textarea {
	margin: 0px;
	margin-right: 2px;
	padding: 2px 4px 3px 4px;
	border: 1px solid #000;
	background-color: #282a2e;
	width:292px;
	color: #c5c8c6;
	outline: none;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
}
textarea:focus {
	border: 1px solid #515151;
}

input[type="checkbox"], input[type="submit"], input[type="file"], button {
	filter: brightness(80%);
}

/* Makes rules smaller and adds space to the post form
.rules {
	background-color: transparent!important;
	font-size: 11px;
	margin: 1px 5px 1px;
	list-style: none;
	margin-top: 5px;
	padding: 2px;
}
.rules>li{list-style:none; background-color: transparent!important;}.rules>li:before{content:"\2022 \20";}
*/
ul.rules{
	margin:0;
	padding:0;
	margin-top:5px;
}
ul.rules>li{
	list-style:none;
	font-size:11px;
}
.rules>li:before{
	content:"\2022 \20"
}
tr.rules td{
	border:0!important;
	background-color:transparent!important;
	font-weight:400!important;
}
.postblock {
	background-color: #282A2E;
	border: 1px solid #000;
	color: #c5c8c6;
	font-weight: bold;
	padding: 0 15px 0 5px;
	font-size: 10pt;
	vertical-align: middle;
	min-width: 70px;
	line-height: 20px;
}
.fileblock {
	background-color:#282A2E;
	color:#c5c8c6;
	font-weight:bold;
	border:1px solid #000;
	padding:5px;
	text-align:center
}
.fileblock td {
	text-align:center
}
.col:nth-child(4n), .col:nth-child(4n-1) {
	text-align:center;
	background: #343638 !important;
	border-color: #1D1F22 !important;
    color: #C5C8C6;
}
.col:hover {
	background: #5B5B5B!important;
}
.col:nth-of-type(1n+1) {
	text-align:center;
    background: #1D1F22;
    color: #C5C8C6;
}
.spoiler {
	color: #000 !important;
	background: #000 !important;
}
.spoiler:hover, .spoiler:focus {
	color: #fff !important;
}
.abbr {
	color: #707070;
}
.footer {
    text-align: center;
    font-size: x-small;
	margin-top: 5px;
}
.managerBanner {
    background: #FF0000;
    text-align: center;
    width: 100%;
    color: #ffffff;
    border-radius: 20px;
}
.dellist {
    text-align: center;
}
.delbuttons {
    text-align: center;
    padding-bottom: 4px;
}
.deltxt {
	text-align: left;
	font-size: smaller;
}
table {
	border-spacing: 1px;

	margin-left: auto;
	margin-right: auto;
}
table.postForm>tbody>tr>td:first-child {
    background: #282A2E;
    color: #C5C8C6;
    border: 1px solid #111;
    padding: 0 5px;
    font-weight:700;
	font-size:10pt;
}
td {
	margin:0;
	padding:0;
	font-size:10pt;
}
#postForm{width:438px;}
.postTable.head {
    background: #595959;
    color: #FFFFEE;
    font-size: 14px;
    padding: 0px;
    text-align: center;
}
.postlists td{
    border: 1px solid #FFF;
    padding: 2px 15px;
    text-align: center;
}
.postlists {
	width: 100%;
	margin-top: 5px;
	padding: 5px;
	line-height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
}
th {} .row1 {
    background: #343638;
    font-size: 10pt;
    color: #000000;
}
.row2 {
    background: #F9F9F9;
    font-size: 10pt;
    color: #000000;
}
.quote {
    color: #789922;
    text-decoration: none;
}
.fquote {
	color: #E0727F;
}
.quotejs, .idxquotejs, .permalink {
	color: #C5C8C6;
}
a.quote {
	color: #81a2be;
}
a.quote:hover {
	color:#81a2be!important;
}
.repButton {
	background: rgb(40,42,46);
	font-size: 9pt;
	float: left;
	margin-right: 5px;
	margin-top: 1px;
	color: #C5C8C6;
	border: 1px solid #000;
	padding: 5px;
	width: 100%;
	height: 10px;
}
a.repButton:hover {
	background: rgb(29,31,33);
	color: #C5C8C6;
}
a.inline_quote {
	color: #81a2be;
	text-decoration:underline
}
.filesize {
    font-size: 10pt;
    text-decoration: none;
}
.filesize a {
	text-decoration:underline
}
.fileThumb {
	float: left;
	margin-top: 3px;
	margin-bottom: 5px;
	margin-left: 0px !important;
	margin-right: 5px !important;
}
.quotelink {
	color:#5f89ac!important;
	text-decoration:underline;
}
a.quotelink:hover {
	color:#81a2be!important;
}
.subject {
    color: #F7ABFF;
    font-weight: bold;
}
.name {
    color: #c5c8c6;
    font-weight: bold;
}
.postertrip {
    color: #c5c8c6;
    font-weight: 500;
}
.cap.moderator {
    color: #770099;
	/* text-shadow: 1px 0 0 #111, -1px 0 0 #111, 0 1px 0 #111, 0 -1px 0 #111, 1px 1px #111, -1px -1px 0 #111, 1px -1px 0 #111, -1px 1px 0 #111; */
}
.cap.admin {
    color: #FF101A;
	/* text-shadow: 1px 0 0 #111, -1px 0 0 #111, 0 1px 0 #111, 0 -1px 0 #111, 1px 1px #111, -1px -1px 0 #111, 1px -1px 0 #111, -1px 1px 0 #111; */
}
.cap.manager {
    color: #FF0080;
	/* text-shadow: 1px 0 0 #111, -1px 0 0 #111, 0 1px 0 #111, 0 -1px 0 #111, 1px 1px #111, -1px -1px 0 #111, 1px -1px 0 #111, -1px 1px 0 #111; */
}
.cap.dev {
	color: #0000ed;
	/* text-shadow: 1px 0 0 #111, -1px 0 0 #111, 0 1px 0 #111, 0 -1px 0 #111, 1px 1px #111, -1px -1px 0 #111, 1px -1px 0 #111, -1px 1px 0 #111; */
.cap.janitor {
	color: #4169E1;
}
}


}


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.capIcon[src*="icon-admin.gif"] { content: url("/global/imgs/logo/icon-admin@2x.gif"); }
	.capIcon[src*="icon-moderator.gif"] { content: url("/global/imgs/logo/icon-moderator@2x.gif"); }
	.capIcon[src*="icon-developer.gif"] { content: url("/global/imgs/logo/icon-developer@2x.gif"); }
	.capIcon[src*="icon-manager.gif"] { content: url("/global/imgs/logo/icon-manager@2x.gif"); }
	.capIcon[src*="icon-janny.gif"] { content: url("/global/imgs/logo/icon-janny@2x.gif"); }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.capIcon[src*="icon-admin.gif"] { content: url("/global/imgs/logo/icon-admin@2x.gif"); }
	.capIcon[src*="icon-moderator.gif"] { content: url("/global/imgs/logo/icon-moderator@2x.gif"); }
	.capIcon[src*="icon-developer.gif"] { content: url("/global/imgs/logo/icon-developer@2x.gif"); }
	.capIcon[src*="icon-manager.gif"] { content: url("/global/imgs/logo/icon-manager@2x.gif"); }
	.capIcon[src*="icon-janny.gif"] { content: url("/global/imgs/logo/icon-janny@2x.gif"); }
}
.retina {
	margin-bottom: -1px;
	padding-left: 2px;
	height: 16px;
	width: 16px;
}
.stickyIcon {
	margin-bottom:-1px;
	padding-left:-1px;
	height:16px;
	width:16px;
}
.closedIcon {
	margin-bottom: -1px;
	margin-left: -1px;
	height: 16px;
	width: 16px;
}
.anonicon {
	background:url('/static/icons/anon.gif') no-repeat 98.5% 50% #ffffe0;
}
.oldpost {
    font-size: 8pt;
    padding-left: 20px;
}
.impund {
	font-weight: 700;
	text-decoration: underline #900;
}
.summary {
    font-size: 10pt;
    margin-top: 10px;
    color: gray;
}
.reply {
    background: rgb(40,42,46); /*#282A2E;*/ 
    color: inherit;
    display: table;
    padding: 2px;
	border:1px solid #282A2E;
}
.highlightPost:not(.op) {
	background:#3a171c!important;
	border-color:#3a171c!important;
}
.reply:target,.reply.highlight {
	background:#1d1d21!important;
	border:1px solid #111!important;
	padding:2px
}
.post {
    margin: 4px 0;
}

.postMenuBtn {
	color: #5F89AC;
}
.postMenuBtn:hover {
	color: #81a2be;
}
.sideArrows {
    color:#c5c8c6;
    float: left;
    margin-right: 2px;
    margin-top: 0px;
    margin-left: 2px;
}
.postLink.mobile {
    display: none;
}
.thumbnailmsg {
    font-size:9px;
    font-family: Arial,
    Helvetica,
    sans-serif;
    color:#800000;
    padding-left: 20px;
}
.pages {
    border: 1px solid #111;
    background: #282a2e;  
    color: #c5c8c6;
    font-size: 13px!important;
	margin: 0;
	padding: 3px 7px;
	float: left;
	
}
.pages td {
    border:none;padding:1px 5px;
}
.a.pages:hover {
	color:#81a2be!important;
}
.postInfoM {
    display: none;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.gallerycontainer {
    position: relative;
    /*Add a height attribute and set to largest image's height to prevent overlaying*/
}
img.opimg, img.postimg {
    padding: inherit;
    padding-bottom: 4pt;
	margin: 0px 20px;
    float: left;
}
.thumbnail img {
    border: 1px solid white;
    margin: 0 5px 5px 0;
}
.thumbnail:hover {
    background-color: transparent;
}
.thumbnail:hover img {
    border: 1px solid blue;
}
.thumbnail span {
    /*CSS for enlarged image*/ 
    position: absolute;
    background-color: lightyellow;
    padding: 5px;
    /*right: -1000px;*/
    border: 1px dashed gray;
    visibility: hidden;
    color: black;
    text-decoration: none;
}
.thumbnail span img {
    /*CSS for enlarged image*/ 
    border-width: 0;
    padding: 2px;
}
.thumbnail:hover span {
    /*CSS for enlarged image*/  
    visibility: visible;
    /*top: 0;*/  
    right: 230px;
    /*position where enlarged image should offset horizontally */
    z-index: 50;
}


}

.pinktext { color: #ff00ee !important; }