/*
 * ----------------------------------------------------------------------------
 * Battlestar Wiki Template based Payl Y. Gu template <http://www.paulgu.com/>
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License along
 * with this program; if not, write to the Free Software Foundation, Inc.,
 * 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
 * http://www.gnu.org/copyleft/gpl.html
 *
 * ----------------------------------------------------------------------------
 */

/* Basic Structure
-----------------------------------------------------------------------------*/


/**
 ** page width
 **/
    #battlestar-rbox
    {
    	padding-top: 30px;
        width: 777px;     /* width of the web page */
    }

	/* Frak Header */

	#p-frakheader {
		width: 98%;
		padding: 0;
		margin: 0;
		top: 0;
		position: absolute;
		z-index:2;
	}

	/* End Frak Header */

/**
 ** Setting for the Website: font style, font size
 **/

    body, td, th, input, textarea, pre, h1, h2, h3, h4, h5, h6 { color: #fff; }

    body, td, th, input, textarea, pre {
        font-family: Verdana, Sans-serif, Arial, 'Trebuchet MS', 'Times New Roman';
    }

    body {
        font-size: 11px;
        margin: 0; padding: 0;
        min-width: 740px;
        background: #000; /* web site background */
    }

    /* content width, excluding shadow */

    #battlestar-page,
    #battlestar-page-actions,
    #battlestar-page-footer {
		/* border:  1px solid #000; /* for testing */
        max-width: 100% !important;  /* need for Firefox */
        width:     100%;  /* need for IE6 win */
		padding:   0;
		margin:    0 auto;
    }

    #battlestar-header {
        /* border:  1px solid #000; /* for testing */
        background: #1F0B0C; /* header background */
    }
    #battlestar-page,
    #battlestar-page-actions {
        /* border:  1px solid #000; /* for testing */
        background: #1F0B0C;
    }
    #battlestar-page-footer {
        /* border:  1px solid #000; /* for testing */
        background: #1F0B0C;
    }


/*
 * Don't display the Home title on Home page
 */
    .page-Home .firstHeading {
        display: none;
    }


/* Logo properties and style
-----------------------------------------------------------------------------*/
    #p-logo {
        /* border:  1px solid #000; /* for testing */
        /* background: transparent url("paulgulogo.png") center center no-repeat; */
        display: none; /* disable default wiki logo */
    }

    #p-logo,
    #p-logo a,
    #p-logo a:hover {
        width:  180px;
        height: 72px;
    }

    #p-logo {
        /* border:  1px solid #CC0033; /* for testing */
        z-index: 200;
        position: absolute; /*needed to use z-index */
        top:  0px;
        left: 15px; /* left margin of the logo, which is same as content margin */
        overflow: visible;
    }
    #p-logo h5 { display: none; }
    #p-logo a,
    #p-logo a:hover {
        display: block;
        background-repeat: no-repeat;
        background-position: 35% 50% !important;
        text-decoration: none;
    }

/* Header Style
-----------------------------------------------------------------------------*/
/*
** --- battlestar-header ---
*/
    #battlestar-header {
        /* border:  1px solid #CC0033; /* for testing */
        /* border:  1px solid #EAF15F; /**/
        color: #1F0B0C;
        position: relative;
        z-index: 100;     /* make logo visible over content*/
        border-top: none;
        min-height: 45px; /* height of header */
        height:     45px; /* need for IE */
        margin: 0 auto;
        padding: 0;
    }

/*
** --- battlestar date time ---
*/
    #battlestar-p-date {
        /* border:  1px solid #FFCC00; /* for testing */
        position: absolute;
        top: 25px;    /* located at bottom right of header */
        left: 10px;  /* located at bottom right of header, same as content margin */
        color: #fff;
    }

/*
** --- Login ---
*/
    #battlestar-p-login {
        /* border:  1px solid #fff; /* for testing */
        background: url(images/user.png) top left no-repeat;
        margin-left: -2;
        padding-left: 0;
        text-transform: none;
    }

    #battlestar-p-login {
        position: absolute;
        top: 0;    /* located at bottom right of header */
        right: 0;  /* located at bottom right of header, same as content margin */
        /* height:         20px; /* need for IE */
        /* min-height:     20px;  */
        margin-top: 2px;
    }

    #battlestar-p-login ul {
        position: relative;
        width: auto;
        list-style: none;
        z-index: 90; /* below the H1 */
        margin: 0 10px; /* left and right margin of the list */
    }

    #battlestar-p-login li {
        position: relative;
        display: inline;    /* display in line  */
        margin: 0;
        color: #aaa; /* color of "|" */
        font-size: 90%; /* font size of items */
    }
    #battlestar-p-login ul li a {
        margin: 0;
        padding: 0 2px; /* margin betwen items */
    }

