/*
Version: 0.0.1
Description: IndyHall FAQ
Design by: Alex Hillman
Development by: Alex Hillman
*/
body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
	line-height:26px;
/*  color: #9e9ca0;*/
  color:#717073;
	font-weight:bold;
  background: #e5e0cb url('../images/bricks.jpg') repeat top left;
/*  background:#ecd970;*/
	margin:0;
	padding:20px 0;
	padding-top:0;
}
a, a:visited, a:active{
  color:#826b29;
	text-decoration:none;
	outline:none;
}
a:hover{
  text-decoration:underline;
}
:focus {
	-moz-outline-style: none;
}
.center{
  text-align: center;
}
h2.right{
  text-align:right;
}
blockquote{
  margin:25px;
  font-style: italic;
}
/********
	Wrapper
		**********/
#wrapper{
  position:relative;
  z-index:2;
  width:980px;
  background:#FFF url('../images/wrapper-bg.png') repeat-x top;
  margin:0 auto;
  border:2px solid #a78e6b;
/*border-right:2px solid #a78e6b;
  border-bottom:3px solid #a78e6b;
  -webkit-box-shadow: 4px 4px #a78e6b;*/
/*  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;*/
  border-top:0;
  padding:65px 20px 5px 20px;
}
#wrapper #sidebar{
  margin-top:32px;
  width:200px;
  font-weight:normal;
}
#wrapper #sidebar #meta h2{
  margin-top:15px;
  font-size:18px;
}
#wrapper #sidebar #meta{
  font-size:12px;
  line-height:18px;
}
#wrapper #sidebar #meta #newsletter label{
  display:block;
}
#wrapper #sidebar #meta #newsletter #submit{
 margin-left:100px;
 margin-top:5px;
}
#wrapper h1{
  height:350px;
  width:174px;
  text-indent:-9999px;
  background:url('../images/logo.png') no-repeat left;
  margin-bottom:20px;
}
#wrapper a:hover h1{
  background-position:right;
}
#wrapper ul#topnav{
  position:absolute;
  top:5px;
  right:70px;
  line-height:32px;
}
.feed{
  background:url('/images/feed.png') no-repeat;
  display:block;
  height:28px;
  width:28px;
  text-indent:-9999px;
}
.ical{
  margin-left:-10px;
  background:url('/images/ical.png') no-repeat;
  display:block;
  height:28px;
  width:28px;
  text-indent:-9999px;
}
#wrapper ul#topnav li{
  float:left;
  margin-left:25px;
}
#wrapper #utilitynav{
  position:absolute;
  left:20px;
  top:10px;
  font-size:12px;
}
#wrapper #utilitynav li{
  float:left;
  margin-right:15px;
}
#wrapper h2{
  text-transform:uppercase;
  font-size:19px;
/*  text-align:justify;*/
/*  word-spacing:11px;*/
}
#wrapper h2.title{
  font-size:24px;
  word-spacing:3px;
}
#wrapper #main{
  width:700px;
}
#wrapper #pics{
  width:700px;
  height:315px;
  overflow:hidden;
  position:relative;
  margin-bottom:15px;
}
#wrapper #pics img{
  width:700px;
  height:315px;
}
#wrapper .credits{
  font-size:11px;
  text-align:right;
  margin-top:-15px;
}
#wrapper .column{
  overflow:hidden;
  width:220px;
  float:left;
  margin-right:13px;
  padding-bottom:50px;
}
#wrapper .column h2{
  color:#FFF;
  margin-bottom:10px;
  line-height:24px;
  letter-spacing: 2px;
  text-indent:1px;
}
#wrapper .photos h2{
  background:#580000;
  color:#FFF;
  margin-bottom:10px;
  line-height:23px;
  letter-spacing: 2px;
  text-indent:-2px;
  text-align:right;
}
#wrapper .photos{
  text-align:center;
}
#wrapper .photos a img{
  border:2px solid #580000;
}
#wrapper .photos div{
  margin-left:2px;
  padding-bottom:10px;
}
#wrapper .photos a {
  color:#580000;
  margin-right:9px;
}
#wrapper .column.twitter h2{
  background:#9e0000;
  position:relative;
}
#wrapper .column.twitter h2 a{
  font-size:9px;
  font-weight:bold;
  color:#FFF;
  display:block;
  position:absolute;
  right:2px;
  top:2px;
  letter-spacing:2px;
}
#wrapper .column.twitter div{
  font-size:11px;
  line-height:18px;
  padding:5px;
}
#wrapper .column.twitter div a{
  color:#9e0000;
}
#wrapper .column.twitter div .tweet{
  border-bottom:solid 2px #9e0000;
  padding:5px;
  margin-bottom:5px;
}
#wrapper .column.blogs h2{
  background:#8C6411;
}
#wrapper .column.blogs div{
  font-size:11px;
  line-height:18px;
  padding:5px;
}
#wrapper .blogs ul li{
  border-bottom:solid 2px #8C6411;
  padding:5px 0;
  margin-bottom:5px;
}
#wrapper .column.blogs div ul li a{
  color:#8C6411;
}
#wrapper .column.blogs div ul li a strong,
#wrapper .column.blogs div ul li a em{
  color:#826b29;
}

