/*
==============================================================================
**
** 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 */
/* Including lib.less - this template is intentionally left blank and does not need to be included  on the live server */
/* =========================================================================== */
.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%;
}
.visit-oregon img {
  padding: .2em .75em 0 0;
}
.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: 1.12em;
  width: 50%;
  float: left;
  min-height: 200px;
}
.people li:nth-child(even) {
  float: right;
}
#seal {
  text-align: center;
}
#seal img {
  width: 65%;
}
#map {
  width: 100%;
  padding: 20px 0px;
  background: -moz-linear-gradient(center top, #f9f6ed 50%, #ffffff 100%) repeat scroll 0 0 transparent;
  border-top: 1px solid #ece3c7;
  border-left: 1px solid #f3ecda;
  border-right: 1px solid #f3ecda;
}
.or #oregonmap {
  background: url(/images/oregon/map.png) no-repeat 0 -1px transparent;
  width: 580px;
  height: 410px;
}
.nw #oregonmap,
.nw_link #oregonmap {
  background: url(/images/oregon/map.png) no-repeat 0 -409px transparent;
  width: 580px;
  height: 410px;
}
.central #oregonmap,
.central_link #oregonmap {
  background: url(/images/oregon/map.png) no-repeat 0 -819px transparent;
  width: 580px;
  height: 410px;
}
.sw #oregonmap,
.sw_link #oregonmap {
  background: url("/images/oregon/map.png") no-repeat scroll 0 -1230px transparent;
  height: 410px;
  width: 580px;
}
.east #oregonmap,
.east_link #oregonmap {
  background: url(/images/oregon/map.png) no-repeat 0 -1639px transparent;
  width: 580px;
  height: 410px;
}
#oregonlinks {
  padding: 10px 0px;
  height: 70px;
}
#oregonlinks a {
  font-family: PTSansNarrowRegular, sans-serif;
  font-weight: normal !important;
  margin: 0;
  text-transform: uppercase;
  padding: 15px;
  font-size: 1.35em;
}
#oregonlinks a#east_link {
  border-right: none;
}
#oregonmapimg {
  width: 580px;
  height: 410px;
}
#asides .or #oregonmap {
  background: url(/images/oregon/map-aside.png) no-repeat 0 -1px transparent;
  width: 230px;
  height: 175px;
}
#asides .northwest #oregonmap,
#asides .nw_link #oregonmap {
  background: url(/images/oregon/map-aside.png) no-repeat 0 -177px transparent;
  width: 230px;
  height: 175px;
}
#asides .central #oregonmap,
#asides .central_link #oregonmap {
  background: url(/images/oregon/map-aside.png) no-repeat 0 -354px transparent;
  width: 230px;
  height: 175px;
}
#asides .southwest #oregonmap,
#asides .sw_link #oregonmap {
  background: url("/images/oregon/map-aside.png") no-repeat scroll 0 -531px transparent;
  width: 230px;
  height: 175px;
}
#asides .eastern #oregonmap,
#asides .east_link #oregonmap {
  background: url(/images/oregon/map-aside.png) no-repeat 0 -708px transparent;
  width: 230px;
  height: 175px;
}
#asides #oregonmapimg {
  width: 230px;
  height: 175px;
}
.clear {
  clear: both;
}
.event {
  clear: both;
  height: auto;
  margin: 10px 0 11px 10px;
  padding: 0;
}
.event .info {
  width: 60%;
  float: left;
  margin: 0 0 1em;
}
.event h3 {
  color: #1784B6;
}
.event .photo {
  float: right;
  width: 20%;
  padding: 0 0 2em 0;
}
.past {
  height: auto;
  margin: 10px 0 21px 10px;
  padding: 0 0 0.5em;
  border-bottom: 1px dotted #CCCCCC;
}
section {
  padding: 14px 0px;
}
section .left {
  float: left;
  width: 48%;
}
section .right {
  float: right;
  width: 48%;
}