@import url(http://fonts.googleapis.com/css?family=Bitter:400,400italic,700);

@import url(http://fonts.googleapis.com/css?family=Lato);

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

@-moz-document domain("wikipedia.org") {

body
 {
  border: none !important;
  font-family: "Lato","Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
  font-size: 22px !important;
  background: #002B36 !important;
 }

#content
 {
  margin: 0 auto !important;
  border: none !important;
  max-width: 1400px !important;
  background: #002B36 !important;
 }

a       { text-decoration: none !important; }
a:hover { text-decoration: underline !important; }
a.new, #p-personal a.new { color: #DC322F !important; }


/* top nav */

#mw-page-base
 {
  height: 90px !important;
  margin: 0 auto !important;
  background: #073642 !important;
 }

#mw-navigation
 {
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
 }

#mw-head
 {
  position: relative !important;
  max-width: 1400px !important;
  height: 120px !important;
  margin: 0 auto !important;
 }

#mw-head a,
#mw-head ul,
#mw-head li,
#mw-head span,
#mw-head .vectorTabs
 {
  background: none !important;
  border: none !important;
 }

#mw-head > *
 {
  position: absolute !important;
  font-size: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
 }

#mw-head #left-navigation   { top: 50px !important; left: 29px !important; padding: 0 !important; }
#mw-head #right-navigation  { top: 50px !important; right:   0 !important; padding: 0 !important; }
#mw-head #p-personal        { top:  0px !important; right:   0 !important; padding: 5px 30px 0 0 !important; font-size: 18px !important; }

#mw-head li       { opacity: 0 !important; transition: all 0.45s ease-out !important; }
#mw-head:hover li { opacity: 1 !important; transition: all 0.13s ease-in !important; }

#mw-head a,
  #mw-head a:visited { color: #ccc !important; }

#mw-head #searchform > div
 {
  position: absolute !important;
  top: -32px !important; right: 30px !important;
  margin-top: 13px !important; margin-left: 15px !important;
  border: none !important;
  background: #002B36 !important;
  width: 350px !important;
  padding: 0 0 7px !important;
 }

#mw-head #searchform > div input#searchInput
 {
  padding: 8px 0 6px 8px !important;
  color: #ccc !important;
 }

#mw-head #p-cactions,
#mw-head #ca-watch
 {
  display: none !important;
 }



/* logo */

#mw-head:before
 {
  position: relative !important;
  width: 140px !important; height: 100px !important;
  top: 20px !important; left: 2px !important;
  content: 'Solarized Wikipedia' !important;
  font-family: Bitter,Times, Garamond !important;
  font-weight: normal !important;
  font-size: 36px !important;
  text-transform: uppercase !important;
  letter-spacing: 0px !important;
  color: #839496 !important;
 }



/* left nav */

#mw-navigation #mw-panel
 {
  position: fixed !important;
  font-size: 18px !important;
  top: 0px !important;
  left: -255px !important;
  width: 190px !important;
  height: 100% !important;
  overflow-y: auto !important;
  padding: 0 0 0 100px !important;
  background: #073642 !important;
  box-shadow: 1px 0 3px rgba(0,0,0,0.25) !important;
  transition: all 0.66s ease-in-out !important;
  opacity: 0 !important;
 }

#mw-navigation #mw-panel:hover
 {
  left: -100px !important;
  transition: all 0.2s ease-in-out !important;
  opacity: 1 !important;
 }


#mw-navigation #mw-panel a { color: #839496 !important; }

#mw-navigation #p-navigation,
#mw-navigation .first
 {
  margin-bottom: 0 !important;
  margin-top: 7px !important;
 }

#mw-navigation #p-lang:before
 {
  content: "" !important;
  font-size: 0 !important;
  display: inline-block !important;
  height: 0px !important;
  width: 100% !important;
  border-top: 1px solid rgba(0,0,0,0.2) !important;
  border-bottom: 1px solid rgba(255,255,255,0.75) !important;
 }

#mw-navigation #p-lang
 {
  margin-top: -15px !important;
 }

#mw-navigation #p-lang .uls-settings-trigger
 {
  margin-right: 8px !important; margin-top: 6px !important;
 }

#mw-navigation > #mw-panel > div:not(#p-lang):not(#p-navigation):not(.first),
#mw-navigation #p-lang .wbc-editpage
 {
  /* display: none !important; */
 }

#mw-content-text {
  color: whitesmoke; 
}
 
.mw-body {
    color: #839496;
}

/* article */

/* headlines */

#firstHeading
 {
  font-family:"Bitter", "Palatino Linotype", "Book Antiqua", Palatino, serif !important;
  font-size: 39px !important;
  font-weight:700 !important;
  margin-top: 0 !important;
  padding-bottom: 5px !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5) !important;
  color: #839496
 }

#bodyContent h1,
#bodyContent h2,
#bodyContent h3,
#bodyContent h4,
#bodyContent h5,
#bodyContent h6
 {n
  margin-top: 40px !important;
  margin-bottom: 25px !important;
  font-family:"Bitter", "Palatino Linotype", "Book Antiqua", Palatino, serif !important;
  font-weight:700 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5) !important;
  color: #839496
 }

