/* AGENT_SHEET */
/*
	curabitr - an aesthetically pleasing userstyle for 4chan

	released under the creative commons license
	http://creativecommons.org/licenses/by/3.0/

	in other words, do whatever you'd like, just as long as you acknowledge me

*/

@-moz-document domain("boards.4chan.org") {

/* defaultan */
body {
background: #ebebeb url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAACmdJREFUeNpsmttyIzcMRHs4HM5FdmX//9+2Km/7nFjS3Id5cA62pcRVrvVKIxIEGo0GqObXr191nmdJ0nmeattW13XpOA7lnHUch0opuq4rnum6TpLUtq32fVfOWSklXdcVz+WcdZ6naq06zzPen6ZJ67rqui7VWtU0jSSp1qppmnS/39V1nUopWtdVKSUdxyFJ6rpOOWft+66madQ0jdZ1/d5/WRat66pt21Rr1bZtL4tjzHEc6rpObdsqpaRt28Kgfd+1bZuu69K2bUopqdaqtm1Va1VKSW3bqm1bLcsSTsConLPattW6rhqGIRx2XVcchv8/n08dx6HrujTPs3LOkqTmzz//rBhJFM7zFD94ks3ZhOjVWuOX93FCSkmStK6ruq4LL7phOCvnrFqrSinKOYeDcG7OOQ58HEc4vu/7b+ft+x7hW5blJTK11ggjB+CZcRx1HIdSSmEEXpekpmlUa43Q8ytJ8zyHs9q21TiOSimplBKRnudZtVZJUiklDrzvu/Z918fHh1JKaprm+/M5ZzVNo33fNQxDQGccx/AgHriu6+W9cRxjg/M84xkMxhkpJc3zHB4mIhyW6OIEnLOuaxyWiKaU1HWdzvPUMAzquu4bYsCqlBKL930fWOZ1Pog3I8n+9Qoh3rYtyIDInOepvu/Dw03TvOy377v6vo/PsHff92qaRsuyBCrIN/LHIpoCq0RjWZb/5EMpRff7PRbCQPLn8XiolKK+71/w3vd94LrWquu64rPAiwhh2DAMSilpmiY1TaNpmiIi5CN5Z4SSgi5ZELgBEbzIs8/n8yXEwBJDl2WJDTkAFA4kiTa54w5iv8fjEbDGaQ5BJ4wMXW7bFg8RcvCOR3lNUtQMFoV6JWmaJtVatSyLuq4LQzD08XiEkyAb8qfv+3AYOQmkQQz7eplI5Eff97EonvOEBd8ku0Pmuq6I5DiOOs9Tj8cjIobXj+MIYyhy4B2iYT1KATZAAHzOc0bSN2sRolLKSy05jiMY6rquoFw2khSQImnneQ5HYCSRghi6rgvME3FQQLWepikMXtf1xfsQBYfYtk3pOI6ADThl02EY4gBUZWBQSoli9451aHPfd91uN31+fkYir+uqfd8jd9ibz5JnrOHO3Pc9HAwl837GQ7zJv0AJj3JAvAHc+CxG/fHHH9q2TfM86ziOkBRsDANSdDksB4AUiBgQdj1GvXo8HhHNfBzHS3Hq+17Xdel2uwkxyUGu69L9fn8Rk0AMA0lKj5BLjr7vwxHUim3bNE1TQBbjML7ruhCT/hp7p5SU4WIwBybJBRd8/O0HhvGAGj8w3jzPGoYh8oR8BK44ZFmWyK2Pjw89n8+oNyR70zSxFzAnfxMRwUvLskRBIynZzIUheMWzzmq1VuWcQ+yRlLAdeYTXn89nOAZ69vV5DpXOc/u+/xa3bFRKCSO6rguKxLP3+z3kArIGSFJAyRs2gJaRM14zOBBK4PF4hCQh+t7XsB7RYH8KclqWJRaAeoEBBgEnF4p4nUOzEewErfIspAEkUNusTw7iFPJynufIjWEYorE7jiP0Wdd1ShhMxcazQIGq7CoZZvHqDuTattW2bYLWkT2s6d6WpL/++usl6Z/Pp/Z9148fPyIfWJ/okM8QyXmeStQPihHU5xvz44ZhkHM7lRgtBa6JjhuFMUAMdf1en8gRYI4SIQ0goMSihNJZisPt+/7yGjUDY8AwUJznOZ6DsaByL2xN02gYBi3L8tLAIZd8PtB1XTRVtOfQ+jiOan7+/FmdBbque2GFaZpC0LEJEeHwpZTYGByTZ/4cdMseVHqMZV1+5nkO1UBkcC45RUokKrUXGx78/PwMT8EufiiSGZlRSgnp/U7d7z3/OI5xGIzBeJ6dpimIgUPiSH5YK1GI3ttNN9A7vfccIq/O84zGiy6RzpCDQb/UCvYg/3LOKqW8zANchyFLcOh5nvr8/PxmQk7pyeqdH7TsYWYA4T1Fzlm3200pJd1ut6Bjiii065H06QmtcNu2ut/vLwXR1TXjIo/gtm3K76MblwLuJSoqi95ut6BKl/3oJWci+g0kDa00ycrengPTNP1vrwMiXD41TfOdI94o8aALPzDqzb9HBDj65+i9PcJAq5QSeecTTJxYa9Xz+Qw9RtGlxabZo4FrmkaJOZJXWafgbdvU933glueBGNUVvAM/VLN7PKaC/+adC0r24mAoa+CFY8gpahKqJHlFBh5eJ6i4MBtec4kAXfswAtaChuk9fKRKQQWaRBJH0hlCs9gD8XiuJa+0XvB4zQcMPuIhX/Cg/83m6C401DiOEUmchlEoDOTP/X6PhPaGzEdUPmFJXrxcilzXFUyCQKSy4nGfspOkLk0YRCDbgRC5RJ3wCD0ej4AO0YJ0GKXifOzIOSuDU97AGHQOi/FLwrqHvCr75N4TeBzH6MMxEuh4xG+3WzjSycUhCOWTJ/M8/56i0Ie44T4WXdc1GMKnJChnIDRN0wvTQbvUClcQwAJHeC4Bqa+vrxfCIIeYJ2/b9j2ZhE1qrdHMU3kx2u9MjuOIVtj7aKTE19fXf0Y79OE+0+q6Lkaj5KQPzYHsOI4xiCBvKa7OrIms9/ELSXi73ZRz1jAML4NnZDTw8UgyRgJmXm98yOE55e0yTns+n0E2wJPPMxMG2td1KVG0vEeHStFhDN3wLLnEa/QOHA6nUGiJOlIFw5nsEyV0FY7wobrPBDzqATcuVDyROaUbQTfmDRVeJSdcnoBhNuTKgUsdVwLemVIzXqaI/8II2h3HMWRTKeW7vtHCIk2Q6X4VADs4W7mUgdMZKjgBsDZ9iw+0/ZrOr+a8IaPd9v6GQuu1LnFi2AZjed2n6X6J6XKBxadpepEtOMJvpjzCHAYn+B0jXakTx8fHR9yNUDxRyek8T83zHCNOOB9l6jNZjxTwIQnfrwgwkKT0iSQCEtkBJDkMxZOCyTUFdOuwxYYEM/mov2ma6LuddfCG9+dUZHLFp/d0iBwaWHot8SHE7XYLNVFKibkxUoeRENdt9O/XdX3XEVewJBRjfZIPCQ3cYCA8iQq43+8h+Lxnp6/hdQji4+Pj5YaKHp5k9xrjk0wcRZ1J0CwP+XAYz/AvnkH0TdMUvQUwpIBO0/SSjNQF1sNg6obPvt51G6qBXgTy8AuojAzxS0n/ygaHQvHy/vtlpo9b6eAclu/06mNWIuDzMR+C0DLwTQe/5ImmzJmDcDlr+dcwXA1Thf2iFFVAshItZ6L3Q3H1jGN4j/qGI91hPsqNwQVeZcxCR+hXXsyDvV9Gmnj/Qh78X2sABHwik3OOexGHEFB+/04MrAaEvZgmv0ni9AweKGKuvbzV5BBEw7/h4FcPFC+KnI+ZHPtABri5YHVYUZzJ2WmafjdWhJpo+LUbh0Edg0sMRrrwGeZe/nUon5i47HdJgvIdhiGKHrnAjBinwWTHcejvv//+pl9/k7mqz1wdYj5UwGAYh2fwmn+LiKhQIDkQRRRDaYXfR7T8H5Xtg+xpmr4livckPqPlYO/f7iFq/l0rP6BTqtM58PBbMr8mcE3Fpadf63k7AElg6z8DAAzG9xx9f1PsAAAAAElFTkSuQmCC') !important;
padding: 0 !important;
margin: 0 !important;
}

a {
color: #2b75c0 !important;
text-decoration: none !important;
-webkit-transition: text-shadow .3s;
-moz-transition: text-shadow .3s;
}

a:hover {
text-shadow: 0 0 3px #3b86d2;
}

a:active, a:focus {
outline: 0 !important;
}

::selection {
color: #fafafa;
background-color: deepPink;
text-shadow: none !important;
}

::-moz-selection {
color: #fafafa;
background-color: deepPink;
text-shadow: none !important;
}

/* shitblockan */
.boardBanner, /* heading/logo (cause if you don't know what board you're on, you must have problems) */
img[src^="http://static.4chan.org/support/"], /* ads (>2011 >not using adblock) */
hr, /* horizontal rules on the page */
.postingMode, /* posting mode: reply */
.navLinks, /* [return] [bottom/top] */
.pagelist .prev, .pagelist .next, /* previous and next page buttons */
.stylechanger, /* yotsuba style selector */
#absbot /* bottom nav and any copyright crap */ {
display: none !important;
}

