body {font-family:"arial","verdana", sans-serif; color: #000000;
	font-size:1em;
	background-color: rgb(245,255,235);
	margin:0px;
	padding:0px; ;}
	
/* Links characteristics for all links follow (words and number links) */
	   
a:link { color: #000000; text-decoration: none }
a:active { color: #ff6600; text-decoration: none }
a:visited { color: #000000; text-decoration: none }
a:hover {font-weight:bold; color: #ff6600; text-decoration: none }

/* an attempt at "You are here" navigation: */

#u_r_here {font-weight:normal; color: #ff6600; text-decoration: none;}


/* I keep trying unsuccessfully to center the div's for the main nav. links and logos with a style:

.center_divs  {
margin-left:auto; margin-right:auto;} */

.logo_w_pict   {
	margin-left:auto; margin-right:auto; text-align: center;
	/* min-width: 30%; max-width: 530px; max-width: 5in; 
	moved this code to index page;  couldn't seem to get CSS to establish sizing*/
	padding-top:4%;
	padding-bottom:3%;}

.typ_logo   {
	margin-left:auto; margin-right:auto; text-align: center;
	/*	width: 383px; min-width: 20%; max-width: 4in;  max-width: 383px; */
	/*max-width: 26em; this f-ing thing doesn't work either*/
	padding-top:1.3em; /* had percent here first, but seemed to load inconsistently */
	padding-bottom:0%;}

/*.buttons_1  {
padding: 0em;  border:0;  border-width:0; }  */

.index_links
	{width:100%; /*display:inline;*/ text-align:center;
	margin-left:auto; margin-right:auto;
	/*to create a separate control over index page nav. -- allowed .proj_links
	to be developed for a different purpose */  }

/* was the goverining style for button links at Projects page; repalced by button links
.proj_pg_links {width:100%; display:inline; text-align:center;
	margin-left:auto; margin-right:auto; /*border-width:0px; 
	border-style:hidden; border-color:rgb(245,255,235) none of this works;
	use border="0" in the html!! } */ 

.jka_address  { font-family:"times new roman",times,serif;
	text-align: center; font-variant: small-caps; margin-bottom:12em; }

.rule_color {width:100%; border-bottom:1px; color: #ff6600; border-color: #ff6600; }

/* big struggle trying to lock nav. bar to bottom of browser window: */

#hold_bottom  {clear:both; width:100%; text-align:center; position:fixed; bottom:1%;
	background-color: rgb(245,255,235);}

/* the following is the class set-up for my main nav. links*/

.jka_links ul {
	width:100%; text-align:center; }
	
.jka_links li {
	font-family:arial,verdana, sans-serif;  font-size:1.1em; /*font-variant: small-caps;*/
	padding: 3.5em; display:inline; border-width:0px; border-style:hidden;
	border:0; /*width:130%;*/ }

/*attempt to set up separate characteristics for the thumbnail links: */

.button_links {/* just for the 'WORK' projects page(s)  */
	width:95%; 
	text-align:center;
	margin-top:0; 
	margin-bottom:3em;
	margin-left:auto;
	margin-right:auto;
	border-width:0px;
	padding: 2em;
}

.button_links ul {  /* special style just for projects ul */
	width:90%; 
	margin:0 auto;
	display:inline; /* -block ?? */
	list-style:none;  /* mjr */
	text-align:center;
	/*text-indent:0px; trying to see if I can get rid of extra indentation at beg. of ul*/
	/*list-style-position:inside;  2nd attempt to get rid of extra indentation
	at beg. of ul.   also no help*/
	
}

.button_links li { /* special style just for projects li */
	display:inline-block;
	list-style-type:none;
	padding:10px;
}

.number_links li {
	font-family:arial,verdana, sans-serif;  font-size:1.0em; /*text-align:center; float:left;*/
	padding: 0.0em; display:inline; border:0; text-align:left;  border-width:0px;
	margin-bottom:0.25em; margin-left:0em; margin-right:2.45em; }
	
/*
.spacer  {
	margin-left:20%;  /*the damn float:left command in the button links destroys
	the centering of these elements - any way to force them to move over?
	float:left;
	}  */

.portfolio_shot  {
	height: 384px; max-height: 55%; min-height: 40%;
	/*max-height: 384px;  all images are 384px high, so things will default to this
	height if they can, right?  */
	/*trying to deal with small, low-res. monitors*/
	border-style:none; border-width:0px;
	border-style:hidden;
	border:0;
	/*margin-right:2%; float:left;*/}
	
/*
.shot2  {
	min-height: 50%; max-height: 384px; margin-left:3%; border-width:0px; /*float:left;}
this was intended to serve as the 2nd photo, but formatting not necessary?*/

.shot_block  {
	display:inline; float:left;	margin-right:3%; /* border-style:none;
	border-style:hidden; border-width:0px;*/ }

.proj_descrip  {
	display:inline; text-align:left; max-width:50%;}

.proj_pg  {
	margin-left:3%; margin-right:3%; 
	margin-bottom:20em; /*this appeared necessary to deal with content on low-res. monitors, 
	but has problem that it puts margin below last text - not bottom of "block;"
	try a BR at bottom of proj_pg instead -- nope, that didn't work either*/
	}

h1  {font-weight:normal; font-size:1.3em; line-height:2.0em;}

h2  {font-weight:normal; font-size:1.2em; line-height:1.8em;}

h3  {font-weight:normal; font-size:1.1em; line-height:1.0em; text-align:left;}

h4  {font-weight:normal; font-size:1.0em; line-height:0.9em; text-align:left; 
	/*color:#222222*/}

p  {font-weight:normal; font-size:0.9em; /*color:#222222;
	color:red; for test.  AAR thought body text shld be differentiated from headings*/ }

#scroll_text  {min-height: 50%; max-height: 4in; max-height: 360px;
	overflow:auto; scrollbar-face-color: #ff6600;}

.by_line {font-weight:normal; text-align:left; font-size:0.7em; line-height:1.1em;
	}

.shot_toggle {font-weight:normal; text-align:right; font-size:0.7em; line-height:0.0em;}

/* Comment: End of style file */