/* ===== 'corners.css' ===== */

/* --- --- --- --- ---
[example]

<!-- corners -->
<div class="corn-wrap">
	
	<!-- corners & shadows -->
	<div class="corn-tl"><!-- // --></div>
	<div class="corn-tc"><!-- // --></div>
	<div class="corn-tr"><!-- // --></div>
	<!-- // -->
	<div class="corn-cl"><!-- // --></div>
	<div class="corn-cr"><!-- // --></div>
	<!-- // -->
	<div class="corn-bl"><!-- // --></div>
	<div class="corn-bc"><!-- // --></div>
	<div class="corn-br"><!-- // --></div>
	<!-- // corners & shadows // -->
	
	<!-- corners content -->
	<div class="corn-content">
		<p><!-- // --></p>
	</div>
	<!-- // corners content // -->
	
</div>
<!-- // corners // -->

[description]
Файл стилей 'corners.css' применяется для стилизации всех блоков с закругленными углами.
--- --- --- --- --- */

/* = transparent corners and shadows
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */

/* --- wrapper for the corners --- */
.corn-wrap { /* - для ie присутствуют дополнительные стили - */
	/* -
	Базовый класс. Используется во всех блоках с закругленными углами.
	- */
	
	/* - если нужно, чтобы блок растягивался по содержимому -
	display: inline-block;
	*/
	margin: 8px 8px 16px; /* - величина полей, но не меньше, чем половина от полного размера углов и теней - */
	position: relative; /* - для позиционирования углов и теней - */
}
	
	/* --- location of corners & shadows --- */
	.corn-tl, .corn-tc, .corn-tr,
	.corn-cl, .corn-cr,
	.corn-bl, .corn-bc, .corn-br {
		font-size: 0; /* - для ie, если углы и тени маленького размера - */
		position: absolute;
	}
	/* --- !!! --- */
	.corn-tl, .corn-tc, .corn-tr {
		top: -3px;
	}
	.corn-bl, .corn-bc, .corn-br { /* - для ie присутствуют дополнительные стили - */
		bottom: -3px;
	}
	.corn-tl, .corn-cl, .corn-bl {
		left: -3px;
	}
	.corn-tr, .corn-cr, .corn-br { /* - для ie присутствуют дополнительные стили - */
		right: -3px;
	}
	/* --- // location of corners & shadows // --- */
	
	/* --- corners --- */
	.corn-tl, .corn-tr,
	.corn-bl, .corn-br {
		width: 6px;
		height: 6px;
		background: url(corn.gif) no-repeat;
	}
	/* --- !!! --- */
	.corn-tl { /* - для ie присутствуют дополнительные стили - */
		clip: rect(0, 3px, 3px, 0);
	}
	.corn-tr { /* - для ie присутствуют дополнительные стили - */
		clip: rect(0, 6px, 3px, 3px);
	}
	.corn-bl { /* - для ie присутствуют дополнительные стили - */
		clip: rect(3px, 3px, 6px, 0);
	}
	.corn-br { /* - для ie присутствуют дополнительные стили - */
		clip: rect(3px, 6px, 6px, 3px);
	}
	/* --- // corners // --- */
	
	/* --- horizontal shadows --- */
	.corn-tc,
	.corn-bc {
		width: 100%;
		height: 5px;
		background: #fff;
		left: 0;
	}
	/* --- !!! --- */
	.corn-tc { /* - для ie присутствуют дополнительные стили - */
		border-top: 1px solid #d8dfe5;
		clip: rect(0, auto, 3px, 0);
	}
	.corn-bc { /* - для ie присутствуют дополнительные стили - */
		border-bottom: 1px solid #d8dfe5;
		clip: rect(3px, auto, 6px, auto);
	}
	/* --- // horizontal shadows // --- */
	
	/* --- vertical shadows --- */
	.corn-cl,
	.corn-cr { /* - для ie присутствуют дополнительные стили - */
		width: 5px;
		height: 100%;
		background: #fff;
		top: 0;
	}
	/* --- !!! --- */
	.corn-cl { /* - для ie присутствуют дополнительные стили - */
		border-left: 1px solid #d8dfe5;
		clip: rect(0, 3px, auto, 0);
	}
	.corn-cr { /* - для ie присутствуют дополнительные стили - */
		border-right: 1px solid #d8dfe5;
		clip: rect(0, 6px, auto, 3px);
	}
	/* --- // vertical shadows // --- */
	
	/* --- corners content --- */
	.corn-content { /* - для ie присутствуют дополнительные стили - */
		/* -
		Базовый класс. Используется во всех блоках с закругленными углами.
		- */
		
		/* - если нужно, чтобы блок растягивался по содержимому -
		display: inline-block;
		*/
		padding: 1px 0; /* - haslayout - */
		background: #fff;
		position: relative; /* - чтобы поднять блок над углами и тенями - */
	}
		.corn-content:after { /* - clearing - */
			display: block;
			height: 0;
			clear: both;
			content: "";
			visibility: hidden;
		}
	/* --- // corners content // --- */
	
/* --- // wrapper for the corners // --- */

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


/* --- © Tarik, 2011 --- */

/* ===== // 'corners.css' // ===== */