/* Framing, Scrolling, Structure, LnF */

body
  {
  margin: 0;
  padding: 0;
  font: 14px century gothic, verdana, Arial, helvetica, sans-serif;
  color: #ffffff; 
  background: #363333;
  line-height: 1;
 }

.content
  {position: absolute;
/*  overflow: auto; */

}

.fixed
  {position: fixed;
  width: 100%;
  margin: 0;
  border: 0;
 }
  
  @media screen
  {body>div.fixed
    {position: fixed;}}
	
a:link 
	{color: #FFFFFF; 
	text-decoration: underline;} 
a:visited 
	{color: #FFFFFF; 
	text-decoration: underline;} 
a:hover 
	{color: #FFFFFF; 
	background: #666666;
	text-decoration: none;} 

					
					
						/* Theming, LnF BGimages */

#themeimage 
	{left: 0; bottom: 40px;
 	width: 100%; height: 45px; 
	border-top: 1px solid #000000;
	border-bottom: 1px solid #efefef;
	background: #000000;
	margin: 2em 0 0 0;
	z-index: 0;}
	
#themeimage img {position: absolute; left: 10px; top: -32px;}

#themeimage .logo 
	{position: absolute; right: 20px; top: -22px;
 	width: 200px;
	border-top: 1px solid #f00000;
	border-bottom: 0;
	font-size: .85em; 
	 font-weight: bold;
	color: #f00000;
	background: #363333;
	text-align: center;
	background: transparent;
	z-index: 100;}
	
/* #homeimage 
	{left: 0; bottom: 160px;
 	width: 100%; height: 45px; 
	border-top: 1px solid #666666;
	border-bottom: 1px solid #efefef;
	background: #000000;
	margin: 2em 0 0 0;
	z-index: 0;}
	
#homeimage img {position: absolute; left: 90px; top: -62px; z-index: 60;}

#homeimage .logo 
	{position: absolute; right: 40px; top: -22px;
 	width: 200px;
	border-top: 1px solid #f00000;
	border-bottom: 0;
	font-size: 14px; 
	font-style: oblique; 
	font-weight: bold;
	color: #f00000;
	background: #363333;
	width: 280px;
	text-align: center;
	background: transparent;
	z-index: 100;}
*/


#homeimage 
	{left: 0; bottom: 160px;
 	width: 100%; height: 45px; 
	border-top: 1px solid #666666;
	border-bottom: 1px solid #efefef;
	background: #000000;
	margin: 2em 0 0 0;
	z-index; 0;}
	
#homeimage img {position: absolute; left: 90px; top: -62px;}

#homeimage .logo 
	{position: absolute; right: 40px; top: -22px;
 	width: 200px;
	border-top: 1px solid #f00000;
	border-bottom: 0;
	font-size: 14px; 
	font-style: oblique; 
	font-weight: bold;
	color: #f00000;
	background: #363333;
	width: 280px;
	text-align: center;
	background: transparent;
	z-index: 100;}
.logo a:link 
	{color: #F00000; 
	text-decoration: none;} 
.logo a:visited 
	{color: #F00000; 
	text-decoration: none;} 
.logo a:hover 
	{color: #FFFFFF; 
	background: #666666;
	text-decoration: none;} 

#themebar 
	{left: 0; top: 25px;
 	width: 100%; height: 45px; 
	border-top: 1px solid #666666;
	border-bottom: 1px solid #999999;
	background: #000000;
	margin: 0;
	z-index: 90;}
	
#themebar img {position: absolute; left: 10px; top: -15px; z-index: 100;}

#themebar .logosmall 
	{position: absolute; right: 20px; top: -20px;
 	width: 200px;
	border-top: 1px solid #f00000;
	border-bottom: 0;
	font-size: .85em; 
	font-style: oblique; 
	font-weight: bold;
	color: #f00000;
	text-align: center;
	background: #363333;
	z-index: 100;}

.logosmall a:link 
	{color: #F00000; 
	text-decoration: none;} 
