/* ikiwiki local style sheet */

/*@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:700);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans+Mono);*/

body { font-size: 100%; }

.sidebar {
  border: none;
  border-left: 1px solid silver;
  margin: 1em 0 1em 1em;
  padding-right: 0;
}

@media not all and (max-width: 54.5em) {
  body {
    /*background-color is the colour of the whole page background*/
    background-color: #ffffff;
    /* background-image: url('/img/blommig-bakgrund-mork.png'); */
    margin: 1em auto;
    /*margin: 0.25em auto;*/
    width: 52.5em;
  }

  /*.title { font-size: 2.4em; }*/

  .parentlinks { font-size: 1.2em; }
}

@media (max-width: 54.5em) {
  body { margin: 0; }
  /*.title { font-size: 1.6em; }*/
  .parentlinks { font-size: 1em; }
}

@media (max-width: 40em) {
  body { font-size: 92%; }

  .page { padding: 0.1em; }

  .sidebar {
    float: none;
    margin: 0;
    width: auto;
  }

  .sidebar li { display: inline; }
}

@media (max-width: 26em) {
  body { font-size: 83%; }

  .sidebar {
    float: none;
    margin: 0;
    width: auto;
  }

  .sidebar li { display: inline; }
}

@media (max-width: 20em) {
  .parentlinks { font-size: 1em; }
  /*.title { font-size: 1.2em; }*/
}

/*body { font-family: 'Droid Serif', georgia, verdana, sans-serif; }*/
body { font-family: Sans-serif; }

/*.header, .title { font-family: 'Droid Serif', georgia, verdana, sans-serif; }*/
.header, .title { font-family: 'Trebuchet MS',Arial,Sans-serif; }

/*h1, h2, h3, h4, h5, h6 { font-family: 'Droid Sans', georgia, serif; }*/
h1, h2, h3, h4, h5, h6 { font-family: Sans-serif; }

/*code, .hl { font-family: 'Droid Sans Mono', monospace; font-size: 95%; }*/
code, .hl { font-family: monospace; font-size: 95%; }

h1 code, h2 code, h3 code, h4 code, h5 code, h6 code, .header code,
.header a code, .title code { font-size: inherit; }

/* use default anchor colours 
a { color: #0bf; }
a:visited { color: #ff70bb; }
a:visited code { color: #dd70bb }
*/

h2 { font-size: 1.4em; }

pre, pre code { margin-left: 1em; overflow: auto; background-color: #EEE; }
p code, li code { margin: 0 .3em; }
pre, pre code { display: block; }

img.img {
  height: auto;
  margin: 0;
  max-width: 100%;
}

.page {
  background-color: white;
  /*border: 2px solid cyan;*/
  /* padding around the outside of the whole page */
/*  padding: 0.5em;*/
}

.header {
  /*font-style: italic;
  margin: 1em 0;
  padding: 0; */
  /* text-align is for alignment of wiki name in header */
  /*text-align: center;*/
   text-align: left;
   /*margin-left:  -5%;
   margin-right: -5%;*/
   /*padding: 0.5em;*/

   font-family: 'Trebuchet MS',Arial,Sans-serif;
   color: #FFF;
   /* force font-size to 100% to override 140% in style.css? */
   /*font-size: 2em;*/
   font-size: 100%;
   text-decoration: none;

   background-color: #666;
   border: 1px solid #333;
   border-bottom: 3px solid #E80;

   /*padding: 0.5em;*/
   padding-top: 0.2em;
   padding-left: 0.3em;
   padding-bottom: 0.2em;
}

/* control text colour in header, which is basically all links */
.header A:link {text-decoration: none; color: #FFF}
.header A:visited {text-decoration: none; color: #FFF}
.header A:active {text-decoration: none; color: #FFF}
.header A:hover {text-decoration: underline; color: #FEC;}

.breadcrumb A:link {text-decoration: none; color: #FFF}
.breadcrumb A:visited {text-decoration: none; color: #FFF}
.breadcrumb A:active {text-decoration: none; color: #FFF}
.breadcrumb A:hover {text-decoration: underline; color: #FEC;}

.inlineheader .header {
  border-bottom: 2px solid cyan;
  font-style: normal;
  text-align: left;
}

.inlineheader a {
  color: black;
  text-decoration: none;
}

.inlinepage {
  border: none;
  margin: 0 0 1em 0;
  padding: 0;
}

.breadcrumb {
   /*margin-left:  -5%;
   margin-right: -5%;*/
   padding: 0.25em;
   padding-left: 0.5em;

   font-size: 1em;
   color: #FFF;

   /*background-color: #E80;*/
   /*background-color: #B3803C;*/
   /*background-color: #9f6a35;*/
   background-color: #840;
   border-bottom: 1px solid #E80;
}

.parentlinks a {
  margin-right: .2em;
  text-decoration: none;
}

.title {
  display: block;
  line-height: 1.1em;
  /*font-size: 1.4em;*/
  margin: .2em 0;
}

.feedlink { padding: 1em 0; }

.feedbutton {
  background-color: white;
  border: 1px dashed #fa9;
  color: #fa6 !important;
}

.feedbutton:hover { background-color: #f60; }

.pagedate, .archivepagedate { color: gray; font-style: normal; }

.sidebar p,
.tags { color: gray; }
.tags { margin-top: 0; }

.ikiwiki-link { border-top: 1px solid gray; color: gray; margin: 2em 0 0 0; }
.ikiwiki-link a, .ikiwiki-link a:visited { color: inherit; }

.ie8-warning {
  background-color: white;
  border: 2px solid cyan;
  color: black;
}

#pageinfo {
   /*margin-left:  -5%;
   margin-right: -5%;*/
   font-size: 0.6em;
   color: #000;
   border-top: 1px solid #E80;
   background-color: #F2F2F2;
   border-bottom: 1px solid #bfbfbf;
   padding: 0.1em;
}