/*	Welcome hacker dude and dudettes to the mechanical room.
/	Hope there is enough light down here in the basement of my website.
/	I have reduced the size of my CSS AND made it hand-held friendly.
/	Everything starts out with "kimbriggs-default08.css" for ALL media types,
/	then it will pick up the appropriate tweaks in screen, print, or handheld.
/	HTH, KB */


/* kimbriggs.com style sheet for ALL media types */
html {background-color:black; color:green; margin:0; padding:0;}

body {
	background-color:black;
	color:green;
	font-family:sans-serif;
	font-size:1em;
	margin:0;
	padding:0;
}

a {border:0; color:blue; padding:0px;}



h1 {font-size:1.3em; padding:5px;}
h2 {font-size:1.2em; padding:3px;}
h3 {font-size:1.1em; padding:3px;}

img {border:0; padding:2px;}

li {padding:2px}

p {padding:2px;}

table {
	background-color:#EEEDDD;
	color:black;
	margin:0 auto;
	text-align:center;
	width:90%;
}

tr {background-color:#EEEDDD;}

td {padding:12px 3px;}

/****************************************************************
** Reusable Classes.  Try to make descriptive, not informative.
****************************************************************/
.bold {font-weight:bold;}

.borderbar {border-bottom:2px solid black; border-top:2px solid black;}
.borderbottom {border-bottom:2px solid black;}
.bordertop {border-top:2px solid black;}

.borderdot {border:1px dotted black;}

.box-thin {border:1px solid black; margin:4px 2px;}

.break {clear:both;}

.center-horiz {margin:0 auto;}
.center-vert {margin:auto 0;}

.clean-links a {text-decoration:none;}
.clean-links a:hover {text-decoration:underline;}

/* COLORS */
.black {color:black;}
.blackback {background-color:black; color:white;}
.blackback table tr td {background-color:black; color:white;}
.gold {color:#FFD700;}
.green {color:green;}
.greenback {background-color:#CCFFCC}
.greenlime {color:#CCFFCC}
.greenterm {color:#00FF00}
.greyback {background-color:#DDDDDD;}
.khaki {color:#EEEDDD;}
.orange-back {background-color:#FFA500;}
.orange-hi-back {background-color:#FF5500;}
.orange-lo-back {background-color:#FFCC33;}
.red {color:red;}
.violet-back {background-color:#EE55EE;}
.violet-lt-back {background-color:#EECCEE;}


.datatable table th tr td {background-color:white; color:black;}

.flat-list ul li {display:inline; padding:0;}

.inline {display:inline;}
.inline-left {display:inline; float:left;}

.margin08em {margin:0.8em;}
.margin10em {margin:1.0em;}
.margin15em {margin:1.5em;}
.margin-top10em {margin-top:1em;}

.normal {font-weight:normal;}

.nowrap {white-space:nowrap;}

.padding05em {padding:0.5em;}
.padding08em {padding:0.8em;}
.padding10em {padding:1.0em;}

.terminal   {background-color:black;
            color:#00FF00;
            margin: 6px auto 6px 20px;
            padding:4px;
            width:90%}

.textfile   {border:1px dashed black;
            background-color:#DDDDDD;
            color:black;
            margin: 6px auto 6px 20px;
            padding:4px;
            width:90%}


/* TEXT */
.text070 {font-size:0.70em;}
.text075 {font-size:0.75em;}
.text080 {font-size:0.80em;}
.text090 {font-size:0.90em;}
.text110 {font-size:1.10em;}
.text120 {font-size:1.20em;}
.text130 {font-size:1.30em;}
.textcenter {text-align:center;}
.textleft {text-align:left;}

.tnail-links {font-size:0.80em; color:#6644EE;}


/******************************************************
** Named Sections: Tweaks not fit in classes
******************************************************/

/* HOMEPAGE specific */
#home-menu {width:90%; margin:10px auto 0 auto;}
#tlinks-home {margin:0 auto;}

#footer-small {border-top:1px dotted transparent;}

/* Breadcrumbs */
.navtrail {padding:3px 1em; font-weight:bold;}

/* Top section with Home icon */
#top-level {min-height:64px; font-weight:bold;}
#top-level img {padding:0;}
#top-level ul {margin: 1em 0 0 0;}


/******************************************************
** LIGHTBOX SLIDESHOW
******************************************************/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }