@import url("mobileyotsuba.css") (max-width: 480px);
@import url("extra.css");

body {
	background: #ffe;
	color: maroon;
	font-size: 12pt;
	font-family:times new roman,serif;
	margin-left: 0;
	margin-right: 0;
	margin-top: 5px;

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

a.qu {
	color:#800000;
	font-size:12pt;
	text-decoration:none;
}
a.qu:hover {
	font-weight:bold;
	color:#800000;
	font-size:12pt;
	text-decoration:none;
}
a.qu:visited {
	color:#800000;
	font-size:12pt;
	text-decoration:none;
}

form {
    margin: 0px 0px 0px 0px;
}
form{margin-top:0;}

a {
	background:inherit;
	color:#0000EE;
	font-family:serif;
}
a:visited {
	background:inherit;
	color:#0000EE;
	font-family:serif;
}
a:hover {
	color:#DD0000;
	background:inherit;
	font-family:serif;
}
.exif td b {
	font-weight: 800;
	font-size: x-small;
}
.adminbar {
	text-align:right;
	background:inherit;
	clear:both;
	float:right;
}
.logo {
	clear:both;
	text-align:center;
	background:inherit;
	font-size:20pt;
	color:#800000;
	width:100%;
}

.headsub {
	color:#666666;
	text-align:center;
	background:inherit;
	font-size:8px;
	font-family:sans-serif;
}
hr {
    clear: both;
    height: 0;
}
hr.abovePostForm {
	width: 90%;
}
#navtopright {
	float: right;
}
.boardBanner {
	font-size: 24pt;
	font-weight:700;
	margin-top: 0;
	clear: both;
	text-align: center;
}
.theader {
	background-color:#e04000;
	padding:1px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	margin-top:8px;
	margin-bottom: 4px;
}
.boardSubtitle {
	font-family:times new roman,serif;
    color: #800;
	font-size:10pt;
    text-align: center;
	font-weight: 400;
    letter-spacing: 0px;
}
.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: #800000;
    text-align: left;
}

/* .postarea { opacity: 0.9; } */
.postarea {}

input[type=text] {
	width: 244px;
}
input[type=password] {
	font-family:times new roman,serif;
	margin: 0px 2px 0px 0px;
	padding: 2px 4px 3px;
}

textarea {
	text-align:left;
	width:292px;
}

/* Makes rules smaller and adds space to the post form
.rules {
	font-family:times new roman,serif;
	font-size:13px;
	margin: 1px 15px 1px;
	margin-top: 5px;
	padding: 2px;
}
.rules>li{list-style:none; background-color: transparent!important;}.rules>li:before{content:"\2022 \20";}
*/
.rules {
	font-family:sans-serif;
}
ul.rules{
	margin: 0;
	padding: 0;
	margin-top: 5px;
}
ul.rules>li{
	list-style:none;
	font-size: 10px;
	margin: 1px 1px 1px;
	padding: 1px;
}
.rules>li:before{
	content:"\2022 \20"
}
tr.rules td{
	border: 0!important;
	background-color: transparent!important;
	font-weight: 400!important;
}
.spoiler {
	color: #000 !important;
	background: #000 !important;
}
.spoiler:hover, .spoiler:focus {
	color: #fff !important;
}
.abbr {
	color: #707070;
}
.postblock {
	background-color: #EA8;
	color: #800;
	font-weight: bold;
	padding: 0 10px 0 0;
}
.fileblock {
	background-color:#ea8;
	color:#800;
	font-weight:bold;
	padding: 5px;
	text-align:center;
}
.fileblock td {
	padding: 5px;
	text-align:center;
}
.col:nth-child(4n), .col:nth-child(4n-1) {
	background: #EDE2D4 !important;
	text-align:center;
    color: #700;
}
.col:hover {
	background: #eecccc!important;
}
.col:nth-of-type(1n+1) {
	background: #FFFFEE;
	text-align:center;
    color: #700;
}
.footer {
	text-align:center;
    font-size: x-small;
	margin-top: 5px;
	font-family:serif;
}
.passvalid {
	background:#EEAA88;
	text-align:center;
	width:100%;
	color:#ffffff;
}
.dellist {
	background:inherit;
	text-align:center;
}
.delbuttons {
	background:inherit;
	text-align:center;
	padding-bottom:4px;
}
.deltxt {
	text-align: left;
	font-size: smaller;
}
.managerBanner {
	background:#0F8FE1;
	color:#800000;
	font-family:sans-serif;
	font-size:14px;
	padding:0px;
}
table {
	border-spacing: 1px;

	margin-left: auto;
	margin-right: auto;
}
table.postForm>tbody>tr>td:first-child {
	background-color: #EA8;
	color: #800;
	font-weight: bold;
}
td {
	margin:0;
	padding:0;
	font-size: 12pt;
}
#postForm{width:438px;}
.postTable.head {
    border-collapse: collapse;
    background: #AF0A0F;
    color: #FFFFEE;
    font-size: 14px;
    padding: 0px;
    text-align: center;
}
.postlists td{
    padding: 0px 1px;
    text-align: center;
}
.postlists {
    background: #FFFFFF;
    width: 100%;
    padding: 0px;
    color: #800000;
}
.row1 {
	background:#9AD2F6;
	font-family:sans-serif;
	font-size:12px;
	color:#800000;
}
.row2 {
	background:#FFFFFF;
	font-family:sans-serif;
	font-size:12px;
	color:#800000;
}

