/*** Global ***/

body {
  font-family:"Gill Sans", Arial, tahoma, sans-serif;
}
h1#site-logo{
  width:421px;
  height:50px;
}
h1#site-logo a{
  display:block;
  width:421px;
  height:50px;
  text-indent:-9999px;
  background:transparent url(/images/layout/mintlogo.png) no-repeat 0 0;
}

/*** Global > Type ***/

h2{
  font-family:"Gill Sans Light", "Gill Sans", Helvetica, Arial, tahoma, sans-serif;
  font-size:2em;
  margin-bottom:50px;
  letter-spacing:-0.02em;
}
h3{
  font-size:1.5em;
}
h4{
  font-size:1.125em;
}
h3,h4{
  font-family:"Gill Sans Light", "Gill Sans", Helvetica, Arial, tahoma, sans-serif;
  margin-bottom:1em;
}
a{
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}
p{
  margin-bottom:1.1em;
}
p.meta{
  font-size:0.8125em;
  margin-bottom:0;
}
li ul,
li ol{
  margin-top:1em;
}
ul.links li{
  display:inline;
  padding:0 0.5em;
  border-left:1px solid #c4c4c4;
}
ul.links li:first-child{
  padding-left:0;
  border-left:none;
}
blockquote{
  margin-left:20px;
  font-style:italic;
}
cite{
  font-style:italic;
}
strong{
  font-weight:bold;
}
em{
  font-style:italic;
}
address{
  font-style:normal;
}

/*** Global > Layout ***/

div#container {
  margin: 80px auto;
  width: 770px;
}

div.column{
  float:left;
  padding-bottom:1em;
}

body.layout-main-with-sidebar div.column.main{
  width:500px;
  margin-right:60px;
}
body.layout-main-with-sidebar div.column.sidebar{
  width:210px;
}

body.layout-two-columns div.column{
  width:375px;
  margin-right:20px;
}
body.layout-two-columns div.column.last{
  margin-right:0;
}

/*** Global > Footer ***/

div#footer{
  clear:both;
  font-size:0.8em;
  margin-top:80px;
}
div#footer address{
  margin-bottom:1em;
}
div#footer address p{
  margin-bottom:2px;
}

/*** Global > Navigation ***/

ul#nav{
  margin:10px 0 50px;
}

ul#nav li {
  display:inline;
  text-transform:uppercase;
  margin-right:10px;
}
ul#nav li a:hover,
ul#secondary-nav li a:hover{
  text-decoration:none;
}

ul#secondary-nav {
  margin-bottom:2em;
}

/*** Global > Forms ***/

form fieldset ol li{
  margin-bottom:1em;
}

form fieldset ol li label{
  display:block;
  margin-bottom:0.5em;
}
form fieldset ol li.error label{
  color:#C33;
}

form fieldset ol li input,
form fieldset ol li textarea{
  font-family:"Gill Sans", Arial, tahoma, sans-serif;
  font-size:1.3em;
  width:250px
}

form div.submit input{
  font-size:1.5em;
  cursor:pointer;
}

/*** Global > Tables ***/

table{
  margin-bottom:1em;
}
table tr td{
  border-bottom:1px solid;
}
table tr td,
table tr th{
  padding:5px 5px 5px 0;
}

/*** Global > Pagination ***/

div.pagination{
  text-align:center;
}

div.pagination span.disabled{
	display: none;
}

/*** Object > Blog Post ***/

