/*  
This style sheet restyles wikipedia for simplicity and style.

Originally inspired by the simple one-column-two-fonts layout of NYT articles, the the intention of this theme/restyling is to bring focus to the article, not various confusing toolboxes and special-page-links (none of which have been omitted or deleted, however). It increases legibility by using a serif font, increasing font size, altering justification, removing unhelpful indentation and ridding the screen of distracting clutter.

by Chochem 

Please let me know of any problems or suggestions at of the following
chochem at gmail.com | User:Chochem at en.wikipedia.org | chochem at forums.mozillazine.org

0.1 
First release

0.2
+ Sister article selector changed to negation selector (:not)
+ Fixed discussion hierarchy collapse (thanks to Pile0nades)
+ Enabled for en.wiktionary.org

0.3
+ Fixed 'selected tab' 'toes' (right and left borders beneath baseline)
+ Fixed personal menu overflow (should align right with no overflow)
+ Sister articles default changed to 100k+ wikipedias (plus Danish)
+ Clean-up: removed lines that simply duplicated stuff from the monobook's main.css
+ Removed various needless bold font-weights
+ Code comments (mainly for my own benfit - memory like a sieve - but should also help others who want to use it for derivative work)
+ version numbering :)

0.31
+ Experimentally enabled for the Danish, Dutch, French, German, Polish, Portuguese, Russian and Swedish wikipedias (as well as English 'pedia and 'tionary) - please note that a number of these have had certain idiosyncratic menus disabled (see last code lines)

0.32
+ Added Italian and Spanish to domain list, so that the @-moz-document list complements the sister article list (though not very pretty, they are usable - have some very hard to target custom menus)

0.33
+ Added temporary fix (display: none) for "Interact" Menu (as it doesn't seem to have been fully implemented - when it is I will probably adjust the menus to incorporate another line, which will also allow for the same on the other language wikipedias)

0.4
+ Non-English language WPs cleaned up
+ Various global adjustments (no underline for links, table margins adjusted)
- Interaction menu seems to have disappeared again, so no adjustments there

0.41
+ Table margins adjustment should only apply to right-aligned tables (it's only really a problem if the proper templates aren't used)

0.5 
+ Dark version "wikipedia.org - dark lady look"

0.51
Dark version adjustments:
+ portals darkened
+ tables harmonised
+ hyperlink colour changed (darker blue)
+ menu colours chnanged (regular text colour)
+ all input buttons feature black text
+ default div background changed to black

Language customization
The list of sister article links is governed by the negation selector:

    #p-lang ul li
	:not(.interwiki-da)
	:not(.interwiki-de)
	:not(.interwiki-en)
	:not(.interwiki-es)
	:not(.interwiki-fr)
	:not(.interwiki-it)
	:not(.interwiki-nl)
	:not(.interwiki-pl)
	:not(.interwiki-pt)
	:not(.interwiki-ru)
	:not(.interwiki-sv)
	{display:none !important;}

meaning that any list itmes that are not of one of the classes listed (the .interwiki-xx's) should not be displayed (two negatives = those listed shold be displayed). Remove the lines containing those that are of no use to you and substitute your own (e.g. :not(.interwiki-ja) if you want to see links to the Japanese wikipedia.)

By default all 100k+ article wikipedias are included along with my native Danish (except Japanese and Chinese for which most non-Asian users will not have rendering support and therefore the links would only appear as boxes or question marks. Sorry guys, no disrespect :) Find languages classes (no, not that kind) at

http://meta.wikimedia.org/wiki/Complete_list_of_language_Wikipedias_available

Failed attempt at preventing printer-friendly-page-cockup:
@-moz-document url-prefix(http://en.wikipedia.org/wiki/)
Problem: Deactivates the style on edit pages as well....
*/

@-moz-document 
	domain(en.wikipedia.org),
	domain(en.wiktionary.org),
	domain(en.wikibooks.org),
	domain(da.wikipedia.org),
	domain(de.wikipedia.org),
	domain(fr.wikipedia.org),
	domain(sv.wikipedia.org),
	domain(pl.wikipedia.org),
	domain(nl.wikipedia.org),
	domain(pt.wikipedia.org),
	domain(ru.wikipedia.org),
	domain(it.wikipedia.org),
	domain(es.wikipedia.org)

