
<style type="text/css">



/* ********************************************************** */
/* TEST PANELS ONLY - DO NOT USE! */
/*
#wrapper {width:100%; height:800px; background-color:pink}
#left-panel {width:75%; height:600px; background-color:red;}
#right-panel {width:24.8%; height:600px; background-color:orange;}
.column1 {width:49.8%; height:400px; background-color:yellow;}
.column2 {width:49.8%; height:400px; background-color:blue;}
.column1-2 {width:100%; height:300px; background-color:green}
article {width:100%; height:200px; background-color:tan;}

*/
/* *********************************************************** */




body {
	font-size:12pt;
	background-color:#E2E2E2;
	}

* {margin:0; padding:0;}

/* ----- SET BORDER BOX MODEL FOR PRIMARY CONTAINERS ------ */

div#wrapper,
div#left-panel,div#right-panel,
div.column1, div.column2, 
div.column1-2,
article, #sidebar,
div#form1, 
div.box, article.box, .insert.box,	
.text.box, p.box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	}
	
/** ==========MAIN WRAPPER========== **/

#wrapper {	
	width:100%; height:auto;
	min-height:100%;
	margin:0; padding:0;	
	}

          
/* ===================== SELECT PAGE FORMAT & SET PANEL/COLUMN WIDTHS/HEIGHTS ================= */





/* STD FRONT-PAGE 2 COLUMN DEFAULTS */

#left-panel, #right-panel, 
.column1, .column2, 
.column1-2, 
article, #sidebar {
	position:relative;	
	display:block;
	height:auto;	
	background-color:#E2E2E2;
	}
	
/* FLOAT DEFAULTS */


#left-panel, .column1, 
.column1-2, article 
   {float:left; clear:none;}

#right-panel, .column2,
#sidebar
	{float:right; clear:none;}
	
div.box, article.box, insert.box, p.box, .box
 {float:left; clear:none;}

.left{float:left; clear:none;}
.right{float:right; clear:none;}
.nofloat{float:none; clear:none;}

	
/* CONTAINER WIDTH SETTINGS (height/background added for layout testing) */