/*
** --- Search ---
*/
    #battlestar-p-search {
        /* border:  1px solid #FFCC00; /* for testing */
        position: absolute;
        z-index: 3;
        right: 0;        /* located at top right of header */
        top: 22px;      /* located at top right of header */
    }

    #battlestar-p-search .battlestar-pBody,
    #battlestar-searchBody {
        /* border: 1px solid #99FF00;  /* testing */
        background: none;
        position: relative;
        padding: 0;
        margin-right:  10px;   /* right side margin of search, same as content margin */
        text-align: left;
        white-space: nowrap;    /* for Opera */
    }

    #battlestar-p-search form #searchInput {
        font-size: 100%;
        color: #fff;
        width: 15em;   /* text field width */
        text-align: left;
        vertical-align: middle;
        border: 1px solid #471919; /* text field border style */
        background: #471919; /* background color of the text field */
    }

    #battlestar-p-search form #searchGoButton,
    #battlestar-p-search form #mw-searchButton {
        font-family: Arial;
        vertical-align: middle;
        background: #1F0B0C; /* button background */
        color: #fff;  /* font color */
        border: 1px solid #471919; /* border: 1px inset #777; */
        text-decoration: none;
    }

/* main content and navigation style
-----------------------------------------------------------------------------*/
    #battlestar-content-body {
        /* border:  5px solid #CC6600;  /* for testing */
        padding: 0;
        margin: 0;
        /* border-left:  1px solid #ddd;  /**/
        /* border-right:  1px solid #ddd;  /**/
        /* text-align: justify; /**/
    }

    #battlestar-content-body,
    #battlestar-content-body-table {
        background: #1F0B0C; /* content background color */
        width: 100%;
    }
    #battlestar-content-body-table {
        border:  none;
    }
    table#battlestar-content-body-table {
        table-layout: fixed; /* IE fix */
        /* border:  1px solid #EAF15F; /* content table border */
    }

    #battlestar-content-body .battlestar-content-left {
        vertical-align: top;
        width: 165px; /* navigation menu width */
    }
    #battlestar-content-body .battlestar-content-right { /* content width */
        /* border: 1px solid red; /* for testing */
        vertical-align: top;
    }

/*
** --- Navigation ---
*/
    #battlestar-p-navigation-wrapper {
        /* border: 1px solid red; /* for testing */
        /* width: 15em; /* menu bar width */
        /* float: none; */
        /*overflow: hidden; */
    }

    #battlestar-p-navigation, #battlestar-p-navigation-lang {
        border: none;
        background: #471919;
        margin: 0 0 .5em;
        padding: 0;
        width: 100%;
    }

    .battlestar-portlet h5 { /* Menu title style */
        background: #1F0B0C;
        border:  1px solid #471919;
        border-bottom: none;
        color: #fff;
        padding: .1em 0 .2em .5em;
        text-transform: capitalize;
        text-shadow: #666666 5px 5px 5px;
        font-size: 100%;
        font-weight: bold;
        font-family:  Arial;
    }

    #battlestar-p-navigation ul, #battlestar-p-navigation-lang ul {
        border:  1px solid #471919;
        margin: 0;
        padding: 0;
    }

    #battlestar-p-navigation ul li, #battlestar-p-navigation-lang ul li {
        border-top:  1px solid #471919;
        margin: 0;
        padding: 0;
        font-weight: bold; /* the font weight of '|' */
        font-size: 95%;    /* the font size of the navigation menu: normal text */
        color: #aaa;    /* the font color of '|' */
        list-style-image: none;
        list-style: none;
        /* overflow: hidden; */
        /* display: block; /* Make the hyperlinks as a block element, sort of a hover effect */
    }

    #battlestar-p-navigation ul li a {
        padding: 0 0 0 .6em;
        margin: 0;
        font-size: 95%; /* the font size of the navigation menu: link text */
        font-weight: normal;
        font-family:  Arial;
        color: #fff;
        /* position: relative; /* need for IE */
        /* display: block; /* Make the hyperlinks as a block element, sort of a hover effect */
    }

    #battlestar-p-navigation-lang ul li a {
        padding: 0 0 0 25px;
        margin: 0;
        font-size: 95%; /* the font size of the navigation menu: link text */
        font-weight: normal;
        font-family:  Arial;
        color: #fff;
        /* position: relative; /* need for IE */
        /* display: block; /* Make the hyperlinks as a block element, sort of a hover effect */
    }


