/* Font families ------------------------------------------------ */
/* -------------------------------------------------------------- */

/* FreeMono ----------------------------------------------------- */

@font-face {
	font-family: "FreeMono";
	src: url('/CB/fonts/FreeMono.otf') format('opentype'),
		 url('/CB/fonts/FreeMono.woff') format('woff'),
	     url('/CB/fonts/FreeMono.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "FreeMono";
	src: url('../fonts/FreeMonoBold.otf') format('opentype'),
		 url('../fonts/FreeMonoBold.woff') format('woff'),
	     url('../fonts/FreeMonoBold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "FreeMono";
	src: url('../fonts/FreeMonoOblique.otf') format('opentype'),
		 url('../fonts/FreeMonoOblique.woff') format('woff'),
	     url('../fonts/FreeMonoOblique.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: "FreeMono";
	src: url('../fonts/FreeMonoBoldOblique.otf') format('opentype'),
		 url('../fonts/FreeMonoBoldOblique.woff') format('woff'),
	     url('../fonts/FreeMonoBoldOblique.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

/* FreeSans ----------------------------------------------------- */

@font-face {
	font-family: "FreeSans";
	src: url('../fonts/FreeSans.otf') format('opentype'),
		 url('../fonts/FreeSans.woff') format('woff'),
	     url('../fonts/FreeSans.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "FreeSans";
	src: url('../fonts/FreeSansBold.otf') format('opentype'),
		 url('../fonts/FreeSansBold.woff') format('woff'),
	     url('../fonts/FreeSansBold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "FreeSans";
	src: url('../fonts/FreeSansOblique.otf') format('opentype'),
		 url('../fonts/FreeSansOblique.woff') format('woff'),
	     url('../fonts/FreeSansOblique.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: "FreeSans";
	src: url('../fonts/FreeSansBoldOblique.otf') format('opentype'),
		 url('../fonts/FreeSansBoldOblique.woff') format('woff'),
	     url('../fonts/FreeSansBoldOblique.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

/* FreeSerif ---------------------------------------------------- */

@font-face {
	font-family: "FreeSerif";
	src: url('../fonts/FreeSerif.otf') format('opentype'),
		 url('../fonts/FreeSerif.woff') format('woff'),
	     url('../fonts/FreeSerif.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "FreeSerif";
	src: url('../fonts/FreeSerifBold.otf') format('opentype'),
		 url('../fonts/FreeSerifBold.woff') format('woff'),
	     url('../fonts/FreeSerifBold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "FreeSerif";
	src: url('../fonts/FreeSerifOblique.otf') format('opentype'),
		 url('../fonts/FreeSerifOblique.woff') format('woff'),
	     url('../fonts/FreeSerifOblique.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: "FreeSerif";
	src: url('../fonts/FreeSerifBoldOblique.otf') format('opentype'),
		 url('../fonts/FreeSerifBoldOblique.woff') format('woff'),
	     url('../fonts/FreeSerifBoldOblique.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

/* SF Toontime -------------------------------------------------- */

@font-face {
	font-family: "SF Toontime";
	src: url('../fonts/sf_toontime-webfont.woff2') format('woff2'),
	     url('../fonts/sf_toontime-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "SF Toontime";
	src: url('../fonts/sf_toontime_bold-webfont.woff2') format('woff2'),
	     url('../fonts/sf_toontime_bold-webfont.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "SF Toontime";
	src: url('../fonts/sf_toontime_italic-webfont.woff2') format('woff2'),
	     url('../fonts/sf_toontime_italic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: "SF Toontime";
	src: url('../fonts/sf_toontime_bold_italic-webfont.woff2') format('woff2'),
	     url('../fonts/sf_toontime_bold_italic-webfont.woff') format('woff');
	font-weight: bold;
	font-style: italic;
}

/* End of fonts ------------------------------------------------- */
/* -------------------------------------------------------------- */

/* General purpose styles---------------------------------------- */
/* -------------------------------------------------------------- */

p {
	font-family: "FreeSerif";
	color: navy;
}

h1, h2, h3, h4 {
	color: rgb(192,0,0);
}

body {
	color: #666666;
	background-color: white;
}

/* Table definitions -------------------------------------------- */
/* [R1] p. 351                                                    */
/* -------------------------------------------------------------- */

/* Table for articles, publications, etc.                         */

.pubtable {
	border-spacing: 0px;
	font-family: "FreeSans";
	font-size: 90%;
}

.pubtable th, .pubtable td {
	padding: 5px 30px 5px 30px;
	border-spacing: 0px;
	font-size: 90%;
	margin: 0px;
}

.pubtable th, .pubtable td {
	text-align: left;
/*	background-color: #e0e9f0;  */
	border-top: 1px solid #f1f8fe;
	border-bottom: 1px solid #cbd2d8;
	border-right: 1px solid #cbd2d8;
}

.pubtable tr td {
	background-color: #e0e9f0;
}

.pubtable tr.even td {
	background-color: #e8eff5;
}

.pubtable .articletexthighlight {
	font-family: "FreeSans";
	
}

/* Simple table - no borders, no backgound color                   */

.simpletable {
	border-spacing: 0px;
	font-family: "FreeSans";
	font-size: 90%;
}

.simpletable th, .simpletable td {
	padding: 5px 30px 5px 30px;
	border-spacing: 0px;
	font-size: 90%;
	margin: 0px;
}

.simpletable th, .simpletable td {
	text-align: left;
/*	background-color: #e0e9f0;  */
	border-top: 1px solid #f1f8fe;
	border-bottom: 1px solid #cbd2d8;
/*	border-right: 1px solid #cbd2d8; */
}

.simpletable tr td {
	background-color: #f0ffff;
}

.simpletable tr.even td {
	background-color: #fffaf0;
}



/* Special purpose styles---------------------------------------- */
/* -------------------------------------------------------------- */

/* Some pages, e.g. ShowAuction.php, create their own style, called auctioncloseson_local */
.actioncloseson {
	display: inline-block;
	padding: 50% 50% 50% 50%;
	vertical-align: middle; 
	font-family: "SF Toontime";
	color: red;
	font-size: 2em;
	max-width: 400px;
	max-height: 200px;
	padding: 30px 30px 30px 30px;
	margin: 5px 0 17px 0;
	border: none;
	text-align: center;
	border-radius: 10px;
	background-color: rgb(0,255,255);
	box-shadow: 4px 6px 8px rgba(0,0,0,.75);
}

.articletext {
	font-family: "FreeSans";
	color: navy;
}

.articletexthighlight {
	font-family: "FreeSans";
	font-weight: bold;
	color: green;
}

.articletextcode {
	font-family: "FreeMono";
	color: rgb(192,0,0);
	font-weight: bold;
}

.articletexthighlightcode {
	font-family: "FreeMono";
	color: green;
	font-weight: bold;
}

.imagenarrowborder {
	border: 2px solid navy;
	margin-bottom: 10px;
}

.usergreeting {
	font-family: "FreeSans";
	color: rgb(209, 0, 0);
	font-size: 110%;
}


.adlet_local {
    display: inline-block;
    padding: 5% 3% 5% 3%;
    vertical-align: middle;
    font-family: "FreeSans";
    color: navy;
    font-size: 1em;
    width: 200px;
    height: 200px;
    margin: 20px 20px 0 0;
    border: none;
    text-align: left;
    border-radius: 10px;
    background-color: #7FFF00;
    box-shadow: 4px 6px 8px rgba(0,0,0,.75);
}




/* -------------------------------------------------------------------------------------- */
/* References:                                                                            */
/* [R1]	Duckett, Jon: HTML & CSS design and build websites, John Wiley & Sons, Inc., 2011 */
/* -------------------------------------------------------------------------------------- */