/***** Global *****/
/* Body */
body {
  font-size: 81.25%; /* Base font size: 13px */
  color:#333333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #231e1b;
  font-weight: lighter;
  line-height: 1.429;
  margin: 0;
  padding: 0;
  text-align: left;
}

.logo {
  background: transparent url('../images/chrome/interaction_consortium_logo.png') no-repeat;
  width:376px;
  height:232px;
  position:fixed;
  top:0;
  left:3px;
  z-index:1000;
}

.logo:hover {
    cursor:pointer;
}


h1, h2 {
    font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
    font-weight: bold;
    margin-bottom:0px;
    padding-left:0px;
    padding-top:5px;
	  font-size:1.2em;
}

h1 {
    color: white; 
    cursor:pointer;
}

h2 {
    color: white;
    padding: 12px 0px 6px;
}

h1.logotype {
  position: fixed;
  top: 28px;
  right: 0;
  height:28px;
  z-index: 200;
}

h1.logotype .text {
  display: block;
  height:28px;
  width:428px;
  background: transparent url('../images/chrome/interaction_consortium_logo_text.png') no-repeat;
  text-indent: -4000px;
}

a {
  text-decoration:none; 
}

#heightwrapper {
  margin-left: 12.21em; /*(160+5+6)/14*/
  position: relative;
  padding-top: 150px;
  z-index: 100;
}

div#boxcontainer {
   margin-left: 14px;
   margin-right: 17px;
   margin-top:10px;
}


.main-header {
    position:fixed;
    z-index:200;
    -moz-box-shadow: 0 10px 10px #231E1B; /* Firefox */
    -webkit-box-shadow: 0 10px 10px #231E1B; /* Safari and Chrome */
    box-shadow: 0 10px 10px #231E1B; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
    /* next two lines are an ie fix apparently. will have to test on a windows machine. */
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#231E1B', Direction=180, Strength=3);
    top:0;
    width:100%;
    height:150px;
    background:#231E1B;
    border-bottom: #9E9890 solid 1px;
}

/* NAVIGATION */

#nav_menu {
  position: fixed;
  top: 112px;
  z-index:1000;
  margin: 0;
  list-style-type: none;
  padding: 0;
  margin-right:10px;
  font-size: 1.23em; /*16/13*/
  cursor:pointer;
  right:0;
}

#nav_menu li {
  display:block;
  float:right;
  padding-left:40px;
}

#nav_menu .placeholder {
  display: block;
  margin-bottom: 1px;
  padding: 5px 30px 5px 5px;
  width: 0; /*160-padding/18*/
}

#nav_menu a.nav.entry {
  display: block;
  opacity: 0.8;
  text-align:right;
  width: 2.2em;
  color:white;
}


#nav_menu a.nav { /* items that aren't mute */
  display: block;
  opacity: 0.8;
  padding-right: 30px;
  text-align:right;
  width: 5em; /*160-padding/18*/
  color:white;
  border: none;
}

#nav_menu a.nav.profile {
    padding-right:20px;
}

#nav_menu a.nav:hover,
#nav_menu a.nav.solo {
  color:#ffcb05;
}

#nav_menu a.nav.mute {
  opacity:0.3;
}


#nav_menu li.us {
  display: block;
  padding-left: 20px;
  text-align:right;
  width: 5em; /*160-padding/18*/
  color:#ffcb05;
  padding-right:10px;
}

#nav_menu li.us:hover {
  color: white;
}

#nav_menu .us .mute {
  opacity:0.3;
}

#nav_menu .nav .all {
  padding-right:7px;
  background: url('../images/chrome/nav_cross_white.png') 0px 5px no-repeat;
  color:#9E9890;
  width:25px;
  height:25px;
  position:absolute;
  margin-left:7px;
}

#nav_menu .nav .all:hover {
  background-image: url('../images/chrome/nav_cross_yellow.png');
}

