@charset "UTF-8";

/** { border: 1px solid black; } */


#container {
	margin-left: 20px;
	width: 100%;


border: gray solid 0px;
}

#header {
    float: left;
    height: auto;
    width: 100%;
	background: #FFFFFF; 
}

/* GLOBAL NAVIGATION .................. */

/*	
img.fixed {
	vertical-align: text-top;
	position: absolute;

	left: 150px;
	margin-bottom: 50px;
}
*/

#leftmargin {
	height: 100%;
	float: left;
	background: #FFFFFF;
	z-index: +1;
}

img.banner {
	vertical-align: text-top;
	float: left;
	display: block;
	position: absolute;
	left: 125px;
	top: 0px;
	z-index: +1;
}

img.scroll {
	vertical-align: text-top;
	margin-left: 0px;
	padding-right: 40px;
	position: absolute;
	z-index: +1;
	}

#nav {
	min-height: 10px; 
	min-width: 600px;
	float: left;
	font-size: 120%;
	border: 0px solid gray;
	margin: 0;
	/*text-align: right;*/
	list-style-type: none;
	text-decoration: none;
	left: 0px;
	text-align: center;
	z-index: +1;
}

#nav .menu	{
	color: rgb(102, 0, 0);
	/*float: left;*/
	padding: 0px 0px 0px 0px;
	border: 0px solid red;
	margin-left: 0px;
	text-align: left;
	list-style-type: none;
	text-decoration: none;
	left: 0px;
	display: inline;
	z-index: +1;
}

/*
#nav .menu	{
	color: rgb(102, 0, 0);
	/*float: left;*/
	/*position: fixed;
	padding: 0px 0px 20px 0px;
	border: 1px solid red;
	margin-left: 0px;
	text-align: left;
	list-style-type: none;
	text-decoration: none;
	left: 198px;
	display: inline;
	z-index: +1;
}
*/

	
.submenu  ul{
	display: block;
	list-style-type: none;
}

a:link.samepagebotnav  li	{
	color:  #3B0B0B;
}

h23	{
	color: #000000;		
	font-family: Yanone Kaffeesatz, 'Scada', Trebuchet MS, sans-serif;
	font-weight: normal;
	font-variant: none;
	text-transform: uppercase;
	font-size: 115%;
	letter-spacing: .25px;
}
	/*
h23	{
	color: #000000;		
	font-family: 'Scada', Trebuchet MS, sans-serif;
	font-weight: bold;
	font-variant: none;
	text-transform: uppercase;
	font-size: 90%;
	letter-spacing: 0px;
}	
	*/
#nav li {
	float: left; 				
	padding-right: 25px;
	font-size: 100%;
	border: 0px solid gray;
	text-transform: uppercase;	
	list-style-type: none;
	text-align: left;
	display: inline;
	z-index: +1;
}

h3	{
	color: #000000;		
	font-family: Yanone Kaffeesatz, 'Scada', Trebuchet MS, sans-serif;
	font-weight: normal;
	font-variant: none;
	text-transform: uppercase;
	font-size: 150%;
	letter-spacing: 1px;
}

h13	{
	color: #000000;		
	font-family: Yanone Kaffeesatz, 'Scada', Trebuchet MS, sans-serif;
	font-weight: normal;
	font-variant: none;
	text-transform: uppercase;
	font-size: 140%;
	letter-spacing: 1.5px;
}

#thoughtcontent {
	max-width: 40%;
	float: left; 
    background: none; 
	margin-top: 0px;
    margin-left: 170px;
    margin-right: 20px;
	padding: 0px 0px 0px 0px;
	border: 0px solid gray;
	font-family: 'Jacques Francois', Georgia, serif; 
	font-size: 90%;
	line-height: 140%;
	z-index: +1;
}

li.Jacques {
	font-size: 100%;
	font-family: 'Jacques Francois', Georgia, serif; 
}

