/*
==============================================================================
**
** ABOUT THE STATE STYLES
**
** SCOPE: 		STATE
** REVISION:	0.1
** DATE:		03/21/11
** AUTHORS:		DUNCAN MCALESTER (DUNCAN@LAYER-51.COM)

** USAGE:		The body tag for this section will have and ID of "state"

** NOTES:
				
** TODO:		Connect up LESS variables

** REVISION HISTORY
------------------------------------------------------------------------------






==============================================================================
*/
/* ==================== REQUIRED LIBRARIES DO NOT REMOVE ===================== */
/* Including lib.less - this template is intentionally left blank and does not need to be included  on the live server */
/* ==================== REQUIRED LIBRARIES DO NOT REMOVE ===================== */
/* =========================================================================== */
/*
** COLOR PALETTE
**
** DESCRIPTION:	Class to be applied to any button
** USAGE:		
** NOTES:
**
*/
/*
** SPECIFIC COLORS
**
** DESCRIPTION:	Define the shape color and size of the container
** USAGE:		
** NOTES:
**
*/
/*
** CONTAINER
**
** DESCRIPTION:	Define the shape color and size of the container
** USAGE:		
** NOTES:
**
*/
/*
This is not working, but eventually I think it makes more sense to define border radius
here than have each element need a border radius element that get's set to zero;
.container-radius() {
	.less-radius(10px,10px,10px,10px);
	.ie-pie();
}
*/
/*
** MAIN NAV
**
** DESCRIPTION:	Class to be applied to any button
** USAGE:		
** NOTES:
**
*/
/*
** BUTTON
**
** DESCRIPTION:	Variables for standard buttons
** USAGE:		
** NOTES:
**
*/
/* Over Button Variables */
/* Pressed Button Variables */
/* Asides Figure Image Shadow */
/* =========================================================================== */
.state-symbols {
  list-style: none;
  margin: 0;
  padding: 0;
}
.state-symbols li {
  overflow: auto;
  clear: left;
  display: block;
  background: #fff;
  padding: .5em;
  margin-bottom: 1em;
}
.state-symbols figcaption {
  font-family: sans-serif;
  font-size: 1em;
  line-height: 1.1;
}
.state-symbols figcaption b {
  font-size: 1.1em;
  font-family: serif;
  display: block;
}
.state-symbols img {
  float: left;
  width: 25%;
  margin-right: 5%;
}
.people {
  overflow: auto;
}
.people .photo {
  display: block;
  width: 33%;
  float: left;
}
.people .fn,
.people .adr {
  display: block;
  width: 60%;
  margin-left: 40%;
}
.people li {
  font-size: .825em;
  width: 50%;
  float: left;
}
.people li:nth-child(even) {
  float: right;
}
#seal {
  text-align: center;
}
#seal img {
  width: 65%;
}