/* Default style sheet for www.gimp.org -- be careful if you edit it. */
/* $Id$ */

/* Copyright (C) 2002-2007 by The GIMP Web Team - Contributions by:
 * Ville Pätsi (drc), Henrik Brix Andersen (brix), Carol Spears
 * (carol), Niklas Mattisson (scizzo), Raphaël Quinet (raphael),
 * Branko Collin (branko) and Jakub Steiner (jimmac).
 *
 * This style sheet and corresponding site layout are designed to be
 * used on official GIMP web sites only.  You may copy some parts of
 * this file into your own style sheet as long as you create your own
 * design that is significantly different from the one used on GIMP
 * web sites (layout, colors, etc.) and you give appropriate credit if
 * you copy more than a few lines from this file (do not claim that
 * you wrote everything yourself).
 */

@import url("/style/interface.css");

#ImageBoxCurrentImage {
  max-width: 800px;
}
#ImageBoxOuterContainer {
  width: 100% !important;
}

body {
  background: #0e2426;
  color: white;
  font-family: Candara, Sans-Serif;
  margin: 0px;
  padding: 0px;
  font-size: 10pt;
}

a {
  background: transparent;
  color: #f57900;
  font-weight: bold;
}

a[href]:hover {
  background: transparent;
  color: #fcaf3e;
  font-weight: bold;
}

hr {
  border: 0;
  width: 80%;
  height: 2px;
  background: #1f2a2a;
}

img {
  border: none;
}

img.icon {
  float: left;
  margin: 5px;
}

img.map {
  margin: 0px;
  padding: 0px;
}

img.left {
  float: left;
  margin-left: 40px;
  margin-right: 20px;
  margin-bottom: 1em;
}

img.right, object.right {
  float: right;
  margin-left: 20px;
  margin-right: 40px;
  margin-bottom: 1em;
}

div.figure-placeholder {
  text-align: center;
}

img.figure, .flash {
  display: block;
  margin: 1em auto;
  max-width: 500px;
}

/* Main header. */
h1 {
  color: #999;
  border-bottom: 1px solid #444;
  max-width: 74%;
  padding: 5px;
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 130%;
  clear: left;
  text-transform: uppercase;
  font-family: Segoe, Myriad, Tahoma, "Trebuchet MS", Sans-Serif;
  font-weight: bold;
}

/* Subtitle header. */
h2 {
  color: #999;
  font-weight: bold;
  font-size: 120%;
  margin-top: 1.5em;
  margin-bottom: 1em;
  clear: left;
}

p+h2, pre+h2, ul+h2, ol+h2, dl+h2 {
  /* all headings that follow a paragraph should be indented more */
  margin-top: 4em;
}


/* Another subtitle using another font-size then the subtitle. */
h3 {
  color: #999;
  font-weight: normal;
  font-size: 110%;
  letter-spacing: .1em;
  margin-top: 1.5em;
  margin-bottom: 1em;
  clear: both;
}

p+h3, pre+h3, ul+h3, ol+h3, dl+h3 {
  /* all headings that follow a paragraph should be indented more */
  margin-top: 2em;
}

h1.spillover, h2.spillover, h3.spillover {
  /* allow images from previous headings to spill over into this one */
  clear: left;
}

table {
  border-collapse: collapse;
  margin: .2em auto 2em auto;
  width: 86%;
  /* border: 1px solid #ce5c00; */
}

th {
  background-color: #ce5c00;
  text-align: left;
  padding: .5em;
}

td {
  text-align: left;
  padding: .5em;
}

td.emphesize {
  background-color:  #ae3c00;
  font-weight: bold;
}

li table {
  margin: 1em 0px;
  width: 100%;
}

table.gimpsplash td {
  vertical-align: bottom;
}

dd {
  margin: .5em .5em .5em 5em;
}

dt {
  font-weight: bold;
  margin-left: 3em;
  margin-top: 2em;
  margin-bottom: .5em;
}

div.book-of-wilber { 
  font-size: large;
  background: #CC9966 url(../images/wilberbook.jpg);
  font-family:  postantiqua, "zapf chancery", "urw chancery l", fantasy;
  border: medium groove;
  padding: 1em;
}

div.news {
  clear: both;
}

p {
  margin: 1.33em 3em;
  line-height: 1.2em;
}

p.news {
  margin: 0.75em 0px;
  text-align: left;
}

div.news img {
  float: left;
  padding: 0em 1em 0em 0em;
}