{

/* body text - 'column content' is a wrapper for 'content' which contains a heading and bodyContent; column content is only relative to the top of the page, as column-one has been absolutely positioned; the real positioner is content {top:90px} + globalwrapper {margin:15px} */
    body {
	font-family: Georgia, serif !important;
	background: #ffffff url('') 0 0 no-repeat !important;
	}
    #globalWrapper {
	width: 970px !important;
	margin: 15px auto 0px auto !important;
	padding: 0 !important;
	}
    #column-content {
	position: relative !important;
	margin: 0 !important;
	padding: 0 !important;
	}
    #content {
	background: white !important;
	margin: 0 !important;
	padding: 35px 0 0 14px !important;
	width: 100% !important;
	border: none !important;
	border-left: 1px solid !important;
	border-color: #999 !important;
	top: 90px !important;
	}
    div#bodyContent {
	width: 100% !important;
	text-align: justify !important;
	font-size: 125% !important;
	margin: 0 !important; padding: 0 !important;
	}

/* Column-one contains all portlets (.portlet); it is at the end of the html so to get it at the top it is positioned absolutely; top-margin: 15px is set to correspond to the globalwrapper's margin */
    #column-one {
	position: absolute !important;
	width: 985px !important;
	height: 60px !important;
	padding: 0px !important;
	margin: 15px auto 0px auto !important;
	top: 0px !important;
	text-align: left !important;
	z-index: 10 !important;
	white-space: normal !important;
	font-size: 11px !important;
	background-image: url(http://upload.wikimedia.org/wikipedia/en/3/3d/User_chochem_wikipedia_logo_60x60.png) !important;
	background-repeat: no-repeat !important;
	}

    .portlet {margin: 0 !important;}
    .portlet ul,
    .portlet li {
	display: inline !important;
	margin: 0 !important;
	}
    .portlet h5 {display:none !important;}

    .pBody {
	border: none !important;
	padding: 0 !important;
	font-family: Helvetica, Arial, sans-serif !important;
	background-color: transparent !important;
	}
    .pBody ul li {
	margin: 0 !important;
	padding: 0 0.1em 0 0.1em !important;
	}
    .pBody li a {
	display: inline !important;
	}

/*  p-cactions - the tabs menu; positioned so that the left li border overlaps with the left content border; has a solid bottom border which is only seen between list items as it is overlapped by the list items; list and selected list items are equated, apart from the letter.spacing marking the currently selected list-link; bold font-weights are stamped out (why should the edit page be marked out??) */
    #p-cactions {
	position: absolute !important;
	top: 80px !important;
	left: 0 !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0  !important;
	float:left !important;
	text-transform: uppercase !important;
	white-space: normal !important;
	border-bottom:1px solid #999 !important;
        }
    #p-cactions ul {
	margin: 0 !important;
	padding: 0em !important;
	}
    #p-cactions li,
    #p-cactions li.selected {
	padding: 0.2em 0em 0.2em 0em !important;
	margin: 0 !important;
	border-style: solid solid none solid !important;
	border-color: #999 !important;
	}
    #p-cactions li a {
	background-color: #ffffff !important;
	color: #333 !important;
	font-family: Helvetica, Arial, sans-serif !important;
	text-transform: uppercase !important;
	}
    #p-cactions li.selected a {
	letter-spacing: 0.5em !important;
	}
    #p-cactions,
    #p-cactions ul,
    #p-cactions li,
    #p-cactions li.selected, 
    #p-cactions li a, 
    #p-cactions li.selected a
	{font-weight: normal !important;}

