/*
 * Main stylesheet.
 * Copyright (C) 2004 J. Joe Feise.
 * All Rights Reserved.
 */

body
{ 
	/* some defaults */
	color: black;
	background: #C0C0C0;
	margin: 0px;
	padding: 0px;
	background-image: url(/~jfeise/images/BGGoodPaleGreyStone.gif);
}

body.flying
{
	background-image: url(/~jfeise/images/Sky.jpeg);
}

body.outdoors
{
	background-image: url(/~jfeise/images/bgmtns.gif);
}


/* General link styles */
a
{
	text-decoration: none;
}

/* Styles of the links in the navbar */
a.left:link, a.left:visited, a.left:active
{
	color: yellow;
}

a.left:hover
{
	color: red;
	text-decoration: underline;
}

/* Styles of the links in the main body */
a:link, a:visited, a:active
{
	color: red;
}

a.validator:link, a.validator:visited, a.validator:active
{
	border: 0;
	background-image: url(/~jfeise/images/BGGoodPaleGreyStone.gif);
}

a.flying-validator:link, a.flying-validator:visited, a.flying-validator:active
{
	border: 0;
	background-image: url(/~jfeise/images/Sky.jpeg);
}

a.outdoors-validator:link, a.outdoors-validator:visited, a.outdoors-validator:active
{
	border: 0;
	background-image: url(/~jfeise/images/bgmtns.gif);
}

/* Styles for links to external sites
 * Note: these styles have to appear before the hover style
 */
a.external:link, a.external:visited, a.external:active
{
	color: maroon;
}


a:hover, a.external:hover, a.mail:hover
{
	color: yellow;
	text-decoration: underline;
}

a.mail:link
{
	text-transform: none;
}

/* Header styles */
h1
{
	margin-top: 0px;
	padding-top: 0px;
	color: #cc0000;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
	/*text-transform: capitalize;*/
}

h1.flying
{
	color: #ff0080;
}

h2
{
	color: #ff6666;
	text-align: center
}

h2.flying
{
	color: #ff0080;
}

h2.flying2, h2.winearth
{
	color: #ff0000;
}

h3
{
	color: red; /*rgb(70%,0%,0%); maroonish */
	text-align: center;
}

h3.lefttop
{
	padding-top: 30px;
}

h4
{
	text-align: center
}

h4.flying
{
	color: #ff0000;
}

/* Paragraph styles */
p
{
	margin-left: 10px;
	font-family: 'New Century Schoolbook', Garamond, 'Times New Roman', Times, serif;
}

/* List styles */
li
{
	color: black;
	font-family: 'Times New Roman', Times, serif;
}

li.miata
{
	color: #009;
	font-family: 'Times New Roman', Times, serif;
}

/* The copyright notice */
address.copyright
{
	color: #990000;
	font-size: smaller;
	text-align: right;
}

address.fortune
{
	color: #990000;
	font-size: smaller;
}

address.canary
{
	color: blue;
        font-style: italic;
	font-weight: bold;
}


.address, .occupation
{
        color: blue;
        font-style: italic;
        font-family: Times, serif;
}


div
{
	font-family: 'Times New Roman', Times, serif;
	/*`font-family: Verdana, Arial, Helvetica, sans-serif;*/
	color: #900;
	text-align: left;
}


div.copyright
{
	float: right;
	width: 400px;
	padding: 5px;
}


div.affiliated
{
	float: right;
	width: 350px;
	padding: 5px;
}


div.fortune
{
	float: left;
	margin-left: 40px;
	width: 400px;
	padding: 5px;
}

div.canary
{
	float: left;
	margin-left: 40px;
	width: 800px;
	padding: 5px;
}

div.campaign
{
	text-align: center;
}


/* the text explaining that the images are thumbnails */
.thumbnail
{
        color: red;
        text-align: center;
}

/* labels next to thumbnail images, if any */
.thumblabel
{
        color: #990000;
        text-align: center;
}


/* Header navigation area */
#headernavigation
{
	color: black;
	/*height: 32px;*/
	position: relative;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

/* Footer navigation area */
#footernavigation
{
	color: black;
	height: 80px;
	position: relative;
}

/* Side navigation area */
#leftnavigation	
{
	float: left;
	width: 180px;
	padding: 5px;
	padding-top: 0px;
	margin-left: 0px;
	margin-top: 0px;
	color: black;
	border: 0px;
}


#layout1
{
	padding: 0px;
	margin: 0px;
}


/* content area */
#layout1 #content
{
	margin-left: 190px;
	padding-bottom: 20px;
	color: black;
}

#content
{
}

#leftnavigation #content
{
        margin-left: 0px;
        padding-bottom: 0px;
}


/* Images and icons */
img, img.campaign
{
	border-style: none;
	border: 0;
}

img.construction
{
	height: 40px;
	width: 40px;
}

img.counter
{
	margin-left: 10px;
	margin-right: 10px;
	height: 30px;
	width: 85px;
}

img.slackware
{
	height: 40px;
	width: 312px;
}

img.apache
{
	height: 32px;
	width: 259px;
}

img.flyauthor
{
	margin: 20px;
	height: 233px;
	width: 232px;
}

img.runway
{
	height: 20px;
	width: 500px;
	text-align: center;
}

div.counter
{
	text-align: center;
}

div.navigation
{
	text-align: right;
}


/* Google search area */
div.search
{
	float: left;
	width: 160px;
	padding: 5px;
	padding-top: 0px;
	margin-left: 0px;
	margin-top: 0px;
	color: black;
	border: 0px;
}

/* Validator icons */
div.validator
{
	float: left;
	width: 273px;
	padding: 5px;
}

img.validator
{
	height: 31px;
	width: 88px;
	color: #C0C0C0;
}

div.reallogo
{
	float: left;
	width: 80px;
	padding: 5px;
}

div.headerseparator
{
	background: #FFCC99;
	height: 20px;
	width: 100%;
	position: relative;
	line-height: 10px;
	border: 0;
	margin-top: 0px;
	top: 0;
}

span.localdate
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 10px;
	text-align: left;
	width: 222px;
	padding-left: 10px;
	padding-top: 5px;
	float: left;
}

span.pagecount
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFCC99;
	font-size: 8px;
	text-align: left;
	width: 30px;
	vertical-align: bottom;
	position: absolute;
	top: 0px;
	right: 0px;
	left: auto;
	bottom: 20px;
}

span.separatortitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
	vertical-align: top;
	line-height: 20px;
	width: 400px;
}


table
{
	border-style: none;
}


table.links
{
	border-style: inset;
	border-width: thin;
}

table.uci
{
	border-style: inset;
	border-width: thin;
}


td
{
	font-family: 'Times New Roman', Times, serif;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	color: #900;
	text-align: left;
}


td.bullet
{
	height: 14px;
	width: 14px;
	text-align: right;
	vertical-align: top;
}

td.powered
{
	text-align: center;
	vertical-align: middle;
}

td.padded
{
	padding: 10px;
}


div.center
{
	text-align: center;
	vertical-align: middle;
}


em
{
	font-size: 130%;
}

em.linux
{
	font-size: 100%;
	font-style: italic;
}