#wrapper {width:100%; height:auto; background-color:#E2E2E2;}
#left-panel {width:75%; height:auto; background-color:#E2E2E2;}
#right-panel {width:24.8%; height:auto; background-color:#E2E2E2;}
.column1 {width:49.8%; height:auto; background-color:#E2E2E2;}
.column2 {width:49.8%; height:auto; background-color:#E2E2E2;}
.column1-2 {width:100%; height:auto; background-color:#E2E2E2;}
article {width:100%; height:auto; background-color:#E2E2E2;}
/* sidebar widths in sidebar section */



/* INSURE BORDERS ARE EXPOSED ON 'BOXED' CONTAINERS */

div.box, article.box, .insert.box, .text.box, p.box {
	width:98%;}

*/

/* PADDING AND MARGIN DEFAULTS - ALL OTHER CONTAINERS */

#left-panel {margin:0; padding:0 0.2em 0 0.2em;} 
#right-panel {margin:0; padding:0 0 0 0;}
.column1 {margin:0; padding:0 0.2em 0 0 0.2em;}
.column2 {margin:0; padding:0 0.2em 0 0.2em;}

.column1-2 {margin:0; padding:0 0.2em 0 0;}

article {margin:0; padding:0 0.2em 0 0.2em;}
/* sidebar margins in sidebar section */


div.box {margin:0 0 0 0; padding:0 0 0 0;}
article.box {margin:0 0 0 0; padding:0 0.5em 0 0.5em;}
.insert.box {margin:0 0 0 0; padding:0 0.5em 0 0.5em;}
.text.box {margin:0 0.5em 0 0.5em; padding:0 0.2em 0 0.2em;}
p.box {margin:0 0 0 0; padding:0 0 0 0;}


p.slug {margin:0 0 0 0; padding:0 0.5em 0 0.5em;}
p.headline {margin:0 0 0 0; padding:0 0.5em 0 0.5em;}
p.lede {margin:0 0 0 0; padding:0 0.5em 0 0.5em;}
p.text {margin:0 0 0.3em 0; padding:0 0.5em 0 0.5em;}

article {
	display:block;
	word-wrap:break-word;
	font-style:normal;
	font-variant:normal;
	font-size:1.1em;
	font-family:Verdana,arial,tahoma,"times new roman",sans-serif;    /* unnecessary but good reference */
	line-height:1.1em;   /* improve readability */ 
	text-decoration:none;
	vertical-align:baseline;   /* assert default */
	}
	

/* FIXED HEIGHT, READY-MADE BOXES FOR SPECIAL INSERTS, IMAGES, ETC. */

.column1-400, .column2-400, .column1-2-400,
.column1-500, .column2-500, .column1-2-500,
.column1-600, .column2-600, .column1-2-600,
.column1-800. .column2-800, .column1-2-800
 {
	position:relative; display:block;
	margin:0; padding:0;
	clear:none;
	word-wrap:break-word;
	font-size:0.9em;
	font-family:Verdana,arial,sans-serif;
	}
	
.column1-400, .column2-400, .column1-2-400 {height:400px; width:49.8%}
.column1-500, .column2-500, .column1-2-500 {height:500px;}	
.column1-600, .column2-600, .
column1-2-600 {height:600px;}	
.column1-800, .column2-800, .column1-2-800 {height:800px;}	



	
/* DUMMY COLUMNS TO RESERVE SPACE - HEIGHT MUST BE SET IN MARKUP */



.colx1-dummy {width:48%;} 
.colx2-dummy {width:96%;}

	
.colx1-dummy{
	position:relative;	
	display:block;
	height:auto;
	margin:0; padding:0;
	clear:none; 
	background-color:#E2E2E2;
	}        

	

/* BOX DECORATION & VERTICAL ALIGNMENT CONTROLS */ 

article.box, div.box, .insert.box,
.text.box, p.box {
	border:1px solid black;
	padding-top:0.5em;
	line-height:1em;
	}

.box.dash {border-style:dashed;}
.box.dot {border-style:dotted;}
.box.dbl {border-style:double}
.box.hvy {border:2px solid black;}	
	
.box.b-red{border-color:red;}
.box.b-blue{border-color:blue;}
.box.b-green{border-color:green;}
.box.b-yellow{border-color:yellow;}
.box.b-brown{border-color:brown;}
.box.b-tan{border-color:tan;}
.box.b-orange{border-color:orange;}
.box.b-indigo{border-color:#400082;}
.box.b-coral{border-color:#F08080;}
.box.b-ltblue{border-color:#ADD8E6;}	
	
/* PRIMARY CONTENT STRUCTURES */

/* VERTICAL LINE ENCLOSURE */

article.vleft {
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:black;
	padding-left:2em;
	}

article.vright {
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:black;
	padding-right:2em;
	}

	
/* STANDARD STORY HEADER TYPE SETTING ELEMENTS */

/* Header Element Defaults */
		   
p.date, p.slug, p.headline, p.lede {
	text-align:left;
	text-indent:0 
	}
	
p.date {
	font-family:calibri, ariel, lucida, "sans serif";
	font-size:0.8em;
	text-decoration:none;
	color:blue;
	}
p.slug {font-size:1.2em; 
		line-height:1.4em; 
		font-weight:bold; 
		font-style:italic; 
		text-decoration:underline; 
		margin:.4em 0 .6em 0;
		}
p.headline {font-size:1.5em; 
		font-weight:bold; 
		line-height:1.2em; 
		margin-bottom:0.5em;
	}
p.lede {font-size:1.2em; 
	font-weight:400;
	line-height:1,4em;
	text-align:left;
	font-style:italic; 
	font-family:Lucida,georgia,serif;
	padding-bottom:1.2em;
	}
	
p.ledein {
	font-size:0.9em; 
	font-weight:400;
	line-height:1.1em;
	text-align:justify;
	font-style:italic; 
	font-family:Lucida,georgia,serif;
	padding-bottom:1.2em;
	}	
p.ledein::first-line {text-align:left}

p.text {
	text-align:justify;
	text-indent:1em;
	font-size:0.9rem;
	text-indent:1em;
	line-height:1.1em;
	word-wrap:break-word;	
	}
	

/* continue slugs */

/* continue slugs */

p.slug-continue1,
p.slug-continue2 {
	width:auto;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.4em;
	text-decoration:underline;
	}
	
p.slug-continue1::after,
p.slug-continue2::after,
p.slug-continue3::after,
p.slug-continue4::after {
	font-size:0.8em;
	padding-left:2em;		
	font-weight:300;  
	white-space:pre;
	}

p.slug-continue1::after {		
	content:"(from page 1)\a\a";
	}
p.slug-continue2::after {		
	content:"(from page 2)\a\a";
	}
p.slug-continue3::after {		
	content:"(from page 3)\a\a";
	}

	

/* TWO COLUMN BLOCK TYPE SETTING */


column1-2 p.slug {font-size: 1.4em; margin-bottom:4em;}

.column1-2 p.headline {font-size: 1.6em;  line-height:90%;}

.column1-2 p.lede {
	line-height:1.1em;
	font-size:1.1em;
	font-weight:400;
	font-style:italic;
	margin-bottom:0em;
	}



/* STORY & GENERAL LIST CONTROLS */




article ul li,
p.text ul li {
			font-size:0.9em;
			line-height: 1em;
			padding: 0.5em .4em 0 1em;
			border-bottom: 1px dotted #DADADA;
			}

		


ul.none, ul{list-style:none inside;}
ul.disc{list-style:disc inside;}	


/* SPECIAL SECTION CONTROL -  SIDEBAR FORMS & READMORE */




/* *************** SIDEBAR STYLING **************** */

div#sidebar, div#form1 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	}
	
#sidebar {
	position:relative;	
	display:block;
	height:auto;	
	background-color:#E2E2E2;
	}
	
#sidebar
	{float:right; clear:none;}
	
#sidebar {width:100%; height:auto; background-color:#E2E2E2;}
#sidebar {margin:0 0 0 0; padding:0 0.5em 0 0.5em;}



	
div#sidebar p.section-title {
	display:block; clear:both;
	font-family:Palatino,Georgia, "Calisto MT","Times New Roman", serif;
	font-size:1em;
	font-weight:700;
	text-decoration:none;
	line-height:1.2em;
	padding:0 0 0 0; 
	margin-top:1.4em;
	margin-bottom:0.6em;
	color:#000080;
	}
	
	
#sidebar ul {list-style-type:none;}


div#sidebar li {
	margin:0; padding:0; 
	line-height:1.4em;
	border:none;
	font-style:normal;
	color:blue;
	}

#sidebar .tags {
	padding: 20px;

	margin-left:2em;
	}
#sidebar .tags a {
	color: #808080;
	}
#sidebar .tags a:hover {
	color: #0A3C6F;
	text-decoration: none;
	}
	

#sidebar .imgbox {
	 height:auto;
	margin:1em auto 1em auto; padding:0;
	display:inline-block;
		
	vertical-align:middle;
	
	}


	
