/*   
Theme Name: Hahntheme
Theme URI: http://joetrippi.com
Description: Custom theme for Janice Hahn
Author: Andy Rossmeissl
Author URI: http://rossmeissl.net
Version: 1.0
Tags: hahn
*/

body {
  background: #BCCFDF url(bg.png) repeat-x;
  margin: 0 0 0 0;
  font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Bitstream Vera Sans", verdana, helvetica, sans-serif;
}

button { cursor: pointer; }

i, em {
  font: 13px/18px "Lucida Grande", "Lucida Sans", "Bitstream Vera Sans", verdana, helvetica, sans-serif;
  font-style: italic;
}

p {
  margin: 0;
}

h1,h2 {   font: bold 18px/24px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Bitstream Vera Sans", verdana, helvetica, sans-serif; } 
h3 { font: 14px/18px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Bitstream Vera Sans", verdana, helvetica, sans-serif; }

#header {
  height: 214px;
  background: url(header.jpg) no-repeat top center;
}

#pixopoint_menu1_wrapper{margin:0 auto;width:960px;padding:150px 0 0;height:36px;}
ul#suckerfishnav { margin:0; padding:0; list-style:none; height:36px;}
ul#suckerfishnav li.links{width:137px;}
ul#suckerfishnav li{ height: 35px;float:right;width:101px;border:none;z-index:20;letter-spacing:0px;font-weight:bold;font-size:12px;padding:0;margin:0 0px;position:relative;}
ul#suckerfishnav li a{display: block; overflow:hidden;text-indent: -999em; height: 100%;}
ul#suckerfishnav li a span{display:none;}
ul#suckerfishnav li a {background:url(./nav.png) no-repeat 0 -36px;} /*home*/
ul#suckerfishnav li a:hover {background-position:0 0;}
ul#suckerfishnav li.page-item-2 a {background-position:-101px -36px;} /*about*/
ul#suckerfishnav li.page-item-2 a:hover {background-position:-101px 0;}
ul#suckerfishnav li.page-item-1008 a {background-position:-202px -36px;} /*issues*/
ul#suckerfishnav li.page-item-1008 a:hover {background-position:-202px 0;}
ul#suckerfishnav li.page-item-15 a {background-position:-404px -36px;} /*contact*/
ul#suckerfishnav li.page-item-15 a:hover {background-position:-404px 0;}
ul#suckerfishnav li.categories a {background-position:-303px -36px;} /*news*/
ul#suckerfishnav li.categories a:hover {background-position:-303px 0;}
ul#suckerfishnav li.links a {background-position:-505px -36px;} /*contribute*/
ul#suckerfishnav li.links a:hover {background-position:-505px 0;}
ul#suckerfishnav ul {position:absolute;left:-999em;top:35px;width:180px; margin: 0 0 0 2px; padding: 0; }
ul#suckerfishnav ul li { background: #659EC8; width: 100%; text-align: left; height: auto; }
ul#suckerfishnav ul li a{height:auto;display:block;text-align:center; text-indent: 0; color: #FFF;border:none;background:none;text-decoration:none;padding:5px 12px;}
ul#suckerfishnav ul li a:hover, ul#suckerfishnav ul li.sfhover a { background: #15588C;  }

#pixopoint_menu1{width:100%;height:35px;margin:0;}
/*#pixopoint_menu1 li a{border:none;background:none;text-decoration:none;display:block;padding:12px;color:transparent;filter:alpha(opacity=0);}*/
/*#pixopoint_menu1 li a:hover{border:none;background:none;text-decoration:none;}*/
ul#suckerfishnav li:hover ul,ul#suckerfishnav li.sfhover ul{left:auto;}


#main {
  background: url(main.png) repeat-y top center;
  min-height: 300px;
  width: 960px;
  padding: 0 23px;
  margin: 0 auto;
  overflow: auto;
}

#sidebar {
  float: right;
  width: 291px;
  margin: 0 15px 0 20px;
}
#sidebar h2 { 
  margin: 0 0 5px;
  text-align: center;
  color: #15588c; 
}

