/*   

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: 13px/18px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Bitstream Vera Sans", verdana, helvetica, sans-serif;

}



i, em {

  font: 13px/18px "Lucida Grande", "Lucida Sans", "Bitstream Vera Sans", verdana, helvetica, sans-serif;

  font-style: italic;

}



p {

  margin: 0;

}



#header {

  height: 214px;

  background: url(header.png) no-repeat top center;

}


div.post {

padding: 0px 0 12px 0;

}

a {

  color: #15588c;
  
  text-decoration: none;
  
}


span.entry-title {

  color: #15588c;

  padding: 0px 0 0px 0;

  margin: 0;
  
  text-decoration: none;
  
}


h1.entry-title {

  color: #15588c;

  padding: 0px 0 10px 0;

  margin: 0;
  
  text-decoration: none;
  
  line-height: 1.2em; 
  
}


span.entry-date {

  color: #808080;

  padding: 25px 0 5px 0;

  margin: 0;
  
  text-decoration: none;
  
  font-size: 10px;
  
}


ul.nav, ul.sf-nav {

  list-style: none;

  margin: 0;

  padding: 0;

}



#pixopoint_menu1_wrapper {

  margin: 0 auto;

  width: 960px;

  padding: 150px 0 0;

  height: 36px;

}

ul#suckerfishnav {
  height: 36px;
}



ul#suckerfishnav li {

  float: right;

  width: 101px;

}



ul#suckerfishnav li.links {

  width: 137px;

}



ul#suckerfishnav li a {

  height: 36px;

  display: block;

  text-align: center;

}



ul#suckerfishnav li a span {

  display: none;

}



ul#suckerfishnav li a:hover {

  background-image: url(nav.png);

  background-repeat: no-repeat;

}



ul#suckerfishnav li a:hover { background-position: -1px 0; }

ul#suckerfishnav li.page-item-2 a:hover { background-position: -102px 0; }

ul#suckerfishnav li.page-item-7 a:hover { background-position: -203px 0; }

ul#suckerfishnav li.page-item-15 a:hover { background-position: -303px 0; }

ul#suckerfishnav li.cat-item-3 a:hover { background-position: -405px 0; }

ul#suckerfishnav li.links a:hover { background-position: -506px 0; }



#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;

}



#content {

  margin: 0 327px 0 8px;
  
  font-size: 12px;
  
  line-height: 1.5em;

}



#content p {

  margin: 0 0 15px;

}



#content h2 {

  background: url(h2.png) no-repeat center;

  padding-bottom: 30px;
  
  text-align: center;
  
  width: 200px;
  
  color: #15588c;

}



#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.readmore a {

  background: url(features-readmore.png) no-repeat;

  display: block;

  height: 34px;

}



#features ol li p.readmore {

  position: absolute;

  width: 149px;

  top: 184px;

  left: 25px;

  height: 34px;

}



#features ol li p.readmore a span {

  display: none;

}


#features ol li p.figure {

  float: right;

  width: 306px;

  background: url(features-figure.png) no-repeat left bottom width: 250px ;

  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;

}



#updates {

  margin: 20px 0 0 10px;
  
  

}



#updates h2 {

  color: #15588c;

  padding: 10px 0 30px 0;

  margin: 0;

}


#updates h3 {

  padding: 0px 0 10px 0;

  margin: 0;

}


a {

  color: #15588c;
  
  text-decoration: none;
  
}


#updates span.entry-title {

  color: #15588c;

  padding: 0px 0 0px 0;

  margin: 0;
  
  text-decoration: none;
  
}


#updates span.entry-date {

  color: #808080;

  padding: 25px 0 5px 0;

  margin: 0;
  
  text-decoration: none;
  
  font-size: 10px;
  
}

#updates content {

  font-size: 11px;

}

#join {

  background: url(join.png) repeat-x;

  height: 87px;

  padding: 10px 0 0 0;

}



#sidebar h2 {

  text-align: center;

  color: white;

}



#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: 160px;

  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;

}



#content a.button { clear: none; } /* for salsa */