#bodyContent h1 span.mw-editsection,
#bodyContent h2 span.mw-editsection,
#bodyContent h3 span.mw-editsection,
#bodyContent h4 span.mw-editsection,
#bodyContent h5 span.mw-editsection,
#bodyContent h6 span.mw-editsection
 {
  float: right !important;
  margin-top: 12px !important;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
  text-shadow: none !important;
 }

span.mw-editsection span.mw-editsection-bracket { display: none !important; }

#bodyContent h2 { font-size: 33px !important; }
#bodyContent h3 { font-size: 30px !important; }
#bodyContent h4 { font-size: 26px !important; }
#bodyContent h5 { font-size: 22px !important; }
#bodyContent h6 { font-size: 20px !important; }



/* numbering of the headings */
/* via http://userstyles.org/styles/56739/wikipedia-readable-hyphenation */

body { counter-reset: headingOne; }
#toctitle h2:before
 {
  content: "" !important;
  counter-reset: headingOne;
  padding-right: 0 !important;
 }
#bodyContent h2:before,
#bodyContent h3:before,
#bodyContent h4:before,
#bodyContent h5:before,
#bodyContent h6:before
 {
  padding-right: 9px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
  text-shadow: none !important;
 }
#bodyContent h2 { counter-reset: headingTwo; }
#bodyContent h2:before
 {
  counter-increment: headingOne;
  content: counter(headingOne);
  font-size: 16px !important;
 }
#bodyContent h3 { counter-reset: headingThree; }
#bodyContent h3:before
 {
  counter-increment: headingTwo;
  content: counter(headingOne) "." counter(headingTwo);
  font-size: 15px !important;
 }
#bodyContent h4 { counter-reset: headingFour; }
#bodyContent h4:before
 {
  counter-increment: headingThree;
  content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree); 
  font-size: 14px !important;
 }
#bodyContent h5 { counter-reset: headingFive; }
#bodyContent h5:before
 {
  counter-increment: headingFour;
  content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree) "." counter(headingFour); 
  font-size: 13px !important;
 }
#bodyContent h6 { counter-reset: headingSix; }
#bodyContent h6:before
 {
  counter-increment: headingFive;
  content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree) "." counter(headingFour) "." counter(headingFive); 
  font-size: 12px !important;
 }

/* article */

#bodyContent .infobox
 {
  padding: 9px 16px 5px !important;
  margin-left: 30px !important;
  /* background-color:  #073642 */
 }

#bodyContent #siteSub,            /* hide Wikipedia byline */
#bodyContent #mw-fr-revisiontag,  /* hide revision thingie */
#bodyContent #tfd.boilerplate     /* hide template considered for deletion */
 {
  display: none !important;
 }

#bodyContent #coordinates
 {
  top: -3px !important;
  padding: 4px 6px 3px !important;
  background: #E8E6E2 !important;
  border-radius: 0px !important;
  border: 1px solid #aaa !important;
  /* box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), 0 1px 1px rgba(0,0,0,0.25) !important; */
 }

html[lang="de"] #bodyContent #coordinates   /* .de fix */
 {
  top: 53px !important;
  right: 32px !important;
 }

#bodyContent #protected-icon,
#bodyContent #good-star,
#bodyContent #spoken-icon,
#bodyContent #featured-star
 {
  top: -45px !important;
 }

/* text styles */

#bodyContent
 {
  letter-spacing: -0.1px !important;
 }

#bodyContent p,
#bodyContent li,
#bodyContent div.hatnote
 {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: -0.3px !important;
  color: #839496;
 }

#bodyContent a:not(.new)         { color: #57788E !important; }
#bodyContent a:not(.new):visited { color: #4080AB !important; }

#bodyContent .dablink,
#bodyContent .relarticle,
#bodyContent .rellink
 {
  margin: 7px 0 9px !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  color: #333 !important;
 }

#bodyContent #contentSub /* redirected from msg */
 {
  margin: 5px 0 12px -5px !important;
  padding: 0 !important;
  font-size: 12px !important;

 }

#bodyContent table.ambox,
#bodyContent #disambigbox
 {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 22px !important;
 }

#bodyContent #disambigbox
 {
  margin: 25px 0 !important;
 }

#bodyContent .references li
 {
  color: #839496 !important;
  font-size: 18px !important;
  line-height: 22x !important;
 }

/* boxes */

.messagebox,
#catlinks,
.infobox,
.infobox td,
table.infobox th,
#bodyContent div.thumb, /* fix the thumbs backgrounds!!! */
.thumbinner,
div.thumb div,
code,
pre,
.thumbcaption,
.toccolours,
.NavFrame,
.toccolours th,
.toccolours tbody,
.NavHead,
.tright,
.tleft,
table,
.gallery,
.gallerybox,
.gallerytext,
table.gallery,
table.gallery td,
#toc,
.toc,
.mw-warning,
div.townBox,
table.diff, td.diff-otitle, td.diff-ntitle,
#imageLicense,
#filetoc,
.hintergrundfarbe1,
.hintergrundfarbe2,
#hauptseite h2,
.MainPageBG,
.noarticletext,
.quotebox,
.mw-code
 {
   background-color: #073642 !important;
   color: #839496 !important;
 }

