/* provides:
 *   #dokuwiki
 *     __content h1, h2, h3, h4 and h5 with blockquote corrections
 *   .sitelinks
 *   .linkbar
 *   .buttonlinks
 *   .linelinks
 *     .linkbutton
 * use the multiple classses and combinations options to do linkbutton with right, clear, colour etc cleanly
 *   h1 h2 h3 h4 h5
 */

/* linkbar colours specified in sitetheme.css */

/* .sitelinks ... a reasonable template for lists of links
 * this way they are presented as a list in a non-css browser */
.sitelinks h2 { clear:both; margin-left:1%; margin-right:0%; }  /* sections */
.sitelinks hr { width:98%; }                                    /* often after h2 */
  /* these should stack better in some way - but how??? - now best if longer list(s) first */
.sitelinks ul {list-style-type:none; float:left; margin-left:3%; margin-right:1%; width:195px; }
.sitelinks ul h4 {margin-left:0.2em; }  /* h3 for each ul, then h4 h5 for subheadings, each may be links */
.sitelinks ul h5 {margin-left:0.4em; }  /* is added to margin for <ul><li><h5>, or just margin if <ul><h5> */
.sitelinks ul h6 {margin-left:0.5em; }  /* subtitle ... italics, same size as links */
.sitelinks ul li {margin-left:0.7em; }  /* generally will be links, but can be text */
  /* for any links outside the lists */
.sitelinks a       {TEXT-DECORATION: none;}
.sitelinks a:hover {TEXT-DECORATION: underline;}
.sitelinks a:focus {color: #d11} /* this needs to be re-stated whenever a {color} redefined */
  /* for the headings etc as links */
.sitelinks ul a            {COLOR: #000; text-decoration: underline}
.sitelinks ul a:hover      {text-decoration: none}
  /* for the lists of links */
.sitelinks ul li a         {COLOR: #1D8DB3; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
.sitelinks ul li a:hover   {TEXT-DECORATION: underline;}
.sitelinks ul li a.document   {COLOR: #AE1DB3;}        /* purple for non-html documents */
.sitelinks ul li a.document:focus {color: #d11} /* previous line overrides earlier .sitelinks a:focus */
.sitelinks ul li a.local   {COLOR: #757575;}           /* grey for locally served html */
.sitelinks ul li a.local:focus {color: #d11} /* a.local {color} overrides earlier .sitelinks a:focus */

/* use .linkbar and/or <hr/> to group, add p.rightnotebox if desired */

/* colour-highlighted .linkbar for header/sections, .linelinks for lists, and .buttonlinks
 * classes: .linelinks, a.left, .linkbar, a.right, .buttonlinks, a.linkbutton
 * ids: #pagebody, #search-form */
.linkbar {margin-bottom:0px; clear:both;}
.linkbar a   {text-decoration:none; font-weight:900; font-family:sans-serif;
           border-right:solid #ddd 3px; padding-left:1em; padding-right:1em;
           margin-left:0px; margin-right:0px; }
.linkbar a.right {border-left:solid #ddd 3px; border-right-width:0px; }
.linkbar h1, .linkbar h2, .linkbar h3, .linkbar h4, .linkbar h5, .linkbar h6 {display:inline; padding-left:2.5em; }
#search-form {display: inline; }
.linkbar #search-form input {height: 50%; }

/* bars for marking sections ... with headings and links, colours set in sitetheme.css */
#pagebody .linkbar { margin-top:0.5em; }  /* Spacing .. not for .linkbar in headers and footers!! */
#pagebody .linkbar h2 { FONT: bold 1.4em/1.273em arial, helvetica, sans-serif; }
#pagebody .linkbar h3 { font: bold 1.2em/1.485em arial, helvetica, sans-serif }
#pagebody .linkbar h4 { font: 1.2em/1.485em arial, helvetica, sans-serif }
#pagebody .linkbar h5 { font: italic 1.0em/1.75em arial, helvetica, sans-serif }
#pagebody .linkbar h6 { font: small-caps 1.0em/1.75em arial, helvetica, sans-serif }
  /* the height of a linkbar is now 2.25em approx, and each heading height approx equal */
#pagebody .linkbar a { float:right; padding-top:0.3em; padding-bottom:0.25em; /* matches the font-heights above */
                       border-left:solid #ddd 3px; border-right-width:0px; }
#pagebody .linkbar a.left { float:left; border-left-width:0px; border-right-width:3px; }

/* an unordered-list of links in textmode ==> an inline sequence of links with css
 * consider...
 *   p.linelinks as text-align:center
 *   ul.linelinks as display:inline
 *   div.linelinks as below                  */
.linelinks         {POSITION: relative; FLOAT: left; HEIGHT: 25px; PADDING-TOP: 13px}
.linelinks ul      {DISPLAY: inline; list-style-type:none}
.linelinks li      {MARGIN: 0px 6px 0px 8px; DISPLAY: inline}
.linelinks li a        {COLOR: #039; FONT-WEIGHT: bold; TEXT-DECORATION: none; }
.linelinks li a:hover  {TEXT-DECORATION: underline}
.linelinks li a:focus  {color: #d11 }

/******* links as buttons ********/
a.linkbutton, .linkbutton a, .buttonlinks a, #abclink  {
         text-decoration:none; font-weight:900; font-family:sans-serif; 
         padding:0.3em 0.5em 0.2em; margin:0.07em; border-radius:3px;
         font-weight:bold; background:darkblue; color:white;
         display:inline-block;}