@import url("mobileyotsuba.css") (max-width: 520px);
@import url("extra.css");
html { -moz-text-size-adjust:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100% }
body {
    background: #FFFFEE url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAIAAACmkByiAAAAWElEQVR4AaWSwQ3AIAwDbfbfpdt0nKrPUp3QCfHgkfjsCMh47mskmU5HGvbmuuh9dVce8M4it/SfMZglGeZx/ccyu/Vsv4/N29f331AY5Bi3+hdo4A92+wXvCwR9mXztrAAAAABJRU5ErkJggg==) top center repeat-x;
	color: #800000;
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
	margin-left: 0;
	margin-right: 0;
	margin-top: 5px;

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

a.qu {
    color: #800000;
    font-size: 10pt;
    text-decoration: none;
}
a.qu:hover {
    font-weight: bold;
    color: #800000;
    font-size: 10pt;
    font-weight: 800;
}
a.qu:visited {
    color: #800000;
    font-size: 10pt;
    text-decoration: none;
}
form {
    margin: 0px 0px 0px 0px;
}
form{margin-top:0;}
.postButton {
    font-size: 26px;
    font-weight: 700;
}
textarea {
	margin: 0px;
	margin-right: 2px;
	padding: 2px 4px 3px 4px;
	border: 1px solid #AAAAAA;
	width: 292px;
	outline: none;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
}
textarea:focus {
	border: 1px solid #ea8!important
}

a {
    color: #0000EE;
    text-decoration: none;
}
a:visited {
    font-family: inherit;
}
a:hover {
    color: #DD0000;
}
hr {
	clear: both;
    height: 0;
    border: none;
    border-top: 1px solid #D9BFB7;
}
hr.abovePostForm {
	width: 90%;
}
hr.footspan {
	border:0;
	color:#800;
	background:#800;
	height:1px;
	width: 750px
}
.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: #800;
}
.bannerImg {
	border: 1px solid #800;
	width: 300px;
	height: 100px;
	max-width:100%;
	clear: both;
	font-size: x-small;
	text-align: center;
}
.theader {
	background-color: #e04000;
	padding: 1px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: larger;
	margin-top: 8px;
	margin-bottom: 3px;
}
.container {
	width: 950px;
	max-width:100%;
	background: #FFF;
	margin: 1% auto;
	border: 1px solid #800000;
	opacity: 0.9;
	line-height: 130%;
}
.header {
	background-color: #FFCCAA;
	line-height:2.2em;
	font-size: 9pt;
}
.boardSubtitle {
	font-family: Arial, Helvetica, sans-serif;
    color: #800;
	font-size: x-small;
    text-align: center;
	font-weight: 400;
    letter-spacing: 0px;
}
.globalNews.desktop {
    text-align: center;
    color: red;
	padding: 10px;
	font-weight: 700;
}
a:globalNews.desktop {
	color: #FFFFFF;
}
.globalNewsM {
    display: none;
    text-align: center;
    color: red;
	font-weight: 700;
}
.boardlist {
    text-align: left;
	padding: 0;
}
#navtopright {
	float: right;
}
.boardlist, #navtopright {font-size:9.3pt;color:#B86;display:block;padding-right: 5px;}
.boardlist a, #navtopright a {color:maroon;padding:1px;text-decoration:none;font-weight:noraml;}
.boardlist a:hover, #navtopright a:hover {color: #DD0000}
a.quotelink {
	color: #000080;
}
/* .postarea { opacity: 0.9; } */
.postarea {}

input:-moz-placeholder{color:gray!important}

/* Color when you click on any input box */
input[type=text] {
	margin: 0px;
	margin-right: 2px;
	padding: 2px 4px 3px 4px;
	border: 1px solid #AAAAAA;
	width: 244px;
	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 #AAAAAA;
	outline: none;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
}
input:focus[type=text] {
	border:1px solid #ea8!important
}
input:focus[type=password] {
	border:1px solid #ea8!important
}