/*
** --- powerby & copyright ---
*/
    #battlestar-powerby-copyright {
        /* border: 3px solid red; /* for testing */
        position: relative;
        left: 0;
        bottom: 0;
        display: block;
        margin-top: 0;
        padding-top: .2em;
        overflow: hidden;
    }

    #battlestar-powerby-copyright ul {
        margin: 0;
        padding: 0;
    }
    #battlestar-powerby-copyright ul li {
        list-style-image: none;
        list-style: none;
        margin-bottom: 0.2em;
    }

    #battlestar-f-paulgublogicon img,
    #battlestar-f-designedbyicon img {
        border: none;
    }

    #battlestar-f-poweredbyico {
        /* border: 2px solid black; /* for testing */
        /* display: inline; /* minimum size of the div */
    }
    #battlestar-f-copyrightico {
        /* display: inline; /* minimum size of the div */
    }


/*
 * --- content style ---
 */
    #content {
        border: 1px solid #1F0B0C;
        background: #471919;
        /* border-right: none; */
        /* border:  1px solid #EAF15F;  /* for testing */
        margin: 0;
        padding: 0px 15px 10px 15px;  /* margin of the main content */
        /* position: relative !important;  */
        position: static; /* need for IE positioning problem */
        z-index: 2;
        clear: both;
        color: #fff;
        line-height: 1.4em; /* value other than 'normal' needed for WinIE */
        overflow-x: visible;    /* need for Firefox, extreme long string :( */
    }

/*
 * --- content page title format ---
 */
    #content .firstHeading {
        font-size: 150%;
        color: #fff;
        font-weight: bolder;
        padding: 1em 0 .2em 0;    /* position of the title */
        border: none;    /* No border for page title */
        text-transform: capitalize;
    }
	
	#content:lang(de) .firstHeading {
		text-transform: inherit;
	}

    #bodyContent {
        /* border:  1px solid #ddd;  /* for testing */
        width: 100%;
    }

/*
 * --- AJax search style ---
 */
    div#searchTargetContainer {
        left:       0px;
        top:        0px;
        width:      100%;
        background: white;
        overflow-x: visible;    /* need for Firefox, extreme long string :( */
        word-wrap: break-word;  /* need for IE, extreme long string :( */
    }

    div#searchTarget {
        padding:    10px;
        margin:     5px;
        background: #fefefe;
        border:     solid 1px #FFCC00;
    }

    div#searchTarget h2 {
        padding-top: 1em;
        margin-bottom: .5em;
    }

    div#searchTarget a {
        position: relative;
        z-index: 300; /* fix the hide link button */
    }

    #battlestar {
        clear: both;
        overflow: hidden;
        white-space: nowrap;
        border-collapse: collapse;
    }

/*
 * --- table of content styles ---
 */
    #toc, .toc, .mw-warning {
        font-size: 100%;
        border: 1px solid #aaa;
        background-color: #1F0B0C;
        padding: .5em;
        margin-bottom: 1.2em;
    }

    #toc h2, .toc h2 {
        font-size: 110%;
        border: none;
        margin: 0;  /* fix toc top margin */
        padding-right: .2em; /* margin between title and hide/show link */
        display: inline;  /* display the hide/show link after Contents */
    }

    #toc #toctitle,
    .toc #toctitle,
    #toc .toctitle,
    .toc .toctitle {
        text-align: left; /* left adjust of title */
    }

    #toc ul, .toc ul {
        list-style-type: none;
        list-style-image: none;
        margin:  0;
        padding: .3em 0 0 .7em; /* margin of the item list */
        text-align: left;
    }
    #toc ul ul, .toc ul ul,
    #toc ul ul ul, .toc ul ul ul {
        margin: 0 0 0 .7em; /* toclevel-2 margin */
    }

    #toc .tocindent   { margin-left: 1em; }
    #toc .tocline     { margin-bottom: 0; }
    #toc p            { margin: 0 }
    #toc .toctoggle   { font-size: 90%; }

    #toc .editsection {
        margin-top: .3em;
        font-size: 90%;
    }

/*
 * --- body content ---
 */
    h1, h2 {
        padding: .3em 0;
        border-bottom: 3px solid #EAF15F;
    }

    ul {
        margin: .3em 0 0 1.5em;
        list-style-image: url(arrow.png);
    }
    li {
        margin-left: .5em;
        margin-bottom: .1em;
        padding: 0; /* margin between bullet and content */
    }

    #editform {
        width: 100%; /* prevent overflow in IE when editing */
    }

    textarea {
	    background: #471919;
        font-size: 100%;
        width: 99%;     /* fix the textarea oversize in IE */
        padding: 5px 0 0 5px;
        margin: 0;
        border: 1px solid #1F0B0C;
    }

