/*
Version: 0.0.1
Description: IndyHall Labs
Design by: Johnny Bilott
Development by: Alex Hillman
*/
body {
	font-family:'Lucida Grande', Arial, sans-serif;
	font-size:12px;
	line-height:20px;
	color: #323131;
	background: #646768;
	margin:0;
	padding:0;
}
a, a:visited, a:active, a:hover{
	color:#12a2f5;
	text-decoration:underline;
	outline:none;
}
:focus {
	-moz-outline-style: none;
}
strong{
  color:#FFF;
}
/********
	Wrapper
		**********/
#wrapper{
	width:100%;
	position:relative;
  background:#bfc2c5 url(../images/wrapper-bg.gif) repeat-x top;
}
#blog #wrapper{
  background-image:none;
}
.pagewidth{
/*  width:1010px;*/
  width:960px;
  margin:0 auto;
  position:relative;  
}
#blog .pagewidth{
  width:960px;
}
/********
	Header
		**********/
#header {
  padding-top:12px;
  padding-bottom:20px;
  position:relative;
}
#blog #header{
  padding:70px 0 50px 0;
}
#header h1{
  position:absolute;
  top:50px;
  left:10px;

}
#blog #header h1{
  margin-left:0;
  position:relative;
  top:auto;
  left:auto;
}
#header h1 a{
  background:url(../images/logo.png);
  display:block;
  height:99px;
  width:370px;
  text-indent:-9999px;
}		
#topnav{
  position:absolute;
  display:block;
  top:0;
  background:url(../images/topnav-bg.png) repeat-x;
  height:53px;
  width:100%;
  z-index:9999;
  text-align:center;
}
#topnav ul{
  margin:0 auto;
}
#topnav ul li{
  float:left;
}
#topnav ul li a{
  display:block;
  height:53px;
  width:100px;
  background-position:top;
  text-indent:-9999px;
}
#topnav ul li.home a{
  background:url(../images/topnav-home-bg.png) no-repeat;
  width:94px;
  height:42px;
  margin-left:600px;
}
#topnav ul li.projects a{
  background:url(../images/topnav-projects-bg.png) no-repeat;
  width:116px;
  height:42px;
}
#topnav ul li.blog a{
  background:url(../images/topnav-blog-bg.png) no-repeat;
  width:96px;
  height:42px;
}
#topnav ul li.team a{
  background:url(../images/topnav-team-bg.png) no-repeat;
  width:92px;
  height:42px;
}
#topnav ul li.contact a{
  background:url(../images/topnav-contact-bg.png) no-repeat;
  width:111px;
  height:42px;
  
}
#topnav ul li a:hover, #topnav ul li.active a{
  background-position:bottom;
}
/********
	Shelf
		**********/
#shelf{
  background:url(../images/shelf-bg.gif) repeat-x;
  height:122px;
  margin-top:325px;
  position:relative;
}
#shelf ul li{
  width:241px;
  float:left;
  height:122px;
}
#shelf ul li a{
  display:block;
  width:241px;
  height:122px;
  background:none;
  float:left;
  text-align:center;
  font-size:25px;
  font-weight:bold;
  color:#000;
  text-decoration:none;
  position:relative;
}
#shelf ul li a:hover{
  background:url(../images/shelf-project-landing.gif);
}
#shelf ul li a span{
  font-size:25px;
  line-height:30px;
  font-weight:bold;
  color:#000;
  text-decoration:none;
  display:none;
  position:absolute;
  text-align:center;
  width:100%;
  top:-170px;
  left:0;  
}
#shelf ul li a:hover span{
  display:block;
}
#shelf ul li a div.icon{
  height:252px;
  width:221px;
  margin-left:10px;
  margin-top:-125px;
}
#shelf ul li#isepta{
  margin-left:-20px;
}
#shelf ul li#isepta a div.icon{
  background:url(../images/product-large-isepta.png) no-repeat;
}
#shelf ul li#multifirefox{
  margin-left:-20px;
}
#shelf ul li#multifirefox a div.icon{
  background:url(../images/product-large-multifirefox.png) no-repeat;
}
#shelf ul li#tgob a div.icon{
  background:url(../images/product-large-tgob.png) no-repeat;
  margin-left:-5px;
}
#shelf ul li#multiplex{
  margin-left:-25px;
}
#shelf ul li#multiplex a div.icon{
  background:url(../images/product-large-multiplex.png) no-repeat;
  margin-left:0px;
}
#shelf ul li#multiplex a span{
  margin-left:5px;
}

#shelf ul li#twistori{
  margin-left:-25px;
}
#shelf ul li#twistori a div.icon{
  background:url(../images/product-large-twistori.png) no-repeat;
  margin-left:0px;
}
#shelf ul li#twistori a span{
  margin-left:5px;
}

/********
	About Footer
		**********/
