/**
 * BASE.CSS
 * v10.7
 */

* {
	border: none; margin: 0; padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

body {
	margin: 0; padding: 0;
	background: #fff;
	border: none;
	font-size: 13px;
	color: #303030;
	white-space: normal;
}

a, a:visited, a:link {
	color: #23578B;
	text-decoration: none;
	font-weight: normal;
}

a:focus {
	outline: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

table {
	border-collapse: collapse;
}

td {
	border: none;
	vertical-align: middle;
	padding: 10px;
}

ul {
	list-style-type: none;
}

li {
	list-style-position: inside;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

small {
	font-size: 11px;
}

code {
	font-size: 1.0em;
	color: #808080;
	font-family: mono;
	text-align: left;
	background: transparent;
}

/*======INPUTS======*/

input[type=text], input[type=password], textarea, select {
	padding: 2px;
	background-color: white;
	color: #404040;
	font-size: 1.0em;
	border: 1px solid #ccc;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
	background-color: #ffc;
	border: 1px solid #aaa;
}

input[readonly=readonly], select[disabled=disabled], textarea[readonly=readonly] {
	background-color: #ddd;
	color: #555;
	text-shadow: 1px 1px 0 #fff;
}

input[readonly=readonly]:focus, textarea[readonly=readonly]:focus {
	background-color: #ddd;
	border: 1px solid #ccc;
}

input[type=submit], button {
	padding: 4px 8px;
	background: #ccc url("pics/shadow.png") repeat-x top left;
	color: #202020;
	font-size: 1.0em;
	border: 1px solid #aaa;
	cursor: pointer;
}

input[type=submit]:hover, button:hover {
	border: 1px solid #808080;
	color: black;
}

input.search {
	margin: 0; padding: 2px 22px 2px 2px;
	font-size: 12px;
	color: black;
	background: white url("pics/search.png") no-repeat center right;
	border: 1px solid #aaa;
}

.padding {
	padding: 8px;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.justify {
	text-align: justify;
}

.information {
	margin: 5px 200px 30px 200px;
	padding: 4px 8px;
	background: #ffc;
	color: #444;
	border: 1px solid #cca;
}

.error {
	position: fixed;
	top: 0;
	left: 0;
	margin: 0; padding: 5px 0;
	width: 100%;
	background-color: rgba(128, 0, 0, .8);
	color: white;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
	overflow: hidden;
	white-space: nowrap;
}

.success {
	position: fixed;
	top: 0;
	left: 0;
	margin: 0; padding: 5px 0;
	width: 100%;
	background-color: rgba(0, 128, 0, .8);
	color: white;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
	overflow: hidden;
	white-space: nowrap;
}


#map {
	margin: 0 0 20px 0;
	padding: 5px;
	background: #fff;
	text-align: left;
}
	#map span.mirror {
		margin: 0;
		float: right;
	}

	#map a, #map a:link, #map a:visited {
		color: #23578B;
		font-weight: normal;
		text-decoration: none;
	}

	#map a:hover {
		color: #000;
	}

.time {
	color: #800;
}

.required {
	color: red;
}

.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}
.clearboth {
	clear: both;
}

.pager {
	margin: 40px 0;
	text-align: center;
}

.submenu {
	margin: 5px 0 20px 0; padding: 2px 0;
	background: transparent;
	text-align: left;
}
	.submenu span.end {
		color: #bbb;
	}

	.submenu a, .submenu a:link, .submenu a:visited {
		color: #606060;
		font-weight: normal;
		text-decoration: none;
	}

	.submenu a:hover {
		text-decoration: underline;
	}

		.submenu a span.selected {
			padding: 4px 8px;
			background: #404040;
			color: white;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}

.preview {
	display: none;
	overflow: hidden;
	margin: 20px;
	padding: 10px;
	border: 1px dotted #ccc;
}


form {
}
	form table {
	}
	form table tr {
	}
	form table tr td.label {
		color: #606060;
		font-weight: normal;
		text-align: right;
	}

.data {
	margin: 8px 2px;
	clear: both;
}

	.data table {
		border-collapse: collapse;
		width: 100%;
	}

		.data table tr th
		{
			padding: 8px;
			border: 1px solid #ccc;
			background: #e8e8e8;
			font-weight: bold;
			font-size: 1.0em;
			color: #404040;
			text-align: center;
			text-shadow: 0 1px 0 #fff;
		}

		.data table tr td
		{
			padding: 8px 4px;
			border: none;
			background: #fff;
			font-weight: normal;
			font-size: 1.0em;
			text-align: center;
		}

#content {
	margin: 0 auto;
	padding: 0 20px;
	width: 900px;
	text-align: left;
	background: transparent;
	border: none;
}

#head {
	display: none;
	padding: 0;
	margin: 0;
	clear: both;
	text-align: right;
	height: 10px;
	background: white;
}

#banner {
	display: none;
	margin: 0;
	background-color: #000;
}
	#banner a {
		display: block;
		height: 100px;
		background: white url("pics/logo_b.jpg") repeat-x top left;
	}
	#banner a:hover {
		background: white url("pics/logo.jpg") repeat-x top left;
	}