/*  p-personal - my page, my talk etc.; postioned relatively (so it stays within the boundaries of columnone); NB: doesnt do this is the line is too long (long username); can be solved by increasing width of p-personal but this will interfere with p-cactions */
    #p-personal {
	position: relative !important;
	width: 500px !important;
	padding: 0 !important;
	margin: 0 !important;
	float: right !important;
	left: auto !important;
	right: 0px !important;
	text-align: right !important;
	top: 80px !important;
	overflow:hidden !important;
        }
    #p-personal .pBody li {
	margin-left: 0.8em !important;
	padding: 0 !important;
	}
    #p-personal ul {padding: 0 !important;}
    #p-personal li a {
	text-transform: capitalize !important;
	}
    #p-personal li a:hover {
	padding-bottom: 0 !important;
	}
    #pt-login {font-weight: normal !important}
  /* login */
    li#pt-userpage,li#pt-anonuserpage,li#pt-login {
	background: none !important;
	padding-left: 0 !important
	}

/* Search portlet */
    #p-search {
	position:relative !important;
	margin: 0 !important;
	padding: 0 !important;
	float: right !important;
	top:-13px !important;
	}
    #p-search .pBody {padding: 0 !important;}
    #searchBody {text-align: right !important;}
    #searchInput {margin-bottom: 4px !important;}
    #searchGoButton {font-weight: normal !important;}

/* Top menus */
    #p-navigation,
    #p-Navigation,
    #p-tb,
    #p-lang {
	margin: 0.3em 0 0.3em 0 !important;
	position: relative !important;
	width: 750px !important;
	float: left !important;
	top:-18px !important;
	}

  /* indent menus - following logo curvature */
    #p-navigation,
    #p-Navigation,
    #p-lang {left: 75px !important;}
    #p-tb {left: 85px !important;}

  /* list separator */
    #p-navigation ul li:before,
    #p-Navigation ul li:before,
    #p-tb ul li:before,
    #p-lang ul li:before {
	content: "\00BB \0020" !important;
	}

  /* language class selectors */
    #p-lang ul li
	:not(.interwiki-da)
	:not(.interwiki-de)
	:not(.interwiki-en)
	:not(.interwiki-es)
	:not(.interwiki-fr)
	:not(.interwiki-it)
	:not(.interwiki-nl)
	:not(.interwiki-pl)
	:not(.interwiki-pt)
	:not(.interwiki-ru)
	:not(.interwiki-sv)
	{display:none !important;}

/* Wikipedia logo removed (logo-image is hardwired into the html so it has to go; substitute logo is background image for columnone as a whole - unfortunately this cannot be associated with a hyperlink ) */
    div#p-logo, div#siteNotice {display:none !important;}

/* footer - made part of content-flow (removed box-borders, added continuous left-hand-border), 'separated' by increasing padding, removed graphics */
    #footer {
	border-top: none !important;
	border-bottom: none !important;
	border-left: 1px solid !important;
	border-color: #999 !important;
	margin: 0 !important;
	padding: 150px 0 50px 0 !important;
	}
    div#f-poweredbyico, div#f-copyrightico {display: none !important;}

/* Various minor adjustments */

/* Headlines */
    h1 {
	font-variant: small-caps !important;
	border-bottom: none !important;
	padding-top: 0 !important;
	}
    h3 {font-weight: normal !important;}
    h3#siteSub {font-size: 84% !important;}
    div#contentSub {
	font-size: 84% !important;
	line-height: 1.2em;
	margin: 0 0 1.4em 0em !important;
	color: #7d7d7d;
	width: auto;
	}
    h4 {font-size: 100% !important;}

/* Various global adjustments */
    #bodyContent a, #content a, #footer a {text-decoration: none !important;}
    table[align="right"] {margin-left: 1em !important;}
    table.toccolours {margin-bottom: 1em !important;}

/* un-indenting the redirection notices using somewhat crude selectors (needed to distingush from discussion hierarchy use on talk pages) */

    div#stub {margin-left: -0.25em !important;}

    .dablink {padding-left: 0 !important;}

    dl > dd > .plainlinks,
    dl > dd > .noprint,
    dl > dd > .boilerplate,
    div.boilerplate > dl > dd > i,
    div#jump-to-nav + dl > dd > i,
    div.messagebox + dl > dd > i,
    div.notice + dl > dd > i,
    div.metadata + dl > dd > i,
    div.thumb + dl > dd > i,
    table + dl > dd > i,
    h2 + dl > dd > i,
    h3 + dl > dd > i {
      margin-left: -2em !important;z-index:-100 !important;
    }