div.blog-post{
  position:relative;
  margin-bottom:6em;
}
div.blog-post h2,
div.blog-post h3{
  font-size:2em;
  font-family:"Gill Sans Light", "Gill Sans", Helvetica, Arial, tahoma, sans-serif;
  margin-bottom:0.1em;
  letter-spacing:-0.02em;
}
div.blog-post img.author{
  position:absolute;
  top:0;
  left:-90px;
	top: -5px;
  opacity:0.7;
}
div.blog-post p.meta.date{
  margin-bottom:1.5em;
}
div.blog-post img,
div.blog-post li,
div.blog-post dd,
div.blog-post dt{
  margin-bottom:1em;
}
div.blog-post p img{
  margin:0;
}
div.blog-post div.teaser,
div.blog-post div.more{
  overflow:hidden;
}
div.blog-post ul{
  padding-left:20px;
  list-style-type:disc;
}
div.blog-post ol{
  padding-left:20px;
  list-style-type:decimal;
}
div.blog-post blockquote{
  width:470px;
}
div.blog-post div.featured-image{
  text-align:center;
}
div.blog-post div.featured-image p.caption{
  font-size:0.75em;
}
div.blog-post pre{
  margin:0 1em 2em;
}
div.blog-post code{
  font-family:Courier,monospace;
}
div.blog-post pre code{
  font-size:0.875em;
}
body.blog_posts div.sidebar div.content{
  margin-bottom: 1em;
}
body.blog_posts div.sidebar h3{
  margin-bottom:0.5em;
}
body.blog_posts div.sidebar ul,
body.blog_posts div.sidebar ul li{
	margin-bottom: 0;
}
body.blog_posts div.sidebar div.content h5{
  margin-bottom:0.25em;
  margin-top:0.75em;
}

/*** Comments ***/

ol.comments li{
  margin-bottom:20px;
}

form#blog-post-comment-form fieldset ol li.commenter div.image,
ol.comments li div.image{
  height:48px;
  width:48px;
  float:left;
}

form#blog-post-comment-form fieldset ol li.commenter p,
ol.comments li div.content,
ol.comments li p.meta{
  margin-left:58px;
}
ol.comments li p.meta.date{
  margin-bottom:0.5em;
}

/*** Comments form ***/

form#blog-post-comment-form fieldset ol{
  position:relative;
}

form#blog-post-comment-form fieldset ol li.commenter-details{

}
form#blog-post-comment-form fieldset ol li#other-sign-ins{
  width:200px;
  position:absolute;
  top:0;
  right:0;
  padding:10px;
  background:#EBF7F5;
}
form#blog-post-comment-form fieldset ol li#other-sign-ins p{
  margin-bottom:1em;
}

form#blog-post-comment-form fieldset ol li a.sign-in-with-twitter{
  display:block;
  width:151px;
  height:24px;
  text-indent:-9999px;
  background:#fff url(/images/sign-in-with-twitter.png) no-repeat 0 0;
}

form#blog-post-comment-form fieldset ol li textarea{
  height:7em;
  padding:5px;
  width:478px;
}

form#blog-post-comment-form div.error ul{
  list-style-type:disc;
  list-style-position:inside;
  color:#C33;
  padding-left:1em;
  margin-bottom:2em;
}
form#blog-post-comment-form div.error ul li{
  margin-bottom:0.2em;
}

/*** Object > Share links ***/
div.share{
  float:left;
  width:100%;
}
div.share h3{
  font-size:1.5em;
}
div.share ul{
  list-style-type:none;
  padding:0;
}
div.share a{
  float:right;
  display:block;
  height:16px;
  margin-left:20px;
  padding-left:20px;
  background:#fff url(/images/bookmark-sprites.gif) no-repeat 0 0;
}
div.share p{
  text-align:right;
}
div.share p a{
  display:inline;
  float:none;
  margin:0;
}
div.share ul li a.digg{ background-position: 0 -20px; }
div.share ul li a.facebook{ background-position: 0 -40px; }
div.share ul li a.reddit{ background-position: 0 -60px; }
div.share ul li a.friendfeed{ background-position: 0 -100px; }
div.share a.twitter{ background-position: 0 -120px; margin-right:10px; }
div.share a.share-other{ background-position: 0 -140px;}

div.share iframe{
  position:relative;
  top:5px;
}

/*** Object > Sidebars ***/

div.sidebar{
  font-size:0.9em;
}
div.sidebar div.content{
  margin-bottom:3em;
}

div.sidebar ol {
  padding-left:20px;
  list-style-type:decimal;
}

div.sidebar li {
  margin-bottom:0.8em;
}

/*** Object > Projects ***/