.logosmall a:visited 
	{color: #F00000; 
	text-decoration: none;} 
.logosmall a:hover 
	{color: #FFFFFF; 
	background: #666666;
	text-decoration: none;}

#n4 {display: none;}


						/* Navigation */
		
#navhome 
	{right: 40px; bottom: 175px; 
 	width: 100%;
	margin: 0;
	border-right: 1px solid #666666; 
	border-bottom: 1px solid #666666; 
	border-left: 1px solid #996666; 
	border-top: 1px solid #996666;
	font-size: 12px;
	width: 600px;
	color: #F00000;
	font-weight: bold;
	text-align: center;
	text-transform: lowercase;
	z-index: 80;}
	
#sitenav 
	{right: 20px; top: 32px;
	margin: 0 0 0 .5em; 
	padding: 0 0 0 1.5em; 
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
	text-transform: lowercase;
	width: 160px;
	font-weight: bold;
	
	z-index: 80;}
	
#navhoriz
	{right: 10px; top: 38px;
	margin: 0;
	padding: .125em 0 .125em .125em;
	font-size: 11px;
	color: #f00000;
	text-align: right;
	text-transform: lowercase;
	width: 700px;
	font-weight: bold;
	z-index: 100;}
	
table.lainsider
	{
	margin: 1px 0 0 40px; 
	z-index: -100;}
	
table.concepts
	{margin: 0 0 0 40px; 
	z-index: 100;
	padding: 0;}
