@charset "UTF-8";

#container {
	margin: 0px auto;
	width: 100%;
}
/* 

 * {
	border: gray solid 1px;
}
*/
#header {
    float: left;
    height: auto;
    width: 100%;
	padding-bottom: 20px;
	background: #FFFFFF; 
}


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

h2	{
/*	color: rgb(139, 0, 0); */
	font-family: Yanone Kaffeesatz;
	font-size: 120%;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	list-style-type: none;
	}

h9	{
	color: rgb(102, 0, 0);
	background: white;
	font-family: Romanesco, Georgia, serif;
	font-size: 200%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0px;
	list-style-type: none;
	padding-left: 5px;
}
	
#nav .menu	{
		color: rgb(102, 0, 0);
		float: left; 
		font-size: 130%;
		min-height: 50px;
		max-width: 18%;
		padding: 0px 20px 25px 0px;
		border: 1px solid gray;
		border-style: solid;
		border-top-color: #FFFFFF;
		border-bottom-color: #FFFFFF;
		border-left-color: #FFFFFF;
		border-right-color: gray;
		margin-right: 0px;
		text-align: right;
		list-style-type: none;
		text-decoration: none;
		background: none; 
}

#nav .genres	{
		color: rgb(102, 0, 0);
		float: right; 
		font-size: 90%;
		min-height: 20;
		max-width: 18%;
		margin-right: 0px;
		text-align: right;
		list-style-type: none;
		text-decoration: none;
		background: none; 
		line-height: 18px;
}

#nav li {
		float: right; 				
		padding: 0px 0px 0px 0px;
	/*	max-height: 70px; */
		width: 250px;
	/*		overflow: auto; */	
		font-size: 100%;
		margin: auto; 
		border: 0px solid gray;
		text-transform: uppercase;		
		list-style-type: none;
		text-decoration: none;
}

/*
THIS IS THE CODE THAT IS CONTROLLING THE BOLD NAV SUBHEADS
*/	
a:link h8 	{
		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 h8{
		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 h8 {
		color: #CCCC00;
		font-size: 100%;
		background: white;
		font-family: Yanone Kaffeesatz, sans-serif;
		font-weight: bold;
		list-style-type: none;
		text-transform: uppercase;
		text-decoration: none;
}

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

#nav h7	{
	/*color: #990000;*/
	font-family: Yanone Kaffeesatz, sans-serif;
	font-size: 90%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
	letter-spacing: .5px;
}

/* 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: normal;
		list-style-type: none;
		text-transform: none;
		text-decoration: none;
}

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

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

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

/*TRYING OUT HAVING AN ADD'L SUBHEAD IN THE MENU FOR THE PORTFOLIO PAGE*/
a:link h10 	{
	color: black;
	font-family: 'IM Fell DW Pica', Georgia, serif;
	font-style: italic;
	font-weight: normal;
	font-size: 75%;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0px;
	line-height:0px;
}

a:visited h10	{
	color: black;
	font-family: Romanesco, Georgia, serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
	letter-spacing: -.5px;
}

/*THIS HOVER CODE WORKS*/
a:hover h10 {
	color: gray;
	font-family: 'IM Fell DW Pica', Georgia, serif;
	font-size: 75%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0px;
}

a:active h10 {
	color: gray;
	font-family: 'IM Fell DW Pica', Georgia, serif;
	font-size: small;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 1px;
}	




a:link h2 	{
		color: #660000;
		font-size: 120%;
		background: white;
		font-family: Yanone Kaffeesatz, sans-serif;
		font-weight: bold;
		list-style-type: none;
		text-transform: uppercase;
		text-decoration: none;
}

a:visited,h2{
		color: rgb(102, 0, 0);
		font-size: 120%;
		background: white;
		font-family: Yanone Kaffeesatz, sans-serif;
		font-weight: bold;
		list-style-type: none;
		text-transform: uppercase;
		text-decoration: none;
}	

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

a:active,h2 {
		color: rgb(102, 0, 0);
		font-size: 120%;
		background: white;
		font-family: Yanone Kaffeesatz, sans-serif;
		font-weight: bold;
		list-style-type: none;
		text-transform: uppercase;
		text-decoration: none;
}	

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.authorlink {
		color: black;
		font-size: 100%;
		background: white;
		font-family: 'Jacques Francois', Georgia, serif;
		font-weight: normal;
		list-style-type: none;
		text-transform: none;
		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;
}	



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

/* graphic as bullet:	
	list-style-image: url('sqpurple.gif'); */
	
/* MAIN CONTENT ....... 

li .swirl	{
	list-style-image: url('images/smallswirl.gif');
}
*/
#bodycontent {
	max-width: 40%;
	float: left; 
    background: #FFFFFF; 
	margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
	padding: 0px 0px 0px 20px;
	border: 0px solid gray;
	font-family: 'Jacques Francois', Georgia, serif; 
	line-height: 140%;
	font-size: medium; 
}