#haikuaside {
	float: left; 
	min-width: 100px;
	max-width: 30%;
	line-height: 110%;
	border: 1px solid gray;
	margin: 20px 0px 0px 20px;
	padding: 20px 20px 20px 20px;
	background: #FFFFFF;
	display: inline;
}

#haikuaside ol{
	margin-left: 15px;
	padding: 0px;
	font-family: Jacques Francois, Georgia, serif;
	line-height: 90%;
	font-size: 100%;
	font-weight: normal;
	letter-spacing: 0px;
	list-style: decimal;
	list-style-position: outside;
}

#haikuseries {
	float: left; 
	min-width: 100px;
	max-width: 30%;
	line-height: 110%;
	border-left: 1px solid gray;
	margin: 80px 0px 0px 20px;
	padding: 0px 20px 20px 65px;
	background: #FFFFFF;
	display: inline;
}

/*
#haikuseries {
	margin-left: 50px;
	border: 1px solid gray;
}
*/

/*
THIS IS THE CODE THAT IS CONTROLLING THE NAV SUBHEADS
*/

h8 	{
	color:  #990000;
	font-size: 70%;
	font-family: 'scada', Trebuchet MS, sans-serif;
	font-weight: bold;
	list-style-type: none;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .5px;
}
	
a:link h8 	{
	color:  #990000;
	font-size: 70%;
	font-family: 'scada', Trebuchet MS, sans-serif;
	font-weight: bold;
	list-style-type: none;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .5px;
}

a:visited h8{
	color: #990000;
	background: white;
	font-weight: bold;
	list-style-type: none;
	text-transform: uppercase;
	text-decoration: none;
}	

a:hover h8 {
	color: #CCCC00;
	background: white;
	font-weight: bold;
	list-style-type: none;
	text-transform: uppercase;
	text-decoration: none;
}

a:active h8 {
	color: #990000;
	background: white;
	font-weight: bold;
	list-style-type: none;
	text-transform: uppercase;
	text-decoration: none;
}	




/* the h7 links below control the subsubheads navs that appear only on the PORTFOLIO page
AND
it's the comma in the code just below that maintains NO TEXT DECORATION: meaning there are no underlines under links. If you remove the comma, the lines show up & the links are ugly
This is the reason the bottom nav isn't working as designed. Must fix.*/
a:link, h7 	{
		color:  #990000;
		font-size: 105%;
		background: white;
		font-family: Yanone Kaffeesatz, sans-serif;
		font-weight: bold;
		list-style-type: none;
		text-transform: uppercase;
		text-decoration: none;
}

a:visited h7{
		color: #990000;
		font-size: 105%;
		background: white;
		font-family: Yanone Kaffeesatz, sans-serif;
		font-weight: bold;
		list-style-type: none;
		text-transform: uppercase;
		text-decoration: none;
}	

a:hover h7 {
		color: #CCCC00;
		font-size: 105%;
		background: white;
		font-family: Yanone Kaffeesatz, sans-serif;
		font-weight: bold;
		list-style-type: none;
		text-transform: uppercase;
		text-decoration: none;
}

a:active h7 {
		color: #990000;
		font-size: 105%;
		background: white;
		font-family: Yanone Kaffeesatz, sans-serif;
		font-weight: bold;
		list-style-type: none;
		text-transform: uppercase;
		text-decoration: none;
}	
/* like: 	color: #780000;*/


a.textlink {
		color: rgb(102, 0, 0);
		font-size: 90%;
		background: white;
		font-family: Scada, Trebuchet MS, sans-serif;
		font-weight: bold;
		list-style-type: none;
		text-transform: uppercase;
		text-decoration: none;
		border-bottom: 1px black dotted;
}

a:visited.textlink {
		color: rgb(102, 0, 0);
		font-size: 90%;
		background: white;
		font-family: Scada, Trebuchet MS, sans-serif;
		font-weight: bold;
		list-style-type: none;
		text-transform: uppercase;
		text-decoration: none;
		border-bottom: 1px black dotted;
}	