#back-to-top {
    color:#9E9890;
    font-size:0.76em; /* 10/13 */
    padding-right:10px;
    padding-top:10px;
    text-align:right;
}

/* END NAVIGATION */


/** boxes **/

/** box content **/

.box {
  overflow: hidden;
  margin: 0 10px 10px 0;
  background: #393532;
  color: white;
  border: 3px solid #393532;
  width: 134px;
  height: 134px;
}

.box.noborder {
  border: none;
  width: 140px;
  height: 140px;
  
}

.box .header {
  padding: 0 0 4px 2px;
  color:white;
  font-size: 0.846em; /* 11/13*/
  display: block;
}

.box .header .content_type {
    color:#888888;
}

.box .body {
  overflow: hidden;
  padding: 0 2px;
  color: #bdb5ac;
  margin-bottom: 1.5em;
}

.box .footer {
  display: block;
}

.box .body img {
 margin: 0 auto;
 display:block;
}

/** box types: **/

/* it goes 134->284->434->584. Delta = 150.

The formula for the size (width or height) of a box with a border:
size = size on screen of one grid space * number of grid spaces to take up
  + size of margin * (number of grid spaces to take up - 1)
  - border width * 2

*/

.box.x-one {

}

.box.y-one {
  
}

.box.x-two {
  width: 284px; 
}

.box.y-two {
  height: 284px;
}

.box.x-three {
  width: 434px; 
}

.box.y-three {
  height: 434px;
}

.box.x-four {
  width: 584px; 
}

.box.y-four {
  height: 584px;
}

.box.x-five {
  width: 734px; 
}


.box .body a:link,
.box .body a:visited, 
#nav_menu a:link,
#nav_menu a:visited{
  color:#ffcb05;
}

#nav_menu a:link,
#nav_menu a:visited{
  color:white;
}

#nav_menu li a.selected, #nav_menu a:hover{
  color:#ffcb05;
}


.box .text ul {
    padding-left:30px;
    list-style: disc outside none;
}
.box .text ol {
    padding-left:30px;
    list-style: decimal outside none;
}


#nav_menu .us a:link,
#nav_menu .us a:visited{
  color:#ffcb05;
}


.box .body a:hover {
  color:#fff;
  text-decoration:none;
}

.box p {
  color:#bdb5ac;
  text-align:left;
  padding:10px 0px;
}

.box.closed p {
  padding: 4px 0px;
}

.box .boximg {
/*  margin-top: -1em;*/
/*  z-index: 10;*/
}

.box img.avatar {
  float: left;
}

.box.opened img.avatar {
 margin-right: 8px;
}

.box .slideshow {
 background-color: #000;
}

/* hover state */
.box.hover {
  border-color: #5a5654 !important;
}

.box.hover .header,
.box.hover .footer {
  background: #5a5654 !important;
}

.box.hover .header {
  color:#ffcb05 !important; 
}

.box.hover .body {
  background: #393532 !important;
}


/* end hover state */

.box .header a.opener,
.box .header.closer a{
  float:right;
  width: 1em;
  height: 1em;
  margin-left: 3px;
  color: #ffcb05;
}
.box.hover .header a {
  color: white;
}

/* end BOX Title */


/* BOX Content */

.box .footer a {
  font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
  font-weight: bold;
  position:absolute;
  font-size:1.07em; /*14/13*/
}

.box .footer a.close {
  right:0px;
  bottom:0px;
  padding: 0 4px 4px 8px;
  color:#ffcb05;
}

.box.hover a.close {
  background-color: #5a5654;
  color: white;
}

.box .footer a.permalink {
  left:4px;
  bottom:4px;
  color: #9E9890;
  background: url('../images/chrome/permalink.gif') no-repeat;
  width: 16px;
  height: 16px;
}

.box .footer a.permalink:hover {
  background: url('../images/chrome/permalink_yellow.gif') no-repeat;
}


/* End BOX Content */
/** end box types **/