#writingCREDITS {
	max-width: 40%;
	float: left; 
    background: #FFFFFF; 
	margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
	padding: 0px 0px 0px 20px;
	border: 0px solid gray;
	font-family: 'Jacques Francois', Georgia, serif; 
	line-height: 140%;
	font-size: medium; 
}

#thoughtcontent {
	max-width: 38%;
	float: left; 
    background: #FFFFFF; 
	margin-top: 0px;
    margin-left: 20px;
    margin-right: 20px;
	padding: 0px 0px 0px 0px;
	border: 0px solid gray;
	font-family: 'Jacques Francois', Georgia, serif; 
	line-height: 140%;
	font-size: medium; 
}

#extracontent {
	/*max-width: 70%;*/
	min-width: 320px;
	max-width: 550px;
	float: left; 
    background: #FFFFFF; 
	margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
	padding: 0px 0px 0px 20px;
	border: 0px solid gray;
	font-family: 'Jacques Francois', Georgia, serif; 
	line-height: 140%;
	font-size: medium; 
}

#sampleedits {
	min-width: 500px;
	max-width: 650px;
	float: left; 
    background: #FFFFFF; 
	margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
	padding: 0px 0px 0px 20px;
	border: 0px solid gray;
	font-family: 'Jacques Francois', Georgia, serif; 
	line-height: 140%;
	font-size: medium; 
}

#excerpts {
	min-width: 501px;
	max-width: 525px;
	float: left; 
    background: #FFFFFF; 
	margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
	padding: 0px 0px 0px 20px;
	border: 0px solid gray;
	font-family: 'Jacques Francois', Georgia, serif; 
	line-height: 140%;
	font-size: medium; 
}

.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;
}

h1 	{
	color: rgb(102, 0, 0);
	background: white;
	font-family: Romanesco, Georgia, serif;
	font-size: 350%;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	letter-spacing: 2px;
	text-decoration: none;
	padding-left: 5px;
	}

h1.thoughts	{
	color: rgb(102, 0, 0);
	background: white;
	font-family: Romanesco, Georgia, serif;
	font-size: 320%;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	letter-spacing: 0px;
	text-decoration: none;
	line-height: 100%;
}
	
h3	{
	color: rgb(139, 0, 0);
	font-family: Yanone Kaffeesatz;
	font-size: 130%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-top: 10px;
	}

h4	{
	color: black;
	font-family: Romanesco, display;
	font-size: 200%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0px;
}

strong.romanesco	{
	color: #660000;
	font-family: Romanesco, display;
	font-size: 200%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0px;
}

strong.romanescoblack	{
	color: #000000;
	font-family: Romanesco, display;
	font-size: 200%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0px;
}

h5, em.commend {
	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;
}	


/*
NEW COMMEND{
font-family: 'IM Fell DW Pica SC', serif;
font-style: normal;
font-weight: 400;
font-size: 24px;
text-transform: none;
text-decoration: none;
letter-spacing: 0em;
word-spacing: 0em;
line-height: 1.4;
}
*/
h6	{
	color: black;
	font-family: Yanone Kaffeesatz, sans-serif;
	font-size: xx-large;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: gray solid 0px;
	}

.editsImake	{
	color: black;
	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: Jacques Francois, Georgia, serif;*/
	font-family: Scada, sans-serif;
	font-size: 80%;
}

p.shortlinespace {
	line-height: 50%;
}

#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%;
}

p.author	{
	font: Jacques Francois, Georgia, serif;
	font-size: medium; 
	line-height: 140%;
	text-align: right;
}

.specialties	{
	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;
}

/*IM Fell English*/
cite	{
	font-family: 'IM Fell DW Pica', Georgia, serif;
	font-style: italic;
	font-weight: normal;
	font-size: 100%;
}	

/*	
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;
		}

strong.prize	{
		color: #990000;
		font-family: 'Scada', Trebuchet MS, sans-serif;
		font-weight: normal;
		font-variant: small-caps;
		font-size: 90%;
		letter-spacing: .5px;
}


		
.positions {
		list-style-type: none;
}

li.swirl	{
	/*list-style-image: url('images/swash-favicon.png');*/	
}
/*
strong.yanone	{
		color: black;
		font-family: 'Yanone Kaffeesatz', 'Scada', Trebuchet MS, sans-serif;
		font-size: medium;
		font-weight: bold;
		font-transform: uppercase;
		letter-spacing: 1px;
		}	
	*/	
strong.yanone	{
		color: black;
		font-family: 'Scada', Trebuchet MS, sans-serif;
		font-size: 90%;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: .5px;
}	
		
small 	{
		font-family: 'Scada', Trebuchet MS, sans-serif;
		font-size: x-small;
		text-transform: none;
		}
	
#aside {
	float: left; 
	min-width: 150px;
	max-width: 24%;
	border: 1px solid gray;
	margin: 0px 0px 0px 40px;
	padding: 20px 20px 20px 20px;
	background: #FFFFFF;
	}

#THOUGHTASIDE {
	float: left; 
	min-width: 150px;
	max-width: 25%;
	line-height: 110%;
	border: 1px solid gray;
	margin: 0px 0px 0px 40px;
	padding: 20px 20px 20px 20px;
	background: #FFFFFF;
}