.quote {
    color: #789922;
    text-decoration: none;
}
.fquote {
	color: #E0727F;
}
a.quote {
    color: #789922;
    text-decoration: none;
}
a.quotejs:active, a.idxquotejs:active, a.permalink:active, a.quotejs:link, a.idxquotejs:link, a.permalink:link, a.quotejs:visited, a.idxquotejs:visited, a.permalink:visited {
	color: #800000;
	text-decoration: none;
}
a.quotejs:hover, a.idxquotejs:hover, a.permalink:hover {
	font-weight: bold;
}
.repButton {
	background: rgb(240,224,214);
	font-size: 11pt;
	float: left;
	margin-right: 5px;
	margin-top: -1px;
	color: #800;
	text-decoration: none;
	border: 1px solid #C0B3AB;
	padding: 5px;
	width: 100%;
	height: 13px;
}
a.repButton:hover {
	background: rgb(255,255,238);
	color: #800;
}
.unkfunc {
		background:inert;
		color:#789922;
}
.filesize {
	font-size:16px;
	font-family:serif;
	text-decoration:none;
}
.filetitle {
	background:inherit;
	font-size:18px;
	font-family:serif;
	color:#CC1105;
	font-weight:800;
}
.subject {
	background:inherit;
	font-size:18px;
	font-family:serif;
	color:#cc1105;
	font-weight:800;
}
.name {
	font-weight:700;
	color:#117743;
}
.postertrip {
    color: #117743;
    font-weight: 500;
}
.cap.moderator {
    color: #770099;
}
.cap.admin {
    color: #FF101A;
}
.cap.manager {
    color: #FF0080;
}
.cap.dev {
	color: #0000ed;
}
.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;
}
.closedIcon {
	margin-bottom: -1px;
	margin-left: -1px;
	height: 16px;
	width: 16px;
}
/* Icon add or replace */
.anonicon {
	background:url('/static/icons/anon.gif') no-repeat 98.5% 50% #ffffe0;
}
/*
.sticky {
	display: inline-block;
	box-sizing: border-box;
	background: url(/global/css/imgs/sticky-old.gif) no-repeat;
	width: 18px; 
	height: 18px; 
	padding-left: 36px;
}
.locked {
	display: inline-block;
	box-sizing: border-box;
	background: url(/global/css/imgs/locked-old.gif) no-repeat;
	width: 12px;
	height: 15px; 
	padding-left: 27px; 
}
*/

.oldpost {
	background:inherit;
	font-size:16px;
}
.omittedposts {
	background:inherit;
	font-size:11px;
	font-family:serif;
	color:#666666;
	font-weight:800;
}
.summary {
    margin-top: 10px;
}
.reply {
	background:#f0e0d6;
	color:#800000;
	font-family:serif;
	display: table;
	padding: 2px;
}
.reply:target,.reply.highlight{
	background:#f0c0b0!important;
	padding:2px;
}
.post {
    margin: 4px;
}
.sideArrows {
    float: left;
    margin-right: 2px;
    margin-top: 0px;
    margin-left: 2px;
}
.postLink.mobile {
    display: none;
}
.thumbnailmsg {
    font-size: 9px;
    color: #800000;
    padding-left: 20px;
}
.doubledash {
	vertical-align:top;
	clear:both;
	float:left;
}
.replytitle {
	background:inherit;
	font-size:18px;
	font-family:serif;
	color:#CC1105;
	font-weight:800;
}
.thumbnailmsg {
    font-size: 9px;
    color: #800000;
    padding-left: 20px;
}
.pages {
}

.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;
}
.fileThumb {
    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: 5px;
}
.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; }