#content {
  margin: 0 0 0 18px;
  float: left;
  width: 615px;
}

#features {
  width: 625px;
  padding: 0 0 0 25px;
  position: relative;
}

#features h2 {
  display: none;
}

#features-slides {
  overflow: hidden;
  width: 574px;
  height: 245px;
  background: url(features.png) repeat-x;
}

#features ol {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 2500px;
}

#features ol li {
  width: 574px;
  height: 200px;
  float: left;
  position: relative;
}

#features ol li h3 {
  margin: 20px 340px 10px 40px;
  font-size: 21px;
  font-weight: normal;
  color: white;
}

#features ol li p {
  margin: 0 340px 0 40px;
  color: white;
}

#features ol li p.cta {
  position: absolute;
  width: 149px;
  top: 184px;
  left: 25px;
  height: 34px;
}

#features ol li p.cta a {
  background: url(features-cta.png) no-repeat;
  display: block;
  height: 34px;
}

#features ol li p.cta a span {
  display: none;
}

#features ol li p.figure {
  float: right;
  width: 306px;
  background: url(features-figure.png) no-repeat left bottom;
  margin: 22px 0 0 0;
  padding: 0 21px 11px;
}

#features ul.controls {
  position: absolute;
  top: 90px;
  left: 0;
  width: 625px;
  height: 51px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#features ul.controls li {
  width: 48px;
}

#features ul.controls li.prev {
  float: left;
  background: url(prev.png) no-repeat;
}

#features ul.controls li.next {
  float: right;
  background: url(next.png) no-repeat;
}

#features ul.controls li a {
  height: 51px;
  display: block;
}

#features ul.controls li a span {
  display: none;
}

#content h2, h1.entry-title {
  color: #15588c;
  padding: 10px 0 30px;
  margin: 0;
  background: url(h2.png) no-repeat center bottom;
  width: 220px; 
  text-align: center;
}
h1.entry-title { width: auto; text-align: left; }

#join {
  background: #77b5db url(join.png) repeat-x;
  /*height: 87px;*/
  height: auto;
  padding: 10px 0 0 0;
}

#join button { background: url(stepbutton.png) no-repeat;
  padding: 30px 10px 10px;
  margin: 0 0 10px 8px;
  height: 85px;
  border: none;
  width: 272px;
  text-align: center;
  color: #15588c;
}

#join button strong {
  font-size: 18px;
  font-weight: normal;
}

#join h2 {
  margin: 0;
}

#join form fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

#join form fieldset legend {
  display: none;
}

#join form fieldset dl {
  margin: 15px 0 0 9px;
  padding: 0;
}

#join form fieldset dl dt {
  display: none;
}

#join form fieldset dl dd {
  margin: 0;
  padding: 0;
  float: left;
}

#join form fieldset dl dd.email {
  width: 152px;
  margin: 0 6px 0 0;
}

#join form fieldset dl dd.zipcode {
  width: 67px;
  margin: 0 6px 0 0;
}

#join form fieldset dl dd.submit {
  width: 39px;
}

#join form fieldset dl dd.submit input {
  padding: 0;
  border: 0;
}

#join form fieldset dl dd input {
  border: 1px black solid;
  padding: 3px 2px;
  font-size: 11px;
}

#join form fieldset dl dd input#email {
  width: 144px;
}

#join form fieldset dl dd input#zipcode {
  width: 61px;
}

#join form fieldset dl dd input.prefilled {
  color: gray;
}

#steps {
  background: url(steps.png) repeat-x;
  padding: 0 0 22px;
}

#steps h2 {
  text-align: center;
  color: white;
  padding: 10px 0 0;
}

#steps ol {
  list-style: none;
  margin: 0;
  padding: 0 0 0 8px;
}

#steps ol li {
  margin: 0 0 10px 0;
  background-repeat: no-repeat;
  height: 85px;
}