#thoughtaside ol{
	margin: 10px;
	padding: 10px;
	font-family: Jacques Francois, Georgia, serif;
	line-height: 130%;
	font-size: 90%;
	font-weight: normal;
	letter-spacing: 0px;
	list-style: decimal;
}

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;
}

.quote 	{
	font-family: Yanone Kaffeesatz, sans-serif;
	font-size: 120%;
	font-weight: normal;
	font-style: normal;
	line-height: 130%;
	color: #333333;
	text-indent: -10px;
	padding: 0px 0px 0px 0px;
	/*border: 1px solid gray;*/
} 

.quote:first-line {
	font-size: 130%;
	color: #660000;
	}

.byline	{
	font-family: Yanone Kaffeesatz, sans-serif;
	font-size: 110%;
	font-weight: normal;
	color: #660000;
	text-align: right;
	letter-spacing: 0px;
}

.home:first-line {
	font-size: 130%;
	color: #660000;
}

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;
}

em.smallermantra {
	color: black;
	font-family: Jacques Francois, Georgia, serif;
	font-size: smaller;
	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;
}

strong.scadablack	{
	color: #000000;		
	font-family: 'Scada', Trebuchet MS, sans-serif;
	font-weight: normal;
	font-variant: small-caps;
	font-size: 90%;
	letter-spacing: .25px;
}
strong.strike	{
	text-decoration: line-through;
	color: firebrick;
}

strong.darkred {
	color: #660000;
	font-weight: normal;
}

strong.strikeblack	{
	text-decoration: line-through;
	color: black;
	font-weight: normal;
	font-size: 100%;
}

strong.comment {
	font-family: 'Scada', Trebuchet MS, sans-serif;
	color: black;
	font-weight: normal;
	font-size: 90%;
	text-transform: uppercase;
}

.philosophy:first-line {
	font-size: 130%;
}

.bigger {
	font-size: 120%;
	padding-top: 20px;
}

img.border { 
   border:1px solid gray;
   z-index: 2;
   margin-left: 10px;
}

img.borderpadding { 
   border:1px solid gray;
   z-index: 2;
   margin-left: 10px;
   margin-bottom: 90px;
}
img.opener { 
   float: left;
   clear: both;
}

img.bordernopadding { 
   float: left;
   clear: both;
   border: 1px solid gray;
}

p.philosophy {
	clear: both;
}

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

em.philosophy {
	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;
}

strong.philosophy {
	font-size: 130%;
	font-weight: normal;
}

/*
#TOPTEN {
	font-size: 100%;
	margin: auto; 
	border: 0px solid gray;
	list-style-type: decimal;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
}
*/
.top10	{
	font-family: Jacques Francois, Georgia, serif;
}

.top10:first-line {
	font-size: 150%;
}

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;
}

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

strong.toptenentryred	{
	color: #660000;		
	font-family: 'Scada', Trebuchet MS, sans-serif;
	font-weight: bold;
	font-variant: none;
	text-transform: uppercase;
	font-size: 90%;
	letter-spacing: 1px;
}
	
img.top {
	vertical-align: text-top;
	margin-right: 20px;
	margin-bottom: 20px;
}

img.samples {
	margin-left: 10px;
}

p.nowrap {
	overflow: hidden;
}

p.caption {
	font-size: 120%;
	font-family: IM Fell English, Georgia, serif;
	font-style: italic;
	font-weight: normal;
} 

p.thoughtaside {
	font-size: 120%;
	font-family: IM Fell English, Georgia, serif;
	font-style: italic;
	font-weight: normal;
} 
.caption {
	font-size: 120%;
	font-family: IM Fell English, Georgia, serif;
	font-style: italic;
	font-weight: normal;
} 

em.asterisk {
	color: darkred;
	font-style: normal;
	font-weight: normal;
}

#THOUGHTASIDE {
	float: left; 
	min-width: 150px;
	max-width: 25%;
	line-height: 110%;
	border: 1px solid gray;
	margin: 0px 0px 0px 40px;
	padding: 20px 20px 20px 20px;
	background: #FFFFFF;
}

hr {
	color: gray;
	border: .5 px;
}

hr.thin {
height: 1px;
border: 0;
color: gray;
background-color: #333;
}

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

small.artcredits {
	font-family: 'Scada', Trebuchet MS, sans-serif;
	font-size: 70%;
	text-transform: uppercase;
	line-height: 80%;
}

			/* 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: .75px;
	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;
} 

#credits {
    max-width: 40%;
	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;
}

/*  this is the PHILOSOPHY ARROW CODE*/
div#philosophyarrow {
    position:fixed;
    width:31px;
    height:110px;
    right:0px;
    bottom:15px;
	z-index:0;
}

/*  this is the RIGHT SCREEN ARROW CODE*/
div#arrow {
    position:fixed;
    width:31px;
    height:110px;
    right:0px;
    bottom:45px;
	z-index:0;
}

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


img.shopindie {
	float: right;
}


/*		
<img src="images/swirl.gif" height="11" width="18">

		<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">
		
*/