.loader {
  background: url("../images/chrome/ajax-loader-black.gif") no-repeat;
	background-position: center;
	position: absolute;
	width: 100%;
	height: 360px; /* This should be set to be at least the height of the largest image in the slideshow */
}

#infscr-loading {
 z-index: 2000;
 position: fixed;
 bottom: 10px;
 left: 0px;
 color:#ffcb05;
 width:12em; /* same as the left gutter */
}



/** box sprinkle **/
.box.two-by-two.sprinkle {
 background:#ffcb05;
 color:#231e1b;
 }
 
.box.sprinkle p {
color:#231e1b !important;
padding:10px;
}

.sprinkle {
 background: none;
 height:100%;
 width:100%;
}

/** flatpage  **/

.box.flatpage .header {
  padding: 0 0 4px 2px;
  color:#231E1B;
  display: block;
}

.box.flatpage a:link,
.box.flatpage a:visited {
  color:#231E1B;
  text-decoration:underline;
}

.box.flatpage a:hover {
  color:white;
  text-decoration:none;
}

.box.flatpage .footer a {
  color:white;
}

.box.flatpage .header a {
  width: 1em;
  height: 1em;
  margin-left: 3px;
  color: black;
  text-decoration:none;
}


.flatpage {
 background:#FFCB05;
 overflow: hidden;
  margin: 0 10px 10px 0;
  color: white;
  border: 3px solid #FFCB05;
}

.flatpage p {
	color: #1D1B1C;
}


/* flatpage: glamkit */
.flatpage.glamkit {
    background:white;
    border-color: white;
}

.flatpage.glamkit a:hover {
    color:#FFCB05;
}

.flatpage.glamkit p {
    text-align:center;
}

/* hardcoded: contact us box */
.contact-us {
  background: url('../images/chrome/interaction_consortium_office.jpg') no-repeat;
  border: none;
  padding:3px;
}

/** flatpage hover **/

.box.flatpage.hover .body {
  background: #ffcb05 !important;
}

.box.opened.flatpage.hover .footer a {
  color: #5A5654;
  background-color: white;
}

.box.opened.flatpage.hover .footer a.permalink {
  background-color: #ffcb05;
}

/* hardcoded: contact us box */
.contact-us.box.flatpage.hover .body {
  background: none !important;
}

.flatpage.box.hover {
  border-color: white !important;
}

.flatpage.box.hover .header {
    background-color: white !important;
    color: #5A5654 !important;
}

.flatpage.box.hover .header a {
    color: #5A5654;
}

/** end flatpage hover **/

/** end flatpage **/



/** testimonial **/

.errorlist {
    color:red;
}

.testimonial-quote {
    width:33px;
    height:30px;
    background: url('../images/chrome/testimonial_quote.png') no-repeat;
    margin-top:5px;
    margin-right:10px;
    margin-left:2px;
    float:left;
}

.testimonial-source {
    color:white;
    
}

.sprinkle-logo {
 background: url('../images/chrome/interaction_consortium_box.png') no-repeat;
 height:100%;
 width:100%;
 opacity:0.1;
}

.sprinkle-contact {
 background: #58514b url('../images/chrome/interaction_consortium_office.jpg') no-repeat;
 opacity:0.2;
 height:100%;
 width:100%;
 padding:10px;
}

.email a:link,
.map a:link,
.Twitter a:link,
.email a:visited,
.map a:visited,
.Twitter a:visited {
    color:white !important;
}

.pagination {
    clear:both;
    margin-left:14px;
    margin-right:14px;
}

.pagination .current{
    margin-left: auto;
    margin-right: auto;
    margin-bottom:10px;
    color:#ffbc05;
    padding:5px;
    text-align:center;
    width:80%;
}

.pagination .next {
    float:right;
    color:#ffbc05;
    padding:4px;
    background:#58514B;
    opacity:0.8;
    width:70px;
}

.pagination .previous {
    float:left;
    color:#ffbc05;
    padding:4px;
    background:#58514B;
    opacity:0.8;
    width:70px;
}