#boardNavDesktop {
position: fixed !important;
left: 0 !important;
opacity: .5;
top: -21px !important;
-webkit-transition: all.2s;
-moz-transition: all .2s;
right: 0 !important;
text-align: center !important;
background-color: #222;
background-image: -webkit-linear-gradient(#444,#222);
background-image: -moz-linear-gradient(#444,#222);
min-height: 20px;
font-size: 0 !important;
color: transparent !important;
box-shadow: 0 0 20px 0 rgba(0,0,0,.75);
border-bottom: 1px solid #222;
z-index: 1;
}

#boardNavDesktop::after {
content: 'Navigation';
font-size: 12px;
color: #fafafa;
position: absolute;
display: inline-block;
top: 21px;
width: 200px;
left: 50%;
margin-left: -100px;
background-color: #222;
padding-bottom: 2px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}

#boardNavDesktop:hover {
opacity: .95;
top: 0 !important;
}

#boardNavDesktop a {
color: #ebebeb !important;
padding: 0 !important;
font-size: 12px !important;
line-height: 20px;
margin: 0 3px;
-webkit-transition: text-shadow .5s;
-moz-transition: text-shadow .5s;
}

#boardNavDesktop a:hover {
text-shadow: 0 0 2px #fff, 0 0 5px #eee;
}

