/* Copyright (C)2008-2009 by Eric Sunshine <sunshine@sunshineco.com> */

html {
  margin: 0;
  padding: 0;
}

body {
  background: #ffffff url(sokoheader-fill.png) repeat-x top right;
  font-size: 75%;
  font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
  margin: 0;
  padding: 0;
}

p {
  margin-top: 0;
}

a, a:link, a:visited, a:hover, a:active, a.external:link, a.external:visited, a.external:hover, a.external:active {
  color: #18507C;
  background-color: transparent;
  text-decoration: none;
}

a:hover, a:active, a.external:hover, a.external:active {
  text-decoration: underline;
}

a.external {
  padding: 0 12px 0 0;
  background: url(external.gif) no-repeat 100% 0;
}

a img {
  margin: 0;
  padding: 0;
  border: none;
}

h1 {
  font-size: 150%;
}

h2 {
  font-size: 120%;
}

h3 {
  font-size: 110%;
}

h4 {
  font-size: 100%;
}

h2, h3, h4 {
  border-bottom: 1px dotted #20b2aa;
  color: teal;
  margin: 0 30% 0.5em 0;
  padding: 0.5em 0 0.2em 0;
}

ul {
  margin: 0.8em 0 0.8em 0.5em;
  padding: 0;
}

li {
  margin: 0 0 0.5em 0.5em;
  padding: 0;
}

li li {
  margin-bottom: 0;
}

dl {
  margin-top: 0;
  padding-top: 0;
}

dt {
  margin: 0 0 0.15em 0;
  padding: 0;
}

dd {
  margin: 0 0 0.7em 2em;
  padding: 0;
}

code, tt {
  font-size: 120%;
}

pre {
  margin: 0.65em 0;
}

b, strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

#pagewrapper {
  background: url(sokofooter-fill.png) repeat-x bottom left;
  padding: 0;
  margin: 0;
  position: relative;
  min-height: 16px;
  min-width: 16px;
}

#header {
  padding: 32px 102px 0 16px;
  margin: 0;
  height: 64px;
}

#header h1 {
  border: none;
  color: inherit;
  padding: 0;
  margin: 8px 0 0 0;
}

#logo a {
  background: transparent url(sokosave-logo.png) no-repeat top left;
  width: 253px;
  height: 56px;
  display: block;
  float: left;
  text-indent: -99999em; /* hide text */
  text-decoration: none; /* old FireFox shows underline */
}

#author {
  text-align: right;
}

p#authorname {
  font-size: large;
  font-style: oblique;
  font-weight: bold;
  margin: 8px 0 0 0;
  padding: 0;
}

#authoremail {
  margin: 0;
  padding: 0;
}

#content {
  margin: 0 16px 0 16px;
  padding: 0;
}

#sidebar {
  background: transparent url(sokosep.png) no-repeat top left;
  float: left;
  width: 13.2em;
  margin: 0;
  padding: 18px 0 0 0;
}

#sidebarbottom {
  background: transparent url(sokosep.png) no-repeat bottom left;
  height: 16px;
}

#extrasidebar {
  float: right;
  width: 12em;
  margin: 8px 0 0 0;
  padding: 0;
}

#main {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 13.2em;
  padding: 0;
  line-height: 1.3em;
}

#main.extrasidebar {
  margin-right: 13em;
}

#footer {
  clear: both;
  background: transparent url(sokofooter-left.png) no-repeat bottom left;
  padding: 0 0 35px 50px;
  margin: 2em 0 0 0;
}

#footer p {
  padding: 0;
  margin: 0 0 2px 0;
  text-align: center;
}

#footer span#copyright {
  border-top: 1px dotted #20b2aa;
  padding: 0.2em 1em 0 1em;
}

#footer p#cms {
  font-size: smaller;
}

#headerright {
  background: transparent url(sokoheader-right.png) no-repeat top right;
  position: absolute;
  top: 0;
  right: 0;
  width: 96px;
  height: 96px;
}

.warning {
  color: #990000;
}

.warning a.external {
  padding: 0;
  background-image: none;
}

.warning a:link, .warning a:visited {
  color: #990000;
  text-decoration: underline;
}

.warning a:hover {
  color: #ff0000;
  text-decoration: underline;
}

.productrelease {
  color: #339900;
}

/*
  Create a new block context so that 'clear' directives within the context take
  into account only floats within the context, and not those outside. For
  example, a typical layout has left and/or right sidebars floated around a
  main content area. If the content area itself employs internal floating and
  clearing, cleared elements within the main content will incorrectly clear
  below the content sidebars rather than clearing only floating elements within
  the main content. To resolve this issue, the content should create a new
  block context.
 */
.newblockcontext {
  overflow: hidden;
  margin: 0;
  padding: 0;
}



/* Copyright (C)2008-2009 by Eric Sunshine <sunshine@sunshineco.com> */

#menuwrapper ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  line-height: 1.3em;
}

#menuwrapper li {
  padding: 0 0 0 18px;
  margin: 0;
  font-size: 1.1em;
  font-weight: normal;
}

#menuwrapper > ul > li {
  margin-bottom: 0.2em;
  font-size: 0.95em;
  font-weight: bold;
}

#menuwrapper li.menuactive {
  background: transparent url(sokobullet.png) no-repeat top left;
}

#menuwrapper li.menuparent {
  background: transparent url(disclosureclose.png) no-repeat 0.3em 0.3em;
}

#menuwrapper li.menuopen {
  background: transparent url(disclosureopen.png) no-repeat 0.3em 0.3em;
}

