/* Basic
---------------------------------------------------------- */
body {
	background: url("../images/grid/bg_pattern.gif") 50% 0 repeat-y;
	color: #6f8a97;
	font: 11px "Lucida Sans Unicode", Verdana, Arial, Tahoma, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	}
a {
	color: #157ff1;
	text-decoration: underline;
	}
a:visited { color: /*#8B00BF*/ #6f8a97; }
a:hover { text-decoration: none; }
img { border: 0; }
form, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}
dt { font-weight: bold; }
ul li { list-style: none; }
address { font-style: normal; }
th, td { font-size: 11px; }
th {
	text-align: left;
	font-weight: normal;
	}

/* Misc
---------------------------------------------------------- */
.clr:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clr {
	/*display: inline-block;*/
	}
/* Hides from IE-mac \*/
* html .clr { height: 1px; }
.clr { display: block; }
/* End hiding from IE-mac */
.spacer {
	clear: both;
	border: none;
	font-size: 1px;
	height: 1px;
}

.hide { display: none; }

/* Sections
---------------------------------------------------------- */
#root {
	text-align:center;
	background: url("../images/grid/bg_header.gif") 50% 0 no-repeat;
	padding: 51px 0 0;
	}
	#header {
		margin:0 auto;
		position:relative;
		text-align:left;
		width:770px;
		height: 183px;
		background: url("../images/grid/header.jpg") 50% 0 no-repeat;
		}
	#wrapper-content {
		margin:0 auto;
		text-align:left;
		width:740px;
		padding: 0 0 11px;
	}
	#wrapper-content:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}
	/* Hides from IE-mac \*/
	* html #wrapper-content { height: 1px; }
	#wrapper-content { display: block; }
	/* End hiding from IE-mac */

		#content {
			float: left;
			width: 520px;
			widt\h: 501px;
			padding: 0 19px 0 0;
		}
		#home #content {
			width: 380px;
			widt\h: 362px;
			padding: 0 18px 0 0;
		}
		#modules {
			float: left;
			width: 219px;
		}
		#home #modules {
			float: left;
			width: 360px;
		}
		#modules:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
			}
		/* Hides from IE-mac \*/
		* html #modules { height: 1px; }
		#modules { display: block; }
		/* End hiding from IE-mac */
			.modules-1 {
				float: left;
				width: 175px;
				margin: 0 10px 0 0;
			}
			.modules-2 {
				float: left;
				width: 175px;
			}


#wrapper-footer {
	background: url("../images/grid/bg_footer.gif") 50% 100% no-repeat;
	padding: 0 0 51px;
	clear: both;
	}
	#footer {
		margin:0 auto;
		width:770px;
		height: 35px;
		background: url("../images/grid/footer.gif") 15px 0 no-repeat;
		}

/* Header
---------------------------------------------------------- */
#header h1 {
	color: #fff;
	font: normal 22px "Lucida Sans Unicode", Verdana, Arial, Tahoma, sans-serif;
}
	#header h1 a {
		position: absolute;
		left: 43px;
		top: 40px;
		height: 90px;
		heigh\t: 40px;
		width: 495px;
		width: 385px;
		padding: 50px 0 0 110px;
		color: #fff;
		text-decoration: none;
	}
	#header h1 a:hover {
		text-decoration: none;
	}
		#header h1 a span {
			display: none;
		}

#header form {
	position: absolute;
	left: 395px;
	top: 134px;
	width: 350px;
}
	#header form div {
		margin: 5px 0 0 13px;
	}
		#header form div label {
			font: 12px Verdana, Arial, Tahoma, sans-serif;
			color: #fff;
			letter-spacing: -0.01em;
			vertical-align: middle;
		}
		#header form div input.text {
			font: 10px Verdana, Arial, Tahoma, sans-serif;
			color: #364249;
			vertical-align: middle;
			border: 1px solid #a5acb2;
			background: #fff;
			width: 101px;
			widt\h: 95px;
			padding: 1px 0 0 4px;
			margin: 0 1px 0 7px;
			height: 18px;
			heigh\t: 15px;
		}
		#header form div input#button_search {
			font: 10px Verdana, Arial, Tahoma, sans-serif;
			color: #364249;
			vertical-align: middle;
			text-align: center;
		}

/* Footer
---------------------------------------------------------- */
#footer p {
	text-align:left;
	padding: 9px 0 0;
	font-size: 10px;
	color: #50636d;
}
	#footer p a {
		display:block;
		width: 68px;
		height: 9px;
		margin: 1px 0 0 355px;
	}
		#footer p a span {
			display: none;
		}