ul.projects li{
  float:left;
  width:250px;
  height:240px;
  margin-right:10px;
}
ul.projects li.last{
  margin-right:0;
}
ul.projects li h3{
  margin-bottom:0.1em;
}

/*** Page > Home ***/

body.main-index ul#nav{
  margin-bottom:1em;
}
body.main-index div.about{
  position:relative;
  width:741px;
  height:681px;
  margin:0 auto;
  background:transparent url(/images/about/about.gif) 0 0 no-repeat;
}
body.main-index div.about h2,
body.main-index div.about p{
  position:absolute;
  margin:0;
  padding:0;
}
body.main-index div.about a{
  display:block;
  height:100%;
  overflow:hidden;
  background:transparent url(/images/about/about-hover.gif) 9999em 9999em no-repeat;
  text-indent:-9999em;
}
body.main-index div.about h2{
  left:207px;
  top:228px;
  width:270px;
  height:85px;
  text-indent:-9999em;
}
body.main-index div.about p#about-methodology{
  left:180px;
  top:326px;
  width:337px;
  height:90px;
}
body.main-index div.about p#about-methodology a:hover,
body.main-index div.about p#about-methodology a:focus,
body.main-index div.about p#about-methodology a:active{
  background-position:-180px -326px;
}
body.main-index div.about p#about-blog{
  left:568px;
  top:11px;
  width:156px;
  height:69px;
}
body.main-index div.about p#about-blog a:hover,
body.main-index div.about p#about-blog a:focus,
body.main-index div.about p#about-blog a:active{
  background-position:-568px -11px;
}
body.main-index div.about p#about-people{
  left:0;
  top:0;
  width:187px;
  height:268px;
}
body.main-index div.about p#about-people a:hover,
body.main-index div.about p#about-people a:focus,
body.main-index div.about p#about-people a:active{
  background-position:0 0;
}
body.main-index div.about p#about-hot-pot{
  left:0;
  top:269px;
  width:179px;
  height:112px;
}
body.main-index div.about p#about-hot-pot a:hover,
body.main-index div.about p#about-hot-pot a:focus,
body.main-index div.about p#about-hot-pot a:active{
  background-position:0 -269px;
}
body.main-index div.about p#about-contact{
  left:188px;
  top:0;
  width:204px;
  height:219px;
}
body.main-index div.about p#about-contact a:hover,
body.main-index div.about p#about-contact a:focus,
body.main-index div.about p#about-contact a:active{
  background-position:-188px 0;
}
body.main-index div.about p#about-history{
  left:393px;
  top:70px;
  width:148px;
  height:144px;
}
body.main-index div.about p#about-history a:hover,
body.main-index div.about p#about-history a:focus,
body.main-index div.about p#about-history a:active{
  background-position:-393px -70px;
}
body.main-index div.about p#about-weekender{
  left:542px;
  top:81px;
  width:194px;
  height:147px;
}
body.main-index div.about p#about-weekender a:hover,
body.main-index div.about p#about-weekender a:focus,
body.main-index div.about p#about-weekender a:active{
  background-position:-542px -81px;
}
body.main-index div.about p#about-twitter{
  left:510px;
  top:229px;
  width:103px;
  height:63px;
}
body.main-index div.about p#about-twitter a:hover,
body.main-index div.about p#about-twitter a:focus,
body.main-index div.about p#about-twitter a:active{
  background-position:-510px -229px;
}
body.main-index div.about p#about-flickr{
  left:614px;
  top:239px;
  width:114px;
  height:66px;
}
body.main-index div.about p#about-flickr a:hover,
body.main-index div.about p#about-flickr a:focus,
body.main-index div.about p#about-flickr a:active{
  background-position:-614px -239px;
}
body.main-index div.about p#about-hemlock{
  left:540px;
  top:320px;
  width:200px;
  height:109px;
}
body.main-index div.about p#about-hemlock a:hover,
body.main-index div.about p#about-hemlock a:focus,
body.main-index div.about p#about-hemlock a:active{
  background-position:-540px -320px;
}
body.main-index div.about p#about-briarpatch{
  left:510px;
  top:430px;
  width:200px;
  height:118px;
}
body.main-index div.about p#about-briarpatch a:hover,
body.main-index div.about p#about-briarpatch a:focus,
body.main-index div.about p#about-briarpatch a:active{
  background-position:-510px -430px;
}
body.main-index div.about p#about-bloombox{
  left:510px;
  top:549px;
  width:230px;
  height:121px;
}
body.main-index div.about p#about-bloombox a:hover,
body.main-index div.about p#about-bloombox a:focus,
body.main-index div.about p#about-bloombox a:active{
  background-position:-510px -549px;
}
body.main-index div.about p#about-media{
  left:264px;
  top:451px;
  width:215px;
  height:204px;
  text-indent:-9999em;
}
body.main-index div.about p#about-media a{
  position:absolute;
}
body.main-index div.about p#about-media a.metro{
  left:2px;
  top:62px;
  width:112px;
  height:51px;
}
body.main-index div.about p#about-media a.metro:hover,
body.main-index div.about p#about-media a.metro:focus,
body.main-index div.about p#about-media a.metro:active{
  background-position:-266px -513px;
    /* left = 0 - p#about-media left */
    /* top  = 0 - p#about-media top */
}
body.main-index div.about p#about-media a.sun{
  left:115px;
  top:62px;
  width:98px;
  height:51px;
}
body.main-index div.about p#about-media a.sun:hover,
body.main-index div.about p#about-media a.sun:focus,
body.main-index div.about p#about-media a.sun:active{
  background-position:-379px -513px;
}
body.main-index div.about p#about-media a.techcrunch{
  left:2px;
  top:115px;
  width:145px;
  height:48px;
}
body.main-index div.about p#about-media a.techcrunch:hover,
body.main-index div.about p#about-media a.techcrunch:focus,
body.main-index div.about p#about-media a.techcrunch:active{
  background-position:-266px -566px;
}
body.main-index div.about p#about-media a.ft{
  left:148px;
  top:115px;
  width:65px;
  height:48px;
}
body.main-index div.about p#about-media a.ft:hover,
body.main-index div.about p#about-media a.ft:focus,
body.main-index div.about p#about-media a.ft:active{
  background-position:-412px -566px;
}
body.main-index div.about p#about-media a.mashable{
  left:23px;
  top:165px;
  width:156px;
  height:37px;
}
body.main-index div.about p#about-media a.mashable:hover,
body.main-index div.about p#about-media a.mashable:focus,
body.main-index div.about p#about-media a.mashable:active{
  background-position:-287px -616px;
}
body.main-index div.about p#about-projects{
  left:0;
  top:417px;
  width:241px;
  height:267px;
}
body.main-index div.about p#about-projects a:hover,
body.main-index div.about p#about-projects a:focus,
body.main-index div.about p#about-projects a:active{
  background-position:0 -417px;
}

