/* Kingdom of Loathing: Facebook color scheme */
/* code by Plastikmaniac | version 2.14.12 */

/* (*** = section headers) */

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("kingdomofloathing.com"), domain("loathing2.com"), domain("kbay.turias.net"),
url(http://store.asymmetric.net/), url-prefix(http://127.0.0.1:60080) {

body {background: #fff;}
#skillbit, IFRAME {background: transparent !important;}

/* *** input elements *** */

input.text, input.tinytext, textarea {
  -webkit-appearance: none;
  border: 1px solid #d4dae7 !important;
  font-family: tahoma, verdana, arial, sans-serif !important;
  font-size: 11px;
}
input.text:hover, input.tinytext:hover,
textarea:hover { border-color: #95a1c1 !important;}
input.text:focus, input.tinytext:focus,
textarea:focus { border-color: #1D2A5B !important;}
input.text, textarea { border-radius: 3px; padding: 2px;}
input.tinytext { border-radius: 2px; margin: 1px;}
input.text[type="password"]:not(:focus) { background: #f7f7f7;}

/* blue buttons */
input.button,
input.tinybutton {
  -webkit-appearance: none;
  background: #5b74a8 !important;
  color: white !important;
  border: 1px solid #29447e !important;
  border-color: #8a9cc2 #29447e #1a356e #3b5998 !important;
  border-top-color: #8a9cc2;
  border-bottom-color: #1a356e; /*redundant*/
  padding: 0 1px;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.09) 0px 1px 0px 0px;
}
input.button:active,
input.button[disabled] { padding: 0 1px !important;}
input.button[disabled], 
input.button[disabled]:active { 
  background: #8a9cc2 !important;
  border-color: #6d84b4 #6d84b4 #3b5998 !important;
}
input.tinybutton:hover, 
input.button:not([disabled]):hover, 
hr { background: #4f6aa3 !important;}

input.tinybutton {
  -webkit-appearance: none !important;
  font-family: arial, helvetica, sans-serif !important;
  font-size: 10px !important; font-weight: 400;
  padding: 1px 1px 0 1px !important;
  margin-left: -2px;
}
input.button:active,
input.tinybutton:active { background: #3b5998 !important;}
center > table.item,
blockquote {
  background: #f2f2f7 !important;
  border: 1px solid #29447E;
  border-radius: 4px;
  padding: 0.3em;
  margin: 0.1em;
}

/* *** Text styles *** */

body, p, td, ul, blockquote {
  font-family: tahoma, verdana, arial, sans-serif !important;
  font-size: 10pt;
}
.tiny { font-family: verdana, 'bitstream vera sans', sans-serif !important;}
* > font[size="1"] {color: #999;}
span.small {font-size: 0.8em;}
a[href^="inv_equip.php"]:not(:hover),
#yep .tiny a:not(:hover) { color:#3B5998; text-decoration: none !important;}
span.small > center > b {
  font-size: 12px !important;
  border-bottom: 1px solid #CCC;
}
b.ircm:hover,
td.effect > b {color: #3b5998;}

/* *** character pane *** */

/* stat bars */
table[title*=" / "] {
  border-color: #3b5998 !important;
  border-radius: 2px;
}
table[title*=" / "] tr > td[bgcolor="#5A5A5A"] { background: #6D84B4 !important;}
table[title*=" / "] tr > td[bgcolor="white"] { background: #f7f7f7 !important;}
td[align="right"] + td[align="left"] > b {
  font-family: Liberation Mono, DejaVu Sans Mono, Consolas, Courier New, monospace;
  font-size: small; font-weight: lighter; 
  margin-left: 2px; letter-spacing: 0.5px;
}
/* Last Adventure */ center>font[size="2"]>b>a.nounder[target="mainpane"],
/* Current Quest (nudge) */ center#nudgeblock>font[size="2"]>b,
/* Effects */center+center>p>b>font[size="2"], 
/* Familiar: */ center>p>table[width="90%"] td[colspan="2"][align="center"]>font[size="2"]>b
{
  padding: 0 24px; display: inline-block;
  margin-bottom: -0.125em;
  border: 1px solid #627aad;
  background-color: #eceff5;
  border-radius: 5px;
}
table[cellpadding="3"] + br + font[size="2"] {margin-top: -2px; margin-bottom: 3px;} /*Annoy-a-Tron*/
center>font[size="2"]>b>a.nounder[target="mainpane"] {margin-bottom: .5em;}

/* Quest nudge */
#nudgeblock {
  background-color: #fff9d7;
  border: 1px solid #e2c822;
  border-radius: 4px; 
  margin: -1em 0 .5em 0;
}
#rollover { position: fixed; right: 2px; text-shadow: 0 1px 0px black;}

/* Hardcore/Ronin label */
table + font[size="2"] > b {
  display: inline-block; z-index: 2;
  color: white; font-style: italic;
  text-shadow: 0px 0px 2px black, 1px 1px 3px black, 0px 0px 6px black;
  border: 1px solid yellow;
  border-radius: 5px; 
  padding: 1px 6px 1px 6px; margin-bottom: .25em;
  background-color: #e2c822;
}
table + font[size="2"] > b:not(:hover) {
  background: white; border-color: #eceff5;
  opacity: 0.5; font-style: normal;
}
table + font[size="2"] > b:hover { cursor: default;

  -webkit-transition: background, border-color, opacity ease 1s;
}
/* *** Inventory / items *** */

table.stuffbox, /*inventory*/
#pop_ircm {
  background-color: #F2F2F2;
  border: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
img[name^="class"], img[usemap],
td>center>img[width="100"][height="100"],
#yep> center> table td.tiny +td[align="center"] > img,
center> center> center> table td[align="center"][valign="center"] > img,
#description.small > center > img {
  outline: 1px solid #d8dfea !important; 
  -moz-outline-radius: 2px; 
  background: white;
}
img.item, img.hand {
  outline: 1px solid #e5eaf1 !important;
  -moz-outline-radius: 3px;
}
img[width="30"][height="30"]:hover,
img.item:hover, img.hand:hover { outline: 1px solid #3b5998 !important;}

/* inventory grid */
td.i { box-shadow: inset 0px 0px 5px rgba(255,255,255,.5);}
/*td.i > table.item,*/
#advsearch > p > table { 
  border: 1px solid !important; 
  border-color: #ccc !important;
  background: #f7f7f7 !important;
  margin: 0.25em !important; 
  padding: 0.05em !important;
  border-radius: 3px;
  color: #3b5998; 
  font-size: 11pt !important; 
}

/* *** Chat pane *** */

a[href="lchat.php"] { text-decoration: none !important;}
a[href="lchat.php"] > b {
  font-size: 14px;
  border: 2px solid #3b5998;
  border-bottom-color: #1a356e;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
  padding: 8px 32px;
  color: white;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5B73A8), to(#1D4188)); 
}

#ChatWindow.chatdisplay, #status {
  border-color: #777 !important; 
  border-top-right-radius: 2px;
  background: #f6f7f8 none repeat scroll 0% 50%;
}
#InputForm.inputform {
  background-color: #6D84B4;
  border-color: #254588 !important;
}
#InputForm.inputform input.button {
  border-top-color: #e8e8e8 !important;
  border-color: #d9dfea #0e1f5b #0e1f5b #d9dfea;
}

div[style*="color:white; background-color:blue; padding:2px 15px 2px 15px; white-space:nowrap; text-align:center; font-weight:bold"],
#menu.rcm {
  background: rgba(82, 82, 82, 0.7) !important;
  border-color: transparent !important;
  border-radius: 8px;
  padding: 4px;
}
p.rcm {
  background: #f6f7f8;
  border-bottom: 1px solid #d8dfea;
  color: #3b5998;
}
p.rcm:hover {
  border-bottom-color:  #3b5998;
  color: #3b5998;
}
p.rcm:first-child { border-radius: 3px 3px 0 0;}
p.rcm:last-child,
#InputForm.inputform { border-radius: 0 0 3px 3px;}

#pop_ircm {
  background: #f6f7f8 none repeat scroll 0% 50%;
  color: #3b5998;
}

/* *** sitewide table styles *** */

center table[width="95%"] > tbody {
  background-color: transparent !important;
  border: 1px solid; 
  border-color: #919191 #b5b5b5 #cbcbcb !important;
  border-top-color: #aeaeae !important;
}

td[style*="border: 1px solid blue;"] > center > table td > center > table,
center > table center > p > table[cellpadding="0"][cellspacing="0"],
td[style*="border: 1px solid blue;"] > center > table table[cellpadding="0"][cellspacing="0"],
td[height="4"], div.hp, 
td.effect, table#current {
  background-color: white;
  border: 1px solid #d8dfea;
  border-radius: 3px;
}

center > b + table, center > b + table + table,
center > b + table + table + table, 
center > b + table + table + table + table,
center > b + table + table + table + table + table,
center > b + table + table + table + table + table + table, /*andthegreengrassgrowsallaround*/
/*p + center > table, *testing123*/
tr > td[height="4"], td[colspan="3"][height="4"],
#options .header {
  border: none !important; 
  background-color: transparent !important;
}

/* Alice's Army HP bars */
div.hp > div:only-child {border-radius: 0;}

/* *** blue headers *** */

.header, #options #body,
[style*="background-color: blue"],
[style*="background-color:blue;"],
td[bgcolor][align="center"]:first-child {
  border-color: #254588;
}
th, .header,
td[bgcolor="blue"], 
[style*="background-color: blue"], 
[style*="background-color:blue;"] {
  background-color: #6d84b4 !important;
  border-top-color: #254588;
  border-bottom: 1px solid #1d4088;
  background: -webkit-linear-gradient(top, #5b74a8 0%,#1d4088 100%);
}
#options #body,
[style*="border: 1px solid blue;"]:not([class="hp"]) {
  border-color: #6d84b4 !important; 
  border-top: none !important; /* ! */
  background-color: #eceff5; 
}

/* *** yellow headers *** */

td[style*="border: 1px solid orange;"] { 
  background-color: #fff9d7;
  border-color: #e2c822 !important; 
}
td[bgcolor="orange"] {
  color: black !important;
  background: transparent -webkit-linear-gradient(top, #fff9d7 0%, #e2c822 100%)
}

/* *** gray headers *** */

td[style*="border: 1px solid gray;"] {
  border-color: #c8c8c8 !important;
  background-color: #f2f2f2 !important;
}
td[width="50"][bgcolor="gray"]:first-child {border-left: 1px solid #808080;}
td[width="50"][bgcolor="gray"]:last-child {border-right: 1px solid #808080;}

/* *** corner curves *** */ 

td[style*="border: 1px solid "] {
  border: 1px solid;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#body, .header,
td[bgcolor][align="center"]:first-child,
td[align="center"][bgcolor]:only-child {
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}
#options #tabs ul li:first-child,
td[width="50"]:not([height="5"]):first-child {
  border-left: 1px solid #254588;
  border-top-left-radius: 9px;
}
td[width="50"]:not([bgcolor="white"]):last-child {
  border-right: 1px solid #254588;
  border-top-right-radius: 9px;
}
[style*="border: 1px solid black;"] {
  border-radius: 3px; 
  border-color: #6d84b4 /*#1d2a5b*/ !important;}
td[bgcolor="red"] {background-color: #0645ad;}


/* *** Floating option menus, RCMs *** */

#pop_ircm,
center+center+div[style*="position: absolute; text-align: right; background-color: white;"] {
  border-color: #1D4088 !important;
  border-radius: 12px 12px 2px 2px !important;
  box-shadow: 0px 0px 1px #aaa;
}
div.title, 
#pop_ircm > div:first-child { border-radius: 10px 10px 0 0;}
a.picker>img[border="1"], /*familiar picker*/
img.close {
  right: 6px !important; top: 4px !important;
  border: 1px solid white;
  border-radius: 2px;
  box-shadow: 0px 0px 3px white, 0px 0px 1px white;
}
a.picker>img[border="1"]:hover, /*familiar picker*/
center>font[size="2"]>b>a.nounder[target="mainpane"]:hover, /*Last Adv. link*/
img.close:hover, 
img.close:active { box-shadow: 0px 0px 2px #5b74a8;}

/* *** Battle stuff *** */

/* FATALITY! message (?) */
p > font[size="+1"][color=red] > b {
  text-shadow: 0px 0px 3px salmon, 0px 1px 1px black;
}
/* Combat Action Bar */
#topbar { background: -webkit-linear-gradient(top, #3b5998 0%, #627aad 100%);}
.content {background-image: none !important;  border-top: 1px solid #1D4088;}
/*~note~http://images.kingdomofloathing.com/actionbar.6.css*/
.spacer, table.stuffbox,
.blueback td { background-color: transparent !important;}
.blueback td img { 
  border: 3px solid !important;
  border-radius: 3px;
  border-color: #d9dfea #29457f #0e1f5b #637bad !important;
}
.blueback td img:hover, #Items.buttondown {
  border-style: inset !important;
  border-color: #0e1f5b #637bad #d9dfea #29457f !important;
}
#jumptobot {
  background-color: #3b5998 !important;
  border-color: #0e1f5b; border-top: none !important;
  border-bottom-left-radius: 6px;
  right: 18px !important; margin-top: 3px;
  opacity: 0.8;
}
#jumptobot:hover {opacity:1;}

/* *** Options interface *** */

#options #tabs ul, #options #tabs li {
  border-color: #6d84b4 !important;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
#options #tabs li.active {
  border-left: 2px solid #1D4088 !important;
  border-right-color: #eceff5 !important;
  background: -webkit-linear-gradient(left, #ffffff 40%, #eceff5 100%);
}
#options #tabs li a * {
  background: white !important;
  outline:none !important;
}

/* END OF LINE */

}