#navtopr {
float: none !important;
}

/* announcements */
/* pick a heading and stick with it moot, damn */
.globalMessage {
margin: 30px 0 20px;
}

.globalMessage * {
font-family: 'Helvetica', 'Arial', sans-serif;
color: #b90000 !important;
text-shadow: 0 1px 1px #ffe9e9;
margin: 0;
}

.globalMessage blink {
text-decoration: none !important;
}

.globalMessage a {
color: #2083fe !important;
}

.globalMessage a:hover {
text-shadow: none;
}

/* for when moot and mods want to add youtube/sounds */
/* so, with some CSS, you can at least see the button, to pause the music :) */
embed {
position: fixed;
bottom: 0;
left: 0;
width: 30px !important;
height: 25px !important;
}

/* main body */
#delform {
width: 900px;
margin: /*30px 75px 0 20px*/0 auto !important;
}

/* postarea */
/* to-do from the top of my head */
/* use the spoiler image from master (cause i reckon it's sexy),
   add :place-holder text styling,
   add button[disabled] (cooldown, 404) styling,
   either wait for the #qr rewrite, or make it look a bit more presentable:
      captcha image
      autohide fanciness
      opcaity transitions
      captcha counter
      autosubmit checkbox/label
      multiple files
*/

/* hiding shiz */
#postForm input[type="file"] > input[type="button"],
#postForm #postPassword + span,
#postForm .rules,
#postForm span:empty,
#postForm td:empty,
#postForm > tbody > tr > td:first-of-type {
display: none;
}