a:hover.textlink {
		color: #CCCC00;
		font-size: 90%;
		background: white;
		font-family: Scada, Trebuchet MS, sans-serif;
		font-weight: bold;
		list-style-type: none;
		text-transform: uppercase;
		text-decoration: none;
		border-bottom: 1px black dotted;
}

a:active.textlink{
		color: #9E0508;
		font-size: 90%;
		background: white;
		font-family: Scada, Trebuchet MS, sans-serif;
		font-weight: bold;
		list-style-type: none;
		text-transform: uppercase;
		text-decoration: none;
		border-bottom: 1px black dotted;
}	

.list {
	display: list-item;
	list-style-position: outside;
	margin-left: 15px;
}

p.textlink {
		color: rgb(102, 0, 0);
		font-size: 90%;
		background: white;
		font-family: Scada, Trebuchet MS, sans-serif;
		font-weight: bold;
		list-style-type: none;
		text-transform: uppercase;
		border-bottom: 1px black dotted;
		display: list-item;
		list-style-position: outside;
		margin-left: 15px;
}

p:visited.textlink {
		color: rgb(102, 0, 0);
		font-size: 90%;
		background: white;
		font-family: Scada, Trebuchet MS, sans-serif;
		font-weight: bold;
		list-style-type: none;
		text-transform: uppercase;
		border-bottom: 1px black dotted;
}	

hover.textlink {
		color: #CCCC00;
		font-size: 90%;
		background: white;
		font-family: Scada, Trebuchet MS, sans-serif;
		font-weight: bold;
		list-style-type: none;
		text-transform: uppercase;
		border-bottom: 1px black dotted;
}

active.textlink{
		color: rgb(102, 0, 0);
		font-size: 90%;
		background: white;
		font-family: Scada, Trebuchet MS, sans-serif;
		font-weight: bold;
		list-style-type: none;
		text-transform: uppercase;
		border-bottom: 1px black dotted;
}	

.smallerJacques  li {
	margin: 0px;
	padding: 0px;
	font-family: Jacques Francois, Georgia, serif;
	line-height: 130%;
	font-size: 90%;
	font-weight: normal;
	letter-spacing: 0px;
	border: 0px solid gray;
}
	
h5, em.commend {
	color: black;
	font-family: 'Jacques Francois', Georgia, serif;
	font-size: 75%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
}	

.editsImake	{
	color: maroon;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 200%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	/*line-height: 40%;*/
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 0px;
	border: 0px gray solid;
}

p.edittext {
	font-family: 'scada', 'Trebuchet MS', sans-serif;
	font-size: 105%;
}

em.sign {
	font-family: 'scada', 'Trebuchet MS', sans-serif;
	font-size: 97%;
	text-transform: uppercase;
	font-style: normal;
}


p.sidetext {
	font-family: 'scada', 'Trebuchet MS', sans-serif;
	font-size: 95%;
}

p.seriestext {
	font-family: 'scada', 'Trebuchet MS', sans-serif;
	font-size: 95%;
}

p.smallerscada {
	font-family: 'scada', sans-serif;
	font-size: 80%;
}

li.edittext {
	font-family: 'scada', sans-serif;
	font-size: 90%;
	margin: 12px, 0px, 12px, 0px;
	line-height: 130%;
}

#thoughtaside cite {
	font-size: 110%;
}

strong.top10 {
	color: #990000;
	font-family: Romanesco, display;
	font-size: 180%;
	font-style: normal;
	font-weight: normal;
}

p	{
	font: Jacques Francois, Georgia, serif;
	font-size: medium; 
	line-height: 140%;
}

a:link.scada {
	color: rgb(102, 0, 0);
	font-family: 'Scada', sans-serif;
	font-size: 90%;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0px;
	text-decoration: none;
	border-bottom: 1px black dotted;
}

