/*===============================================
nepsweb.css

nepsweb.co.uk site style

Adrian P Robson
10 March 2018

Single column flow not scalable
plain and indented versions

Contents
---------
generic stuff
page div
   header div (page title)
   main div
      class=""
      class="indent"
   footer div
      foot-left div (date)
      f-right div

Colours
-------
#C60606; - nepsweb red for <hr>

Fonts
-----
"Times New Roman", Times, serif - heading and main div
Consolas, "Courier New", monospace - code and pre
Arial, Helvetica, sans-serif - footer

Sizes are based on IE defaults
30px - header h1
16px - main -> code and pre
24px - main h2
19px - main h3
12px - footer date (italic)

=================================================*/

/***************************
   Generic stuff
 ***************************/

body {
   background: white;
}

hr { /* horizontal lines in header and footer */
   border: 0;
   height: 3px;
   width: 100%;
   color: #C60606;            /* nepsweb red */
   background-color: #C60606; /* nepsweb red */
}

img {
   border: 0; /* invisible anchor on images */
}

ul {
   /* list-style-type: square; /**/
}

ul li { /* list items */
   /*margin-top:11px; /* open up list spacing */
   /*list-style-type:square; /* alternative bullet */
}

/***************************
   Page div
 ***************************/

div#page {
   margin: 40px 60px 40px;
}

/***************************
   Header div
 ***************************/

div#header{
   clear: left;
}

#header h1 {
   margin-bottom: 0;
   text-align: left;
   font-family: "Times New Roman", Times, serif;
   font-size: 48px;
   font-weight: normal;
}

#header img {
   /*float:left; /**/
   vertical-align: middle;
}

/***************************
   Main content div
 ***************************/

div#main {
   clear: left;
   padding: 0 20px;
   font-family: "Times New Roman", Times, serif;
   font-size: 16px; 
}

#main h1, h4, h5, h6 {  /* Error indictation */
   color: red;          /* h1 ect not used in main div */
}

#main h2 {
   font-size: 19px;
}

#main h3 {
      font-size: 16px;
}

#main code, pre{
   font-family: Consolas, "Courier New", monospace;
   font-size: 13px; /* just a little smaller looks better */   
}

#main.indent {
   margin-left: 40px;
}

#main.indent h2,
#main.indent h3,
#main.indent p.noindent {
   margin-left: -40px;
}

#main p.indent{
   margin-left: 40px;
}

#main.indent h4,
#main.indent h5,
#main.indent h6 { /* neat error indictation */
   margin-left: -40px;
}

/***************************
   Footer div
 ***************************/

div#footer {
   clear: both;
}

#footer img {
   vertical-align: middle;
}

#footer-left{
   margin-top: 0;
   float: left;
   width: 100px;
   text-align: left;
   font-style: italic;
   font-size: 12px;
   position: relative;
}

#footer-right{
   margin-top: -4px;
   float: right;
   width: 250px;
   text-align: right;
   position: relative;
}