/* wrapper-content - COMMON
---------------------------------------------------------- */
#content h2,
#modules h2 {
	background: url("../images/grid/bg_header_internal_sub.gif") 0 0 no-repeat;
	padding: 5px 0 10px 59px;
	margin: 0 0 13px; 
	font: normal 15px "Lucida Sans Unicode", Verdana, Arial, Tahoma, sans-serif;
	color: #fff;
	text-transform: uppercase;
}
#home #content h2 {
	background: url("../images/grid/bg_header_internal.gif") 0 0 no-repeat;
}
#modules h2 {
	background: url("../images/grid/bg_header_external_sub.gif") 0 0 no-repeat;
	padding: 5px 0 10px 56px;
}
#subpage #modules h2 {
	padding: 5px 0 10px 48px;
}
#home #modules h2 {
	background: url("../images/grid/bg_header_external.gif") 0 0 no-repeat;
}
#wrapper-content h3 {
	font: bold 14px "Lucida Sans Unicode", Verdana, Arial, Tahoma, sans-serif;
	color: #157ff1;
}
#wrapper-content h3.type2 {
	color: #50636d;
	background: url("../images/grid/dots_line.gif") 0 100% repeat-x;
	padding: 0 0 2px;
}
	#wrapper-content h3.type2 a {
		text-decoration: none;
	}
	#wrapper-content h3.type2 a:hover {
		color: #50636d;
	}
#content h3 {
	background: url("../images/grid/dots_line.gif") 0 100% repeat-x;
	padding: 0 0 2px;
	margin: 0 0 6px;
}
#content h3.post-title {
	font: bold 18px "Lucida Sans Unicode", Verdana, Arial, Tahoma, sans-serif;
	color: #157ff1;
	padding: 0 0 3px;
}
	#content h3.post-title a {
		background: url("../images/grid/icon_post.gif") 4px 5px no-repeat;
		padding: 0 0 0 26px;
		display: block;
		text-decoration: none;
	}
	#content h3.post-title a:hover {
		color: #6f8a97;
	}
#modules h3 {
	margin: 0 3px 6px;
	color: #f3b500;
}

/* Latest posts
---------------------------------------------------------- */
.latest-posts {
	margin: 9px 0 18px 8px;
}
	.latest-posts dl {
		background: url("../images/grid/icon_post.gif") 0 1px no-repeat;
		padding: 0 0 0 26px;
		margin: 4px 0 0;
	}
	/* Hides from IE-mac \*/
	* html .latest-posts dl {
		height: 1px;
		margin: 4px 0 4px;
	}
	/* End hiding from IE-mac */
		.latest-posts dl dt {
			font-size: 12px;
			color: #50636d;
		}
			.latest-posts dl dt a {
				text-decoration: none;
				color: #50636d;
			}
			.latest-posts dl dt a:hover {
				text-decoration: underline;
			}
		.latest-posts dl dd.data {
			font-size: 10px;
			color: #aabac2;
			text-transform: uppercase;
			margin: 0 0 3px;
		}
			.latest-posts dl dd.data a {
				color: #aabac2;
			}
		.latest-posts dl dd.details {
			display: inline;
		}
			.latest-posts dl dd.details p {
				display:inline;
				margin:0;
			}
		.latest-posts dl dd.more {
			display: inline;
			font-weight: bold;
		}
		.latest-posts dl dd.more a {
			padding: 0 11px 0 0;
			background: url("../images/grid/dots_arrow1.gif") 100% 5px no-repeat;
		}
	/* Hides from IE-mac \*/
	* html .latest-posts dl dd.more a {
		height: 1px;
	}
	/* End hiding from IE-mac */

/* Rss
---------------------------------------------------------- */
p.rss {
	background: #ebf6fc;
	padding: 7px 8px 6px;
	margin: 0 0 13px;
}
	p.rss a {
		background: url("../images/grid/icon_rss.gif") 0 0 no-repeat;
		width: 26px;
		height: 13px;
		float: left;
		margin: 0 10px 0 0;
	}
		p.rss a span {
			display: none;
		}
	p.rss abbr {
		cursor: help;
	}

