/*
---------------------------------------------------------
 + Content
 + 1 Column Standard Layout
 + 1 / 3 Column Standard Layout
 + 2 Column Standard Layout
 + 2 Column Slim Layout
 + 2 / 2 Column Standard Layout
 + 3 Column Standard Layout
 + 3 Column Slim Layout
 + 3 Column Wide Layout
---------------------------------------------------------
*/
/*
---------------------------------------------------------
Defines column widths / layout positions CSS elements.
---------------------------------------------------------
*/
#content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#content {display:inline-block;}
/* Hide from IE Mac \*/
#content {display:block;}
/* End hide from IE Mac */

/*
---------------------------------------------------------
1 Column Standard Layout
---------------------------------------------------------
*/
#layout-1col #column1 {
    float: left;
    width: 100%;
}

/*
---------------------------------------------------------
1 / 3 Column Standard Layout
---------------------------------------------------------
*/
#layout-1-3col #column1 {
    float: left;
    width: 100%;
}
#layout-1-3col #sub-columns {
    clear: both;
    float: left;
    width: 100%;
}
#layout-1-3col #sub-columns #sub-column1 {
    float: left;
    width: 33%;
}
#layout-1-3col #sub-columns #sub-column2 {
    float: left;
    width: 33%;
    margin: auto 0.5%;
}
#layout-1-3col #sub-columns #sub-column3 {
    float: left;
    width: 33%;
}

/*
---------------------------------------------------------
2 Column Standard Layout
---------------------------------------------------------
*/
#layout-2col #column1 {
    float: left;
    width: 606px;
    margin-right: 2px;
}
#layout-2col #column2 {
    float: left;
    width: 300px;
    margin-left: 2px;
}

/*
---------------------------------------------------------
2 Column Slim Layout
---------------------------------------------------------
*/
#layout-2col-slim #column1 {
    float: left;
    width: 746px;
    margin-right: 2px;
}
#layout-2col-slim #column2 {
    float: left;
    width: 160px;
    margin-left: 2px;
}

/*
---------------------------------------------------------
2 / 2 Column Standard Layout
---------------------------------------------------------
*/
#layout-2-2col #column1 {
    float: left;
    width: 606px;
    margin-right: 2px;
}
#layout-2-2col #column2 {
    float: left;
    width: 300px;
    margin-left: 2px;
}
#layout-2-2col #sub-columns {
    clear: both;
    float: left;
    width: 100%;
}
#layout-2-2col #sub-columns #sub-column1 {
    float: left;
    width: 301px;
    margin-right: 2px;
}
#layout-2-2col #sub-columns #sub-column2 {
    float: left;
    width: 301px;
    margin-left: 2px;
}

/*
---------------------------------------------------------
3 Column Standard Layout
---------------------------------------------------------
*/
#layout-3col #column1 {
    float: left;
    width: 33%;
}
#layout-3col #column2 {
    float: left;
    width: 33%;
    margin: auto 0.5%;
}
#layout-3col #column3 {
    float: left;
    width: 33%;
}

/*
---------------------------------------------------------
3 Column Slim Layout
---------------------------------------------------------
*/
#layout-3col-slim #column1 {
    float: left;
    width: 371px;
    margin-right: 2px;
}
#layout-3col-slim #column2 {
    float: left;
    width: 371px;
    margin-left: 2px;
    margin-right: 2px;
}
#layout-3col-slim #column3 {
    float: left;
    width: 160px;
    margin-left: 2px;
}

/*
---------------------------------------------------------
3 Column Wide Layout
---------------------------------------------------------
*/
#layout-3col-wide #column1 {
    float: left;
    width: 20%;
}
#layout-3col-wide #column2 {
    float: left;
    width: 59%;
    margin: auto 0.5%;
}
#layout-3col-wide #column3 {
    float: left;
    width: 20%;

/*
---------------------------------------------------------
Favourites 
---------------------------------------------------------
*/
#content .favourite {
    width: 144px;
    height: 26px;
    background: url(http://www.thebiggestloser.com.au/images/css/bg_votes.gif) top right;
    color: #FFF;
    font-size: 11px;
    font-weight:bold;
    position: relative;
}
#content .favourite .votes {
    font-weight: bold;
    position: relative;
    top: 3px;
    left: 3px;
}
#content .favourite .votes .count {
    font-weight: normal;
}
#content .favourite .thanks {
    font-weight: normal;
    background: url(http://www.thebiggestloser.com.au/images/favourite-thanks.gif) top right;
    color: #FFF;
    width: 71px;
    height: 20px;
    display: block;
    float: left;
    position: relative;
    font-weight: bold;
    text-decoration: none;
}
#content .favourite .thanks span {
    position: absolute;
    top: 3px;
    right: 10px;
}
#content .favourite .link a {
    background: url(http://www.thebiggestloser.com.au/images/css/btn_ilikeit.gif) top right;
    color: #FFF;
    width: 77px;
    height: 26px;
    display: block;
    float: left;
    position: relative;
    font-weight: bold;
    text-decoration: none;
    cursor: hand;
}
#content .favourite .link a:hover {
    background:transparent url(http://www.thebiggestloser.com.au/images/css/tbl_ilikeit_btn_hover.gif) no-repeat scroll 0 0;
    display:block;
    height:26px;
    overflow:hidden;
    text-indent:-2000px;
    width:77px;
    cursor: hand;
}

#content .favourite .link a span {
    cursor: hand;
    position: absolute;
    top: 3px;
    right: 10px;
}