/*
Copyright (c) 2009, Nicole Sullivan. All rights reserved.
Code licensed under the BSD License:
version: 0.2
	-MODIFICATIONS: changed URLs to images to fit EESY-Framework path structure, added default padding to .hd, .bd, .ft
		see: www.eesyframework.com.
		contact: jeremy[AT]writeclickmedia[DOT]com
		TO-DO: further enhancements see - http://www.lesliesommer.com/wdw07/html/index.html & http://www.alistapart.com/articles/supereasyblendys/
*/

/* -------------- CONTENT-BLOCK WRAP STRUCTURES (no look-and-feel here; extend with a skin file ------------ */

/* mod */
.mod{margin:10px;}
.mod .inner{background: url(/images/css/eesy/transparent.png) repeat left top;}
.hd,.bd,.ft{overflow:hidden;_overflow:visible; _zoom:1; padding: 5px 0px 5px 5px;}
.inner{position:relative;}
b{display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;}
.tl, .tr, .bl, .br{height:10px; width:10px;float:left;}
.tl{background-position: left top;}
.tr{background-position: right top;}
.bl{background-position: left bottom;}
.br{background-position: right bottom;}
.br,.tr{float:right;}
.tr, .tl{overflow:hidden;margin-bottom:-32000px;}/* margin bottom needs to be < -9px */
.bl,.br{margin-top:-10px;}
.top{background-position:center top;}
.bottom{background-position:center bottom;_zoom:1;}/* this zoom required for IE5.5 only*/

/* complex:  */
.complex{overflow:hidden;*position:relative;*zoom:1;}/* position/zoom required for IE7, 6, 5.5 */
.complex .tl, .complex .tr{height:32000px; margin-bottom:-32000px;width:10px;}
.complex .bl, .complex .br{/*margin-top:0;*/}
.complex .top{height:5px;}
.complex .bottom{height:5px;/*margin-top:-10px;*/}
/* pop */
.pop{overflow:visible;margin: 10px 20px 20px 10px; background-position:left top;}
.pop .inner{right:-10px; bottom:-10px; background-position:right bottom;padding:0 10px 10px 0;}
.pop .tl, .pop .br{display:none;}
.pop .bl{bottom:-10px;}
.pop .tr{right:-10px;}

/* debug modules (uncomment to color code content-block-wraps for debugging)
.top, .bottom{background-color:#e2e2e2;}
.tl{background-color:red;}
.tr{background-color:orange;}
.bl{background-color:yellow;}
.br{background-color:lime;}
	.hd{background-color: green;}
	.bd{background-color: teal;}
	.ft{background-color: blue;}
.mod{background-color:purple;}
.inner{background-color:#E20074;} */

/* ===== TO-DO: add some comments that hint at how to use these to create your own content-block wraps ===== */