/* ----------------------------------------------
	shared layout for /articles/*.html
	- layout
	- .info
	- .main
	- .bottom
	- ornaments / for only articles/*.html
------------------------------------------------- */

/* ==============================================
	layout
================================================= */

.main{
	width: 520px;
	margin-left: 34px;
	padding-left: 140px;
}

	/* ie67 ------------- */
	* html .main{ width: 660px;}
	*:first-child+html {}
	/* ------------------ */

/* ==============================================
	.info
================================================= */

.info h1{
	font-size: 110%;
	text-align: right;
}

/* ==============================================
	.main
================================================= */

.main{
	background: url(../images/main_bg.gif) no-repeat left 20px;
}
.main h2{
	font-size: 110%;
	background: url(../../../control/images/hn_line_blue.png) no-repeat left bottom;
	padding-top: 1em;
	padding-bottom: 4px;
}
.main h3{
	font-size: 90%;
	background: url(../../../control/images/hn_mk_green.png) no-repeat 0 center;
	padding-left: 20px;
}
.main p{
	font-size: 80%;
	line-height: 1.5;
}
.main ul{
	font-size: 80%;
	margin: 0.7em 0;
	padding-left: 20px;
}
.main ol{
	font-size: 80%;
	margin: 0.7em 0;
	padding-left: 20px;
}
.main a img{
	border-bottom: solid 1px white;
}
.main a:hover img{
	border-bottom: solid 1px red;
}
	/* ie67 ------------- */
	* html .main ol{ margin-left: 0.5em;}
	/* ------------------ */
.main ul ol,
.main ul ul,
.main ol ul,
.main ol ol{
	font-size: 100%;
}
.main li{
	line-height: 1.5;
}

.main table{
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}
.main table caption{
	font-size: 80%;
	font-weight: bold;
}
.main table th,
.main table td{
	font-size: 80%;
}
.main .nowrap{
	white-space: nowrap
}

.main blockquote{
	margin: 0.7em 0;
	padding: 0 0 0 1em;
	border-left: dotted 3px #aaa;
}
.main blockquote p{
	margin: 0.5em 0;
}

/* ==============================================
	.bottom
================================================= */

.bottom{
	font-size: 80%;
	text-align: right;
}

/* ==============================================
	ornaments
================================================= */

/* callout */
.callout{
	clear: right;
	float: right;
	margin-right: -120px;
	margin-bottom: 1em;
	margin-left: 1em;
}
	/* ie67 ------------- */
	* html .callout{ margin-right: -60px; position: relative;}
	*:first-child+html .callout{}
	/* ------------------ */

.hasTopMargin{
	margin-top: 1em;
}

/* callin */
.callin{
	width: 640px;
}

/* note */
.note{
	display: table-cell;
	background-color: #fafcff;
	margin: 0.7em 0;
	border: solid 1px #ccf;
	padding: 0 0.7em;
}
	/* ie6 ignore-------- */
	*:first-child+html .note{ }
	/* ------------------ */

/* text */
.del{
	text-decoration: line-through;
}

/* tile */
.tile{ line-height: 0.5;}
.tile img{ border: solid 1px white;}