/* pre{ */
    /* white-space: pre;            /* CSS2 */
    /* white-space: -moz-pre-wrap;  /* Mozilla */
    /* white-space: -hp-pre-wrap;   /* HP printers */
    /* white-space: -o-pre-wrap;    /* Opera 7 */
    /* white-space: -pre-wrap;      /* Opera 4-6 */
    /* white-space: pre-wrap;       /* CSS 2.1 */
    /* white-space: pre-line;       /* CSS 3 (and 2.1 as well, actually) */
    /* word-wrap: break-word;       /* IE */
    /* } */

    pre {
        white-space: -moz-pre-wrap;     /* need for Firefox */
        overflow-x: auto;    /* need for Firefox, extreme long string :( */
        font-size: 90%;
        padding: 1em 2em;
        border: 1px dashed #2f6fab;
        color: black;
        background: #fefefe;
        line-height: 1.2em;
    }
    .visualClear { clear: both;}

    .errorbox, .successbox {
        margin-top:     .2em;
        margin-bottom:  1em;
    }

    #contentSub, #contentSub2 {
        font-size: 90%;
        line-height: 1.2em;
        margin: 0.5em 0 1.4em 0;
        color: #EAF15F;
        width: auto;
    }

	.backToTop {
		/* border: 1px solid #aaa; /* for testing */
		/* float: right; */
		/* width: 45px; */
		/* background: transparent url('images/top.gif') center left no-repeat ; */
		/* margin: .6em 0 0 0; */
	}
	.backToTop a,
	.backToTop a:hover {
		display: block;
		width: 45px;
		text-decoration: none;
	}

/* edit section
-----------------------------------------------------------------------------*/
    * html div.editsection {
        font-size: 90%;
    }
    .editsection {
        font-size: 90%;
        margin-top: 2px;
        /* padding-left: 16px; */
        /* background: transparent url('edit.png') center left no-repeat ; */
    }

/* category style
-----------------------------------------------------------------------------*/
    #catlinks {
        border: 1px solid #1F0B0C;
        background-color: #1F0B0C;
        padding: .3em;
        margin-top: 1em;
        clear: both;
    }
    #catlinks p, .catlinks {
        margin:  0;
        padding: 0;
    }


/* content action
-----------------------------------------------------------------------------*/
/*
 * --- content actions  ---
 */
    #battlestar-page-actions {
        /* border:  1px solid #000; /* for testing */
    }

    #battlestar-page-actions-top {
        /* border:  1px solid #000; /* for testing */
        background: #471919;
        border-top: none;
    }

    #battlestar-content-actions {
         /* border:  1px solid #000; /* for testing */
         border: 1px solid #1F0B0A;
         border-top: none;
         background: #471919;
         margin-left:  173px; /* length of the page action menu bar "left + 8" */
         margin-right: 4px;
    }

    * html #battlestar-content-actions, #battlestar-content-actions-top {
        /* margin-left:  170px; /* IE hack */
    }

    #battlestar-content-actions, #battlestar-page-actions-top {
    	 text-align: right;
         height: 1.5em;   /* need for IE win */
         font-size: 100%; /* font size of content actions */
         padding: 2px 20px;
         /* padding-left:  167px; /**/
    }

    #battlestar-content-actions ul, #battlestar-content-actions-top ul {
    	 list-style: none;
    	 margin: 0;
         padding: 0;
    }

    #battlestar-content-actions-top ul {
    	 padding-right:10px;
    }

    #battlestar-content-actions li, #battlestar-content-actions-top li {
    	 display: inline;  /* display in line */
         overflow: visible;
         color: #aaa; /* the font color of '|' */
         margin: 0 -2px; /* This gets rid of gap between li */
         padding: 0;
         list-style: none;
    }

    #battlestar-content-actions ul li a,
    #battlestar-content-actions-top ul li a {
    	 padding: 3px 7px; /* padding of the menu item */
    	 color: #fff;
    }


/* Page footer
-----------------------------------------------------------------------------*/
    #battlestar-page-footer {
        /* border:  1px solid #000; /* for testing */
    }

    #battlestar-page-footer {
        text-align: right;
    }
    #battlestar-page-footer li {
        display: inline;
        margin: 0;
    }

    #battlestar-personal-tools,
    #battlestar-personal-tools ul li,
    #battlestar-footer,
    #battlestar-footer ul li,
    #battlestar-f-message,
    #battlestar-f-message ul li{
        font-size: 90%; /* font size of page footer */
    }

    #battlestar-personal-tools,
    #battlestar-footer {
        padding-right: 20px;
    }

    #battlestar-personal-tools {
        /* border:  1px solid #000; /* for testing */
        margin: 0;
        padding-top: .7em;
        padding-bottom: .3em;
    }
    #battlestar-personal-tools ul {
        list-style: none;
        margin: 0;
    }
    #battlestar-personal-tools li {
        display: inline;
        margin: 0;
        overflow: visible;
        color: #aaa; /* the font color of '|' */
    }

    #battlestar-personal-tools ul li a {
        padding: 0 2px; /* padding of the menu item */
    }

