@charset "utf-8";

/*  Reset for some default browser CSS - General */
body, div, h1, h2, h3, ul, ol, li, img, header, section, aside, footer, button {
        margin: 0; padding: 0; border: 0
}

/***************
* Structure
****************/

body {
  font-family:Georgia, "Times New Roman", serif;
  background-color:  #fbfdf6; 
  margin: 0px;
  padding: 0px;
}

article {
  /*border: 1px solid red;*/
  width: 70%;
  padding: 0px;
  margin: 10px 0px;
  position: absolute;
  left: 15%;
  z-index: 2;
  overflow: hidden; /* delete this if it starts chopping things off */
}

section {
  width: 94%;
  padding: 10px 30px;
  margin: 1% auto;
  background-color: white;
  /*border: 1px dashed blue;*/
}

header {
  width: 70%;
  margin: auto;
  padding: 3px 1%;
  background-color: #ffffff;
  border: 1px solid #eaece5;
}

header section {
    color: black;
    display: table-cell;
    width: auto;
    height: auto;
    top: 0px;
    opacity: .6;
}

header section#info {
    text-align: right;
}

.revinfo {
   text-align: right;
   font-size: small;
   margin: 0;
   padding: 0;
   font-style: italic;
   color: #999999;
}

.revinfo a {
   color: #999999;
}

.revinfo p {
    padding: 0px;
    margin: 0px;
}

.columnar {
   display: table;
}

/**********************
* Navigation / actions
***********************/
#topicActions {
  position: fixed;
  width: 200px;
  left: 82%;
  top: 14%;
  z-index: -1;
}

#topicActions div {
  background-color: #fdfff8;
  padding: 5px 0px;
  padding-left: 35%;  
  width: 75px;
  text-transform: lowercase;
  font-size: small;
  margin: 10px 0px;
}

#topicActions a {
  color: #007799;
}

#topicActions a:hover {
  border-bottom: 1px dashed #007799;
}

article section, #topicActions div {
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px#888;
  box-shadow: 0 0 5px #888;
  display: table;
  border: 1px solid #f8f7ef; 
}

/***************
* Elements
****************/

h1, h2, h3 {
   font-weight: bold;
   font-family:Georgia, "Times New Roman", serif;
   background-color: transparent;
   margin-left: 0px;
   margin-top: 15px;
   margin-bottom: 3px;
   padding-left: 0px;
}

h1 {
    color: black;
    font-size: xx-large;
}

h2, h3, h4 {
    color: #007799
}

h3, h4 {
    font-weight: normal;
}

a, :link:focus, :visited:focus, :link, :visited, :link:active, :visited:active
{
        text-decoration: none;
  color: #990000;
        background-color: transparent;
}

.patternTopic a:visited {
   color: #990000;
}

a:hover, :link:hover, :visited:hover {
        color: #ff3333;
        border-bottom: 1px dashed #ff3333;
        background-color: transparent;
}

.patternTopic a:hover {
   color: #ff3333;
}

dt {
   margin-top: 10px
}

ul, ol {
   margin: 5px;
   margin-left: 50px;
}

li {
  padding-bottom: 5px;
}

pre {
 padding: 15px 30px;
 border-top: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
 background-color: #eeffff;
 
 /* from http://css-tricks.com/snippets/css/make-pre-text-wrap/ */
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 
}


/***************
* Titles
****************/
.title, h1.title a.plainLink {
   color: #007799;
   background-color: #fbfdf6;
}

h1.title {
   border-top: 1px solid #c5c4cd;
   border-bottom: 1px solid #c5c4cd;
   width: 80%;
   margin: auto;
   margin-bottom: 10px;
   padding: 3px 0px;
   text-align: center;
}

h1.title {
  font-size: 1em;
}


/***************
* Attachments
****************/
.twikiAttachments {
}
table.twikiTable {
  margin: auto;
  font-size: small;
}
table.twikiTable td, table.twikiTable th {
  padding: 3px 7px;
}

table.twikiTable th {
  background-color: #eeeeee;
}