p.images img, p.logos img {
  border: none;
}

p.logos img {
  margin: 5px 15px;
}

p.images, p.logos {
  text-align: center;
}




/* Imageslices: work-around to keep the renderer from reserving 
space for the descenders of images by making the images blocks 
instead of inline elements. See 
http://devedge.netscape.com/viewsource/2002/img-table/ for a 
description of the problem. Other than that, 'imageslices' should 
act like 'images'. */

p.imageslices img {
  display: block;
  margin: 0px;
  padding: 0px;
  border: none;
  margin-left: auto;
  margin-right: auto;
}

p.images, p.imageslices {
  text-align: center;
}

p.navindex {
  text-align: center;
  font-size: 80%;
}

span.newstitle {
  float: left;
}

span.newsdate {
  float: right;
}

span.filter {
  font-weight: bold;
}

span.path {
  font-weight: bold;
}

span.different {
  font-weight: bold;
  background-color:   transparent;
  color:              blue;
}

li {
  margin-left: 40px;
  margin-right: 40px;
  list-style-image: url('/images/bullet.png');
  line-height: 1.5em;
}

/*
ul.splashes li {
  list-style-image: url('/about/splash/unstable.png');
}
*/

ul.splashes li:first-child {
  list-style-image: url('/about/splash/stable.png');
  list-style-type: square;
  padding-bottom: .8em;
}

.list li {
  padding-bottom: 1.2em;
}

.list p {
  margin: 0 0 0 0;
}

code {
  background-color: black;
  padding: .2em;
  color: #eee;
}

pre.code {
  color: black;
  background: #f5f5f5;
  border: solid 2px black;
  font-family: monospace;
  white-space: pre;
  margin: 1.33em 0px;
  margin-left: 40px;
  margin-right: 40px;
  padding: 1.33em;
}

pre.debug {
  color: black;
  background: #ddddff;
  border: solid 2px black;
  font-family: monospace;
  white-space: pre;
  margin: 1.33em 0px;
  margin-left: 40px;
  margin-right: 40px;
  padding: 1.33em;
}

pre.text {
  color: black;
  background: #ddddff;
  font-family: monospace;
  white-space: pre;
  margin: 1.33em 0px;
  margin-left: 40px;
  margin-right: 40px;
  padding: 1.33em;
}

em.caution {
  color: #981e49;
  font-weight: bold;
}

em.warn {
  color: #d5a82f;
  font-weight: bold;
}

em.hellbrokeloose {
  color: #c74646;
  font-weight: bold;
}

.help, acronym {
  border-bottom: 1px dashed #9999cc;
  cursor: help;
}

kbd {
  font-weight: bold;
}

td.map {
  margin: 0px;
  padding: 0px;
}

form {
  margin: 1.33em 0px;
  margin-left: 40px;
  margin-right: 40px;
}

div.plain-screenshots {
  margin-left: 3em;
  margin-right: 1em;
  margin-bottom: 2em;
}

div.plain-screenshots p {
  margin: 0;
  margin-bottom: 1.5em;
  padding: 0;
  max-width: 380px;
}

div.plain-screenshots a {
  border: 0px;
}

div.plain-screenshots img {
  margin: 2px;
}

div.plain-screenshots img:hover {
  margin: 0;
  border: 2px solid #f57900;
  padding: 0px;
}

.screenshots, div.splashes {
  margin-left: 3em;
  margin-right: 1em;
}

  .screenshots a, div.splashes a {
    display: block;
    float: left;
    border: 0px;
    width: 128px;
    height: 128px;
    text-decoration: none;
    margin: 4px;
    padding: 0;
  }

  div.splashes a {
    overflow: hidden;
    padding-bottom: 50px;
  }

  div.splashes a:hover, .screenshots a:hover {
    margin: 2px;
    border: 2px solid #f57900;
  }


  div.splashes a>p {
    background-color: #222;
    width: 108px;
    height: 4em;
    font-size: 70%;
    font-weight: normal;
    margin: 0px;
    padding: 10px;
  }

  div.splashes a:hover>p {
    color: #555;
    background-color: #f57900;
  }

  .screenshots+h2 {
    padding-top: 3em;
  }

/* Changes here should only be done if you know exactly what you are doing.
 * Changes done here will change the appearence of the whole site and should
 * be left up to the designer of the site to change. Contact the designer for
 * more information about the values below. */