td.concept
	{
	background: #FFFFFF;}	
	
#lainsiderfront
	{margin: 70px 0 0 40px;
	background: #FFFFFF;
	z-index: -100;
	border-spacing: 0px;
	border-collapse: collapse;}


#lainsiderform
	{margin: 90px 0 0 110px; z-index: 0;}

table.diggov
	{margin: 90px 0 0 110px; z-index: 0;}
	

.navlinks a:link 
	{color: #FFFFFF; 
	text-decoration: none;} 
.navlinks a:visited 
	{color: #FFFFFF; 
	text-decoration: none;} 
.navlinks a:hover 
	{color: #FFFFFF; 
	background: #666666;
	text-decoration: none;}

#lit
{color: #F00000;}

#lit a:link 
	{color: #F00000; 
	text-decoration: none;} 
#lit a:visited 
	{color: #F00000; 
	text-decoration: none;} 
#lit a:hover 
	{color: #FFFFFF; 
	background: #666666;
	text-decoration: none;}
	
.navlinks ul 
	{list-style-type: disc;
	margin: 0 0 0 0; 
	padding: 2px;}
.navlinks ul.subnav 
	{list-style: none; 
	list-style-type: circle;
	list-style-position: inside;
	margin: 2px 0 0 2px;}
.navlinks li 
	{padding: 0; 
	background: black;
	color: #F00000;
	margin: 2px;} 
ul.subnav
	{padding: 0}
			
						/* Rollover (mock-javascript) behavior */

div.navlinks a span {display: none;}

   div#sitenav a:hover span {display: block;
   position: absolute; top: 120px; left: 14px; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: black;
   font: 10px Verdana, sans-serif; text-align: center;}
   
   div.logo a span {display: none;}

div#homeimage a:hover span 
   {display: block;
   position: absolute; right: 0; bottom: 20px; 
   padding: 5px; 
   margin: 10px; 
   z-index: 100;
   color: #FFFFFF; 
   background: transparent url(../lnf/images/screen_black.gif) repeat;
   font: 11px Verdana, sans-serif; 
   text-align: left;
   width: 280px; 
   }

#factoid
	  {display: block;
   position: absolute; right: 0; bottom: 20px; 
   padding: 5px; 
   margin: 10px; 
   z-index: 100;
   color: #FFFFFF; 
   background: transparent url(../lnf/images/screen_black.gif) repeat;
   font: .9em Verdana, sans-serif; 
   text-align: left;
   width: 280px; 
   }
   
#lnflinks 
	{display: none; position: absolute; right: 0; bottom: 25px;} 





						/* Content boxes with background images */
	
#messagebox
	{display: block;
	margin: 0px 0px 0px 120px;
	padding: .5em .5em .5em .5em;
	width: 500px;
	font-size: 1em;
	border: 1px dotted #F00000;
	color: #FFFFFF;
	background: transparent url(../lnf/images/screen_gray.gif) repeat;
	z-index: 60;}

#contactbox
	{display: block;
	margin: 200px 0 30px 110px;
	padding: .5em .25em .5em .5em;
	width: 500px;
	font-size: 14px;
	font-weight: bold;
	border: 1px dotted #F00000;
	color: #FFFFFF;
	background: transparent url(../lnf/images/screen_gray.gif) repeat;
	z-index: 60;}

#portfoliobox
	{
	margin: 40px 0 30px 120px;
	width: 520px;
	font: 1em century gothic, arial, helvetica, sans-serif;
	padding: .5em .55em .5em .5em;
	
	border: 1px dotted white;
	color: #FFF;
	background: transparent url(../lnf/images/screen_gray.gif) repeat;
	z-index: 100;}
	
#designs
	{z-index: 100;}
	
						/* Content Styles */
		
blockquote
	{font-size: .9em;}
			
#headline
	{font-size: 1.2em;
	padding: 2px;
	margin: 0;
	border: 1px dotted #F00000;
	font-weight: bold;
	background: #000000;}
	
li {font-size: .9em;}
	
.headline 
{font-weight: bold;}

.writingquotes
	{font-size: 1.2em;
	color: #F00000;
	font-weight: bold;
}

#portfolio
	{margin: .5em .5em .5em .5em;
	width: 500px;
	color: #FFFFFF;
	padding: .5em;
	border: 1px dotted #F00000;
	background: #363333;
	z-index: 100;
}

.portfdesc 
	{padding: 8px;
	border: 0;
	font-size: 14px;
	background: #000000;}
	
	
.portfdesc span
	{color: #f00000;
	font-weight: bold;
	}
	
.portfheader
	{padding: 0;
	border-top: 0;
	border-right: 0;
 	border-bottom: 10px #000000;
 	border-left: 2px dotted #F00000;
	padding: 0 0 0 2px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 14px;
	background: #000000;}

.portfimage
	{width: 170px;
	height: 70px;
	border: 0;
	font-size: 1em;}

.portfspecs
	{padding: 2px;
	background: #666666;
	font-size: .8em;}
	
td.interactive_icon
	{padding: 8px;
	background: #363333 url(alpha/interactive_icon.gif) no-repeat;
	background-position: center;
	width: 110px; height: 110px;
	}
	
td.imaging_icon
	{padding: 8px;
	background: #363333 url(alpha/imaging_icon.gif) no-repeat;
	background-position: center;
	width: 110px; height: 110px;
	}
	
td.writing_icon
	{padding: 8px;
	background: #363333 url(alpha/writing_icon.gif) no-repeat;
	background-position: center;
	width: 110px; height: 110px;
	}
	
table.booklet
	{margin: 90px .5em .5em .5em;
	background: transparent;
	padding: 2em;
	width: 750px;
	z-index: 70;}
	
table.image
	{
	margin: 110px 0 0 120px;
	z-index: 0;
	border: 1px dotted #F00000;
	z-index: 70;}

.qtvr

	{
	margin: 110px 0 0 20px;
	z-index: 70;
	}	
td.blank
	{background: transparent;
	width: 50px;}
td.next
	{background: #363333;
	vertical-align: middle;
	text-align: left;
	font-size: .9em;
	font-weight: bold;}
td.back
	{background: #363333;
	vertical-align: middle;
	text-align: right;
	font-size: .9em;
		font-weight: bold;}
td.page
	{background: #363333;
	vertical-align: middle;
	z-index: 70;}
td.descrips
	{width: 150px;
	vertical-align: top;
	font-size: 1em;}
td.qtvrlink
	{font-size: .85em; width: 100px;}
td.about
	{width: 6.8em;
	text-align: right;
	vertical-align: top;
	font-size: 14px; 
	}
	
td.memberships
	{font-size: .8em
	}
	
li.about
	{
	font-size: 14px; 
	line-height: 1.2em;}
	
td.is
	{text-align: left;
	vertical-align: top;
	padding: 0 0 15px 4px;
	font-size: 14px;}
	
.flabs
	{padding: 0;
	border-top: 0;
	border-right: 0;
 	border-bottom: 10px #000000;
 	border-left: 2px dotted #F00000;
	padding: 0 0 0 2px;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 14px;
	background: #000000;}	


#diggovback
	{z-index: 100; position: absolute; left: 120px; top: 70px;}
	
span.ocnow
	{font: 1em arial narrow, helvetica narrow, arial, sans-serif;
	color: #FFFFFF;
	text-align: left;
	}
table.ocnowtable
	{border: 1px dotted #FFFFFF;
	margin: 0 .6em 0 0;}
	
span.ocnowcredit
	{color: black;
	font-weight: bold;}
	
span.ocnowcutline
	{font: .9em arial narrow, helvetica narrow, arial, sans-serif;
	color: #FFFFFF;
	text-align: left;
	}
		
span.note
	{font-style: italic;
	font-size: .8em;
	}
	
span.credit
	{font-size: .8em;
	font-weight: bold;
	color: black;}
	
span.dropcaps
	{font-size: 2em;
	margin: 0 .125em 0 0;
	padding: 0;
	font-weight: bold;
	color: #FFFFFF;
	background: #000000;
	border: 1px dotted #f00000;}

table.ocnow 
	{width: 500px;
	z-index: 70;}

.dingbat
	{font-size: 2em;
	color: #F00000;
	font-weight: bold;
	text-align: center;}


						/* Resume styles */



#resume
	{
	margin: 20px 0 30px 120px;
	padding: .75em .5em .25em .75em;
	width: 600px;
	border: 1px dotted white;
	background: transparent url(../lnf/images/screen_gray.gif) repeat;
	z-index: 199;
	height: 1000px;}
	
#reshead
	{margin: .125em;
	border: 1px dotted #f00000;
	padding: 2px;
	font-size: 1.3em;
	background: #000000;
	width: 100%;
	}
	
.section
	{border-left: 2px dotted red;
	border-top: 1px dotted white;
	border-right: 1px dotted white;
	border-bottom: 1px dotted white;
	padding: 2px 2px 2px 3px;
	margin: 14px 0 14px .5em;
	font-size: .85em;
	width: 7em;
	background: #333333;
	}
	
.skillhead
	{font-size: .92em;
	font-weight: bold;
	margin: .25em 0 0 .5em;}
	
.ulresume
	{font-size: 14px;}
li.resume	
	{font-size: 14px;}

#subhead
	{margin: 14px 0 14px .75em;
		border: 8px dotted blue;
		padding: 0;
		background: transparent;
		font: .85em arial narrow;
		font-weight: bold;}



tr.gig {margin-bottom: 20px;}



td.employer
	{margin-bottom: 10px;
	width: 200px;
	padding-left: .5em;
	padding-right: .5em;
	font-size: 1.2em;
	font-family: arial narrow, century gothic, sans-serif;
	color: #FFFFFF;
	background: #000000}

td.restitle 
	{margin-bottom: 10px;
	width: 220px;
	padding-left: .5em;
	padding-right: .5em;
	font-family: arial narrow, century gothic, sans-serif;
	font-size: 1.2em;
	color: #FFFFFF;
	background: #444444;
	vertical-align: middle;
	height: 2em;
	}
	
td.date
	{margin-bottom: 10px;
	font: .85em arial narrow;
	vertical-align: middle;
	background: #333333;}
	
.location
	{margin: 0 0 0 .75em;
	font-weight: bold;
	}
	
.date
	{font: .85em arial narrow;
	vertical-align: middle;
	background: #333333;}