#content .salsa .clear { clear: none; } /* for salsa */

.pagination {
  border-top: 1px solid #eee;
  padding: 10px 0 0;
  margin: 10px 0;
  overflow: auto;
}

.pagination div {
  width: 49%;
  float: left;
}

.pagination .nav-previous { text-align: left; }
.pagination .nav-next { text-align: right; }






/*********************************************************
 ****** CSS generated via the PixoPoint Menu Plugin ******
 ********** http://pixopoint.com/pixopoint-menu/ *********
 *********************************************************/



#pixopoint_menu1 {
	width:100%;
	height:35px;
	margin:0;}
#pixopoint_menu1 ul {
	width:100%;
	border:none;
	background:none;
	margin:0;
	padding:0;
	list-style:none;
	}
#pixopoint_menu1 li {
	border:none;
	line-height:35px;
	z-index:20;
	letter-spacing:0px;
	font-weight:bold;
	font-size:14px;
	padding:0;
	margin:0 0px;
	float:left;
	position:relative;
	}
#pixopoint_menu1 li a {
	border:none;
	background:none;
	text-decoration:none;
	display:block;
	padding:0 12px;
	color: transparent;
  filter:alpha(opacity=0);
	}
  
html:root #pixopoint_menu1 li a {
  text-indent: -500px;
  overflow: hidden;
}

#pixopoint_menu1 li a:hover {
	border:none;
	background:none;
	text-decoration:none;
	}
#pixopoint_menu1 ul ul {
	position:absolute;
	left:-999em;
	top:35px;
	width:120px;
	}
#pixopoint_menu1 li:hover ul,#pixopoint_menu1 li.sfhover ul {
	left:auto;
	}
#pixopoint_menu1 ul ul li a {
	padding:4px 10px;
	text-transform:normal;
	font-variant:normal;
  filter:alpha(opacity=100);
  text-indent: 0;
	}
html:root #pixopoint_menu1 ul ul li a {
  text-indent: 0;
}
  
#pixopoint_menu1 ul ul li {
	letter-spacing:0px;
	color:#444444;
	z-index:20;
	width:120px;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	background: silver;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	margin:0;
	}
#pixopoint_menu1 ul ul li a {
	line-height:22px;
	color:#444444;
	text-decoration:none;
  height: 22px;
	}
#pixopoint_menu1 ul ul li:hover a,#pixopoint_menu1 ul ul li.sfhover a {
	color:#FFFFFF;
	text-decoration:none;
  background-image: none;
	}
#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
	color:#444444;
	}
#pixopoint_menu1 ul ul li:hover li a:hover,#pixopoint_menu1 ul ul li.sfhover li a:hover {
	color:#FFFFFF;
	}
#pixopoint_menu1 ul ul li:hover,#pixopoint_menu1 ul ul li.sfhover {
	color:#FFFFFF;
	background:#154475;
	}
#pixopoint_menu1 ul ul ul li {
	font-size:1em;}#pixopoint_menu1 ul ul ul, #pixopoint_menu1 ul ul ul ul {
	position:absolute;
	margin-left:-999em;
	top:0;
	width:120px;
	}
#pixopoint_menu1 li li:hover ul,#pixopoint_menu1 li li.sfhover ul,#pixopoint_menu1 li li li:hover ul,#pixopoint_menu1 li li li.sfhover ul {
	margin-left:120px;
	}
#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
	text-decoration:none;
	}
#pixopoint_menu1 ul ul li li:hover a,#pixopoint_menu1 ul ul li li.sfhover a {
	color:#FFFFFF;
	text-decoration:none;
	}
#pixopoint_menu1 li.pixo_search:hover {
	background:none;
	}
#pixopoint_menu1 li.pixo_search form {
	margin:0;
	padding:0;
	}
#pixopoint_menu1 li.pixo_search input {
	font-family:tahoma,sans-serif;}
#pixopoint_menu1 li.pixo_search input.pixo_inputsearch {
	width:100px;
	}
#pixopoint_menu1 li.pixo_right {
	float:right;
	}