/* Older posts
---------------------------------------------------------- */
.older_posts {
	background:url("../images/grid/bg_older_posts_home.gif") 0 0 repeat-y;
	margin:0 0 10px;
}
.older_posts:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .older_posts { height: 1px; }
.older_posts { display: block; }
/* End hiding from IE-mac */
	.older_posts dl {
		float: left;
		width: 175px;
		margin: 0 10px 0 0;
	}
	.older_posts dl.by-list {
		margin: 0 0 10px;
	}
		.older_posts dl dt {
			background:#fff;
			font-size: 12px;
			color: #50636d;
			padding: 0 0 5px;
		}
		.older_posts dl dd {
			padding: 0 12px;
		}
			.older_posts dl dd ul {
				padding: 8px 0;
			}

			.older_posts dl dd ul.children {
				display:none;
			}

				.older_posts dl dd ul li {
					background: url("../images/grid/dots_arrow1.gif") 0 5px no-repeat;
					padding: 0 0 0 13px;
					font-size: 9px;
					color: #aabac2;
				}
					.older_posts dl dd ul li a {
						text-decoration: none;
						font-size: 11px;
					}
					.older_posts dl dd ul li a:hover {
						text-decoration: underline;
					}
					.older_posts dl dd ul li a.unfold {
						border:1px solid red;
					}
					.older_posts dl dd ul li a.fold {
						border:1px solid red;
					}
/* for subpage */
#subpage .older_posts {
	background:0;
}

#subpage .older_posts dl {
	float: none;
	width: auto;
	margin: 0 4px 0;
}
	#subpage .older_posts dl dt {
		margin: 0 11px 5px;
	}
	#subpage .older_posts dl dd {
		background: #ebf6fc;
		margin: 0 0 12px;
	}
	#subpage .older_posts dl dd div.clear {
		clear:both;
		font-size:1px;
		height:1px;
	}

		#subpage .older_posts dl dd ul {
			float: left;
			width: 33%;
		}
		#subpage .older_posts dl dd ul li {
			margin: 0 5px 0 0;
		}
			#subpage .older_posts dl dd ul li ul {
				float:none;
				width:auto;
			}


/* Calendar
---------------------------------------------------------- */
#wrapper-calendar:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html #wrapper-calendar { height: 1px; }
#wrapper-calendar { display: block; }
/* End hiding from IE-mac */
#calendar {
	width: 175px;
	background: #eaeeef url("../images/grid/bg_calendar2.gif") 0 100% no-repeat;
	padding: 0 0 5px;
	float: left;
}
#subpage #calendar {
	float: none;
	margin: 14px 0 22px 25px;
}
	#calendar table {
		margin: 0;
		border: 0;
		width: 175px;
		background: url("../images/grid/bg_calendar1.gif") 0 0 no-repeat;
		color: #666;
	}
		#calendar table th,
		#calendar table td {
			text-align: center;
			padding: 7px 0 0;
			font: 10px Verdana, Arial, Tahoma, sans-serif;
		}
		#calendar table td#prev,
		#calendar table td#next {
			width: auto;
		}
		#calendar table td {
			text-align: center;
			padding: 4px 5px 4px;
		}
		#calendar table th {
			font-weight: bold;
		}
		#calendar table td a {
			text-decoration: none;
		}
		#calendar table td a:hover {
			text-decoration: underline;
		}
		#calendar table td.today {
			background: url("../images/grid/bg_calendar_today.gif") 50% 2px no-repeat;
		}
		#calendar table td#prev {
			padding: 9px 5px 4px;
			background: url("../images/grid/bg_calendar_line.gif") 5px 0 no-repeat;
		}
		#calendar table td#center {
			padding: 9px 5px 4px;
			background: transparent url("../images/grid/bg_calendar_line.gif") 50% 0 no-repeat;
		}
			#calendar table td#center img {
				left:0;
				position:relative;
				top:2px;
			}
		#calendar table td#next {
			padding: 9px 5px 4px;
			background: url("../images/grid/bg_calendar_line.gif") 105% 0 no-repeat;
		}
		#calendar table td#prev ,
		#calendar table td#next {
			font: 11px "Lucida Sans Unicode", Verdana, Arial, Tahoma, sans-serif;
		}
		#calendar table td#prev {
			text-align: left;
		}
			#calendar table td#prev a {
				background: url("../images/grid/dots_arrow3.gif") 0 5px no-repeat;
				padding: 0 0 0 12px;
			}
		#calendar table td#next {
			text-align: right;
		}
			#calendar table td#next a {
				background: url("../images/grid/dots_arrow1.gif") 100% 5px no-repeat;
				padding: 0 12px 0 0;
			}
			/* Hides from IE-mac \*/
			* html #calendar table td#prev a,
			* html #calendar table td#next a { height: 1px; }
			/* End hiding from IE-mac */