#postForm {
position: fixed;
right: -325px;
bottom: 30px;
-webkit-transition: right 2s ease-in-out 3s;
-moz-transition: right 2s ease-in-out 3s;
z-index: 5;
}

#postForm:hover {
right: 5px;
-webkit-transition: right .5s;
-moz-transition: right .5s;
}

#postForm:hover textarea {
right: 0;
-webkit-transition: right .5s;
-moz-transition: right .5s;
}

#postForm input:focus {
right: 330px;
-webkit-transition: right 1s ease-in-out 3.5s;
-moz-transition: right 1s ease-in-out 3.5s;
}

#postForm:hover input:focus,
#postForm:hover textarea:focus {
right: 0;
-webkit-transition: right .5s;
-moz-transition: right .5s;
}

#postForm input:not(:focus) {
right: 0;
-webkit-transition: right .5s;
-moz-transition: right .5s;
}

#postForm textarea {
position: relative;
right: 50px;
-webkit-transition: right 1s ease-in-out 3.5s;
-moz-transition: right 1s ease-in-out 3.5s;
}

#postForm textarea:focus {
right: 330px;
}

#postForm input[type="text"],
#postForm input[type="file"] > input[type="text"],
#postForm input[name="recaptcha_response_field"] {
-webkit-appearance: none;
-moz-appearance: none;
font-family: Helvetica, Arial, sans-serif !important;
font-size: 13px !important;
line-height: 18px !important;
color: #222;
background-color: #fafafa;
padding: 2px 2px 3px !important;
border: 1px solid #bbb !important;
border-radius: 3px;
margin: 0 !important;
margin-bottom: 1px !important;
width: 300px !important;
vertical-align: baseline;
position: relative !important;
}

#postForm input[type="file"] {
-webkit-appearance: none;
margin: 0;
width: 244px !important;

}

#postForm input[type="text"],
#postForm input[type="file"] > input[type="text"],
#postForm input[name="recaptcha_response_field"] {
height: auto !important;
}

#postForm textarea {
min-height: 200px;
resize: vertical;
overflow: auto;
}

#postForm input[name="recaptcha_response_field"] {
color: #222 !important;
background-color: #fff;
border-top-width: 0 !important;
border-top-left-radius: 0;
border-top-right-radius: 0;
}

/* silly chrumb~ */
/* well, not really. it's just that an id overrides selectors such as above (in chrumb at least) */
#postForm .recaptchatable #recaptcha_image {
border: 0 !important;
}

#postForm .recaptchatable #recaptcha_response_field {
border: 1px solid #bbb !important;
border-top-width: 0 !important;
}

#postForm input[name="sub"],
#postForm input[type="file"] > input[type="text"] {
width: 244px !important;
}

#postForm input[name="pwd"] {
color: #bbb;
width: 55px !important;
position: absolute !important;
bottom: 0;
right: 0;
-webkit-transition: width .2s;
-moz-transition: width .2s;
}

.webkit #postForm input[name="pwd"] {
bottom: -1px;
}

#postForm input:focus {
outline: none;
}

#postForm input[name="pwd"]:focus {
width: 90px !important;
z-index: 2;
-webkit-transition: width .2s;
-moz-transition: width .2s;
}

#postForm input[type="submit"], #postForm input[type="submit"][disabled] {
-webkit-appearance: none;
-moz-appearance: none;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 18px !important;
text-shadow: 0 1px 0 #fafafa;
text-transform: lowercase;
color: #777 !important;
background-image: -webkit-linear-gradient(#fafafa,#cdcdcd);
background-image: -moz-linear-gradient(#fafafa,#cdcdcd);
padding: 0px 4px;
border: 1px solid #bbb !important;
border-radius: 3px;
margin: 0 0 -0 1px !important;
min-width: 55px;
width: 55px;
max-width: 55px;
min-height: 25px;
height: 25px;
max-height: 25px;
vertical-align: top;
position: relative;
cursor: pointer;
}

#postForm input[type="submit"][disabled]:active {
background-color: #cdcdcd;
}


