@import url(http://www.canit.se/%7Egriffon/diverse/knives.css);

/* sizes and characteristics */
h1 {font-size: 130%} h2 {font-size: 120%} h3 {font-size: 115%}
h4 {font-size: 110%} h5 {font-size: 105%} h6 {font-size: 100%}
strong, em {font-style: normal; font-size: 100%; font-weight: bold; }
   @media print
   {
   strong {font-style: normal; font-size: 100%; font-weight: bold; }
   em     {font-style: italic; font-size: 100%; font-weight: normal; }
   a      {text-decoration: none; } /* I like it, will everyone? */
   }
/*#*/

/* image and text positioning, widths, max-widths */
h1, h2, h3, hr, .clear { clear: both; }
h1, .h h2, h2.h, .h h3, h3.h {width: 100%; text-align: center;
       margin-right: auto; margin-left: auto;}
.lfloat  { float: left;  text-align: left;  margin-right: 0.8Em; width: auto; }
.rfloat  { float: right; text-align: right; margin-left:  0.8Em; width: auto; }
div.lpic { float: left;  text-align: left;  margin-right: 0.8Em; width: 240Px; }
div.rpic { float: right; text-align: right; margin-left:  0.8Em; width: 240Px; }
div.rpic img, div.lpic img { max-width: 230Px; }
img     { margin: 0.35Em; }
.pix    { text-align: center; }
hr      { width: 20%; margin-left: auto; margin-right: auto; }
   @media screen
   {
   html { max-width: 44Em; margin-left: auto; margin-right: auto; }
   }
address { display: block; font-style: normal; text-align: right; }
/*#*/

/* colours */
@media screen
{
h1 {background: #fea; color: #324; }
/* .h h2, h2.h, .h h3, h3.h {background: #fea; color: #324; }*/
.external a:hover, a.external:hover  {background: green; color: white; }
.internal a:hover, a.internal:hover  {background: navy; color: white; }
a:hover {background: navy; color: white; }
.outdated { color: black; background: orange; }
}
   @media print
   {
   body, a {background: white; color: black; }
   img { border: 0; }
   /* invisible when printing */
   div.google, div.google img, div.google p, div.google form,
           p.navbar, p.locbar, nav {visibility: hidden;}
   }
/*#*/

/* font faces */
pre, .blog li p.blogdate  { font-family: Consolas, "Bitstream Vera Sans Mono",
        Monaco, "Andale Mono", "Lucida Console", monospace; }
h1, h2, h3 { font-family: "Nimbus Sans L", "Gill Sans", Calibri, Geneva,
        "Trebuchet MS", "Bitstream Vera Sans", Helvetica, Verdana, sans-serif; }
/*
p.sans-serif { font-family: "Nimbus Sans L", "Gill Sans",
        Calibri, Geneva, sans-serif; }
p.serif { font-family: Cambria, "URW Palladio L", "Hoefler Text",
        Georgia, Utopia, serif; }
*/
/*#*/


/* SPECIAL
   blogs */
.blog li { margin-bottom: 2.4Em; margin-left: 2Em; list-style-type: none;
        text-indent: -2Em; clear: both; }
.blog li p.blogdate  {margin-left: 2Em; float: right; font-size: 0.7Em;
         text-align: right; width: auto; }
.blog li p.blogentry { text-indent: -2.5Em; }
.blog li p { text-indent: 0; margin-top: 0.1Em; margin-bottom: 0.1Em;}
.blog li p.blogentry a:first-child,   .blog li p.blogdiary:first-letter,
        .blog p.navbar em { font-size: 1.25Em;
        font-weight: normal; }
.blog li img { float: left; }
.blog p.photoblog { clear: both; }
.blog .photoblog img { float: left; }
/*#*/

/* navbar, (header,) footer, sidebar */
div.sidebar {border-left: thin solid ; border-top: thin solid ;
        border-bottom: thin solid ;
        float: right; width: 40%;  padding-left: 1Em;}
/*HTML5*/
nav, p.navbar, p.locbar {display: block; text-align: left; clear: left;
    margin-top:  0.3Em; margin-bottom:  0.3Em;
    padding-top: 0.3Em; padding-bottom: 0.3Em;
    border: 1Px solid silver; padding-left: 2Em; }
footer, div.footer   {display: block; padding: 0.3Em; margin-bottom: 0; clear: both; }
/* Google */
div.google {background: white; color: black; text-align: center;}
div.google img {border: 0; background: white; color: black;
        vertical-align: middle; }
div.google p, div.google form {margin: 0;}
/*#*/