/* CSS for MH5A website                                     */

/* Copyright (C) Richard Wheeler, January 2021              */  

/* Selectors in CAPITALS are included in the MH5A scripts.  */
/* Selectors in lower case are not currently included.      */

BODY { 
width   : 900px ; 
/* width : 55em ; */
margin-left  : auto ;                /* these two "auto" margins centre the content */
margin-right : auto ;
border  : 0 ;            
/*border: 1px solid grey ; */
padding : 0 ;

font-family : Arial , Helvetica , Homerton , sans-serif ;
font-size : 14pt ;

background-image: url(Paper12m.jpg);
}

TD {
border:           2px solid blue ;
border-radius:    5px;
}

/* list all classes used for main blocks          */
/* CONTAINER, BRANDING, NAVBAR, LEFTCOL, CONTENT  */
/* RIGHTCOL, SUBSIDNAV, HOUSEKEEP.                */

div.CONTAINER {
width: 100% ;
margin: 0 ;
/* border: 1px solid grey ; */
} 

div.BRANDING {
/*border: 1px solid grey ; */
}

.BRANDING {
text-align : center ;
font-size  : 24pt ;
color      : #2886E6      /* blue as favicon */
}

.SOCIAL_MEDIA {
float : right ;
}

/* not actually used
.LEFTCOL {
float : left;
width : 150px ;
}
*/

div.CONTENT {
margin-left : 0 ;
/*margin-right : 199px ; */            /* = width of RIGHTCOL + 2*border of RIGHTCOL + 5 */
/* margin-right : 21% ; */
/*border : 5px solid grey ; */
padding : 0 ;
}
           
div.RIGHTCOL {
margin-left : 0 ;
margin-right : 0 ;
/*border: 1px solid grey ; */
padding : 0 ;
float : right ;
/* width : 20% ; */
font-size : 12pt ;
text-align : center ;
}

.SUBSIDNAV {
font-size : 12pt ;
}

div.SUBSIDNAV {
/*border: 1px solid grey ;*/
clear : both ;
}

.HOUSEKEEP {
clear : both ;            /* probably not needed but may prevent problems without SUBSIDNAV removed */
font-size : 10pt ;
}

div.HOUSEKEEP {
/*border: 1px solid grey ;*/
}


/* set fonts and alignment */

.ALIGN_CENTER {
margin: auto;
text-align: center;
}

.ALIGN_LEFT {
text-align: left;
float:      left;
}

.ALIGN_RIGHT {
text-align: right;
float:      right;
}

.PICTURES2_PIC800 {
margin: auto;
}

.PICTURES2_THUMBS {
vertical-align: text-top;
/* vertical-align: middle; */
}



/* sets the paragraph font but not in Headers, Lists, the email button, etc. */
/* p {  font-family: "Times New Roman", Times, Trinity, serif; font-size: 14pt} */

/* control the colour of anchor points - e.g. at the top of content */
/*
A.anchor {
color : black
}
*/

/*
.mh5a_list {
list-style-image: url('icons/mh5alogosm.gif');
}
*/

/*
.img-float-left {
float : left ;
padding-right : 15px ;
border : 3px dashed blue ; 
}
*/

/*
.img-float-right {
float : right ;
}
*/

/*.LINKLISTH                             defined in navbarh.css */ 
/*.LINKLISTV                             defined in navbarh.css */ 


.EMAIL_PICTURE {
/* Firefox top aligns the image for emails so force middle alignment always.  I hope */
vertical-align: middle;
}

.clear-both {
clear : both ;
}

.clear-left {
clear : left ;
}

.APPLENAME {
font-style : italic ;
}

.BOOK_AUTHOR  {
font-style : italic ;
}

.BOOK_PUBLISHER  {
font-style : italic ;
}

.BOOK_PUBL_DATE  {
font-style : italic ;
}

.BOOK_TITLE  {
font-style : bold ;
}

.LEGAL_QUOTE  {
font-style : italic ;
}

.PSEUDO_LINK  {
color : blue ;
text-decoration : underline ;
}

/* Classes for code shown on webpages */

.CODE  {
font-family : Courier , Corpus , monospace ;
font-size : 14pt ;
font-weight : bold ;
}

.ABC_CODE  {
color : red ;
}

.CSS_CODE  {
color : red ;
}

.FILENAME  {
color : blue ;
font-style: italic ;
}

.HTML_CODE  {
color : red ;
}

.JAVASCRIPT_CODE  {
color : red ;
}

.LUA_CODE  {
color : red ;
}

.PHP_CODE  {
color : red ; 
}

.CODE_BLOCK  {
margin : 10pt ;
border : 1pt
}

.ABC_CODE_BLOCK  {
background-color : Cornsilk ;
border-color : red ;
}

.CSS_CODE_BLOCK  {
background-color : Cornsilk ;
border-color : red ;
}

.FILENAME_BLOCK  {
background-color : Cornsilk ;
border-color : red ;
}

.HTML_CODE_BLOCK  {
background-color : Cornsilk ;
border-color : red ;
}

.JAVASCRIPT_CODE_BLOCK  {
background-color : Cornsilk ;
border-color : red ;
}

.LUA_CODE_BLOCK  {
background-color : Cornsilk ;
border-color : red ;
}

.PHP_CODE_BLOCK  {
background-color : Cornsilk ;
border-color : red ;
}

.RED_TEXT {
color : red ;
}

.BLUE_TEXT {
color : blue ;
}

/*.NOPRINT                            defined in print_media.css */ 

.PRINTONLY {
display: none ;
}

/*.PRINTED_URL                        defined in print_media.css */