/*
 * --- battlestar-footer ---
 */
    #battlestar-footer {
        clear: both;
        border: 0; /* 1px solid #999; */
        padding-top:    .2em;
        padding-bottom: 1.1em;
    }
    #battlestar-footer ul {
        list-style: none;
        margin: 0;
    }
    #battlestar-footer li {
        display: inline;
        margin: 0;
        white-space: nowrap;
        color: #aaa; /* the font color of '|' */
    }
    #battlestar-footer ul li a {
        padding: 0 2px; /* padding of the menu item */
    }


    #battlestar-f-message {
        padding: 0 2px .2em 2px;
    }

/* breadcrumbs
-----------------------------------------------------------------------------*/
    div.breadcrumbs {
        border: solid #FFCC00 1px;
        padding: 3px 5px 5px 5px;
        background: #FFF5CF;
        margin: 5px 0px 10px 0px;
    }
    div.breadcrumbs a.breadcrumbs {
        text-decoration: none;
    }
    div.breadcrumbs span.breadcrumbs {
        font-weight: bold;
    }

/* Special:Specialpages
-----------------------------------------------------------------------------*/
    #allmessagestable { /* system message table fix */
        table-layout: fixed;
        width:     100%;
        max-width: 100%;
        margin-top: 20px;
    }
    #allmessagestable.left td {
        width: 30%;
    }

    table.imagelist, table.TablePager { /* image list table fix */
        /* table-layout: fixed; /**/
        width:     100%;
        max-width: 100%;
        margin-top: 0.3em;
    }
    .TablePager td, .TablePager th {
        border: 1px solid #777777;
    }
    .imagelist td, .imagelist th {
        white-space: normal;
    }
    /* remove line wrapping for TablePager_col_links */
    .imagelist .TablePager_col_links {
        white-space: nowrap;
    }

    table.gallery { /* file gallery fix */
        margin: 2px 0;
        padding: 2px 0;
    }
    div.gallerybox {
        margin: 2px 1px;
        width:  125px;
    }
    div.gallerybox div.thumb {
        margin: 2px 0;
    }
    div.gallerybox img {
        /*width: 110px; /**/
    }


/* Random HTML Style
-----------------------------------------------------------------------------*/
    hr {
        height: 1px;
        color: #aaa;
        background-color: #aaa;
        border: 0;
        margin: .2em 0 .2em 0;
    }

    input[type="submit"] { font-weight: bold; }

    /* for margin between paragraphs */
    .cc {
        font-size: 10%;
        padding: 0.2em 0 0.2em 0;
        margin: 0;
    }
    /*-------------------------------------
        <div class="cc">&nbsp;</div>
    -------------------------------------*/

/*
 * Force Opera / Moz / Netscape
 * to display an _IN_active vertical scrollbar
 * (like IE).
 */

    html {
        overflow-y: scroll;
    }

/* -----------------------------------------------------------
   -- make a few corners round --
   only supported by moz/firefox/other gecko browsers for now
   -----------------------------------------------------------
 */
    div.breadcrumbs {
        -moz-border-radius-topleft: 0.5em;
        -moz-border-radius-topright: 0.5em;
        -moz-border-radius-bottomleft: 0.5em;
        -moz-border-radius-bottomright: 0.5em;
    }

/* IE/Mac fixes
-----------------------------------------------------------------------------*/
    /* fix for position of image inside table */
    table {
        /* position: none !important;  /* positioning, except IE */
        /* position: relative;         /* positioning for IE */
    }

    /* the positioning of preferences */
    /* float/negative margin brokenness */
    * html #preferences {
        width: 90%;
    }

    /* login form fix */
    div#userloginForm form,
    form#userlogin2 {
        width: 500px;
    }

/* Google Map
-----------------------------------------------------------------------------*/
    #google_maps_show_link,
    #google_maps_toggle_link {
        /* border:  1px solid #CC0033; /* for testing */
        font-size: 120%;
        display: inline;
        float: right;
        padding: 0 0 2px 0;
    }
/* The end
-----------------------------------------------------------------------------*/