p li	{
	font-family: Jacques Francois, Georgia, serif;
	font-size: 100%;
}

p.Jacques	{
	font-family: Jacques Francois, Georgia, serif;
	font-size: 100%;
}

p.sonic	{
	font-family: Jacques Francois, Georgia, serif;
	font-size: 80%;
}

strong.thoughts {
	font-size: 118%;
	font-weight: normal;
}

cite	{
	font-family: 'IM Fell DW Pica', Georgia, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 110%;
}	


strong.line {
  text-decoration-line: line-through;
  font-weight: normal;
}


/* this controls the visible "link" on the webpage */
a.tooltip {
	outline: none; 
	font-family: Jacques Francois, Georgia, serif;
	text-transform: none;
	font-weight: normal;	
	color: dark red;
	font-size: 110%;
} 

/* this controls the strong style inside the tooltip*/
a.tooltip strong{
	outline: none; 
	font-family: 'scada', sans-serif;
	text-transform: none;
	font-weight: normal;	
	color: dark red;
	font-size: 80%;
} 

/* this controls the cite style inside the tooltip*/
a.tooltip cite {
	font-family: 'IM Fell DW Pica', Georgia, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 90%;
}

a.tooltip:hover {
	text-decoration: none;
}

/* this controls the "box" of the tooltip itself*/
a.tooltip span { 
	display: none; 
	padding: 10px; 
	width: 240px; 
	line-height: 17px; 
	text-align: left;
	visibility: visible;
} 

a.tooltip2 span { 
	display: none; 
	padding: 0px; 
	width: 240px; 
	line-height: 1px; 
	text-align: left;
	visibility: visible;
} 

a.tooltip:hover span{ 
	display:inline; 
	position:absolute; 
	color: black; 
	border: 1px solid gray; 
	background: white;
	border-radius: 0px;
}

a.tooltip2:hover span{ 
	display:inline; 
	position:absolute; 
	color: black; 
	border: 0px; 
	background: white;
	border-radius: 0px;
}
	
.callout {
	z-index: 20;
	position:relative;
	float: right;
	top:0px;
	border: 1px black;
	left:0px;
}
	
/*	
p:first-line
{
font-size: large;
} */
	
strong.scada	{
		color: #660000;
		font-family: 'Scada', Trebuchet MS, sans-serif;
		font-weight: normal;
		font-variant: small-caps;
		font-size: 90%;
		letter-spacing: .25px;
		}
			
small 	{
		font-family: 'Scada', Trebuchet MS, sans-serif;
		font-size: x-small;
		text-transform: none;
		}
	
strong.toptenentry	{
	color: #000000;		
	font-family: 'Scada', Trebuchet MS, sans-serif;
	font-weight: bold;
	font-variant: none;
	text-transform: uppercase;
	font-size: 90%;
	letter-spacing: .75px;
}

em.toptenentry	{
	color: #990000;		
	font-family: 'Scada', Trebuchet MS, sans-serif;
	font-weight: bold;
	font-variant: none;
	text-transform: uppercase;
	font-size: 90%;
	letter-spacing: .75px;
	font-style: none;
}

p.smallerJacques  ul {
	margin: 10px;
	padding: 10px;
	font-family: Jacques Francois, Georgia, serif;
	line-height: 130%;
	font-size: 90%;
	font-weight: normal;
	letter-spacing: 0px;
}

em.mantra {
	color: black;
	font-family: Jacques Francois, Georgia, serif;
	font-size: small;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
}

p.mantra {
	font-family: Jacques Francois, Georgia, serif;
	line-height: 130%;
	font-size: 100%;
	font-weight: normal;
	color: black;
	text-align: right;
	letter-spacing: 0px;
}

p.smallerJacques {
	font-family: Jacques Francois, Georgia, serif;
	line-height: 130%;
	font-size: 90%;
	font-weight: normal;
	letter-spacing: 0px;
}