/** END sidebar **/


/* ****************** FORMS CONTROL *********************** */


div#form1 {
	clear:both;
	width:88%; height:auto;
	margin-bottom:2em; padding-left:1em;
	}
#contact {
	width:100%; height:auto; 
	padding: 0.6em; 
	background: #DADADA; 
	border: 2px solid #b22222;
	}

#email, #namefield {
	display:inline; 
    width:90%; height:1.6em;
	line-height:1.6em;
	
	font-size: 1.1em; 	/* background: url(images/email.png) 5px no-repeat #fff; */
	color: black; 
	padding-left:20px; 
	border: 4px solid #696969;
	}
	
/* clearing email placeholder on focus */
	
input#email:focus::-webkit-input-placeholder, 
input#namefield:focus::-webkit-input-placeholder {
    color: transparent!important;	
	}
input#email:focus::-moz-placeholder, 
input#namefield:focus::-moz-input-placeholder {
    color: transparent!important;	
	}


#subscription {
	padding:0; margin:0;
	height:1.6em; width:1.6em;
	background: #DADADA; 
 
	text-shadow: none; 
	color: black;
	}

#submission,#help,#permission{
	display:block;
	height:1.6em; width:1.6em;
	margin:0;	
	}

#sendform1 {
	display:inline-block;
	padding:0em; margin:0.3em;
	margin-top:1.2em;
	color:black; 
	height:2em; width:auto; 
	text-align:left;
	}

#feedback textarea{
		padding:0; margin:0;
		margin-bottom:2em;
		font-size:1em;
		font-weight:400;
		text-align:left;
		color:blue;
		}
		

	
#form1 label {
	
	max-width:100%;	
	color:black;
	font-weight:bold;
	font-size:1em;	
	text-align:left;
	white-space:normal;
	word-break:normal;
	word-wrap:break-word;

	}

	
label {
	font-size: 1em;
	color: #4d4d4d;
	cursor: pointer;
	display: block;
	font-weight: normal;

	margin-bottom: 0;
	}

.label-wrap input[type="checkbox"]{
	width:auto; height:2em;
	margin:0; padding:0;
	} 
.label-wrap input[type="radio"] {
	width:100%; height:2em;
	margin-top:0; padding:0;
	}

.label-wrap span{
	margin: 0 0 0 1.5em;
	display: block;
	}

	