/* Featured, spoken, semiprotected icons v-aligned with headline */
    .metadata {top: 35px !important;}

/*  non-essential article notifications deleted for aesthethic reasons */
    div.messagebox {display: none !important;}

/* INTERNATIONAL SECTION - ISSUES WITH SPECIFIC LANGUAGE WIKIPEDIAS */

/* Temporary solution to introduction of additional menus by various language wikipedias: do not display */
    #p-interact, 
    #p-interaction, 
    #p-Mitmachen, 
    #p-Contribuer,
    #p-participation,
    span#t-upload2,
    div#p-zmiany,
    div#p-techniczne,
    div#p-navigation2,
    div[title*="Collegamenti"],
    div#p-comunit.C3.A0,
    #n-portal, #n-Bar, #n-il-Wikipediano, #n-sitesupport, #n-Contatti
      {display: none !important;}

/* For outstanding achievements in the field of excellence: remove featured-star from sister articles listings - only used on certain none-English WPs */
   li[title*="fremragende"], 
   li[title*="exzellent"],
   li[title*="destacado"],
   li[title*="qualità"],
   li[title*="medal"],
   li[title*="destaque"],
   li[title*="?????????"],
   li[title*="utvald"] {background-image: none !important}

/* various */
   /* Spanish - intended to remove "otros proyetos" items; fails miserably 
   a[title*="wikt:"],
   a[title*="q:"],
   a[title*="b:"] {display:none !important}
   */

   /* Swedish - deletes to links from toolbox so as to remove overflow - this is a crap solution but I can't think of anything else as you can't insert subdomain specific code */
   li > a[title*="länkar hit"],
   li > a[title*="ändringarna"] {display:none !important}

/* Darkening - everything above is the same as grey lady 0099CC */
    
    * {color: #AAAAAA !important;}
    body, #content, #editform, textarea, pre, div {
      background-color: black !important;color: #AAAAAA !important;}

    #p-cactions li, #p-cactions li a, #p-cactions li.selected a, #p-personal li a, #p-personal li.selected a {background-color: black !important;}


    a{color: #006699 !important;}
    #p-cactions li a {color: #AAAAAA !important;}
    #p-personal li a {color: #AAAAAA !important;}
    #p-navigation li a, #p-tb li a, #p-lang li a {color: #AAAAAA !important;}

    input {color: black !important;}

    .pBody {background-color: black !important}

    table {
	background-color: black !important;
	color: #AAAAAA !important;
	border-color: #333333 !important;}
    th {
	background-color: #222222 !important;
	color: #AAAAAA !important;
	border-color: #333333 !important;}
    tr {border: none !important;}
    td {
	color: #AAAAAA !important;
	background-color: black !important;
	border-color: #333333 !important;}

    .infobox,
    #catlinks {
      background-color: black !important;
      color: #AAAAAA !important;}

    .NavHead {background-color: #333333 !important;}

    div[style*="position: relative; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"] {
      color: #AAAAAA !important;
      background-color: #104040 !important;
      border-color: #104040 !important;}
    div[style*="display: block; vertical-align: top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"] {
      color: #AAAAAA !important;
      border-top: none !important;
      border-color: #333333 !important;}

    .thumb {
      background-color: #333333 !important;
      border-color: black !important;}
    .thumbinner,
    .thumbcaption {
      background-color: #333333 !important;
      color: #AAAAAA !important;
      border-color: #333333 !important;}

    #searchInput {background-color: black !important;}

    h5 {background-color: #707070 !important;color: #AAAAAA !important;}
    tr > th > h2 {color: #AAAAAA !important;background-color: #104040 !important;}

    #footer {background-color: black !important;}

}