/*   CSS for http://home.iprimus.com.au/bobb777/index1.htm   */

html { background: #eef;

        /* Fixes centreing with "scrollbar/no scrollbar" http://css-tricks.com/eliminate-jumps-in-horizontal-centering-by-forcing-a-scroll-bar/   */

        overflow-y: scroll;
}

body {
	background-color: #fff;  /* NOT background (see web_design.htm ) */
	color: #000;
	font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
	margin: 20px;
	padding: 0px 20px 20px 20px;
	border: 1px solid #111;
	background-attachment: fixed;
	font-size: 13px;
}

/* Table column background */

.vline  { background: #000 }  /* black */

/* Table row backgrounds */

.col1	{ background: #4cf;  /* #04f */
	  padding: 1em;}
.col2	{ background: #4ef;  /* #08f */
	  padding: 1em;}
.col3	{ background: #49f;  /* #006 */
	  padding: 1em;}

/* Hilight colours */

.hilite1 { color: #000; background: #ddd; font-weight: bold;
	   padding-left: .5em; padding-right: .5em; }

/* Orig Paragraph headings on home-page */

/* .hd  {  font-family: "Trebuchet MS", Arial;
	font-weight: bold;
	margin-left: 0px;
	background:  #ddf;     / mauve     /
	color:       #369;     / dark blue /
	font-size:   110%
     }
*/

/* New Paragraph headings on home-page */

.hd     {  border-top: 1px solid #bcd;
	font-weight: bold;
	background: #eef0f3 url("assets/images/titlebar.png") 
	repeat-x bottom left;
/*     	font-size: 135%; */
       	font-size: 120%;
       	color: #456;
/*	padding: .3em .5em 1.7em .5em;   */
	padding: .1em .5em 1.3em .5em;
/*	margin: 0 0 -.5em 0;   */
	margin: 0 0 -0.9em 0;
	letter-spacing: 3px;             /*  June 15, 2009   */
}

.hdnew {  font-family: "Trebuchet MS", Arial;
	font-weight: bold;
	margin-left: 0px;
	background:  #ffc;     /* yellow-ish */
	color:       #f00;     /* red        */
	font-size:   100%;
	padding-left: .5em;
	padding-right: .5em
     }

/* Main heading on web-pages */

.mhd {	font-family: "Trebuchet MS", Arial;
	font-weight: bold;
	margin-left: 0px;
	color:       #fff;     /* white     */
	background:  #c60;     /* on orange */
	font-size:   110%
     }

/* Link markers (eg for ">" before "Read more") */

.mark   { color: orange; font-weight: bold }
.mark1  { color: orange; font-weight: normal }

/* Various indents */

.ind1	{ margin-left: 1em }
.ind2	{ margin-left: 2em }
.ind3	{ margin-left: 3em }
.ind4	{ margin-left: 4em }

.info1	{ font-family: Arial, "Trebuchet MS";
       	margin-left: 10px; font-size: 100% }

.info2	{ font-family: Arial, "Trebuchet MS";
       	margin-left: 20px; font-size:  80% }

.info3	{ font-family: Arial, "Trebuchet MS";
       	margin-left: 30px; font-size:  80% }

.info4	{ font-family: Arial, "Trebuchet MS";
       	margin-left: 40px; font-size:  100% }

.no	{ font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
       	font-size: 13px; color:#000; line-height:1.3em; }

.nojust	{ text-align: justify;
	font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 13px;
	color:#000;
	line-height:1.3em;
        }

.sm  { 	font-size: 12px;
	font-family: Georgia, Arial, "Trebuchet MS", Helvetica, sans-serif;
	color: #000;
	/* line-height:1.3 em; */
     }

.smjust	{ text-align: justify;
       	font-family: Arial, "Trebuchet MS";
       	font-size: 80%
        }

.tb  {	font-family: Arial, "Trebuchet MS";
	background: #09f;
	font-weight: normal;
	color: #fff;
	font-size: 100%
     } 

.tb2 {	font-family: "Comic Sans MS", Arial, "Trebuchet MS";
	background: #09f;
	font-weight: normal;
	color: #fff;
	font-size: 100%
     }

.lge { 	text-align: justify;
       	font-family: "Trebuchet MS", Arial;
       	font-size: 110%;
        font-weight: bold;
       	color: #369; /* blue-grey */
     }

.lgenew {
	-moz-border-radius: 15px;      /* Firefox */
	-webkit-border-radius: 15px;   /* Safari, Chrome */
	border-radius: 15px;           /* Opera and IE9 */
	-moz-box-shadow: 3px 3px 10px #666;
	-webkit-box-shadow: 3px 3px 10px #666;
	box-shadow: 3px 3px 10px #666;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #ccc;
	background-color: transparent; 
	color: #000000;

	text-align: justify;
       	font-family: "Trebuchet MS", Arial;
       	font-size: 110%;       /* was 100 mod Wed Oct 17 */
        font-weight: bold;
       	color: #f00;           /* red */
	background:  #ffc;     /* yellow-ish */
     }

li   { 	font-family: Arial, "Trebuchet MS";
       	font-size: 100%
     }

div  {	margin-left:  1em;    /* left and right-indents */
	margin-right: 1em;
     }

/* common background and border of text box */
pre.text,
textarea.text {
	background-color: #ffffff;
	border-color: #cccccc;
	border-style: ridge;
	border-width: 2px;
	color: #000000;
	font-size: 100%;    /* 87.5%; */
	font-style: normal;
	line-height: 1.00;  /* 1.25; */
	margin: 0em 0em 0em 0em;
	padding: 0.5em;
}

/* scrollable text box */
textarea.text {
	display: block;  /* required since textarea is inline element */
	width: 90%;  /* 93.33%; /* required since textarea is inline element */
/*  word-break: break-all;*/
}

p    { 	text-align: justify;
	font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 13px;
	color:#000;
	margin-left:  1em;    /* left and right-indents */
	margin-right: 1em;
     } 

p.no {	font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
	font-size:   13px;
	color:       #000;
	line-height: 1.3em;
     }

p.sm { 	text-align:  justify;
	font-size:   12px;
	font-family: Georgia, Arial, "Trebuchet MS", Helvetica, sans-serif;
	color:       #000;
	line-height: 1.3em;
     }

p.lge { text-align:  justify;
       	font-family: Arial, "Trebuchet MS";
       	font-size:   110%;
        font-weight: bold;
       	color:       #000
      }

/* Table data entries padded */

td	{ padding: 0em .3em 0em .3em; }

/* Horizontal Rule (dashed) */

.hrd {
	border-style: dashed;
	border-width: 1px;
	border-color: #ccc;
}

/* "More" designs */

.more1 { padding: 0em .5em 0em .5em;
	font-weight: bold;  /* BOLD before italic */
	font-style: italic; /* New 2011-5-5 */
}

/* Signature definition */

.signature {
	font-style: italic;
	font-family: "Segoe Script"; color: #000;
	font-size: 16px; font-weight: bold
}

/* Anchor definitions */

a            { text-decoration: none }
a:link       { color: #00f }
a:visited    { color: #08f }
/* a:hover   { text-decoration: underline } */
a:hover      { background-color: #eee }
a:active     { color: #000; }

/* -------------------------------- */

a.tb         { text-decoration: none }
a.tb:link    { color: #fff }
a.tb:visited { color: #0ff }
a.tb:hover   { text-decoration: underline }
a.tb:active  { color: #000; }

/* Image margins  */

.img2 { margin: 5px 0px 0px 0px;}
.img3 { margin: 0px 10px 0px 10px;}

a.img2:hover { color: #fff;
        background: none;  /* #000; */
        text-decoration: none }

a.archive:hover {
    background: none;
    border-style: none none dashed none; }

/*
 *   From John Lucke's comm page on the SPCUG:
 *   http://www.sydneypc.com/communications.html
 */

.rounded-corners15 {
	-moz-border-radius: 15px;      /* Firefox */
	-webkit-border-radius: 15px;   /* Safari, Chrome */
	border-radius: 15px;           /* Opera and IE9 */
	-moz-box-shadow: 3px 3px 10px #666;
	-webkit-box-shadow: 3px 3px 10px #666;
	box-shadow: 3px 3px 10px #666;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #ccc;
	background-color: transparent; 
	color: #000000;
}

/* Menu class c=current page, m=menu (on top and bottom of page) */

a.c, a.c2, .c, .c2 {font-family: Verdana, Arial; font-size: 12px;
        color: white;
        padding: 5px 2px 5px 2px;
        margin: 0px 0px 0px 0px;
        line-height: 35px;
        -moz-border-radius: 4px;      /* Firefox */
        -webkit-border-radius: 4px;   /* Safari, Chrome */
        border-radius: 4px;           /* Opera and IE9 */
        background: #00f;
}

a.m, a.m2 {font-family: Verdana, Arial; font-size: 12px;
        color : black    ; background: #0ff;
        padding:5px 2px 5px 2px;
        margin: 0px 0px 0px 0px;
        line-height: 35px;
        -moz-border-radius: 4px;      /* Firefox */
        -webkit-border-radius: 4px;   /* Safari, Chrome */
        border-radius: 4px;           /* Opera and IE9 */
        background: #0ff;
}

/* Menu */

a:link.m, .c    { color : black   ; }
a:visited.m, .c { color : blue    ; }
a:hover.m, .c   { color : white   ; background: blue;
        padding:5px 2px 5px 2px;
        margin: 0px 0px 0px 0px;
        line-height: 35px;
        -moz-border-radius: 4px;      /* Firefox */
        -webkit-border-radius: 4px;   /* Safari, Chrome */
        border-radius: 4px;           /* Opera and IE9 */
        text-decoration: none}
a:active.m, .c  { color : red; }

a:link.m2, .c2    { color : black; }
a:visited.m2, .c2 { color : blue; }
a:hover.m2, .c2   { color : white; background: blue;
        padding:5px 2px 5px 2px;
        margin: 0px 0px 0px 0px;
        line-height: 35px;
        -moz-border-radius: 4px;      /* Firefox */
        -webkit-border-radius: 4px;   /* Safari, Chrome */
        border-radius: 4px;           /* Opera and IE9 */
        text-decoration: none}
a:active.m2, .c2  { color : red; }

/* End */