/*************************************
 * TITLE: Arlong Park style for MoinMoin *
 *************************************/

/* Arlong Park Color Notes:
 *
 * rgb(125, 173, 222) #7dadde : 'sky'
 * rgb(77, 122, 177)  #4d7ab1 : 'sea'
 * 
 * text :       rgb(44, 44, 44)    #2c2c2c
 * link :       rgb(0, 150, 255)   #0096ff
 * link-hover:  rgb(79, 183, 255)  #4fb7ff
 */

html {
	background-color: rgb(125, 173, 222);
	color: rgb(44, 44, 44);
	font-family: Verdana, Helvetica, Arial, sans-serif;
    padding: 0;
	font-size: 0.75em;
	line-height: 1.25em;
}

/* body colors show up in:
 * 	- left side bar
 *	- history bar
 *
 */

body {
    padding: 0;
    margin: 0;
	background-color: rgb(77, 122, 177);
}

/* links */

a { text-decoration: none; color: rgb(0, 150, 255); }
a:hover { color: rgb(79, 183, 255); }

acronym, .titleTip {
	border-bottom: 1px dotted rgb(153,153,153);
	cursor: help;
	padding: 0 0 0.4px 0;
}

h1 { 
	color: black;
	font-size: 1.25em;
	border-bottom: 1px solid black;
	font-weight: bold;
	margin-bottom: 0;
}

h2 { 
	font-size: 1em; 
}

h2, h3, h4, h5, h6 { }

.doNotDisplay { display: none; }

.smallCaps {
	font-size: 0.8em;
	font-variant: small-caps;
}


/* ##### Header ##### */
.superHeader {
	height: 2.4em;
}

.superHeader a {
	color: white;
	background-color: transparent;
	text-decoration: none;
	margin: 0;
	padding: 0 0.5ex 0 0.25ex;
}

.superHeader a:hover {
	text-decoration: underline;
}

.superHeader .left {
	position: absolute;
	left: 1.5mm;
	top: 0.6ex;
}

.superHeader .right {
	position: absolute;
	right: 1.5mm;
	top: 0.6ex;
}


/* contains image and/or text link */
#logo {
	/*border-bottom: 1px solid #696969; */
	background-image: url(/wiki/grandline/logo_repeat.gif);
	background-repeat: repeat-x;
}

#logo img {
	/* logo image */
    border: 0;
	vertical-align: middle;
	margin: 0 10px 0 0;
}

.subHeader {
  color: white;
  background-color: rgb(0,51,153);
  font-size: 0.9em;
  margin: 0;
  padding: 1ex 1ex 1ex 1.5mm;
}

.subHeader a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0 0.75ex 0 0.5ex;
}  

.subHeader a:hover {
  text-decoration: underline;
}

.superHeader .highlight, .subHeader .highlight {
  color: rgb(253,160,91);
  background-color: transparent;
}


#sidebar {
	width: 15em;
	float: left;
	clear: left;
	margin: .5em;
}


/* navigation bar */

/* panels under each sidebar heading w/ the links in them */
.sidepanel {
    background: rgb(125, 173, 222);
	margin: 0 0 1em 0;
	padding: 0;
}

.sideBarTitle {
	font-weight: bold;
	margin: 0;
	padding: .5em 0em .5em 1em;
	border: 1px solid black;
	border-bottom: 0;
	color: #e3e3e3;
    background-image: url(http://apforums.net/images/blaze/gradients/gradient_tcat.gif);
    background-repeat: repeat-x;
	vertical-align: middle;
}

.sideBarContent {
	margin: 0;
	border: 1px solid black;
	padding: 0;
    padding-bottom: 1em;
}


.actionsmenu {
  padding: 0 0 0 5px;
}

#sidebar ul {
  list-style-type: none;
  /* list-style-position: outside;*/
  margin: 0;
  padding: 0;
}

