/* **********************************************************************
   homepage.css
   ********************************************************************** */

/* ======================================================================
   global style sheet overrides
   ====================================================================== */

h2 {
  border-bottom:1px solid #ccc;
  margin:0;
  padding:0 5px;
}
a {
  color:#000;
  text-decoration:none;
}
a:hover {
  color:#0059ec;
  text-decoration:underline;
}
h2 a:hover {
  text-decoration:none;
}

/* ======================================================================
   page sections
   ====================================================================== */

div.section {
  margin-bottom:24px;
}
div.section ul {
  margin-left:5px;
  margin-right:5px;
  padding:0;
  list-style:none;
}
div.section li {
  margin-top:9px;
}

/* ======================================================================
   featured content (jQuery Cycle plugin)
   ====================================================================== */

/* ----------------------------------------------------------------------
   static only
   ---------------------------------------------------------------------- */

#features dl {
  margin:0 5px;
}
#features dt {
  font-family:'Crimson Text', Georgia, serif;
  font-size:18px;
  margin-top:9px;
}
#features dt, 
#features dd.blurb {
  margin-left:170px;
}
#features dd.blurb {
  font-size:11px;
  font-style:italic;
}
#features dd.image {
  margin-top:-39px;
}
#features dd.image img {
  border:1px solid #aaa;
  height:96px;
  width:158px;
}
#features dd {
  margin-bottom:0;
}

/* ----------------------------------------------------------------------
   dynamic only
   ---------------------------------------------------------------------- */

/* hide this section until the slideshow has fully loaded */

.js #features {
  visibility:hidden;
  overflow:hidden;
}

/* overwrites */

.js #features dl {
  margin-left:0;
  margin-right:0;
}
.js #features dt {
  margin-top:0;
}
.js #features dt, 
.js #features dd.blurb {
  margin-left:0;
}
.js #features dd.image {
  margin-top:0;
}
.js #features dd.image img {
  border:none;
  height:380px;
  width:620px;
}

/* slideshow */

.jqc {
  position:relative;
}
.jqc-controls {
  position:absolute;
  z-index:4000;
  top:9px;
  left:10px;
}
.jqc-number-controls {
  float:left;
}
.jqc-pause-play-controls {
  float:right;
}
.jqc-controls button {
  background-color:#ddd;
  color:#333;
  display:inline;
  float:left;
  font:11px Verdana;
  height:25px;
  margin:0 5px 0 0;
  padding:0;
  width:25px;
}
.jqc-controls button:hover {
  cursor:pointer;
}
.jqc-controls button img {
  display:inline;
  margin:0 auto;
}
.jqc-number-controls button {
  border:1px solid #aaa;
}
.jqc-number-controls button:hover {
  background-color:#eee;
}
.jqc-number-controls button.active-slide {
  background-color:#1c1d22;
  color:#fff;
}
.jqc-slideshow {
  clear:both;
  margin:0;
}
.jqc-slide {
  position:relative;
}
.jqc-slide a {
  color:#fff;
}
.jqc-slide-text {
  background:url(/images/pixel-shim-1c1d22-trans.png) repeat left top;
  color:#fff;
  bottom:0;
  left:0;
  overflow:hidden;
  padding:9px 10px 12px 10px;
  position:absolute;
  width:100%;
}
.jqc-slide-text dt, 
.jqc-slide-text dd {
  margin:0;
  padding:0;
}

/* ======================================================================
   information for
   ====================================================================== */

#info-for li {
  float:left;
  width:50%;
/*
  margin-top:0;
  margin-bottom:9px;
*/
}

/* ======================================================================
   latest news
   ====================================================================== */

#news > .media {
  border-bottom:1px solid #ccc;
  padding:0 5px;
}
#news .media-body > h2 {
  border-bottom:none;
  margin-bottom:0;
  padding:0;
}
#news ul {
  clear:both;
  list-style:url(/images/right-pointing-single-arrow-203759.gif);
  padding-left:1.33em;
}

/* ===========================================================================
   "action center"
   =========================================================================== */

div#actions ul {
  margin-left:0;
  margin-right:0;
}

/* ===========================================================================
   channels
   for icons see:
   http://psd.tutsplus.com/freebies/icons/81-pixel-perfect-social-media-icons/
   =========================================================================== */

/* ----------------------------------------------------------------------
  `channels
   ----------------------------------------------------------------------*/

#channels {
  clear:left;
  border:5px solid #eee;
  background:url(/images/left-pointing-curlicue.jpg) no-repeat 96% 18px;
}
/* need to specify div here */
div#channels h2 {
  border-bottom:none;
  margin:9px 5px 6px 5px;
}

/* social media links */

#social-media-links {
  margin:0 0 18px 0;
  padding:0 9px;
  list-style:none;
}
#social-media-links li {
  display:inline;
  float:left;
  padding-right:10px;
}
#social-media-links a {
  text-decoration:none;
}

/* gov delivery sign-up form */

#gov-delivery-form {
  position:relative;
  margin:0 10px 18px 10px;
  clear:left;
}
#gov-delivery-form legend {
  float:left;
  font-size:11px;
  font-weight:bold;
  margin:0 0 3px 0;
}
#gov-delivery-form label {
  clear:left;
  display:block;
}
#gov-delivery-form input[type=text], 
#gov-delivery-form input[type=submit] {
  float:left;
  margin:0;
  border:solid #aaa;
  padding:2px 3px;
  line-height:normal !important;
}
#gov-delivery-form input[type=text] {
  width:210px;
  border-width:1px;
}
#gov-delivery-form input[type=submit] {
  border-width:1px 1px 1px 0;
  background-color:#ddd;
  color:#333;
  cursor:pointer;
}
#gov-delivery-form input[type=submit]:focus {
  background-color:#457ea5;
  color:#fff;
}
#gov-delivery-form input[type=submit]::-moz-focus-inner {
  border:0;
}
.js #gov-delivery-form label.overlabel {
  left:3px;
  top:1.85em;
}
