/* edit this file to customize the monobook skin for the entire site */
/* see http://linux.strangegamer.com/skins/monobook/main.css for more info */


/*
** general links (inside the "bodyContent"-area)
*/

#bodyContent A:hover {
/*	color: #ffc000;
	background-color: white;
*/
	text-decoration: none
	}

/*
** the header of the Main Page
**
** TODO:
** .) needs better colors
*/

.mainpage-header A {
	color: black;
	background-color: #AAAAAA;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
}
.mainpage-header A:hover {
	color: #AAAAAA;
	background-color: white;
	text-decoration: none
}

/*
** mainpage and howto boxes
*/
DIV.mainpage_box,
TABLE.mainpage_box {
	margin:0;
	margin-right:10px; 
	border: 1px solid #698FB3;
	background-color: #F8F8FF;
}

DIV.mainpage_box_header,
TABLE.mainpage_box_header  {
	/*background-color: #4444AA;*/
	background-color: #698FB3;
	color: white;
	padding: 4px 14px 4px 14px;
	margin: 0;
	margin-top:10px;
	margin-right:10px; 
	font-size: 150%;
}
DIV.howto_box,
TABLE.howto_box {
	background-color: #ffd37d;
	padding:0px 10px 0px 10px;
	border-top: 1px solid #E3F198;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #E3F198;
}

/*
** the portlet styles
*/

/*
#p-Navigation DIV.portlet,
#p-Editing-the-wiki DIV.portlet,
#p-search DIV.portlet,
#p-tb DIV.portlet {
	position:fixed;
}
*/

/* 
** navigation-portlet ->header
**
** see also .mainpage_box_header
*/
#p-Navigation H5,
#p-Editing-the-wiki H5,
#p-search H5,
#p-tb H5 {
	background-color: #698FB3;
	color: white;
	padding: 2px 10px 0px 10px;
	/*font-size: 150%;*/
}


/* 
** navigation-portlet ->div
**
** see also .mainpage_box
*/
#p-Navigation DIV.pBody,
#p-Editing-the-wiki DIV.pBody,
#p-search DIV.pBody,
#p-tb DIV.pBody{
	border: 1px solid #698FB3;
	background-color: #F8F8FF;
	padding: 10px;
}
#p-search DIV.pBody {
	padding-top:5px;
	padding-bottom:5px;
}


#p-Navigation UL,
#p-Editing-the-wiki UL {
	list-style: none;
	margin:0;
}


#p-Navigation LI,
#p-Editing-the-wiki LI {
	background-color: #ffd37d;
	border: 2px outset #ffd37d;
}

#p-Navigation LI:hover,
#p-Editing-the-wiki LI:hover {
	color: white;
	background-color: #ffc24d;
	border: 2px inset #ffc24d;
}


#p-Navigation LI A,
#p-Editing-the-wiki LI A {
	display: block;
	color: black;
	text-decoration: none;
	padding:0px 7px 0px 7px;
}

#p-Navigation LI A:hover,
#p-Editing-the-wiki LI A:hover {
	color: white;
}

/* remove first header on main page
**
** HTML code is this ...
** <pre><h1 class="firstHeading" title="Main Page">Main Page</h1></pre>
** ... because of a modification in <code>MonoBook.php</code> it will look like this ...
** <pre><h1 class="firstHeading" title="<?php $this->text('title') ?>"><?php $this->text('title') ?></h1></pre>
**
** How to hide elements:
** visibility:hidden; hides element, but reserves space
** display:none; hides element, and removes reserved space
*/

/* CSS code to remove the first heading of the "Main Page"
** ^= begins with
** *= has xxx as a part
**  = is exactly
** $= ends with
*/
H1[title ="Main Page"].firstHeading { display:none; }

/*
** colors of "Re- and Preview"s
*/
H1[title *="(Review"].firstHeading,
H1[title *="(Preview"].firstHeading,
H1[title ="Game Reviews"].firstHeading,
H1[title ="Game Previews"].firstHeading {
	padding-left:25px;
	background:url("{{Image Server Location}}images/review.jpg") no-repeat;
	background-position:center left;
}

/*
** colors of "Installation"s
*/
H1[title *="(Install"].firstHeading {
	padding-left:25px;
	background:url("{{Image Server Location}}images/install.jpg") no-repeat;
	background-position:center left;
}

/*
** "plainlinks" style for
** [[Template:Button red white]] and [[Template:Button blue white]]
*/

#bodyContent .plainlinks_white A {
	text-decoration: none;
	color: white;
	background: none !important;
	padding: 0;
}

/*
** styles for floating
*/
DIV.fl_cl_right {
	clear: right;
	float: right;
	padding: 0;
}

DIV.fl_cl_left {
	float: left;
	clear: left;
	padding: 0;
}

/*
** styles for quotation
*/
.quote {
	margin-left:	10px;
	border-left:	2px solid #6777b1;
	padding-left:	10px;
	border-right:	2px solid #6777b1;
	padding-right:	10px;
	margin-right:	10px;
}

/* ---------------------------------------------------------
** just for color/etc... testing
<div style="color:#AAAAff; background-color:white;">fdsfdagd</div>
<div style="color:white; background-color:#AAAAff;">fdsfdagd</div>
** --------------------------------------------------------------
*/


/*
** SPOILER style
*/
/* Style for "notices" */
.notice {
	text-align: justify;
	margin: 1em;
	padding: 0.2em;
}
#spoiler {
	border-top: 2px solid #ddd;
	border-bottom:2px solid #ddd;
}

#content {
	border: 1px solid #698FB3;
}

/*
** style of the 'tabs'
*/
#p-cactions li {
	border: 1px solid #698FB3;
}

#p-cactions li.selected {
	border: 1px solid #698FB3;
	background-color: #698FB3;
	color: white;
}

#p-cactions .selected a {
	z-index: 0;
	color: white;
}

#p-cactions li a {
	color: #698FB3;
}

#p-cactions li.selected a {
	z-index: 0;
	background-color:  #698FB3;
}

#p-cactions li a:hover {
	background-color: #587ea2;
	z-index: 1;
	color: white;
}

/* formats the news list on the mainpage */
/* TODO: doesn't work right now ...
#gamenews ul {
	list-style: none;
	list-style-position: inside;
Xver1	list-style-image: url("{{Image Server Location}}images/news.jpg");
}


#gamenews li {
Xver2	background: url("{{Image Server Location}}images/news.jpg") top left no-repeat;
Xver2	padding-left: 16px;
}
*/