#wrapper-content p.calendar-info {
	float: left;
	width: 185px;
	widt\h: 161px;
	color: #aabac2;
	padding: 14px 12px;
	margin:0;
}

/* Resources-list-1
---------------------------------------------------------- */
ul.resources-list-1 {
	margin: 10px 0 8px;
}
	/* Hides from IE-mac \*/
	* html ul.resources-list-1 {
		height: auto;
		heigh\t: 1px;
	}
	/* End hiding from IE-mac */
	ul.resources-list-1 li {
		padding: 5px 7px;
		background: #ebf6fc;
		font-size: 12px;
	}
	/* Hides from IE-mac \*/
	* html ul.resources-list-1 li{ height: 1px; }
	/* End hiding from IE-mac */
	ul.resources-list-1 li.odd {
		background: #fff;
	}
		ul.resources-list-1 li dl dt {
			font-weight: bold;
			display: inline;
		}
			ul.resources-list-1 li dl dt a.more {
				margin: 0;
			}
			ul.resources-list-1 li dl dd.more span {
				display: none;
			}
		ul.resources-list-1 li dl dd {
			font-size: 10px;
			clear: left;
		}
/* for subpage */
#subpage ul.resources-list-1 {
	background: #ebf6fc;
	padding: 0 0 7px;
}
	#subpage ul.resources-list-1 li {
		padding: 2px 7px 1px;
		background: #ebf6fc;
	}
#subpage ul.resources-list-1 li dl dt {
	font-weight: normal;
}

/* Resources-list-2
---------------------------------------------------------- */
ul.resources-list-2 {
	margin: 0 0 12px 6px;
}
	ul.resources-list-2 li {
		background: url("../images/grid/dots_arrow2.gif") 0 5px no-repeat;
		padding: 0 0 0 13px;
		margin: 0 0 1px;
	}
	ul.resources-list-2 li a {
		text-decoration: none;
	}
	ul.resources-list-2 li a:hover {
		text-decoration: underline;
	}

/* post-data
---------------------------------------------------------- */
p.post-data {
	font-size: 10px;
	color: #aabac2;
	text-transform: uppercase;
	margin: -3px 5px 21px;
}
	p.post-data a {
		color: #aabac2;
	}

/* post-body
---------------------------------------------------------- */
#content .post-body p  {
	font-size: 13px;
	margin: 0 4px 16px;
}

#content .post-body ul {
	font-size: 13px;
	margin: 0 4px 16px;
	padding:0 0 0 20px;
}

#content .post-body ul li {
	list-style-type:disc;
	margin:3px 0;
}

/* tip
---------------------------------------------------------- */
dl.tip {
	margin: 23px 4px 16px;
	border: 1px solid #b6c3ca;
	padding: 0 16px;
}
/* Hides from IE-mac \*/
* html dl.tip { height: 1px; }
dl.tip { display: block; }
/* End hiding from IE-mac */
	dl.tip dt {
		margin: -8px 0 8px;
		position: relative;
		font-weight: bold;
	}
		dl.tip dt span {
			background: #fff;
			padding:0 5px;
		}
	dl.tip dd {
		margin: 0 5px 17px;
	}

/* last-comments
---------------------------------------------------------- */
.last-comments {
	margin: 17px 4px 22px;
}
.last-comments dl {
	background: url("../images/grid/icon_comment.gif") 3px 3px no-repeat;
	margin: 10px 0 0;
}
	.last-comments dl dt {
		padding: 0 0 0 28px;
		color: #157ff1;
	}
	.last-comments dl dd.comments-data {
		margin: 0 0 6px 28px;
		font-size: 10px;
		color: #aabac2;
		text-transform: uppercase;
	}
	.last-comments dl dd.comments-body {
		background: #f3f3f3;
		padding: 3px 20px 0;
	}
		#content .last-comments dl dd.comments-body p {
			padding: 0 0 8px;
			margin: 0;
		}
/* follow-info
---------------------------------------------------------- */
#content p.follow-info {
	margin: 11px 4px 22px;
	background: #ebf6fc;
	padding: 7px 22px 12px;
}

