/**
* cSans Background pluging v0.1
* 2009 Copyright A navalla suíza http://anavallasuiza.com
* cSans is released under the GNU Affero GPL version 3 - more information at http://www.fsf.org/licensing/licenses/agpl-3.0.html
*/

/* 1. BASIC STYLES */

.background, .background-bottom,
.background .content, .background-bottom .content {
	background-image: url(background.png);
	background-repeat: no-repeat;
	position: relative;
	}
.shadow, .shadow-left {
	padding: 0;
	background-image: url(shadow.png);
	background-repeat: no-repeat;
	position: relative;
	top: 5px;
	margin-bottom: 5px;
	}
.shadow .content, .shadow-left .content {
	position: relative;
	top: -5px;
	background: #fff;
	border: solid 1px #ccc;
	}

/* 2. EXTEND MODES */

/* 2.1. Default (the background extends from top) */
.background {
	background-position: 0 100%;
	top: 10px;
	margin-bottom: 10px;
	}
.background .content {
	background-position: 0 0;
	top: -10px;
	padding-top: 10px;
	border: none;
	}

/* 2.2. The background extends from bottom */
.background-bottom {
	background-position: 0 0;
	margin-bottom: 10px;
	}
.background-bottom .content {
	background-position: 0 100%;
	bottom: -10px;
	padding-bottom: 10px;
	border: none;
	}

/* 2.2. Default shadow (on bottom-right) */
.shadow { background-position: 100% 100%; }
.shadow .content {
	left: -5px;
	border: none;
	}

/* 2.2. Left shadow */
.shadow-left { background-position: 0 100%; }
.shadow-left .content {
	right: -5px;
	border: none;
	}

/* 3. PADDING MODES */

/* 3.1. Padding 10px */
.background .content.p1 { padding: 10px 10px 0px 10px; }
.background-bottom .content.p1 { padding: 0px 10px 10px 10px; }

/* 3.2. Padding 20px */
.background .content.p2 { padding: 20px 20px 10px 20px; }
.background-bottom .content.p2 { padding: 10px 20px 20px 20px; }

/* 4. IE HACKS */

.background, .background-bottom {
	_overflow: visible; /* Only for IE5.0 */
}