//--------------------------------------------------
// Formatting classes
//--------------------------------------------------

.page-description {
	background: none repeat scroll 0 0 $light-grey;
	border: 1px solid $warm-grey;
	padding: em-calc(10 10 12);
	@include rounded-corners;
	@include font-size;
	line-height: em-calc(22);
}

.middleinfo {
	padding: em-calc(8);
	margin-bottom: em-calc(6);
	@include rounded-corners;

	&.gray {
		background: $warm-grey;
		border: 1px solid $light-grey;
	}
}

//--------------------------------------------------
// Classes for header with a background
//--------------------------------------------------
h1 small, h2 small {
    font-size: 0.7em !important;
}

.background-wallpaper {
    color: #ffffff;

    .note {
        color: rgba(255, 255, 255, 0.6) !important;
    }

    .box {
        @include box-shadow(0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset);
    }

    .link-button {
        color: #ffffff !important;
    }
}

// Background images
.download-desktop {
    @extend .background-wallpaper;
    background: url('../img/backgrounds/download-desktop.jpg') 100% 70%;
}
.lubuntu {
    @extend .background-wallpaper;
    background: url('../img/backgrounds/lubuntu.png');
}
.community {
    @extend .background-wallpaper;
    background: url('../img/backgrounds/community.jpg');
}

.full-width {
    width: 100% !important;
}

.link-button {
    background: transparent !important;
    padding: 0 !important;
    font-size: 16px !important;
    color: #333333 !important;
}
