/** =base.css
************************************************************
@project    Easel
@note       Baseline typography and style
************************************************************/

/** =typographic baseline
************************************************************/
body {
  font-size: 12px;
  line-height: 1.5em;
  color: #565656;
}
.footer {
  color: #b9a988;
}

/** =margins
************************************************************/
p, table, form, pre, ul, ol, dl, address, .box { margin-bottom: 1.5em; }
ul, ol { margin-right: .75em; margin-left: .75em; }
ol, pre { margin-left: 1.5em; }
li { margin-bottom: .25em; line-height: 1.25; }
li ol, li ul { margin-bottom: 0; margin-top: .75em; }

li p, blockquote p { margin-bottom: .75em; }

.content-main p + ul {
  margin-top: -1.5em;
}

/** =lists
************************************************************/
ol li { list-style: decimal; }
ul li { list-style: none; }
dt { font-weight: bold; }
ul li {
  background: url(images/bullet-black.png) no-repeat 0 .5em;
  padding-left: .75em;
}
dt { font-weight: bold; }
dd { margin-bottom: .75em; }
.reset dt { font-weight: normal; }

/** =blockquote
************************************************************/
blockquote {
  font-style: italic;
  margin: 1.5em;
}
blockquote em,
blockquote cite { font-style: normal; }

/** =table
************************************************************/
table       { width:100%; border-collapse:separate; border-spacing:0; }
th          { font-weight: bold; }
th, td      { padding: 4px 10px; text-align: left; }
tr.alt td,
tr.alt th   { background: #F4F4F4; }
tfoot       { font-style: italic; }
caption     { font-weight: bold; }

/** =headings
************************************************************/
h1,h2,h3,h4,h5,h6 { margin-bottom: .25em; font-weight: normal; color: #2e251b; }
h2,h3,h4,h5,h6 {font-weight: bold; }
h1,h2,h3 { line-height: 1em; }
h4,h5,h6 { line-height: 1.2em; }
h1 { font-size: 30px; }
h2 { font-size: 16px;}
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 14px; }
h6 { font-size: 14px; }

.content-main h2,
.home-main h2 {
  margin-bottom: 1.5em;
  color: #afa489;
}
.home-main h2 {
  margin-bottom: .625em;
}

/** =links
************************************************************/
a {
  color: #2c73a6;
  text-decoration: none;
	cursor: pointer;
	border-bottom: 1px solid transparent;
}
a:focus,
a:hover {
  color: #003864;
  border-bottom: 1px solid #ACB6CF;
}
a.alt,
li.rss a.alt {
  color: #6a6356;
  border-bottom: 1px solid #e9e0cb;
	font-weight: normal;
}
a.alt:hover,
li.rss a.alt:hover {
  color: #2c2c2c;
  border-bottom-color: #d3cbb9;
}
.biglink:hover ,
.biglink:hover *{
	cursor: pointer;
	color: #003864;
}

/** =inline images
************************************************************
@note Images, linked images, and caption wrappers get floated left by default when inside of <p> tags. Override with .right class.
************************************************************/
p img, p img.left, p a.img.left img, p .captioned {
  margin: .75em 1.25em .75em 0; 
  float:left;
  display: inline;
}
p img.right,
p a.img.right img,
p .captioned.right {
  margin: .75em 0 .75em 1.25em;
}
p img.top, 
p a.img.top img,
p .captioned.top {
  margin-top: 0;
}

/** =fonts
************************************************************/
.serif {
  font-family: Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif;
}
.sans-serif,
.super,
.footer,
.nav-local,
.slideshow .controls,
.more,
a.alt,
.news-list .inner,
.pagination,
h3, h4, h5, h6,
.media-block,
.article h2,
textarea,
label,
.label,
.field-note,
.hform .error-message,
.vform .error-message,
form,
body,
.content-wrapper h1,
h2,
.intro,
.article-nav .date {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.monospace, pre, code, kbd, tt, samp {
  font-family: "Andale Mono", "Courier New", Courier, monospace;
}

.intro {
  font-size: 18px;
  line-height: 1.2em;
  color: #313131;
  margin-bottom: 1.2em;
}
p.intro {
  margin-bottom: 1em;
}

.footer,
.slideshow .controls,
.more,
a.alt,
.footer,
.news-list a,
.pagination {
  font-size: 12px;
  letter-spacing: .025em;
}
.super,
.news-list .publish-date .month {
  font-size: 11px;
  letter-spacing: .025em;
}
.content-wrapper h1 {
  letter-spacing: -.01em;
}

/** =ruled
************************************************************/
.ruled li {
  border-bottom: 1px solid #e2d2aa;
  background: none;
  padding: 0 0 .66em; /* adjust for border pixel */
  margin: 0 0 .75em;
}
.ruled {
  padding-top: .75em;
}
.ruled.links {
  padding-top: 0;
}
.ruled.links li {
  margin: 0;
  padding: 0;
}
.ruled.links a{
  display: block;
  padding: .75em 0 .66em;
}