#menu {
	background: #fff;
	height: 30px;
	border-bottom: 1px solid #ccc;
}
	#menu ul {
	}

		#menu ul li {
			float: left;
		}

			#menu ul li a {
				display: block;
				width: 120px;
				height: 20px;
				background: #fff;
				color: #222;
				padding: 5px 20px;
				text-align: center;
				font-size: 16px;
			}

			#menu ul li a:hover {
				background: #ddd;
				color: #333;
				text-decoration: none;
				text-shadow: 2px 2px 1px #eee;
			}

			#menu ul li a.selected, #menu ul li a.selected:hover {
				background: #eee;
				color: #444;
				text-decoration: none;
				text-shadow: 2px 2px 1px #fff;
			}

			#menu #search {
				float: right;
				width: 195px;
				padding: 0;
				margin: 5px 5px 0 0;
				background: #fff url('../pics/search.png') no-repeat center right;
			}

				#menu #search input {
					display: block;
					margin: 0;
					padding: 0;
				}

				#menu #search input[type=text] {
					margin: 0; padding: 1px;
					width: 169px;
					font-size: 12px;
					color: black;
					border: 1px solid #fff;
					background-color: #ffc;
				}

#main {
	margin: 0; padding: 0;
	color: #404040;
	background: #fff;
	clear: both;
}


/**
 * WIDE
 */

#wide {
	margin: 10px 0;
	overflow: hidden;
}

	#wide .item {
		font-family: Georgia, Serif;
		clear: left;
		margin: 0 0 40px 0;
		background: #fff;
		border: none;
	}
		#wide .item h1 {
			margin: 0;
			color: #23578B;
			border: none;
			font-size: 18px;
			font-weight: bold;
		}
			#wide .item h1 a, #wide .item h1 a:link, #wide .item h1 a:visited {
				color: #23578B;
				font-weight: bold;
			}

			#wide .item h1 span.date {
				float: left;
				display: block;
				padding: 2px 5px 6px 5px;
				margin: 0 8px 5px 0;
				color: #444;
				background: #eee;
				font-size: 18px;
				font-weight: normal;
				text-align: center;
				border: none;
				border-right: 1px solid #ccc;
			}
				#wide .item h1 span.date small {
					font-size: 13px;
				}

		#wide .item .subtitle {
			padding: 3px;
		}

		#wide .item .post {
			clear: left;
			margin: 20px 40px 30px 40px;
		}

			#wide .item .post p {
				text-align: justify;
				line-height: 1.5em;
			}

			#wide .item .post ul {
				margin: 0 10px;
			}

				#wide .item .post ul li {
					list-style-position: inside;
					margin: 5px;
				}

		#wide h2 {
			font-weight: bold;
			color: #444;
			font-size: 18px;
			margin: 20px 0 10px 0;
			padding: 0;
		}

		#wide h3 {
			font-weight: bold;
			color: #222;
			font-size: 16px;
		}

		#wide .comment {
			margin: 0 0 20px 30px;
			clear: left;
			min-height: 80px;
		}
			#wide .comment h3 {
				font-size: 13px;
				font-weight: normal;
			}

				#wide .comment h3 span.avatar {
					display: block;
					float: left;
					margin: 0 5px 5px 0;
					padding: 1px;
					border: 1px solid #ccc;
				}

				#wide .comment h3 span.id {
					padding: 1px 3px;
					background-color: #23578B;
					color: white;
				}
					#wide .comment h3 span.id a {
						color: white;
						font-size: 16px;
					}

			#wide .comment blockquote {
				margin: 10px;
				text-align: justify;
			}

			#wide .comment p.foot {
				clear: left;
				text-align: right;
				font-size: 11px;
			}


/**
 * SIDE
 */

#side {
	margin: 0 0 0 10px;
	float: right;
	width: 200px;
	background: none;
	overflow: hidden;

}
	#side .plug {
		background: #fff;
		padding: 0;
		border: 1px solid #ddd;
		margin: 0 0 20px 0;
	}

		#side .plug a, #side .plug a,:visited, #side .plug a:link {
			color: #333;
		}

		#side .plug h2 {
			background: #eee;
			margin: 0;
			padding: 4px 3px 6px 5px;
			text-align: center;
			color: #333;
			font-size: 14px;
			font-weight: normal;
			border-bottom: 1px solid #ddd;
		}

		#side .plug p {
			margin: 10px;
		}

		#side .plug p._2 {
			margin: 5px 5px 10px 5px;
			padding: 0 0 2px 0;
			border-bottom: 1px dotted #ddd;
		}

		#side .plug ul {
			list-style-type: none;
			margin: 10px;
		}

			#side .plug ul li {
				list-style-position: inside;
			}

				#side .plug ul li a, #side .plug ul li a:link, #side .plug ul li a:visited {
					display: block;
					color: #23578B;
					padding: 4px 6px;
				}

				#side .plug ul li a:hover {
					background: #eee;
					text-decoration: none;
				}


/**
 * FOOT
 */

#foot {
	clear: both;
	padding: 4px 8px 4px 2px;
	margin: 40px 0 0 0;
	background: transparent;
	border: none;
	text-align: left;
	color: #404040;
	font-size: 0.9em;
	font-weight: normal;
	border: none;
	border-top: 1px solid #ddd;

}
	#foot a, #foot a:visited, #foot a:link { color: #202020}

	#foot span.benchmark {
		color: #808080;
	}