#postForm input[type="file"]::-webkit-file-upload-button {
-webkit-appearance: none;
-moz-appearance: none;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 18px !important;
text-shadow: 0 1px 0 #fafafa;
text-transform: lowercase;
color: #777 !important;
background-image: -webkit-linear-gradient(#fafafa,#cdcdcd);
background-image: -moz-linear-gradient(#fafafa,#cdcdcd);
padding: 0px 4px;
border: 1px solid #bbb;
border-radius: 3px;
margin: 0 0 -0 1px !important;
min-width: 100px;
width: 100px;
max-width: 100px;
min-height: 25px;
height: 25px;
max-height: 25px;
vertical-align: top;
position: relative;
cursor: pointer;
}

#postForm input[type="submit"]:disabled {
cursor: default;
text-shadow: none;
background-image: none;
background-color: #cdcdcd;
}

#postForm {
border-spacing: 0;
border-collapse: collapse;
}

#postForm #recaptcha_table tr[height="73"] td[style] a:not(:first-of-type),
#postForm #recaptcha_table tr[height="73"] td:last-of-type,
#postForm #recaptcha_table tr:last-of-type td:not(:first-of-type) {
display: none;
}

#postForm #recaptcha_widget_div {
width: 300px !important;
position: relative;
}

#postForm #recaptcha_table tr[height] {
height: auto !important;
}

#postForm #recaptcha_table *:not(input):not(img) {
padding: 0 !important;
}

#postForm #recaptcha_image {
border: 0 !important;
position: relative !important;
}

#postForm #recaptcha_image > img {
width: 298px !important;
border: 1px solid #bbb !important;
border-bottom: 0 !important;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}

#postForm #recaptcha_reload {
position: absolute !important;
top: 0 !important;
right: 0 !important;
background-image: url('http://i.imgur.com/ljf6O.png');
height: 0 !important;
width: 16px !important;
padding-top: 16px !important;
}

/* [O Spoiler Image] */

#postForm tr:nth-of-type(3) td:not(.postblock) {
font-size: 0 !important;
color: transparent;
}

#postForm tr:nth-of-type(3) label {
font-size: 8pt;
position: absolute;
bottom: 2px;
left: 5px;
line-height: 25px;
text-transform: lowercase;
letter-spacing: -5px;
-webkit-transition-property: color, letter-spacing;
-webkit-transition: .5s ease-in-out;
-moz-transition-property: color, letter-spacing;
-moz-transition: .5s ease-in-out;
z-index: 5;
}

#postForm tr:nth-of-type(3) label:hover {
color: black;
letter-spacing: 0;
}

#postForm input[type="checkbox"] {
-moz-appearance: none;
border: 1px solid #bbb !important;
border-radius: 3px !important;
margin: 0 3px 0 0;
vertical-align: middle;
}

/* okay, so chrumb fucks us over with checkboxes */
/* it removes the tick! so, either have a border/box-shadow/background-color change */
/* seaweeedchan has content: 'img'; (would it be cross browser?) */

/* images with the borders */

img:-moz-broken {
background: black;
}

img[md5] {
border: 4px solid #fafafa !important;
border-radius: 4px;
box-shadow: 0 0 0 1px #bbb, 0 0 0px rgba(0,0,0,.25);
margin: 3px 7px 5px 3px !important;
-moz-transition: box-shadow .2s;
}

img[md5]:hover {
box-shadow: 0 0 0 1px #bbb, 0 0 5px rgba(0,0,0,.25);
}

.reply img, .replyhl img {
margin-bottom: 0 !important;
}

.abbr, span.omittedposts {
color: #222 !important;
}