#maincontainer {
  max-width: 60em;
  min-height: 60em;
  margin: 0px auto;
  /* border: 1px solid green; */
  background-color: #2e3436;
  padding: 0;
  position: relative;
}

#menu {
  width: 160px;
  float: right;
  /* border: 1px solid red; */
  padding: 20px;
  font-weight: bold;
  white-space: nowrap;
  left: 0px;
  margin: 0 0 1em 20px;
  background-color: #0e2426;
  position:relative;
  z-index: 1;
}

  #menu a {
    display: block;
    text-decoration: none;
    width: 12em;
    margin: 2px;
    padding: 2px 4px 2px 8px;
  }

  #menu a[href^=http] {
    color: #ce5c00;
  }

  #menu a:hover {
    color: #ffdf6e;
    border-left: 2px solid #f57900;
    padding: 2px 2px 2px 6px;
  }

  #menu a[href^=http]:hover {
    color: #3465a4;
    border-left: 2px solid #729fcf;
    padding: 2px 2px 2px 6px;
  }

  #menu a.sub {
    display: block;
    padding-left: 14px;
    font-size: 90%;
  }

  #menu a.sub:hover {
    padding-left: 12px;
  }

  #menu span {
    display: none;
  }

  #menu p {
    display: none;
  }

  #menubutton {
    background-color: transparent;
    padding: 0;
    position: absolute;
    top: 100px;
    left: 0px;
    cursor: w-resize;
  }

#main {
  max-width: 60em;
  margin: 0;
  padding: 20px;
  position: relative;
  /* border: 1px solid blue; */
}


#linkbar, #navbar {
  max-width: 60em;
  margin: 0px auto 20px auto;
  padding: 0px;
  clear: both;
  background: #111;
  color: #aaa;
 /* border-top: 1px solid #666; */
  font-weight: bold;
  text-align: center;
  min-height: 8em;
}

#linkbar div {
  padding: 1em;
}

div#bottommenu {
  max-width: 60em;
  margin: 0px auto;
  padding: 0px;
  clear: both;
  background: #151515;
  color: #aaa;
  white-space: nowrap;
}

div.bottomlinks {
  display: block;
  width: 15%;
  margin: 1em;
  font-size: x-small;
  float: left;
  text-align: left;
}

div.bottomlinks ul {
  display: block;
  margin: 0px;
  padding: 0px;
}

div.bottomlinks a {
  text-decoration: none;
  padding-left: 15px;
}

div.bottomlinks a:hover {
  text-decoration: none;
  padding-left: 11px;
  border-left: 4px solid #f57900;
}

li.mainlink {
  font-weight: bold;
  font-size: small;
  margin: 0em;
  padding-top: .5em;
}


div.bottomlinks li {
  display: block;
  list-style: none;
  margin: 2px;
}


#header {
  margin: 10px 0px 0px 0px;
  height: 43px;
}

#title {
  max-width: 60em;
  padding: 0;
  margin: 0 auto;
  font-size: 10pt;
  background: #f57900 url('../images/title.png') no-repeat 2px 2px;
  height: 43px;
  text-align: right;
}

div.splash {
  margin: 0;
  background-color: transparent;
  height: 180px;
  overflow: hidden;
  position: absolute;
  top: 0; left: 0; right: 200px;
}

  .splash+h1 {
    margin-top: 180px;
   }

  .splash img#splashbg, .splash>img:first-child {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
  }

  .splash img#splashoverlay {
    display: block;
    position: absolute;
    right: 0px;
    top: 32px;
    width: 300px;
    height: 140px;
  }

  .splash img#fadesplash {
    position: absolute;
    display: block;
    left: 900px;
    width: 135px;
    height: 200px;
  }

.intropara {
  position: absolute !important;
  top: 180px; left: 0; right: 200px;
  background-color: #444;
  padding: 8px 16px 16px 58px;
  line-height: 1.5em;
  overflow: hidden;
  font-style: italic;
  font-size: 90%;
  margin: 0;
}

#downloadgimp {
  margin-top: 20em;
}

/* some elements do not need to be printed */

@media print {

#titlebar, #navbar, #linkbar, #menu {
  display: none
}

#main {
  margin-left: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

}

/* fix the flattr button alignment */
iframe.FlattrButton
{
	margin-left: 3px;
	padding-left: 8px;
}

/* fix the ohloh widget formatting */
div.gadget {
	color: black;
	background-color: white;
}

div.gadget h3 {
	clear: none;
}

div.gadget div {
    clear: none ! important;
}