/* form-reply
---------------------------------------------------------- */
form.form-reply {
	font-size: 12px;
}
	form.form-reply div {
		padding: 0 0 11px;
	}
	form.form-reply div:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	/* Hides from IE-mac \*/
	* html form.form-reply div { height: 1px; }
	form.form-reply div { display: block; }
	/* End hiding from IE-mac */
		form.form-reply label {
			float: left;
			width: 225px;
			text-align: right;
			vertical-align: middle;
		}
		form.form-reply label span {
			color: #157ff1;
		}
		form.form-reply input.text,
		form.form-reply textarea {
			float: left;
			width: 177px;
			vertical-align: middle;
			margin: 0 0 0 10px;
			height: 18px;
			heigh\t: 16px;
			padding: 0;
			color: #6f8a97;
			font: 12px "Lucida Sans Unicode", Verdana, Arial, Tahoma, sans-serif;
			border: 1px solid #a5acb2;
		}
		form.form-reply textarea {
			height: 88px;
		}
		form.form-reply p {
			float: left;
			width: 109px;
			margin: 0 0 0 235px;
			vertical-align: middle;
			display: inline;
		}
			form.form-reply p span {
				color: #157ff1;
			}
		form.form-reply input#button_submit{
			float: left;
			margin: 0 0 0 7px;
			vertical-align: middle;
		}

/* browsing-info
---------------------------------------------------------- */
#content p.browsing-info {
	background: url("../images/grid/browsing-info.gif") 0 0 no-repeat;
	height: 65px;
	heigh\t: 43px;
	padding: 11px 57px;
	font-size: 10px;
	color: #666;
	margin: 18px 0;
}

/* Archives posts
---------------------------------------------------------- */
.archives-posts {
	margin: 9px 0 18px 0;
}
	.archives-posts dl {
		margin: 4px 0 22px;
	}
	/* Hides from IE-mac \*/
	* html .archives-posts dl {
		height: 1px;
		margin: 4px 0 10px;
	}
	/* End hiding from IE-mac */
	.archives-posts dl dt {
		font: bold 14px "Lucida Sans Unicode", Verdana, Arial, Tahoma, sans-serif;
		color: #157ff1;
		padding: 0 0 3px;
		background: url("../images/grid/dots_line.gif") 0 100% repeat-x;
		margin: 0 0 6px;
	}
		.archives-posts dl dt a {
			background: url("../images/grid/icon_post.gif") 4px 0 no-repeat;
			padding: 0 0 0 26px;
			display: block;
			text-decoration: none;
		}
		.archives-posts dl dt a:hover {
			color: #6f8a97;
		}
		.archives-posts dl dd.data {
			font-size: 10px;
			color: #aabac2;
			text-transform: uppercase;
			margin: 0 0 10px 5px;
		}
			.archives-posts dl dd.data a {
				color: #aabac2;
			}
		.archives-posts dl dd.details {
			margin: 0 5px 0 5px;
		}
			.archives-posts dl dd.details p {
				margin:0 0 11px;
				line-height: 1.3em;
			}

		.archives-posts dl dd.details p a.more {
			font-weight: bold;
			padding: 0 11px 0 0;
			background: url("../images/grid/dots_arrow1.gif") 100% 5px no-repeat;
		}
		/* Hides from IE-mac \*/
		* html .archives-posts dl dd.details p a.more {
			height: 1px;
		}
		/* End hiding from IE-mac */

/* entries
---------------------------------------------------------- */
.entries {
	background: #f6f7f8;
	padding: 4px 10px;
	margin: 25px 0 20px;
}
.entries ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .entries ul { height: 1px; }
.entries ul { display: block; }
/* End hiding from IE-mac */
	.entries ul li {
		float: left;
		width: 45%;
	}
	.entries ul li.next {
		float: right;
		text-align: right;
	}
		.entries ul li a {
			font-weight: bold;
			text-transform: uppercase;
			text-decoration: none;
		}
		.entries ul li a:hover {
			color: #6f8a97;
		}
		.entries ul li.next a {
			padding: 0 21px 0 0;
			background: url("../images/grid/arrow_next.gif") 100% 50% no-repeat;
		}
		* html .entries ul li.next a { /* hack for IE 5.0*/
			background: none;
		}
		* html .entries ul li.next a/**/{ /* hack for IE 5.5, 6.0 */
			background: url("../images/grid/arrow_next.gif") 100% 50% no-repeat;
		}
		.entries ul li.previous a {
			background: url("../images/grid/arrow_previous.gif") 0 50% no-repeat;
			padding: 0 0 0 21px;
		}
		* html .entries ul li.previous a { /* hack for IE 5.0*/
			background: none;
		}
		* html .entries ul li.previous a/**/{ /* hack for IE 5.5, 6.0 */
			background: url("../images/grid/arrow_previous.gif") 0 50% no-repeat;
		}