/* griffon.css and symbolic links and @import */
/* 2009-10-10, 2010-06-20 H color removed  */

/* 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; }
address { display: block; font-style: normal; text-align: right; }
hr      { width: 20%; margin-left: auto; margin-right: auto; }
   @media screen
   {
   html { max-width: 44Em; margin-left: auto; margin-right: auto; }
   }
/*#*/

/* colours */
@media screen
{
/* h1 {color: #324; background: #fea; } */
.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, p.navbar, p.locbar, nav {visibility: hidden;}
   }
/*#*/

/* font faces 
   sans-serif/serif or not? Might look very ugly on browswers where you can't
   choose; Will often look better than named fonts on browsers where you can. */
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; }
/* not sure if good idea to use in normal text; probably NOT,
   but if it's to be used good sets of font faces. 
.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 { font-size: 1.25Em; }
.blog li img { float: left; max-width: 13Em; }
.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; margin-left: 1Em; }
nav, p.navbar, p.locbar { display: block; text-align: left; clear: left; 
    border: thin solid ;
    padding-right: 1Em;  padding-left: 1Em; 
    padding-top: 0.3Em; padding-bottom: 0.3Em; }
footer, div.footer   {display: block; padding: 0.3Em;
    border-top: thin solid ;
    margin-bottom: 0; clear: both; }
/*#*/

/* Google */
div.google img {border: 0; background: white; color: black; }
/*#*/
/* EOF */