p.smallerJFsmallcaps {
	font-family: Jacques Francois, Georgia, serif;
	line-height: 130%;
	font-size: 75%;
	font-weight: normal;
	letter-spacing: .25px;
	text-transform: uppercase;
}

.top10	{
	font-family: Jacques Francois, Georgia, serif;
}

small.top10 {
	font-family: 'Scada', Trebuchet MS, sans-serif;
	font-size: 70%;
	text-transform: none;
}

			/* PAGE FOOTER ....... */
			
#bottomnavigation {
	/*	max-width: 100%; IT'S THE "width: 100%;" CODE BELOW THAT MAKES THE GRAPHIC EMBELLISHMENT ON THE BOX*/
	width: 100%;
	float: left;
	padding: 5px;
	list-style-type: none;
	border: gray solid 1px;
	margin: 10px;
	text-align: center;
} 

#bottomnav {
	/*	max-width: 100%;  IT'S THE "width: 100%;" CODE BELOW THAT MAKES THE GRAPHIC EMBELLISHMENT ON THE BOX*/
	width: 100%;
	/*min-width: 320px;
	max-width: 600px;*/
	float: left;
	padding: 5px;
	list-style-type: none;
	border: gray solid 1px;
	margin: 0;
	text-align: center;
} 

#bottomnav li {
	padding: 5px;
	float: left;
	font-size: 90%;
	font-weight: normal;
	font-family: 'scada', Trebuchet MS, sans-serif;
	letter-spacing: 1px;
	text-align: center;
	display: inline;
}

a:link.bottomnav li {
	color:  #660000;
} 

a:visited.bottomnav li  {
	color:  #660000;
}

a:hover.bottomnav li	{
	color: #CCCC00;
}

a:active.bottomnav li	{
	color:  #660000;
}

a:link.samepagebotnav  li	{
	color:  #3B0B0B;
}

/*
a:visited.samepagebotnav  li	{
	color:  black;
}

a:hover.samepagebotnav  li	{
	color: black;
}

a:active.samepagebotnav li	{
	color:  black;
}
	*/
#credits {
    max-width: 30%;
	padding: 40px 0px 5px 0px;
	font-family: 'Scada', Trebuchet MS, sans-serif;
    clear: both;
	font-size: x-small;
	line-height: 140%;
}	

a:link.sources {
	color: rgb(102, 0, 0);
	font-family: 'Scada', sans-serif;
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0px;
	text-decoration: none;
	border-bottom: 0px black dotted;
}

a:hover.sources {
	color: rgb(102, 0, 0);
	font-family: 'Scada', sans-serif;
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0px;
	text-decoration: none;
	border-bottom: 1px black dotted;
}

#footer {
    max-width: 100%;
	padding: 30px 0px 5px 60px;
	font-family: 'Scada', Trebuchet MS, sans-serif;
	line-height: 80%;
	/*background: #FFFFFF;*/
    clear: left;
	border: gray solid 0px;
}

img.shopindie {
	float: right;
}


div#arrow {
    position:fixed;
    width:31px;
    height:87px;
    left:15px;
    bottom:30px;
	z-index:3;
	border: gray solid 0px;
}


/*		


		<p><img src="images/swirl.gif" height="11" width="18"></p>
		<br>
		
		<img src="images/swirlswashindent.gif" height="11" width="72">	

<img src="images/smallswirl-flipped.png" height="9" width="15">

<br><br>		
<img src="images/bauble.gif" height="12" width="13">
<br><br>

<br><br>		
<img src="images/flower.gif" height="22" width="24">
<br><br>

<br><br>		
<img src="images/bauble.gif" height="12" width="13">
<br><br>

<br><br>		
<img src="images/star.gif" height="17" width="22">
<br><br>

<br><br>		
<img src="images/bauble.gif" height="12" width="13">
<br><br>
		
*/