.pagination .previous:hover,
.pagination .next:hover {
    background:#ffcb05;
    color:black;
}

.hasjs .pagination {
    visibility:hidden;
}


/*** blog ***/

.blog-content {
	padding-left:10px;
	margin-left:10px;
  background: #FFF;
}


#id_name, #id_url, #id_email, #id_comment {
  background:#eee;
  border:solid 1px #eee;
  width:99%;
  color: #393532;
  font-size:0.76em; /* 10/13 */
}

label {
	display:block;
}

.metadata, .meta {
 font-size:0.76em; /* 10/13 */
  color:white;
}

.comment-time {
	float:right;
}

.odd {
	color:#fff;
}

.comment-text p {
	padding:0px;
}
.blogcomment {
	padding-bottom:15px;
}

.submit-post, .submit-preview {
  font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
  font-weight: bold;
  font-size:1.07em; /* 14/13 */
  color:#ffcb05;
  border:none;
  background:none;
  cursor:pointer;
}

.submit-post:hover, .submit-preview:hover {
  color:#fff;
}

.post-a-comment {
	display:none;
}

.click-to-post-a-comment {
  color:#ffcb05;
  cursor:pointer;
}

.click-to-post-a-comment:hover {
  color:#fff;
}



/* 404 page not found */
.error, .error h1, .error h2, .error a:hover {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:white;
    text-align:left;
    padding-bottom:15px;
}

.error a {
    color: #ffcb05;
}

.error li {
    list-style-type:disc;
    margin-left:2em;
}

.error .take-me-home {
    font-size:200%;
}

.box a.nojs-permalink{
    color: #FFCB05;
}
.nofloat{
    float:none !important;
}



.rss {
    background: url('../images/chrome/rss_white.png') 0 0 no-repeat;
    width: 17px;
    height: 17px;
    float:right;
    margin-top:3px;
    opacity:0.8;
}

.rss:hover {
    background-image: url('../images/chrome/rss_yellow.png');
    opacity:1.0;
}


