@charset "utf-8";
/*
Name: KLP
Date: 8/19/15
File: siteStyles.css
Workspace: F:\tnt-8-19-15\styles

Purpose: Basic site-wide styles
*/
html{
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
}

body{
	margin-top: 0px;
}

div#stripe{
	height: 90px;
	background-color:#F16428; /*lighter orange from HTML5shield image below*/
}

div#jsAlert{
	width: 1200px;
	margin-left:auto;
	margin-right:auto;
	padding-top: 10px;
	color:red;
	text-align:center;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

nav{
	/*background-color:#FC9;*/ /*a light peach*/
	margin-top: 10px;
	margin-bottom: 30px;
}

nav ul{
	padding-left: 0px;
	/*margin-top: 2px;
	margin-bottom: 2px;*/
}

nav ul li{
	display:inline;
	/*background-color:#FC9;*/ /*a light peach*/
	margin:0px;
	padding:0px;
	padding-right: 80px;
}

nav ul li a{
	text-decoration:none;
	color:#E44D26;	/*darker orange from HTML5 shield*/
	font-weight:bolder;
}

nav ul li a:hover{
	text-decoration:none;
	color: white;
	background-color:#E44D26;	/*darker orange from HTML5 shield*/
	font-weight:bolder;
}

div#mainContent, header, footer{
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

aside#sidebar{
	margin-bottom: 50px;
}

aside#sidebar a, section#mainPanel a{
	text-decoration:none;
	color:#005A9C; /*dark blue from CSS Shield*/
	font-weight: bolder;
}

aside#sidebar p{
	font-size: .8em;
}

aside#sidebar fieldset{
	background-color:#B2CDE0; /*light blue from CSS Shield*/
}

audio{
	background-color: #6CF;
	width: 90%;
}


header{
	margin-top: -90px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#F16428; /*same color as lighter orange in HTML5 shield*/
	padding-left: 5px;
	color:white;
	height: 80px;
}

header h1, h3{
	margin-top: 3px;
	margin-bottom: 3px;
}

header a{
	text-decoration:none;
	color:white;
}

section#mainPanel table#appLinks{
	width: 100%;
}

table#appLinks td{
	/*height: 110px;
	width: 80px;*/
	padding: 2px;	
}

table#appLinks tr{
	height: 110px;
}

table#appLinks div.appThumbnail{
	height: 100px;
	width: 100px;
	/*background-color:pink;*/
	margin-left:auto;
	margin-right: auto;
	/*margin: 5px;*/
}

table#appLinks div.appThumbnail h3{
	font-size: 80%;
	text-align: center;
}

table#appLinks div.appThumbnail img a:hover{
	text-decoration:none;
	color:#005A9C; /*dark blue from CSS Shield*/
	font-weight: bolder;
}

footer p{
	margin-top: 5px;
	margin-bottom: 5px
}

footer p#info{
	margin-right: 200px;
	/*command below moves this paragraph below the images (it 'clears' them)*/
	/*clear:right;*/
}

footer{
	margin-top: 20px;
	font-size: smaller;
	color: #999;
}

footer img{
	float:right;
}

footer a{
	color:#666;
	text-decoration:none;
	font-weight:bold;
}

/*---- CLASSES -----*/

.parenthetical{
	color: #005A9C; /*dark blue from CSS shield*/
	font-style: italic;	
	font-size: .8em;
}

.warning{
	color:red;
	font-weight:bolder;
	font-variant:small-caps;
}

/*http://stackoverflow.com/questions/5069110/remove-hover-css-behavior-from-element*/
.showcaseLink:hover{
	text-decoration:none;
	color:#E44D26; /*darker orange from CSS Shield*/
	font-weight: bolder;
	background-color:#B2CDE0; /*lighter blue from CSS Shield*/
}

.noShowcaseLink:hover{
	text-decoration:none;
	color:#005A9C; /*dark blue from CSS Shield*/
	font-weight: bolder;
}

.upSize{
	font-size: 200%;
}

.monospaced{
	font-family:"Courier New", Courier, monospace;
}

.hideElement{
	display:none;
}

.none{

}

/*9/9/15*/
/*http://www.abeautifulsite.net/how-to-make-rounded-images-with-css/*/
.img-circle{
	border-radius: 50%;
}
/*----- Ids ------*/
 
p#formCaption{
	margin-top: 2px;
}