#content .thumbinner
 {
  border-color: #b9b9b9 !important;
 }



/* noborder test */

#toc,
.thumbinner,
.thumbinner .thumbimage,
.infobox,
.vertical-navbox,
.mergedtoprow,
table.infobox > tbody:first-child > tr:first-child > th,
.metadata:not(.ambox),
.mbox-small,
.quotebox,
.portal,
.catlinks,
.navbox,
.hintergrundfarbe1,
table   /* check this! i added this for "roma" on italian wikipedia */
 {
  border: none !important;
 }

#content .thumbinner
 {
  padding: 7px !important;
 }

#bodyContent .ambox
 {
  border-width: 0 0 0 5px !important;
 }

.navbox + .navbox
 {
  margin-top: 9px !important;
 }



/* table of contents */

#toc
 {
  padding: 1px 16px 5px !important;
  font-size: 12px !important;
 }

#toc #toctitle
 {
  margin-top: 7px !important;
  text-align: left !important;
  padding-bottom: 0 !important;
 }

#toc #toctitle h2
 {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
  font-size: 17px !important;
 }


/* floating toc*/

  #toc .toctoggle { display: none !important; }

  #toc.toc
   {
    padding: 0 !important;
    font-size: 12px !important;
    display: block !important;
    position: fixed !important;
    bottom: 0 !important;
    height: 100% !important;
    right: -200px !important;
    width: 245px !important;
    border: none !important;
    transition: all 0.66s ease-in-out !important;
    opacity: 0 !important;
    overflow-y: auto!important;
    z-index: 9999 !important;
    border: none !important;
    background: #002B36 !important;
    box-shadow: 1px 0 6px rgba(0,0,0,0.25) !important;
   }

  #toc:hover
   {
    right: 0px !important;
    transition: all 0.15s ease-in-out !important;
    opacity: 1 !important;
   }

  #bodyContent #toc ul,
  #bodyContent #toc li
   {
    padding: 0 !important; margin: 0 !important;
   }

  #bodyContent #toc > ul > li
    { border-top: 1px solid #797776 !important;
    border-bottom: 1px solid #535251 !important; }
  #bodyContent #toc > ul > li:first-child
    { border-top: none !important; }
  #bodyContent #toc > ul > li:last-child
    { border-bottom: none !important; }

  #bodyContent #toc ul li a
    { font-size: 18px !important; line-height: 21px !important; color: #839496 !important; padding: 6px 0 4px !important; }
  #bodyContent #toc ul ul li a
    { font-size: 13px !important; line-height: 17px !important; color: #839496 !important; padding: 4px 0 !important; }

  #bodyContent #toc ul li a .tocnumber
    { font-size: 15px !important; color: #bbb !important; margin-right: 0 !important; }
  #bodyContent #toc ul li a .tocnumber:after
    { content: "." !important; }
  #bodyContent #toc ul ul li a .tocnumber
    { display: none !important; }

  #bodyContent #toc ul > li
   { padding: 0 3px 0 0 !important; }
  #bodyContent #toc ul ul ul > li
   { padding: 0 3px 0 10px !important; }
  #bodyContent #toc > ul > li
   { padding: 3px 3px 3px 13px !important; }

  #bodyContent #toc li a[href="#See_also"],
  #bodyContent #toc li a[href="#Notes"],
  #bodyContent #toc li a[href="#References"],
  #bodyContent #toc li a[href="#Bibliography"],
  #bodyContent #toc li a[href="#Further_reading"],
  #bodyContent #toc li a[href="#Documentaries"],
  #bodyContent #toc li a[href="#External_links"]
   {
    margin: -3px 0 !important;
    font-size: 14px !important;
   }
  #bodyContent #toc li a[href="#See_also"] .tocnumber,
  #bodyContent #toc li a[href="#Notes"] .tocnumber,
  #bodyContent #toc li a[href="#References"] .tocnumber,
  #bodyContent #toc li a[href="#Bibliography"] .tocnumber,
  #bodyContent #toc li a[href="#Further_reading"] .tocnumber,
  #bodyContent #toc li a[href="#Documentaries"] .tocnumber,
  #bodyContent #toc li a[href="#External_links"] .tocnumber
   { display: none !important; }

  #bodyContent #toc li a
   {
    display: block !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.2) !important;
   }
  #bodyContent #toc li a:hover
   {
    text-decoration: none !important;
    color: #fff !important;
   }

  #toc ul li
   {
    transition: background 0.2s ease-in-out !important;
   }
  #toc ul li:hover
   {
    background: #073642 !important;
   }

  #toc #toctitle
   { display: none !important; }