/* Code syntax highlighting (based on the Pygments "native" style */
div.typygmentdown { padding: 0.2em 0.5em; }
.typygmentdown .hll { background-color: #404040 }
.typygmentdown  { background: #202020; color: #d0d0d0 }
.typygmentdown .c { color: #999999; font-style: italic } /* Comment */
.typygmentdown .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.typygmentdown .g { color: #d0d0d0 } /* Generic */
.typygmentdown .k { color: #6ab825; font-weight: bold } /* Keyword */
.typygmentdown .l { color: #d0d0d0 } /* Literal */
.typygmentdown .n { color: #d0d0d0 } /* Name */
.typygmentdown .o { color: #d0d0d0 } /* Operator */
.typygmentdown .x { color: #d0d0d0 } /* Other */
.typygmentdown .p { color: #d0d0d0 } /* Punctuation */
.typygmentdown .cm { color: #999999; font-style: italic } /* Comment.Multiline */
.typygmentdown .cp { color: #cd2828; font-weight: bold } /* Comment.Preproc */
.typygmentdown .c1 { color: #999999; font-style: italic } /* Comment.Single */
.typygmentdown .cs { color: #e50808; font-weight: bold; background-color: #520000 } /* Comment.Special */
.typygmentdown .gd { color: #d22323 } /* Generic.Deleted */
.typygmentdown .ge { color: #d0d0d0; font-style: italic } /* Generic.Emph */
.typygmentdown .gr { color: #d22323 } /* Generic.Error */
.typygmentdown .gh { color: #ffffff; font-weight: bold } /* Generic.Heading */
.typygmentdown .gi { color: #589819 } /* Generic.Inserted */
.typygmentdown .go { color: #cccccc } /* Generic.Output */
.typygmentdown .gp { color: #aaaaaa } /* Generic.Prompt */
.typygmentdown .gs { color: #d0d0d0; font-weight: bold } /* Generic.Strong */
.typygmentdown .gu { color: #ffffff; text-decoration: underline } /* Generic.Subheading */
.typygmentdown .gt { color: #d22323 } /* Generic.Traceback */
.typygmentdown .kc { color: #6ab825; font-weight: bold } /* Keyword.Constant */
.typygmentdown .kd { color: #6ab825; font-weight: bold } /* Keyword.Declaration */
.typygmentdown .kn { color: #6ab825; font-weight: bold } /* Keyword.Namespace */
.typygmentdown .kp { color: #6ab825 } /* Keyword.Pseudo */
.typygmentdown .kr { color: #6ab825; font-weight: bold } /* Keyword.Reserved */
.typygmentdown .kt { color: #6ab825; font-weight: bold } /* Keyword.Type */
.typygmentdown .ld { color: #d0d0d0 } /* Literal.Date */
.typygmentdown .m { color: #3677a9 } /* Literal.Number */
.typygmentdown .s { color: #ed9d13 } /* Literal.String */
.typygmentdown .na { color: #bbbbbb } /* Name.Attribute */
.typygmentdown .nb { color: #24909d } /* Name.Builtin */
.typygmentdown .nc { color: #447fcf; text-decoration: underline } /* Name.Class */
.typygmentdown .no { color: #40ffff } /* Name.Constant */
.typygmentdown .nd { color: #ffa500 } /* Name.Decorator */
.typygmentdown .ni { color: #d0d0d0 } /* Name.Entity */
.typygmentdown .ne { color: #bbbbbb } /* Name.Exception */
.typygmentdown .nf { color: #447fcf } /* Name.Function */
.typygmentdown .nl { color: #d0d0d0 } /* Name.Label */
.typygmentdown .nn { color: #447fcf; text-decoration: underline } /* Name.Namespace */
.typygmentdown .nx { color: #d0d0d0 } /* Name.Other */
.typygmentdown .py { color: #d0d0d0 } /* Name.Property */
.typygmentdown .nt { color: #6ab825; font-weight: bold } /* Name.Tag */
.typygmentdown .nv { color: #40ffff } /* Name.Variable */
.typygmentdown .ow { color: #6ab825; font-weight: bold } /* Operator.Word */
.typygmentdown .w { color: #666666 } /* Text.Whitespace */
.typygmentdown .mf { color: #3677a9 } /* Literal.Number.Float */
.typygmentdown .mh { color: #3677a9 } /* Literal.Number.Hex */
.typygmentdown .mi { color: #3677a9 } /* Literal.Number.Integer */
.typygmentdown .mo { color: #3677a9 } /* Literal.Number.Oct */
.typygmentdown .sb { color: #ed9d13 } /* Literal.String.Backtick */
.typygmentdown .sc { color: #ed9d13 } /* Literal.String.Char */
.typygmentdown .sd { color: #ed9d13 } /* Literal.String.Doc */
.typygmentdown .s2 { color: #ed9d13 } /* Literal.String.Double */
.typygmentdown .se { color: #ed9d13 } /* Literal.String.Escape */
.typygmentdown .sh { color: #ed9d13 } /* Literal.String.Heredoc */
.typygmentdown .si { color: #ed9d13 } /* Literal.String.Interpol */
.typygmentdown .sx { color: #ffa500 } /* Literal.String.Other */
.typygmentdown .sr { color: #ed9d13 } /* Literal.String.Regex */
.typygmentdown .s1 { color: #ed9d13 } /* Literal.String.Single */
.typygmentdown .ss { color: #ed9d13 } /* Literal.String.Symbol */
.typygmentdown .bp { color: #24909d } /* Name.Builtin.Pseudo */
.typygmentdown .vc { color: #40ffff } /* Name.Variable.Class */
.typygmentdown .vg { color: #40ffff } /* Name.Variable.Global */
.typygmentdown .vi { color: #40ffff } /* Name.Variable.Instance */
.typygmentdown .il { color: #3677a9 } /* Literal.Number.Integer.Long */