#menuwrapper li.menuactive.menuopen {
  background: transparent url(sokobullet.png) no-repeat top left;
}

#menuwrapper a {
  text-decoration: none;
  color: #303030;
}

#menuwrapper a:hover,
#menuwrapper a:active {
  color: #6A5ACD;
}



/* Copyright (C)2008 by Eric Sunshine <sunshine@sunshineco.com> */

.slidecontainer {
  margin-top: 1.5em;
  padding: 0;
}

a.slidetoggle {
  display: block;
  text-decoration: none;
  font-weight: bold;
  padding: 0.2em 1em 0.3em 1em;
  margin: 0 0 1em 0;
  border: 1px dotted #20b2aa;
}

a.slidetoggle:hover, a.slidetoggle:active {
  color: teal;
  background-color: #FFCCFF;
}

a.slideclose {
  background: url(disclosureclose.png) no-repeat 0.25em 0.45em;
  padding-left: 1.25em;
}

a.slideopen {
  background: url(disclosureopen.png) no-repeat 0.25em 0.45em;
  padding-left: 1.25em;
}

.slidebody {
  /* Fx.Slide tends to mismeasure height of body, causing it to be truncated at
     the bottom. Attempt to work around problem by padding it. */
  padding: 0 0 2em 0;
}



/* Copyright (C)2008 by Eric Sunshine <sunshine@sunshineco.com> */

.newssidebar {
  margin: 0 0 0 4px;
  font-size: 80%;
}

.newssidebar h2 {
  margin: 0;
  padding: 0;
}

.newslistitem {
  padding: 0;
  margin: 0 0 1em 0;
}

.newslistdate {
  font-size: 90%;
  font-style: italic;
  margin: 0 0 0.5em 0;
  padding: 0;
}

.newslisttitle {
  font-weight: bold;
  border-bottom: 1px dotted #20b2aa;
  margin: 1.3em 30% 0 0;
  padding: 0 0 0.2em 0;
}

.newssidebar .newslisttitle {
  font-size: 110%;
  margin-right: 0;
}

.newslistsummary {
  margin: 0;
  padding: 0;
 }

.newssidebar .newslistsummary {
  display: inline;
}

.newslistmore {
 margin: 0.1em 0 0 0;
 padding: 0;
}

.newssidebar .newslistmore {
  display: inline;
}

.newsitemsummary {
  margin: 0 0 0.8em 0;
  padding: 0;
  font-weight: bold;
}

.newsitemcontent {
  margin: 0 0 0.5em 0;
  padding: 0;
}



/* Copyright (C)2008,2009 by Eric Sunshine <sunshine@sunshineco.com> */

.documentationbody .toc,
.documentationbody .navigation,
.documentationbody hr,
.documentationbody .sectiontitle br,
.documentationbody .sectiontitle #website {
  display: none;
}

.documentationbody .chaptertitle {
  margin: 1.5em 0 0.5em 0;
  font-size: 110%;
  border: 1px dotted #20b2aa;
  color: teal;
  padding: 0.2em;
  text-transform: uppercase;
  display: block;
}

.documentationbody .sectiontitle {
  margin: 1.5em 30% 0.5em 0;
  font-size: 110%;
  font-weight: bold;
  border-bottom: 1px dotted #20b2aa;
  color: teal;
  padding: 0 0 0.2em 0;
  display: block;
}

.documentationbody .sectiontitle a,
.documentationbody .sectiontitle a:link,
.documentationbody .sectiontitle a:visited,
.documentationbody .sectiontitle a:hover,
.documentationbody .sectiontitle a:active
 {
  text-decoration: none;
  color: teal;
}

.documentationbody img {
  margin: 0 0 1em 1em;
  padding: 0;
}

.documentationbody p img,
.documentationbody dt img {
  margin: 0 0.3em 0 0;
  padding: 0;
}

.documentationbody table {
  margin: 0 0 1em 1em;
  padding: 0;
  line-height: 1em;
}

.documentationbody table td img {
  margin: 0;
}



/* Copyright (C)2009 by Eric Sunshine <sunshine@sunshineco.com> */

ul.gallery {
  margin: 0;
  padding: 0;
}

li.thumbnail {
  padding: 0;
  margin: 0 1em 1em 0;
  list-style-type: none;
  line-height: normal;
  text-align: center;
  width: 98px;
  height: 98px;
  float: left;
}

.thumbnail img {
  border: 1px solid #cccccc;
}

h3.gallerytitle {
  margin-bottom: 0.2em;
}

p.galleryinstruction {
  font-size: smaller;
  font-style: italic;
  margin: 0.2em 0;
}

.galleryend {
  clear: both;
}



/* Copyright (C)2008 by Eric Sunshine <sunshine@sunshineco.com> */

.downloadable dd {
  margin-left: 0;
  margin-bottom: 1em;
  padding: 0;
}

.downloadsize {
  font-size: 90%;
}

.downloadimage {
  background: transparent url(sokosave-download.png) no-repeat top left;
  padding-left: 16px;
}



/* Copyright (C)2008 by Eric Sunshine <sunshine@sunshineco.com> */

#forumexternal {
  display: none;
}



/* Copyright (C)2010 by Eric Sunshine <sunshine@sunshineco.com> */

.contribskinthumb {
  float: left;
  margin-right: 1em;
}

.contribskinpreview {
  float: right;
  margin-right: 30%;
  font-size: 75%;
}

.contribskindate {
  font-size: 90%;
  font-style: italic;
}

.contribskinsep {
  clear: both;
}