/* 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: #EA8;
	color: #800;
	font-weight: 700;
	border: 1px solid #800;
	padding: 0 15px 0 5px;
	font-size: 10pt;
	vertical-align: middle;
	min-width: 70px;
	line-height: 20px;
}
.fileblock {
	background-color:#ea8;
	color:#800;
	font-weight:700;
	border:1px solid #800;
	font-size:12px;
	padding:5px;
	text-align:center
}
.fileblock td {
	text-align:center
}
/* hacky fix because php code wouldn't work */
.col:nth-child(4n), .col:nth-child(4n-1) {
	text-align:center;
	background: #EDE2D4 !important;
	border-color: #d69595 !important;
    color: #700;
}
.col:hover {
	background: #eecccc!important;
}
.col:nth-of-type(1n+1) {
	text-align:center;
    background: #FFFFEE;
    color: #700;
}
.highlightPost {
	background: #f0d6d6 !important;
	border-color: #d69595 !important;
}
.postblockP { /* Post block for the panel */
	background-color: #FCA;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #000;
	border: 1px #606060 solid;
	border-spacing: 0px;
	border-collapse:collapse;
	padding: 4px 8px 2px 8px;
}
.row4 {
    background: #DBBAA5;
	font-family: Verdana;
    font-size: 10pt;
    color: #800000;
	border: 1px #606060 solid;
	border-spacing: 0px;
	border-collapse:collapse;
	padding: 5px;
	padding-top:2px;
	padding-bottom:2px;
}
.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: #E08000;
    text-align: center;
	color: #FFF;
    width: 100%;
	font-size: 1.0em;
	font-weight: 700;
}
.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-color: #EA8;
	color: #800;
	font-weight: 700;
	border: 1px solid #800;
	padding: 0 5px;
	font-size: 10pt;
}
td {
	margin:0;
	padding:0;
	font-size:10pt;
}
#postForm{width:438px;}
.postTable.head {
	border-collapse: collapse;
	border: 1px #000 solid;
	background: #FCA;
	color: #000;
	font-size: 14px;
	padding: 0px;
	text-align: center;
}
.postlists td{
	border: 1px solid #FFF;
	padding: 1px 5px;
	text-align: center;
}
.postlists {
	width: 100%;
	margin-top: 5px;
	padding: 5px;
	line-height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #800000;
}
.reportlists td{
	font-family: Verdana;
	font-size: 11px;
	border: 1px #606060 solid;
	padding: 1px 5px;
	text-align: center;
}
.reportlists {
	width: 100%;
	margin-top: 5px;
	padding: 5px;
	line-height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	border-collapse:collapse;
	color: #800;
}
.row1 {
    background: #EDE2D4 !important; /* background: #DBBAA5; */
	border-color: #d69595 !important;
	font-family: Verdana;
    font-size: 10pt;
    color: #700;
}
.row2 {
    background: #FFFFEE;
	font-family: Verdana;
    font-size: 10pt;
    color: #700;
}
.rowIllegal {
	background: #FEC6C6;
	border:1px solid #d9bfb7;
	font-family: Verdana;
    font-size: 11pt;
}
.quote {
    color: #789922;
}
.quote2 {
    color: #FFAF00;
}
.fquote {
	color: #E0727F;
}
a.quote {
	text-decoration: underline;
}
a.inline_quote {
	color: #000080 !important;
	text-decoration: underline;
}
a.inline_quote:hover {
	color: #D00 !important;
}
.quotejs, .idxquotejs, .permalink {
	color: #800;
}
.repButton {
	background: rgb(240,224,214);
	font-size: 9pt;
	float: left;
	margin-right: 5px;
	margin-top: -1px;
	color: #800;
	border: 1px solid #d9bfb7;
	padding: 5px;
	width: 100%;
	height: 12px;
}
a.repButton:hover {
	background: rgb(255,255,238);
	color: #800;
}
.filesize {
    font-size: 10pt;
    text-decoration: none;
}
.filesize a {
	text-decoration:underline
}
.fileThumb {
	float: left;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 0px !important;
	margin-right: 5px !important;
}
span.fileThumb {
	margin-left: 0px !important;
	margin-right: 5px !important;
}
.quotelink {
	color: #000080 !important;
	text-decoration: underline;
}
.quotelink:hover {
	color: #D00 !important;
}
.subject {
    color: #CC1105;
    font-weight: bold;
}
.name {
    color: #117743;
    font-weight: bold;
}
.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;
}
.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:12px;
    padding-left: 20px;
}
.summary {
    margin-top: 10px;
    color: gray;
}
.opcom {
	border-left:none;
	padding:10px;
	clear: right;
	display: table;
}
.opcom:target,.opcom.highlight {
	border-left:none;
	padding:10px;
	clear: right;
	display: table;
}
.reply {
    background: rgb(240,224,214);/*#F0E0D6*/
    color: #800000;
    display: table;
    padding: 2px;
	border:1px solid #d9bfb7;
	border-left:none;
	border-top:none;
}
.reply:target,.reply.highlight{
	background:#f0c0b0!important;
	border:1px solid #d99f91!important;
	border-left:none!important;
	border-top:none!important;
	padding:2px;
}
.post {
    margin: 4px 0;
}
.postMenuBtn {
	color: #000080;
}
body.postMenuBtn {
	border: 1px solid #d9bfb7;
	border-bottom: 2px solid #d9bfb7;
	border-right: 2px solid #d9bfb7;
    padding: 5px 5px 5px 5px;
}
.sideArrows {
    color: #e0bfb7;
    float: left;
    margin-right: 2px;
    margin-top: 0px;
    margin-left: 2px;
}
.mobile {
    display: none;
}
.thumbnailmsg {
    font-size: 9px;
    color: #800000;
    padding-left: 20px;
}
.pages {
	background: rgba(240,224,214,0.85); /*#F0E0D6*/
	color: #B86;
	border: 1px solid #d9bfb7;
	border-left: none;
	border-top: none;
	padding: 4px;
}
.pages td {
    border:none;
    padding:1px 5px;
}
div.pages strong {
	color: #800000;
}
div.pages div.pages a {
	text-decoration: none !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; }