#wrapper .column.blogs div{
  padding:5px;
}
#wrapper .column.events{
  float:right;
}
#wrapper .column.events h2{
  background:#ddc858;
}
#wrapper .column.events h3{
  font-size:13px;
  line-height:15px;
  padding-top:10px;
  color:#ddc858;
}
#wrapper .column.events div{
  font-size:11px;
  line-height:18px;
}
#wrapper .column.events div ul li{
  border-bottom:solid 2px #ddc858;
/*  padding:0 0 5px 0;*/
  margin-bottom:5px;
/*  background:url(../images/cal.jpg) no-repeat 0 10px;*/
}
#wrapper .column.events div ul li h3{
/*  margin-left:25px;*/
  line-height:20px;
}
#wrapper .column.events div a{
  font-weight:bold;
  color:#ddc858;
}
#wrapper .blogs h2{
 background:#8C6411;
 color:#FFF;
}
#wrapper .events h2{
 background:#ddc858;
 color:#FFF;
}
#wrapper #membership{
  font-weight:normal;
}
#wrapper #membership ul li{
  list-style-type: square;
  list-style-position: inside;
  margin-bottom:5px;
  margin-left:15px;
}
#wrapper .colophon ul li ul li{
  list-style-type: square;
  list-style-position: outside;
  margin-bottom:5px;
  margin-left:20px;
  font-weight:normal;
}
#wrapper #membership ul li a{
  color:inherit;
}
#wrapper #membership ul li a.selected{
  color:#FFF;
  padding:3px;
  text-decoration:none;
}
dl dt{
  font-style:italic;
}
dl dd{
  font-weight:normal;
  margin-bottom:10px;
}

/*Membership Slider */
#slider {
  width: 680px;
  margin: 0 auto;
  margin-left:-10px;
  position: relative;
}
.scroll {
  height: 180px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  margin-bottom:10px;
}
.scrollContainer div.panel {
  padding: 10px 10px 0 10px;
  height: 180px;
  width: 670px; /* change to 560px if not using JS to remove rh.scroll */
}
.scrollContainer div.panel h3{
  background:#9e0000;
  color:#FFF;
  margin-bottom:10px;
  line-height:23px;
  letter-spacing: 2px;
  text-indent:-2px;
  text-align:right;
}
.scrollButtons {
  position: absolute;
  top: 7px;
  cursor: pointer;
}
.scrollButtons.left {
  left: -30px;
}
.scrollButtons.right {
  right: -35px;
}
#guest h3, a.guest.selected{
  background:#580000;
}
#basic h3, a.basic.selected {
  background:#9E0000;
}
#lite h3 ,a.lite.selected{
  background:#8C6411;
}
#full h3 , a.full.selected{
  background:#A78E6B;
}
#night h3, a.night.selected{
  background:#ECD970;
}

.blog{
  font-weight:normal;
}
.blog h2 a{
  color:#ECD970;
}
.blog .post{
  width:570px;
  border-bottom:solid 2px #DEDEDE;
  margin-bottom:20px;
}
.blog .post ul li{
  list-style: disc;
  margin-left:20px;
  margin-right:45px;
  margin-bottom:10px;
}
.blog .post img{
  border:solid 2px #DEDEDE;
}
.blog .postmeta{
  padding-top:5px;
  width:95px;
  font-size:11px;
  line-height:18px;
}
.blog .postmeta label.tags{
  background:#3C3C3C;
  color:#FFF;
  padding:2px 4px;
}
.blog .postmeta .commentslink{
  color:#FFF;
  background:#9E0000;
  padding:2px 4px;
}
.blog .postmeta a{
  color:#9E0000;
  font-weight:bold;
}
.blog #pagination{
  width:570px;
}
.blog .comments{
  border-top:solid 2px #DEDEDE;
}
.blog .comments .comment-meta{
  padding-top:5px;
  width:100px;
  font-size:11px;
  line-height:18px;
  float:left;
}
.blog .comments .comment-meta a{
  color:#9E0000;
  font-weight:bold;
}
.blog .comments .comment-text{
  width:400px;
  float:left;
  margin-left:15px;
  border:solid 1px #3C3C3C;
  margin-bottom:15px;
  padding:10px;
  font-size:15px;
  line-height:22px;
}
.blog #comment{
  width:450px;
}
/*Footer */
#footer{
  text-align:right;
  font-size:11px;
}