/*** Page > Projects > Index ***/

body.projects-index p.projects-all{
  clear:both;
  margin:3em 0 0;
  font-style:italic;
}

/*** Page > Projects all ***/

ul.projects-all li{
  margin-bottom:5em;
}

/*** Pages > Project Detail ***/

div.project-details h2{
  margin-bottom:0.1em;
}
div.project-details h3.project-link{
  font-style:italic;
  margin-bottom:20px;
  font-size:1em;
}
div.project-details div.image{
  margin-bottom:1em;
	padding:5px;
	background-color:#eee;
	float:left;
}

div.project-details{
  position:relative;
  clear:both;
}

div.project-details div.next-project{
  position:absolute;
  top:35px;
  right:0;
  font-style:italic;
}
div.project-details div.next-project a{
  position:relative;
}
div.project-details div.main{
  clear:left;
}
div.project-details div.sidebar{
  font-size:0.85em;
}
div.project-details div.sidebar blockquote{
  font-size:1.4em;
  font-family:Georgia, Times, "Times New Roman", serif;
  font-style:italic;
	margin-left:0px;
}
div.project-details div.sidebar blockquote p{
  margin-bottom:0.5em;
}
div.project-details div.sidebar cite{
  display:block;
  margin-left:0;
}

/*** Pages > Contact ***/