#steps ol li.step1 { background-image: url(step1.png) }
#steps ol li.step2 { background-image: url(step2.png) }
#steps ol li.step3 { background-image: url(step3.png) }

#steps ol li a {
  display: block;
  padding: 31px 0 0;
  text-decoration: none;
  color: #15588c;
  text-align: center;
}

#steps ol li a strong {
  font-size: 18px;
  font-weight: normal;
  display: block;
  margin: 0 0 5px 0;
}

#facebook {
  background: url(minor.png) repeat-x;
  height: 65px;
}

#elsewhere {
  background: url(minor.png) repeat-x;
  overflow: auto;
}

#elsewhere ul {
  margin: 0 auto;
  width: 218px;
  padding: 10px 0 0;
  list-style: none;
  background: url(elsewhere.png) no-repeat 0 10px;
  overflow: auto;
}

#elsewhere ul li {
  float: left;
  width: 48px;
  margin: 0 8px 0 0;
}

#elsewhere ul li.last {
  margin: 0;
}

#elsewhere ul li a {
  height: 47px;
  display: block;
}

#elsewhere ul li a span {
  display: none;
}

#photos {
  background: url(photos.png) repeat-x;
  height: 219px;
  margin: 20px 0 0;
}

#photos h2 {
  color: #15588c;
  padding: 10px 0;
  margin: 0;
}

#photos #gallery {
  width: 220px;
  height: 150px;
  overflow: hidden;
  margin: 0 auto;
}

#photos #gallery ol {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 2500px;
}

#photos #gallery ol li {
  margin: 0;
  padding: 0;
  width: 220px;
  float: left;
}

#photos p {
  text-align: center;
}

#photos p a {
  color: white;
}

#footer {
  clear: both;
  background: #5a94bf;
  color: white;
  padding: 15px;
}

#footer #nav-footer li {
  display: inline;
}

#footer #nav-footer li:after {
  content: ' | ';
}

#footer #nav-footer li.last:after {
  content: '';
}

#footer #nav-footer li a {
  color: white;
}

#footer p.disclosure {
  margin: 5px 0 0;
  font-size: 10px;
}

#footer p.contribute {
  float: right;
  width: 149px;
}

#footer p.contribute a {
  height: 34px;
  display: block;
  background: url(contribute.png) no-repeat;
}

#footer p.contribute a span {
  display: none;
}

.entry-date,.post-date { color: #999; font-size: 10px; text-decoration: none;}
.entry-date abbr { border: none; text-decoration: none; }
.entry-title,.post-title { margin-top: 0; }
h3.entry-title a,.post-title { color: #15588c; text-decoration: none; }
h3.entry-title a:hover { text-decoration: underline; }
.entry-content { color: #555; margin: 10px 0 20px; }
.entry-content p, #content p { margin: 0 0 10px; }
#steps .contribute a { color: #FFF; }
li.cat-post-item { list-style: none; margin: 0 0 20px; position: relative; padding-top: 18px; }
li.cat-post-item .post-date { position: absolute; top: 0; }
li.cat-post-item .post-title { margin-bottom: 10px; display: block; font-size: 14px; }
#homepage_block { margin: 20px 0 0 -15px; }
#homepage_block .category_feed { float: left; width: 300px; margin: 0 0 0 15px; }
#homepage_block .category_feed ul { margin: 0; padding: 0; }
#homepage_block .category_feed h2 { width: auto; }
#steps h2, #join h2 { color: #FFF; }
ul#twitter_time_line { margin: 0; padding: 0; list-style: none; }
#twitter_time_line li { position: relative; padding-top: 18px; margin-bottom: 5px; }
#twitter_time_line .twitter_time_source { position: absolute; top: 0; left: 0; }
#sidebar .widget { margin-bottom: 10px; }
#flickr_badge_wrapper { text-align: center; }
.flickr_photo { display: inline; }
.flickr_photo img { margin-right: 10px; vertical-align: middle; }

#salsa.salsa .clear { clear: left; }