@import url("reset.css");
@import url("structure.css");
@import url("typography.css");

/* http://www.webtoolkit.info/css-clearfix.html */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/***
 * Style for rounded images
 ***/
.roundimage-wrapper {
    position: relative;
}

.roundimage-wrapper .roundimage-tl,
.roundimage-wrapper .roundimage-tr,
.roundimage-wrapper .roundimage-bl,
.roundimage-wrapper .roundimage-br {
    position: absolute;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-color: transparent;
}

.roundimage-wrapper .roundimage-tl { background-image: url('/static/images/tl.png')!important; background-image: url('/static/images/tl.gif'); top: 0px; left: 0px;}
.roundimage-wrapper .roundimage-tr { background-image: url('/static/images/tr.png')!important; background-image: url('/static/images/tr.gif'); top: 0px; right: 0px;}
.roundimage-wrapper .roundimage-bl { background-image: url('/static/images/bl.png')!important; background-image: url('/static/images/bl.gif'); bottom: 0px!important; bottom: -4px; left: 0px;}
.roundimage-wrapper .roundimage-br { background-image: url('/static/images/br.png')!important; background-image: url('/static/images/br.gif'); bottom: 0px!important; bottom: -4px; right: 0px;}