body.contact h3{
  font-size:0.8125em;
  font-style:italic;
  margin-bottom:0em;
}
body.contact p.fn{
  margin-bottom:0;
}
body.contact address{
  margin-bottom:1em;
}
body.contact address em{
  font-style:italic;
}

body.contact #contact-details .column{
  position:relative;
  z-index:10;
}

body.contact #contact-details img{
  opacity:0.7;
  position:relative;
  top:-100px;
  margin-bottom:-100px;
}

/*** Pages > People ***/

body.users-index h2{
  margin-bottom:0.75em;
}
body.users-index ul.people{
  margin-bottom:2em;
}
body.users-index ul.people li{
  float:left;
  width:160px;
  height:220px;
  overflow:hidden;
  margin-right:10px;
}
body.users-index ul.people li.last{
  margin-right:0;
}
body.users-index ul.people li h4{
  margin-bottom:0;
}
body.users-index ul.people li p{
  font-style:italic;
  font-size:0.8125em;
}
body.users-index ul.people li img{
  display:block;
  opacity:0.7;
}

/*** About pages ***/

body.pages h2{
  margin-bottom:1em;
}

/*** Main > Downloads ***/

body.main-downloads table {
  width: 100%;
  margin-top:-1.5em;
  margin-bottom: .6em;
}
body.main-downloads table thead tr th{
  padding:0 0.5em 0.5em;
  border-bottom: 1px solid #D9D9D9;
  font-style:italic;
  text-align:center;
}
body.main-downloads table tbody tr td.logo {
  width: 50%;
  padding: 3px 0 1px 0;
  text-align: left;
}
body.main-downloads table tbody tr td {
  width: 11%;
  height: 33px;
  margin-top: 10px;
  padding: 0 .5em 11px .5em;
  border-bottom: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
  text-align: center;
  vertical-align: bottom;
}
/*
body.main-downloads table tr.bp td.logo {
  padding-bottom: 0;
  margin-bottom: -1px;
}
*/
body.main-downloads table tbody tr td:last-child {
  border-right: 0;
}
body.main-downloads h2 {
  margin-top: 2.5em;
  margin-bottom: .3em;
}
body.main-downloads dl{
  overflow:hidden;
}
body.main-downloads dl dt{
  float:left;
  clear:left;
}
body.main-downloads dl dd{
  float:left;
  padding:0 0.5em 0 0.5em;
  border-right:1px solid #c4c4c4;
}
body.main-downloads dl dd.last{
  /* Using .last because :last-child support is weak, and dd:first-child
     doesn't work because dt is present. */
  border-right:0;
}
body.main-downloads div.other *{
  display:inline;
}
body.main-downloads div.other ul.links{
  margin-left:0.5em;
}
body.main-downloads p span {
  color: #d9d9d9;
}
body.main-downloads ul.people {
  width: 792px; /* this probably isn't a good idea */
  margin-top: -10px;
}
body.main-downloads ul.people li.person {
  width: 176px;
  height: auto;
  margin-right: 22px;
  padding-top: 1em;
  border-bottom: 1px solid #D9D9D9;
}
body.main-downloads ul.people li.person img {
  position: relative;
  float: left;
  margin-top: -5px;
  padding-right: 5px;
}
body.main-downloads ul.people li.person h2 {
  padding-top: 5px;
}
body.main-downloads ul.people li.person p {
  font-style: normal;
}
body.main-downloads ul.people li.person h4 {
  height: 18px;
  padding-top: 2px;
  font-size: .95em;
}
body.main-downloads ul.people li.person ul.links{
  display:inline;
}
body.main-downloads ul.people li.person ul.links li{
  float:none;
  width:auto;
  height:auto;
  margin:0;
  padding:0 0.25em 0 0.5em;
  font-size:inherit;
}
body.main-downloads ul.people li.person ul.links li:first-child{
  padding-left:0;
}
body.main-downloads dl.templates{
  line-height: 1.6;
}