/*****************************************
 * Soelas Industries Stylesheet
 *
 * Colors:
 *   primary light:   #3c67dd;
 *   primary dark:    #274491;
 *   secondary light: #95a8de;
 *   secondary dark:  #616e91;
 *   black:           #212121;
 *   grey light:      #dedede;
 *
 */
body {
}

#page {
	width: 755px;
	margin-left: auto;
	margin-right: auto;
	font-family: sans-serif;
  	color: #000000;
  	background-color: #ffffff;
  	font-size: 12pt;	
}

p {
  	text-align: left;
	}

a:link {
	}
	
a:visited {
	}

/** 
 * Form Styles
 */

form input[type="text"] {
	border: 1px solid #95a8de;
	}
 
/* A form label and the element it
 * labels are a "formPair" and are
 * styled together. We could
 * optionally add an error message
 * element to this.  We want
 * formPairs to align as in a table
 * with all inputs in a column with
 * flush-left edges.  We would *like*
 * labels to be in a column to the
 * left of the inputs with flush-right
 * edges (if we can get it)
 */
.formPair {
	white-space: nowrap;
	padding-bottom: 0.25em;
	}
	
.formPair > label {
	float: left;
	width: 5em;
	text-align: right;
	}
	
.formPair > input {
	margin-left: 0.5em;
	}

.formSubmit {
	text-align: center;
	padding-bottom: 0.5em;
	}

/**
 * Winterstorm Menus
 *
 * Originally developed my M.M. for winterstorm.ca
 * with some modifications for F:F:F
 *
 * TODO: create roll-over pop-up submenus
 *       from nested ordered lists by
 *       using "display: hidden" and hover
 *       properties.  Probably works but
 *       without javascript to handle
 *       timing this could be very unusable.
 *
 */
ol.menuBar {
	padding: 0px;
  	margin: 0px;
  	display: inline;
	list-style-type: none;
  	word-spacing: 1em;
  	text-align: center;
}

.menuBar li {
  	display: inline;
  	font-weight: bold;
}

.menuBar > li > a {
	word-spacing: normal;
}

	
/* create a delimiter between menu items */
.menuBar li:before {
  	text-decoration: none;
  	content: " | ";
	}

/* hack for the first and last items.
 * The last item must have the class
 *  'lastItem' or else the content
 * from the .menuBar li:after style
 * will be appended
 */ 
.menuBar li:first-child:before {
  	content: "";
}

/**
 * Legal and Identity Styles for Blue Ant
 *
 * These are general styles and my be adjusted
 * depending on where these classes are used
 * (e.g. in the footer or in the body of a page).
 */
.blueAntLegal {
	font-size: 8pt;
	font-family: "Courier New", "Courier", mono-space, serif;
	}
	
.blueAntLegal em {
	font-style: normal;
	font-weight: bold;
	}
	
img.blueAntLogo {
	border: 0px;
	}

/**
 * All of our pages should have w3cValidator
 * links or images even if they are hidden
 * from some user-agents.
 */	
.w3cValidators img {
	border: 0px;
/*	display: none; */
}
	
.w3cValidators img {
	float: right;
}
	

/******************
 * Header Styles 
 ******************
 */
#header {
	padding: 0.5em;
	margin-bottom: 1em;
  	border-style: solid;
  	border-color: #274491;
  	border-width: 1px 0px 1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
  	background-color: #dedede;
  	color: #274491;
  	height: 102px;
}

#siteBanner {
	float: left;
	}

#header .siteLogo {
	border: 3px double #274491;
	float: left;
}

/* .siteTitle might be applied
 * to an H1 or something so
 * remove styles to provide
 * good alignment
 */
#header .siteTitle {
	padding: 0px;
	margin: 0px;
}

#header #mainMenu {
	float: right;
	font-size: 1.1em;
	text-align: center;
}

/******************
 * Sidebar Styles 
 ******************
 */
#sidebar {
	padding: 0.5em;
	margin-left: 1em;
	border-style: double;
  	border-color: #274491;
/*  	border-width: 1px 1px 1px 1px; */
  	background-color: #dedede;
  	color: #274491;
  	float: right;
  	width: 17em;
  	font-size: 10pt;
  	margin-bottom: 1em;
	}

/**
 * An item in the siderbar
 *  - we want to treat these
 *    sort of like portlets
 *    i.e. as application
 *    boxes capable of 
 *    contained self-style
 */
.sidebarItem {
	margin: 0px 0px 0.5em 0px;
	padding: 0px 0px 1em 0px;
	border-width: 0px 0px 1px 0px; 
	border-style: dashed;
	border-color: #616e91;
	font-size: 10pt;
	text-align: left;
	}
	
.sidebarItem > h3 {
	margin: 0px 0px 0.25em 0px;
	padding: 0;
	text-align: center;
	}
.sidebarItem > ol {
	margin: 0px;
	}
	
.sidebarLogin {
	border: 0px;
	}

.sidebarLoginForm {
	border: 0px;
	}
	
#sidebarCareers > * {
	text-align: center;
}

.contactTable td {
	vertical-align: baseline;
}

.contactTable td:first-child {
	text-align: right;
}

.contactTable strong {
	color: red;
}

.loginOption {
	font-size: 8pt;
	text-align: center;
	}
	
ol.newsList > li {	
}

/******************
 * Footer Styles 
 ******************
 */
#footer {
	clear: both;
	padding: 0.5em !important;
  	border-style: solid;
  	border-color: #274491;
  	border-width: 1px 0px 1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
  	background-color: #dedede;
  	color: #274491;
  	height: 64px;
	}
	
#footer .blueAntLogo {
	float: left;
	padding-right: 1em;
	}

#footer .blueAntIdentity > * {
	display: inline;
	vertical-align: top;
	}
	
#footer .blueAntLegal {
	padding-right: 10em;
	}

	
/*******************
 * Content Styles
 *******************
 */ 
#content {
	}
	
#content > p {
	padding-right: 0.5em;
	padding-left: 0em;
	margin-right: 0.5em;
	margin-left: 0em;
	}
	
#content img#newFootageIcon {
	border: 0px;
	float: left;
	margin-bottom: 0.5em;
	margin-right: 1em;
	}

/*******************
 * Site Navigation 
 *******************/

/* Section Titles
 *  - This will style headers for sections
 *    so that they float to the top left
 *    of the section.
 */
 
/* a border at the top of the section */
.section {
  	border-top: 1px black solid;
	}

/* take everything in the section
 * make force it to the right 
 */
.section > * {
  	margin-left: 20%;
	}

/* set the position of the
 * section title
 */
.section > .title {
  	position: absolute;
  	margin-left: 0%;
  	margin-right: 80%;
  	font-size: smaller;
  	text-align: right;
  	vertical-align: top;
  	color: #FF9C39;
	} 
	
.lastModified {
	font-size: smaller;
	font-style: italic;
}