/*
Global styles for Ross Crain's Personal Pages
COLORS: http://html-color-codes.info/
*/

/* unvisited link   - BLUE */
a:link          { color: #0000FF; text-decoration: none; }
a:link font     { text-decoration: none; }
/* visited link     - RED */
a:visited       { color: #FF0000; }
a:visited font  { color: #FF0000; }
/* mouse over link  - RED */
a:hover         { color: #FF0000; background-color: #A4A4A4;}
a:hover font    { color: #FF0000; background-color: #A4A4A4;}
/* selected link    - PINK */
a:active        { color: #FF00FF; }
a:active font   { color: #FF00FF; }

/* White wide border for images */
img.white-border {
	border: 2px solid #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
}

td { line-height: 1.4; }

/* Home Navigation - mostly YELLOW */
.home-navigation { color: #FFFF00; font-family: Arial; font-style: italic; font-weight: bold; }
.home-navigation a:link          { color: #FFFF00; text-decoration: none; }
.home-navigation a:link font     { text-decoration: none; }
.home-navigation a:visited       { color: #FFFF00; }
.home-navigation a:visited font  { color: #FFFF00; }
.home-navigation a:hover         { color: #FF0000; background-color: #A4A4A4; padding: 2px 1px 2px 0px;}
.home-navigation a:hover font    { color: #FF0000; background-color: #A4A4A4;}
.home-navigation a:active        { color: #FF00FF; }
.home-navigation a:active font   { color: #FF00FF; }

/* Site Navigation - AQUA BLUE links, YELLOW visited */
#site-navigation-target { background-color: #000; }
.site-navigation { background-color: #000; padding: 5px 3px 10px; width: 700px; }
.site-navigation hr { height: 12px; width: 95%; background-color: #FFF; border-color: black; border-radius: 20px; border-style: solid; border-width: 1px 0 0 0; }
.site-navigation div.column { color: #FFFFFF; float: left; }
.site-navigation div.column2 { width: 50.00%; }
.site-navigation div.column3 { width: 33.33%; }
.site-navigation div.row:after { content: ""; display: table; clear: both; }
.site-navigation table { width: 100%; }
.site-navigation td { color: #FFFFFF; font-family: Arial; font-size: small; font-weight: bold; vertical-align: text-top; }
.site-navigation td.flow { color: #00FFFF; }
.site-navigation p {color: #FFFFFF; font-family: Arial; font-size: small; font-weight: bold; line-height: 1.4; margin-top: 0; margin-bottom: 0; }
.site-navigation p.title { font-size: 100%; margin: 10px 0px; text-align: center; }
.site-navigation p.subtitle { color: #FFFF00; font-size: 90%; }
.site-navigation td p.subtitle { font-size: 115%; }
.site-navigation p.signature { margin-top: 20px; text-align: center;}
.site-navigation p.extra-top { margin-top: 10px; }
.site-navigation a { color: #00FFFF; padding-left: 3px; text-decoration: none; display: block; }
.site-navigation a.flow { display: inline; }
.site-navigation a:visited { color: #FF0000 }
.site-navigation a:hover { color: #FF0000; padding: 0px 0px 0px 3px; }

#countpagehit-target {display: none;}
/* Uncomment the following for debugging information */
/*#countpagehit-target {background-color:#FFF;display:block;height:400px;width:100%}*/

/* Responsive Navigation for mobile devices (ie narrow viewport) */
@media screen and (max-width:700px) {
	div table { width: 625px; }
	#site-navigation-target iframe { width: 625px; height: 1900px; }
	.site-navigation { width: 625px; }
	.site-navigation div.column { margin-top: 15px; }
	.site-navigation div.column2 { width: 100%; }
	.site-navigation div.column3 { width: 100%; }
}
@media screen and (max-width:500px) {
	div table { width: 350px; }
	#site-navigation-target iframe { width: 350px; }
	.site-navigation { width: 350px; }
}