/* ********************* ARTICLE AND READMORE CLOSURE *********************** */
	
/*  READMORE CLOSURE */
	
.readmore {
	position:relative;
	float:right; clear:none;
	width:100%; height:auto;
	display:block;
	margin:0 0 1em 0; padding:0.5em 1em 0 0;
	}
		
a.readmore  {
	font-size:1.1em;
	font-family:"ariel narrow", ariel, lucida, serif;
	font-style:italic;
	text-align:right;
	color:blue;
	}
/*			
a.readmore:link {
	color:blue;
	text-decoration:underline;
	}

a.readmore:visited {
	color:#b22222;
	text-decoration:underline;
	}
a.readmore:hover {
	color:#003333;
	text-decoration:underline;
	}
*/			 
	
/* GENERAL TYPE SETTING CONTROLS */


p.I {font-style:italic}
p.U {text-decoration:underline; line-height:1.2em;}
p.O {text-decoration:overline;}
p.NODEC {text-decoration:none;}
p.plain {font-style:normal;}
p.Lt {font-weight:300;}
p.B, p.Bold {font-weight:bold;}
p.Drk {font-weight:700;}

p.txtcenter {text-align:center;}
p.txtleft {text-align:left;}
p.txtright {text-align:right;}
p.justify {text-align:justify;}

p.h6 {font-size:0.8em;}
p.h6x {font-size:0.9em;}
p.h5 {font-size: 1em;}
p.h4 {font-size:1.2em;}
p.h3 {font-size:1.4em;}
p.h3x {font-size:1.5em;}
p.h2 {font-size:1.6em;}
p.h2x {font-size:1.7em;}
p.h1 {font-size:1.8em;}
p.h1x {font-size:2em;}
p.h1xx {font-size:3em;}	

p.red {color:red;}
p.blue {color:blue;}
p.green{color:green;}
p.orange {color:orange;}
p.purple {color:purple;}
p.brown {color:brown;}
p.tan {color:tan;}
p.white {color:white;}
p.black {color:black;}	



/* COMPOSING ROOM & MAKEUP */



div.dummybox {
	border:0;
	display:block;
	margin:0; padding:0;
	width:100%; height:auto;
	}

/* SPACER TO RESET EVEN COLUMNS BOTTOM */

em.columnstop {width:100%; height:1px;
				 float:left; clear:both;
				 display:block; 
				 margin:0; padding:0;
				 border:none; 
				 Background-color:none;
				 }
				 
hr.blank  {
  clear:      both;
  margin:     0;
  display:    block;
  height:1em;
  visibility: hidden;
  }
  
  	
/* -30-EM CLOSURE */


hr.thirty-em { 
	display:block;
	height:1px; width:95%;
	overflow:hidden;
	margin:.5em 0 0.5em 0; padding:0;
	margin-left:2%;
	border:0; border-top:1px solid black;
	color:black; background-color:#E2E2E2;
	border-left:none; border-right:none;
	}
	
hr.thirty-em.lt {height:.1px; }
hr.thirty-em.med {height:2px; }
hr.thirty-em.hvy {height:3px; }


/* ==============  FOOTER ================= */

//* ==============  FOOTER ================= */

div#footer  a{}					/* must come first in footer rules ??? */

div#footer {
	position:relative; clear:both;
	margin:0; padding:2em;
	height:8em; overflow:hidden;
	min-width:100%; width:100%;
	background-image:url("../images/banners/sunrise.jpg");
	 background-color:black; 
	
	 }
	 
#footer ul {display:inline-block;
	width:100%; height:auto;
	margin-top:8em;
	
	}
#footer li {display:inline;}              /* horizontal alignment */        

#footer li a {	
	width:100%;           /* divide total by #of list items */
	margin:0 2%; padding:1em;
	color:#E2E2E2;
	text-decoration:none; border:0;
	}
	

	
				 	


/*  #LINK-NAMES USED FOR ARTICLES ON THIS PAGE */
/*
DEBUT  - Welcome to the Z
EVERYWHERE - Invitation to start up a Z
OILTRAIN -  Oil Trains article
DEJAVU -  Preemptive safety for deep-sea drilling
WHATNAME - Anonymity & the Z
WAIT   - Glimpses of things to Z-come
WARREN-OSH  - The closing of Orchard Hardware
WATER  - Saving Water
UNLINK - On the Z not linking to Bee Stories
OMOIYARI - Note on Sadako and omoiyari
*/

/* TESTING AREA ONLY */


</style>