#about-footer{
  background:#000 url(../images/about-footer-bg.gif) repeat-x top;
  font-size:17px;
  line-height:25px;
  color:#8c8c8c;
  font-weight:bold;
}
#about-footer #about-labs{
  width:480px;
}
#about-footer #about-labs h2{
  background:url(../images/h-about-labs.png);
  text-indent:-9999px;
  width:147px;
  height:22px; 
  margin-bottom:20px;
}
#about-footer .pagewidth{
  padding:20px;

}
#about-footer #blog-lines{
  margin-left:50px;
  width:325px;
}
#about-footer #blog-lines h2#blog-header{
  background:url(../images/h-blog-lines.png);
  text-indent:-9999px;
  width:147px;
  height:22px; 
  margin-bottom:20px;
}
.post{
  margin-bottom:25px;
}
.post h3{
  color:#FFF;
  font-size:16px;
}
.post p{
  font-size:13px;
  line-height:17px;
  color:#a0a0a0;
  font-weight:normal;
}
#about-footer #blog-lines h2#subscribe{
  background:url(../images/h-sign-up-for-emails.png);
  text-indent:-9999px;
  width:250px;
  height:22px; 
  margin-bottom:20px;
}
#about-footer form label{
  line-height:22px;
  display:block;
  width:170px;
  float:left;
  margin-right:1px;
}
#about-footer form{
  font-size:13px;
  line-height:17px;
  color:#a0a0a0;
  font-weight:normal;
  margin-bottom:20px;
}
#about-footer #blog-lines h2#tweets{
  background:url(../images/h-live-from-the-labs.png);
  text-indent:-9999px;
  width:250px;
  height:22px; 
  margin-bottom:20px;
}
#about-footer #twitters {
  float:left;
  width:250px;
  margin-left:15px;
  font-size:13px;
  line-height:17px;
  color:#a0a0a0;
}
#about-footer h2#opensource{
  background:url(../images/h-opensource.png);
  text-indent:-9999px;
  width:173px;
  height:22px; 
  margin-top:20px;
  margin-bottom:20px;
  
}
/********
	Blog Pages
		**********/
#main{
  width:713px;
  background: url(../images/post-bg.png) repeat-y;
}
.postmeta{
  width:135px;
  text-align:right;
}
.postmeta .month{
  color:#737373;
  font-size:30px;
  font-weight:bold;
  padding-right:10px;
}
.postmeta .date{
  color:#FFF;
  font-weight:bold;
  font-size:88px;
  line-height:65px;
}
.postmeta .year{
  color:#686868;
  font-size:17px;
  font-weight:bold;
  padding-right:10px;
}
.postmeta .author span a{
  color:#252525;
  text-decoration:none;
}
.postmeta .author span a:hover{
  text-decoration:underline;
}

.postmeta .comments{
  background:url(../images/comment.png) no-repeat left;
  color:#9d9a9a;
  font-weight:bold;
  font-size:17px;
}
.postmeta .comments span a{
  color:#252525;
  text-decoration:none;
}
.postmeta .comments span a:hover{
  text-decoration:underline;
}
.postmeta .subscribe a{
  background:url(../images/icon-subscribe-small.png) no-repeat left top;
  padding-left:20px;
  padding-bottom:5px;
  font-size:13px;
  color:#696969;
  text-decoration:none;
}
.postmeta .subscribe a:hover{
  text-decoration:underline;
}
#main .post{
  width:505px;
  margin-right:40px;
  position:relative;
}
#main .post h2, .post h2 a{
  color:#252525;
  font-size:34px;
  line-height:40px;
  text-decoration:none;
}
#main .post p{
  font-size:13px;
  line-height:25px;
  color:#323131;
}
#main .post .comments h2{
  color:#454444;
  font-size:25px;
}
#main .post .comments ol li{
  margin-bottom:50px;
}
#main .post .comments .comment-date{
  position:absolute;
  width:125px;
  left:-190px;
  font-weight:bold;
  color:#FFF;
  font-size:17px;
  background:url(../images/icon-cal.png) no-repeat 0 2px;
  text-align:right;
  padding-left:25px;
  padding-top:1px;
}
#main .post .comments .comment-date strong{
  color:#ffae01;
  font-size:13px;
}
#main .post .comments .comment-author{
  color:#FFF;
  font-size:17px;
  font-weight:bold;
}
#main .post .comments .comment-author a{
  text-decoration:none;
}
#main .post .comments .comment-author a:hover{
  text-decoration:underline;
}
#blog #shelf{
  margin-top:50px;
}
#pagination{
  width:450px;
  margin-left:200px;
}
#stuff-on-shelf{
  background: url(../images/subpage-flasksandmac.png) no-repeat;
  width:302px;
  height:195px;
  position:absolute;
  right:0;
  top:-60px;
}
#sidebar{
  width:246px;
}
#sidebar h2#projects{
  text-indent:-9999px;
  background:url(../images/h2-projects.png) no-repeat;
  height:52px;
  width:235px;
  margin-top:5px;
}
#sidebar h2#categories{
  text-indent:-9999px;
  background:url(../images/h2-categories.png) no-repeat;
  height:52px;
  width:235px;
  margin-top:5px;
}
#sidebar ul li a{
  font-size:17px;
  color:#828181;
  text-decoration:none;
  display:block;
  height:44px;
  width:210px;
  line-height:44px;
  padding:0 10px;
/*  font-weight:bold;*/
}
#sidebar ul li.active a,
#sidebar ul li a:hover{
/*  font-weight:bold;*/
  color:#000;
  background:#cbcccc;
}
.hr hr{
  display:none;
}
.hr{
  height:2px;
  background:url(../images/hr-bg.png) repeat-x;
}
.post .hr{
  width:100%;
  margin:30px 0;
}
#sidebar .hr{
  width:75%;
  margin:30px 15px;
}
/********
	Footer
		**********/
#footer{
  padding:10px;
  background:#646768 url(../images/footer-bg.gif) repeat-x top;
  color:#f0ede9;
  font-size:12px;
}
#footer a{
  color:#e78d02;
}