#sidebar li {
  margin: 0;
  padding: 0 0;
  /* padding: 0.1ex 0;  /* Circumvents a rendering bug (?) in MSIE 6.0 */
}

#sidebar a, .current {
    color: white;
	margin: 0;
	padding: 0.25em 1ex 0.25em 5mm;
	display: block;
}

#sidebar a:hover { background-color: rgb(77, 122, 177); color: white; text-decoration: none; }
#sidebar a:hover { text-decoration: none; }
#sidebar .current a:hover { text-decoration: underline; }
#sidebar .current a {
	color: white;
    background-color: rgb(77, 122, 177);
	font-weight: bold;
}

/* MoinMoin powered, etc.. */

#credits a { color: rgb(220, 220, 220); }
#credits a:hover { color: white; text-decoration: underline; }

/* a 'UL' contained inside a sidebar panel; 'About Us', 'Manga', etc */

#navibar {
	list-style-type: none;
	list-style-position: outside;
	padding: 0;
}

/* breadcrumbs */

#pagelocation {
	margin: 0;
	font-size: 1em;
	border-bottom: 1px solid black;
	padding: .5em 0 .5em 1em;	
    background-image: url(http://apforums.net/images/blaze/gradients/gradient_tcat.gif);
    background-repeat: repeat-x;
	list-style-type: none;
	list-style-position: outside;
    color: rgb(225, 225, 225);
}

#pagelocation li { display: inline; margin-left: 4px;}

#pagelocation li:after {
	content: " »";
}

#pagelocation li a { color: white; font-weight: bold; }
#pagelocation li a:hover { text-decoration: underline; }

.sideBarText {
  line-height: 0.5em;
  margin: 0 0 1em 0;
  padding: 0 0.5ex 0 2.5mm;
  display: block;
}

#sidebar .sideBarText a {
	text-decoration: underline;
	margin: 0;
	padding: 0;
	display: inline;
}

#iconbar {
	clear: both;
	float: right;
	margin: .75em 1em .5em 10px;
	padding: 0;
	white-space: nowrap;
}

*[dir="rtl"] #iconbar {
	float: right;
	margin: 5px 10px 5px 0;
}

#iconbar li {
	display: inline;
	padding: 0;
	margin: 0 2px;
}


.lighterBackground {
  color: inherit;
  background-color: white;
}

/* style external links */
.external {

}

.external img {
	margin-bottom: -3px;
}

/* ##### Main Copy ##### */

#page {
	/*color: rgb(44, 44, 44);
	background-color: rgb(250, 250, 250); 
	border: 1px solid rgb(44, 44, 44);*/
	margin: .5em .5em .5em 16em;
    padding: 0;
}

#page_interior {
	/* IE 5+ hack to fix margins */
    //margin-left: .5em;
	color: rgb(44, 44, 44);
	background-color: rgb(250, 250, 250); 
	border: 1px solid rgb(44, 44, 44);
	padding: 0;
}

#content {
	margin: .5em;
}

.quote {
	background-color: rgb(225, 225, 225);
	border: 1px solid #696969;
}

.quote tbody, .quote td { border: 0; }

#page p {
  margin: 1em;
  padding: 0;
}

#page ol li p, #page ul li p { margin: .3em; padding: 0; }

#page a.nonexistent, a.badinterwiki {
	color: #d66;
	border-bottom: dotted 1px;
}

#page .nonexistent:hover, .badinterwiki:hover {
	color: #f88;
}

#page .topOfPage {
  color: white;
  background-color: transparent;
  text-decoration: none;
  margin: 2.5ex 1ex 0 0;  /* For MSIE */
  padding: 0;
  float: right;
}

#page > .topOfPage {
  margin: 2.75ex 1ex 0 0;  /* For fully standards-compliant user agents */
}

dl {
  margin: 1em 1ex 2em 1ex;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 0;
}

dd {
  margin: 0 0 0.5em 1em;
  padding: 0;
}

