/*
	Stylesheet for examples by DevHeart.
	http://devheart.org/

	Article title:	jQuery: Collapsible sidebar layout
	Article URI:	http://devheart.org/articles/jquery-collapsible-sidebar-layout/

	Example title:	3. Remember preference using cookies
	Example URI:	http://devheart.org/examples/jquery-collapsible-sidebar-layout/3-remember-preference-using-cookies/index.html
*/

/*
	Alignment
------------------------------------------------------------------- */

/* Floats */

.left {float: left;}
.right {float: right;}

.clearer {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
}


/*
	Example specifics
------------------------------------------------------------------- */

/* Layout */

#center-wrapper {
	margin: 0 auto;
	width: 920px;
}


/* Content & sidebar */

#content,#sidebar {
	line-height: 300px;
	text-align: center;
	border: 1px solid;
}

#sidebar {
	background-color: #DEF;
	border-color: #BCD;
	display: none;
	position:fixed;
	z-index:1;
}
#content {
	background-color: #EFE;
	border-color: #CDC;
}

.use-sidebar #content {width: 65%;}
.use-sidebar #sidebar {
	display: block;
	width: 32%;
}

.use-sidebar.sidebar-at-left #content, .use-sidebar.sidebar-at-right #sidebar {float: right;}
.use-sidebar.sidebar-at-right #content, .use-sidebar.sidebar-at-left #sidebar {float: left;}