.omittedposts {
font-size: 11px;
text-shadow: none !important;
display: block;
clear: both;
float: right;
padding: 2px 5px;
margin-right: 20px;
margin-bottom: -1px;
background-image: -webkit-linear-gradient(#fafafa,#ddd);
background-image: -moz-linear-gradient(#fafafa, #ddd);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.container {
display: block;
font-size: 8pt;
margin-left: 30px;
line-height: 10pt;
color: #777;
}

.container + br {
display: none;
}

.container::before {
content: 'quoted by: ';
}

.container::after {
content: '.';
}

.container .backlink:last-of-type:not(:first-of-type)::before {
content: ' and ';
color: #777;
text-shadow: none;
cursor: text;
}

.container .backlink:not(:last-of-type):not(:nth-last-of-type(2))::after {
content: ',';
color: #777;
text-shadow: none;
cursor: text;
}

span[id^="no"] > a:nth-of-type(1) {
font-size: 0;
color: transparent !important;
}

span[id^="no"] > a:nth-of-type(1):before {
content: "#";
font-size: 10pt;
color: #2b75c0 !important;
}

span[id^="nothread"] {
font-size: 0;
color: transparent;
}

span[id^="nothread"] a {
font-size: 10pt;
color: #2b75c0;
}

span[id^="nothread"] a:nth-of-type(3) {
display: inline-block;
background-image: -webkit-linear-gradient(#fafafa,#ccc);
background-image: -moz-linear-gradient(#fafafa,#ccc);
border: 1px solid #bbb;
border-radius: 3px;
text-transform: lowercase;
color: #555 !important;
text-shadow: 0 1px 0 #fff;
padding: 3px 5px;
margin: 0 5px;
}

span[id^="nothread"] a:nth-of-type(3):hover {
box-shadow: 0 0 2px #bbb;
}

span[id^="nothread"] a:nth-of-type(3):active {
background-image: -webkit-linear-gradient(#ccc,#eee);
background-image: -moz-linear-gradient(#ccc,#eee);
}

/* put all replies underneath op */
table {
clear: both;
position: relative;
}

/* replies */
.post {
font: 10pt 'Helvetica', 'Arial', sans-serif !important;
line-height: 12pt !important;
color: #777 !important;
background-image: -webkit-linear-gradient(#eee, #ddd) !important;
background-image: -moz-linear-gradient(#eee, #ddd) !important;
box-shadow: 0 0 1px #999;
padding: 5px !important;
border: 0 !important;
border-radius: 5px !important;
position: relative;
width: 100%;
}

td.replyhl {
font: 10pt 'Helvetica', 'Arial', sans-serif !important;
line-height: 12pt !important;
color: #777 !important;
background-image: -webkit-linear-gradient(#eee, #ddd) !important;
background-image: -moz-linear-gradient(#eee, #ddd) !important;
box-shadow: 0 0 5px #999;
padding: 5px !important;
border: 0 !important;
border-radius: 5px !important;
position: relative;
width: 100%;
}

/* post time */
time,
.posttime {
color: #777;
}

/* filesize and filenames */
.filesize {
font: 10pt 'Helvetica', 'Arial', sans-serif;
color: #777;
line-height: 12pt;
}

.filesize a:first-of-type::after {
content: " ";
}

.reply .filesize a:first-of-type::before,
.replyhl .filesize a:first-of-type::before {
content: " : ";
color: #777;
}

.filesize span {
font-size: 0;
color: transparent !important;
}

.filesize span:after {
content: attr(title);
font-size: 10pt;
color: #777 !important;
}

.forwardlink {
color: #102073 !important;
}

.unkfunc {
color: #669933 !important;
}

/* (user was warned/banned for this post) */
blockquote > b[style="color:red;"] {
background-color: rgba(255, 0, 0, 0.15);
border-radius: 3px;
padding: 2px 5px 3px;
}

/* moot and mods */
.postername > span, .postertrip > span, .commentpostername > span {
font-size: 12pt;
text-shadow: 0px 0px 5px pink;
}

blockquote > div {
background-color: rgba(255,0,0,.15);
padding: 3px !important;
border: 0 !important;
margin: 0 !important;
}

/* subject / name */
.filetitle, .replytitle,
.postername, .commentpostername {
font-weight: 600 !important;
background: none !important;
display: inline-block;
unicode-bidi: normal;
}

.filetitle, .replytitle {
color: #575757 !important;
}

.filetitle:not(:empty), .replytitle:not(:empty) {
margin-left: 2px;
}

/*
.linkmail {
color: #102073 !important;
text-shadow: 0 0 3px #3b86d2;
}

.linkmail > .postertrip {
color: blue;
}

.postername + .linkmail::before,
.commentpostername + .linkmail::before {
font-weight: 100;
content: ' ['attr(href)']';
}

.postername > .linkmail::after,
.commentpostername > .linkmail::after {
font-weight: 100;
content: ' ['attr(href)']';
}
*/

.linkmail {
color: #222 !important;
}

span + .linkmail:before {
content: '';
}

.linkmail:before {
content: ' ['attr(href)'] ';
font-weight: 100;
}

.postername, .commentpostername {
color: #222 !important;
}

/* trip */
.postertrip {
font-family: "Courier New", monospace;
color: #222 !important;
text-shadow: 0 0 1px #102073;
background: none !important;
}

blockquote {
font: 10pt 'Helvetica', 'Arial', sans-serif !important;
color: #222;
line-height: 12pt !important;
margin: 0 0 0 20px !important;
}

input[type="checkbox"] {
-moz-appearance: none;
margin: 0;
border: 1px solid #AAA !important;
background: rgba(255,255,255,.5) !important;
border-radius: 3px !important;
}

/* bye bye unicode fags :) */
.filetitle, .replytitle,
.postername, .commentpostername,
.postertrip {
unicode-bidi: normal;
display:inline-block;
}

/* spoilers */

.spoiler {
color: transparent !important;
background: #222 !important;
border-radius: 3px;
box-shadow: 0 0 3px rgba(0,0,0,.25);
-webkit-transition: all .2s;
-moz-transition: all .2s;
}

.spoiler:hover {
color: #222 !important;
background: none !important;
box-shadow: none;
}

.quotelink {
text-shadow: none;
}

.spoiler .unkfunc {
color: transparent !important;
text-shadow: none;
}

.spoiler:hover .unkfunc {
color: #669933 !important;
}

/* pages */

.pages {
float: none !important;
border-spacing: 0;
border-collapse: collapse;
display: block;
position: relative;
clear: both;
width: 100%;
background: none !important;
border: 0 !important;
text-align: center;
margin: 20px 0;
}

.pages, .pages tbody, .pages tr, .pages td {
display: block;
}

.pages td {
padding: 0 !important;
font-size: 0 !important;
color: transparent;
word-spacing: 7px;
}

.pages td:not(:nth-of-type(2)) {
display: none;
}

.pages a, .pages b {
font-size: 14px !important;
color: #2d2d2d !important;
padding: 3px 2px !important;
min-width: 16px;
display: inline-block;
background-image: -webkit-linear-gradient(#fff,#ddd);
background-image: -moz-linear-gradient(#fff,#ddd);
box-shadow: 0 1px 2px rgba(0,0,0,.5);
border-radius: 3px !important;
-webkit-transition: box-shadow .2s;
-moz-transition: box-shadow .2s;
text-shadow: none;
}

.pages a:hover {
box-shadow: 0 1px 4px rgba(0,0,0,.75);
}

.pages b {
font-weight: 600;
color: #ededed !important;
background-image: -webkit-linear-gradient(#4c4c4c,#2d2d2d);
background-image: -moz-linear-gradient(#4c4c4c,#2d2d2d);
cursor: default;
}

/* deleting posts and reporting */

table[align=right] td {
font: 8pt 'Helvetica', 'Arial', sans-serif !important;
color: #777;
background-color: #fafafa;
position: fixed;
right: -277px;
bottom: 425px;
opacity: .5;
padding: 1px 0 0 5px !important;
height: 25px;
line-height: 25px !important;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
-webkit-transition: all .2s;
-moz-transition: all .2s;
}

table[align=right] td:hover {
opacity: .9;
right: 0;
}

table[align=right] input[name=pwd] {
-webkit-appearance: none;
-moz-appearance: none;
padding: 3px 2px !important;
border: 1px solid #bbb !important;
color: #bbb;
border-radius: 3px;
margin: 0 !important;
line-height: 16px !important;
width: 75px !important;
}

table[align=right] input[value=Delete],
table[align=right] input[value=Report] {
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
font: 8pt 'Helvetica', 'Arial', sans-serif;
background-image: -webkit-linear-gradient(#fafafa,#ccc);
background-image: -moz-linear-gradient(#fafafa,#ccc);
border: 1px solid #bbb;
border-radius: 3px;
text-transform: lowercase;
color: #555;
text-shadow: 0 1px 0 #fff;
padding: 2px 0 1px 0 !important;
min-height: 24px !important;
margin-right: 3px;
}

.stub {
margin: 8px 0;
clear: both;
padding: 5px;
background-image: -webkit-linear-gradient(#eee, #ddd);
background-image: -moz-linear-gradient(#eee, #ddd);
box-shadow: 0 0 1px #999;
border-radius: 5px;
}

.stub a {
display: block;
}

.op > a[href="javascript:;"]:first-of-type {
padding: 2px;
margin-right: 5px;
background-image: -webkit-linear-gradient(#eee, #ddd);
background-image: -moz-linear-gradient(#eee, #ddd);
box-shadow: 0 0 1px #999;
border-radius: 5px;
}

.stub:hover {
box-shadow: 0 0 2px #999;
}

.stub:hover a {
text-shadow: none
}

/* thread watcher */
#watcher {
position: fixed !important;
opacity: .5;
padding: 5px;
border: 0 !important;
border-radius: 4px;
background-color: #e7e7e7 !important;
box-shadow: 0 0 10px rgba(0,0,0,.25);
-webkit-transition: opacity .1s;
-moz-transition: opacity .1s;
}

#watcher:hover {
opacity: .8;
}

#watcher > div {
padding: 0 !important;
}

#watcher > .move {
color: #777;
text-align: center;
text-transform: lowercase;
text-decoration: none !important;
}

/* stats */
#stats {
color: #222;
opacity: .5;
padding: 5px;
border-radius: 4px;
background-color: #e7e7e7 !important;
box-shadow: 0 0 10px rgba(0,0,0,.25);
}

#stats:hover #postcount::after {
content: " post(s)";
}

#stats:hover #imagecount::after {
content: " image(s)";
}

#qp {
border: 0 !important;
background: rgba(235,235,235,.85) !important;
padding: 5px !important;
border-radius: 3px;
}

.qphl {
outline: 0 !important;
box-shadow: 0 0 5px #999 !important;
}

#updater {
color: #777 !important;
background-image: -webkit-linear-gradient(#eee,#ddd) !important;
background-image: -moz-linear-gradient(#eee,#ddd) !important;
top: auto !important;
right: 30px !important;
bottom: 0 !important;
left: auto !important;
border: 0 !important;
padding: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
box-shadow: 0 0 1px #999;
z-index: 3;
}

#updater .move {
cursor: default !important;
text-align: center;
}

#updater #count:not(.new):not(.error) {
display: none;
}

#updater .new {
color: #20cc50;
background: none !important;
}

#updater .error {
color: #b90000 !important;
}

#updater input {
margin-left: 3px;
}

#updater input[name="Interval"] {
-webkit-appearance: none;
-moz-appearance: none;
text-align: center;
padding: 3px 2px;
border: 1px solid #bbb;
border-radius: 3px;
}

#updater div:last-of-type {
text-align: center;
}

#updater input[value="Update Now"] {
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
font-family: 'Helvetica', 'Arial', sans-serif;
color: #555;
text-shadow: 0 1px 0 #fff;
background-image: -webkit-linear-gradient(#fafafa,#ccc);
background-image: -moz-linear-gradient(#fafafa,#ccc);
padding: 1px 3px;
border: 1px solid #bbb;
border-radius: 3px;
margin: 1px;
}

#updater input[value="Update Now"]:hover {
box-shadow: 0 0 2px #bbb;
}

#imgControls input[type="checkbox"] {
-moz-appearance: none;
border: 1px solid #bbb !important;
border-radius: 3px !important;
margin: 0 4px 0 0;
vertical-align: baseline;
}

#imgControls {
background-image: -webkit-linear-gradient(#eee,#ddd);
background-image: -moz-linear-gradient(#eee,#ddd);
padding: 3px 2px 2px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
box-shadow: 0 0 1px #999;
position: fixed;
bottom: 0;
right: 75px;
z-index: 2;
}

#imgControls:hover > #imageType {
visibility: visible;
width: auto;
}

#imgControls > #imageType {
-moz-appearance: none;
visibility: collapse;
width: 1px;
color: #777;
background: none;
border: 0;
}

#imageType > *:not(option) {
visibility: collapse;
}

#imgControls > label {
font-size: 0;
}

.op {
position: relative;
}

.reportbutton {
color: #2d2d2d !important;
text-shadow: none !important;
background-image: -webkit-linear-gradient(#eee,#ddd);
background-image: -moz-linear-gradient(#eee,#ddd);
padding: 2px 3px 3px;
border-radius: 3px;
box-shadow: 0 0 1px #999;
position: absolute;
top: 0;
right: 0;
-webkit-transition: box-shadow .2s;
-moz-transition: box-shadow .2s;
}

.reportbutton:hover {
box-shadow: 0 0 3px #999;
}

}