pre {
  background-color: #444;
}

.dftable {
	width: 100%;
	text-align: left;
	margin-bottom: 3em;
}

.dftable .title {
	text-align: left;
	background-color: rgb(225, 225, 225);
}

.dftable td {
	vertical-align: top;
	text-align: left;
}

/* ##### Footer ##### */

#footer {
  color: white;
  background-color: rgb(77, 122, 177);
  font-size: 0.8em;
  margin: 0;
  padding: 1em 2.5mm 2.5ex 2.5mm;
  clear: both;
}

#footer .left {
  line-height: 1.45em;
  float: left;
  clear: left;
}

#footer .right {
  text-align: right;
  line-height: 1.45em;
}

#footer a {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

#footer a:hover {
  text-decoration: none;
}


/* DL addition from rightsidebar/classic screen.css*/

#pagetrail {
	clear: left;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	height: 2em;
}

*[dir="rtl"] #pagetrail {
	clear: right;
}

#pagetrail li  {
	float: left;
	display: block;
	margin: 2px 0 3px 5px;
	padding: 0 2px;
}

*[dir="rtl"] #pagetrail li {
	float: right;
}

/* XXX Warning: non-ascii characters! */
#pagetrail li:after {
	content: " »";
}

#searchform {
	margin: 5px 0 5px 0;
        text-align: center;
}

*[dir="rtl"] #searchform {
	margin: 0 0 0 0;
}

#searchform form div {
    display: inline;
}

/*new*/
#searchform div {
    border-bottom: 0;
}

.editbar form, .editbar form div {
    display: inline;
    text-align: center;
    border: 0;
}

.actionsmenu div {
   border: 0;
}

#message {
	margin: .5em .5em .5em 16em;
	border: 1px solid black;
	padding: 0.5em;
	color: rgb(225, 225, 225);
    background-image: url(http://apforums.net/images/blaze/gradients/gradient_tcat.gif);
    background-repeat: repeat-x;
}

#message p{
	margin: 0;
}

/* We use here dumb css1 ids becuase of IE suckiness */
#editor-textarea, #editor-comment {
    width: 99%;
    color: #333;
    background-color: #eee;
    border: 1px solid #333;
    padding: 5px;
    font-family: Consolas, Monospace, Courier New;
}

#editor-textarea { font-size: 1em; }

#pagebottom {
	clear: both;
}

div#pageinfo {
	padding: .25em;
	margin: 0;
	border-top: 1px solid black;
	background-color: rgb(225, 225, 225);
	font-style:italic;
}

#preview {
	border: 2px solid #333;
	padding: .5em;
	background: url(../img/draft.png);
}

.diff {
	width:99%;
	border: 1px solid #696969;
}

.diff td { border-color: #696969; }

.diff-title {
	background-color: rgb(225, 225, 225);
	border: 1px solid black;
}

.diff-added {
	background-color: #343;
	vertical-align: sub;
}

.diff-removed {
	background-color: #533;
	vertical-align: sub;
}

.diff-added span {
	color: #6d6;
	/* background-color: #80FF80; */
}

.diff-removed span {
	color: #d66;
	/*background-color: #FFFF80;*/
}

.searchresult dd span {
	font-weight: bold;
}

#searchinput { 
	border: 1px solid rgb(50, 50, 50); 
	color: rgb(50, 50, 50);
	margin: 4px;
    width: 90%;
	background-color: white;
}
#searchinput:hover { border-color: black; }

#titlesearch , #fullsearch { 
	border: 1px solid rgb(75, 75, 75); 
	background-color: rgb(200, 200, 200); 
	color: black;
}
#titlesearch:hover, #fullsearch:hover { border: 1px solid black; background-color: rgb(225, 225, 225);} 

#searchform input { padding: 2px; }
#searchform input:disabled { color: gray; }

span.strike { text-decoration: line-through; }