@charset "utf-8";

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

/* base

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

del {
	color: inherit;
}

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

/* layout

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

/* header
-------------------------------------------- */
#header {
}
	#header a {
		color: #333;
		text-decoration: none;
	}
	#header h1 {
		margin-bottom: 20px;
	}
#hdTranslator {
	padding-top: 15px;
}
	#hdTranslator > div {
		float: right;
	}
@media (min-width: 768px) {
	#hdTranslator {
		float: right;
	}
}

/* globalNav
-------------------------------------------- */
#globalNav {
	border: 1px solid #043;
}
	#globalNav a {
		background: #064;
		border-bottom: 1px solid #043;
		color: #fff;
		font-weight: bold;
		margin: 0;
		padding-top: 15px;
		padding-bottom: 15px;
		text-align: center;
	}
	#globalNav a:hover,
	#globalNav .active a {
		background-color: #043;
		box-shadow: inset 0 3px 7px rgba(0, 0, 0, .5);
	}
	#globalNav li:last-child a {
		border-bottom: 0;
	}
@media (min-width: 768px) {
	#globalNav {
		font-size: 16px;
		max-height: 54px;
	}
		#globalNav a {
			border-left: 1px solid #fff;
			border-right: 1px solid #043;
		}
		#globalNav li:first-child a {
			border-left: 0;
		}
		#globalNav li:last-child a {
			border-right: 0;
		}
}

/* main
-------------------------------------------- */
#main {
	padding-bottom: 30px;
	padding-top: 30px;
	position: relative;
}

/* footer
-------------------------------------------- */
#footer {
	border-top: 1px solid #ccc;
	padding: 15px;
}

/* ftNav
-------------------------------------------- */
#ftNav {
	letter-spacing: -.35em;
}
	#ftNav li {
		border-left: 1px solid #ccc;
		letter-spacing: 0;
		padding: 0 20px;
	}
	#ftNav li:first-child {
		border: 0;
	}


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

/* general

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

/* soliloquy
-------------------------------------------- */
.soliloquy-caption {
	bottom: 20px !important;
	display: none;
	left: auto !important;
	right: 32px !important;
	width: 400px !important;
}
.soliloquy-caption-inside {
	text-align: left !important;
}
	.soliloquy-caption-inside h1,
	.soliloquy-caption-inside h2,
	.soliloquy-caption-inside h3 {
		margin-top: auto;
	}
@media (min-width: 480px) {
	.soliloquy-caption {
		display: block;
	}
}

/* lead
-------------------------------------------- */
.lead {
	background: #fff;
}

/* comments
-------------------------------------------- */
.comments {
	list-style: none;
	padding: 0;
}
	.comments ol {
		list-style: none;
	}
	.comments > li:first-child > .comment-body {
		border: 0;
		list-style: none;
	}
.comment-body {
	border-top: 1px solid #eee;
	padding: 15px 0 15px 50px;
	position: relative;
}
.comment-author {
}
	.comment-author cite {
		font-weight: bold;
	}
.avatar {
	border: 1px solid #eee;
	left: 0;
	padding: 2px;
	position: absolute;
	top: 15px;
}
.comment-meta {
	margin: 0 0 10px;
}

/* required
-------------------------------------------- */
.required {
	color: #c7254e;
}

/* align
-------------------------------------------- */
img.aligncenter {
	margin-left: auto;
	margin-right: auto;
}
img.alignleft {
	float: left;
	margin: 0 20px 10px 0;
}
img.alignright {
	float: right;
	margin: 0 0 10px 20px;
}

/* margin
-------------------------------------------- */
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}


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

/* module

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

/* home
-------------------------------------------- */
.homTab {
}
	.homTab a {
		background: #fff;
	}
.homPanel {
}
@media (min-width: 768px) {
	.homTab {
		left: 0;
		position: absolute;
		top: 40px;
		z-index: 100;
	}
		.homTab a {
			margin-right: 25px;
		}
		.homTab li:first-child a {
			margin-left: 25px;
		}
	.homPanel {
		min-height: 50px;
	}
}

/* check
-------------------------------------------- */
.cheList {
}
	.cheList label {
		margin: 0 10px 0 0;
	}
.cheLevel {
	font-size: 18px;
}
@media (min-width: 768px) {
	.cheLevel {
		font-size: 24px;
	}
}
