/*
NOTE: NOTHING site-specific should go in here. In other words, do not modify this file unless you are happy changing fundamental boxify behaviour for every site.
*/


div#boxcontainer {
    position: relative;
}

.box {
    position:absolute;
}

.box.invisible {
    visibility:hidden;
}

.nojs .box.invisible {
    visibility:visible;
}

.nojs .box {
    position:relative;
    float:left;
}
/*
Box layout aligns boxes on a grid. The grid size (and margins between each grid item) are determined by measuring a .box.reference item, which should be the size of one (the smallest) grid space.

Put width and height, margin-width and marging-height in here (or in .box to start all boxes this size, or in another stylesheet used by the html).

The smaller the grid size, the more calculations need to be done to position the boxes.

*/
.box.reference {
    display: none;
/*    background: #ff0;*/
}

/*a box for measuring in order to assess gridwidth from an ems measurement*/
.box.test_measure {
  display: none;  
/*  uncomment the following for autoheight debugging*/
/*  background: #0ff; right: 0;*/
}

.box.closed .opener,
.box.opened .closer,
.box.closed.opener,
.box.opened.closer {
  cursor: pointer;
}

.box.closed .opened_content,
.box.opened .closed_content {
  display: none;
}

.box.opened .opened_content {
  display: block;
}

.nojs .box.openme .opened_content{
    display:block;
}
.nojs .box.openme{
    height:auto;
}
.nojs .box.openme .closed_content
{
    display:none;
}

.nojs .box.openme .close.closer{
    display:none;
}

.nojs .box.openme .post-a-comment{
    display:inline;
}

/* when you post a comment, the closed_content needs to be visible with nojs */
.nojs .comment-post .closed_content{
    display:block;
}

.nojs .loader, .nojs .slideshow{
    display:none;
}

.nojs .thumbs li{
    display:inline;
    margin:3px;
}

.nojs .box.closed .opener,
.nojs .box.opened .closer,
.nojs .box.closed.opener,
.nojs .box.opened.closer {
  cursor: auto;
}

.nojs .header.closer a{
    display:none;
}