/*******************************************************************************
 * Nil Aligned CSS 
 ******************************************************************************/

/******************************************************************************/
/* COLOUR SCHEMES */

/* MOROC - Red Blue  */

.moroc-colour {color: #0000A0; background-color: #A02000;}
.moroc-textcolour {color: #0000A0;}
.moroc-backcolour {color: #A02000;}

.moroc-blogpanel {  background-color: #F6F6FF;}

.moroc-currentlink {color: #ED7E00;}
.moroc-link {color: #0000A0;}
.moroc-boldlink {color: #0000A0; font-weight: bold;}

.moroc-master {color: #0000A0; background-color: #A02000;}

.moroc-page {background-color: #FFF7F7;}

.moroc-panelbody {color: #000000; background-color: #FFFFFF;}
.moroc-border-main {border: 1px solid #0000A0;}
.moroc-border-sub1 {border: 1px solid #909090;}
.moroc-panelhead {color: #0000A0; background-color: #E0E0FF;}

/******************************************************************************/
/* FLEX PANELS */

.h-flex {display: flex; flex-flow: row nowrap;}
.h-wrap-flex {display: flex; flex-flow: row wrap;}
.v-flex {display: flex; flex-flow: column nowrap;}
.v-wrap-flex {display: flex; flex-flow: column wrap;}

/* Alignment 'Main' Axis */
.mx-start {justify-content: flex-start;}
.mx-end {justify-content: flex-end;}
.mx-center {justify-content: center;}
.mx-between {justify-content: space-between;}
.mx-around {justify-content: space-around;}

.cx-start {align-items: flex-start;}
.cx-end {align-items: flex-end;}
.cx-center {align-items: center;}
.cx-baseline {align-items: baseline;}
.cx-stretch {align-items: stretch;}

.self-start {align-self: flex-start;}
.self-end {align-self: flex-end;}
.self-center {align-self: center;}
.self-baseline {align-self: baseline;}
.self-stretch {align-self: stretch;}

/******************************************************************************/
/* 3 D */

.raised {box-shadow: 8px 8px 8px rgba(0,0,0,0.5);}

/******************************************************************************/
/* BORDERS, MARGINS, PADDING & POSITIONING */
* {box-sizing: border-box;}

body {margin: 0px; height: 100%; width: 100%}

.centeredtext {text-align: center;}
.justifiedtext {text-align: justify;}

.imgblock {display: block;}

.master {padding: 8px;}

.masterlogo {display: block;}
.masternav {margin-left: auto; align-self: center;}
.masterslice {display: block; height: 100%; width: 100%;}

.page {padding: 8px; height: 100%; width: 100%;}

.panelhead {padding: 8px; width: 100%;}
.panelbody {padding: 8px; width: 100%;}
.panelbodyx768 {padding: 8px; width: 100%; max-width: 768px;}
.panelitem {margin: 8px;}

.thumb-16-12 {width: 160px; height: 120px;}
.thumb-24-18 {width: 240px; height: 180px;}
.thumb-32-18 {width: 320px; height: 180px;}

.blogcard {width: 242px;}
.videocard {width: 322px;}

/******************************************************************************/
/* HEADERS */

h1, h2, h3, h4, h5, h6
{
  font-family: "Varela Round", "Verdana", arial, sans-serif;
  font-weight: bold;
  margin: 0px;
}

body {font-family: "lucida sans unicode", arial, sans-serif;}

.blogpanelitem {font-size: 14px;}

/******************************************************************************/
/* LINKS */

a {text-decoration: none;}
a:hover {text-decoration: underline;}

/******************************************************************************/
/* LISTS */

ul.homeblogsmenu {margin: 0px; padding: 8px;}
li.homeblogsmenu {
  list-style-type: none;
  padding: 4px 4px 4px 16px;
}

ul.mastermenu {margin: 0px; padding: 0px;}
li.mastermenu
{
  display: inline;
  list-style-type: none;
  font-family: "Varela Round", "Verdana", sans-serif;
  font-weight: bold;
}

/******************************************************************************/
/* NATREE */

div.natree-clps{display: none; padding: 0 0 0 16px;}
div.natree-expd{display: block; padding: 0 0 0 16px;}
div.natree-uxpd{display: none; padding: 0 0 0 16px;}

span.natree-clps{cursor: pointer;}
span.natree-expd{cursor: pointer;}
span.natree-uxpd{cursor: pointer;}
span.natree-clps:before{content: '\025B6';}
span.natree-expd:before{content: '\025BC';}
span.natree-uxpd:before{content: '\025B6';}

.natree ul{margin: 0; padding: 0;}
.natree li{list-style-type: none;}

/******************************************************************************/
/* SINGLE IMAGE PAGE {SIP} */

body.sip{height:100%;margin:0px;padding:0px;}
div.sip-outer{position:fixed;left:0;top:0;right:0;bottom:0;}
div.sip-mid{max-height:100%;max-width:100%;}
div.sip-img{position:relative;left:0;top:0px;right:0;bottom:0;max-height:100%;}
img.sip{max-height:100%;max-width:100%;}