@import 'dtr.css';

/*
# CSS Framework (http://sgnls.net)
# File ~ screen.css
# Author ~ Matt Hill

# Copyright 2008-2010. You may use and distribute this code as
# long as credit is given, and any amendments do not restrict
# it's continued 'free' distribution and informative value.
*/

/* text */


a:link,
a:visited{
	color: #111;
	text-decoration: none;
}
a:hover{
	color: #777;
	text-decoration: none;

}
.cwbr a{
	font-weight: bold;
}
#nf a{
	padding: 0.5em 1em;
}
	#nf a{
		color: #555;
	}
	#nf li.act a{
		color: #111;
		text-decoration: none;
		background: #ddd;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	#nf li.act a:hover,
	#nf a:hover{
		color: #fff;
		text-decoration: none;
		background: #111;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
/*
h3.delh a{
	background: url('../../img/del-gs.png') center right no-repeat;
	display: block;
}
	h3.delh a:hover{
		text-decoration: none;
		background: url('../../img/del.png') center right no-repeat;
	}
h3.lfmh a{
	background: url('../../img/lfm-gs.png') center right no-repeat;
	display: block;
}
	h3.lfmh a:hover{
		text-decoration: none;
		background: url('../../img/lfm.png') center right no-repeat;
	}

h3.calh a{
	background: url('../../img/cal-gs.png') center right no-repeat;
	display: block;
}
	h3.calh a:hover{
		text-decoration: none;
		background: url('../../img/cal.png') center right no-repeat;
	}
*/
.del a.ext{
	font-weight: bold;
	display: block;
	margin: 0 0 0.5em 0;
}
	a.ext{
		background: url('../../img/ext.png') center right no-repeat;
		padding: 0 12px 0 0;
		margin: 0 2px 0 0;
	}
#mfrb a{
	font-weight: bold;
	display: block;
}
#bfr a{
	padding: 0.5em 1em;
}
	#bfr a{
		color: #777;
	}
	#bfr li.act a{
		color: #444;
		text-decoration: none;
		background: #ddd;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	#bfr li.act a:hover,
	#bfr a:hover{
		color: #fff;
		text-decoration: none;
		background: #444;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}

h1{
	height: 0;
	visibility: hidden;
	padding: 0;
	margin: 0;
}	
h2{
	color: #111;
	font-size: 1.5em;
	letter-spacing: -.05em;
	border-bottom: 1px solid #ddd;
	padding: 0 0 1em 0;
	margin: 0;
}	
	#com h2,
	.cwat h2{
		color: #111;
		font-size: 1.2em;
		letter-spacing: -.05em;
		border-bottom: 1px solid #ddd;
		padding: 0 0 1em 0;
		margin: 1em 0 0 0;
	}
h3{
	color: #111;
	font-size: 0.9em;
	/* letter-spacing: -.05em; */
	padding: 0;
	margin: 1em 0;
}
	.cwbr h3{
		color: #111;
		font-size: 0.9em;
		border-bottom: 1px solid #ddd;
		padding: 1em 0;
		margin: 1em 0;
	}
	#mfr h3{
		color: #444;
		font-size: 0.9em;
		border-bottom: 1px solid #ddd;
		padding: 1em 0;
		margin: 0;
	}
		h3.delh{
			background: url('../../img/del.png') center right no-repeat;
		}
		h3.lfmh{
			background: url('../../img/lfm.png') center right no-repeat;
		}
		h3.calh{
			background: url('../../img/cal.png') center right no-repeat;
		}
h4{
	color: #111;
	font-size: 0.8em;
	padding: 0;
	margin: 1em 0;
}
	#mfrr h4{
		color: #555;
		font-size: 0.8em;
		padding: 0;
		margin: 1em 1em 0 1em;
	}
	.cwba h4{
		color: #111;
		font-size: 0.8em;
		text-align: right;
		padding: 0;
		margin: 0.5em 2em 0 0;
	}
h5{
	color: #111;
	font-size: 0.8em;
	font-style: italic;
	padding: 0;
	margin: 1em 0 -1em 0;
}
p{
	padding: 0.5em 0;
	margin: 0;
}
	.cwbl p{
		font-size: 0.8em;
		padding: 0;
	}
	.cwbr p{
		font-size: 0.9em;
	}
	.cwbc .cwbr p,
	.cwba .cwbar p{
		color: #777;
		font-size: 0.8em;
	}
		p.cc{
			font-size: 0.8em;
			color: #777;
			padding: 0;
		}
		p.date{
			font-size: 0.8em;
			color: #777;
			font-style: italic;
		}
	#fw p{
		font-size: 0.8em;
		line-height: 1.4em;
		padding: 0 1em 1em 1em;
	}
	#mfrb p{
		font-size: 0.8em;
		padding: 0.5em 0;
	}
		.cfll p{
			color: #777;
			font-style: italic;
		}

		.cflr p{
			color: #111;
			font-weight: bold;
		}
		.cfrr p{
			color: #777;
			text-align: right;
		}
	#bfl p{
		color: #777;
		font-size: 0.8em;
		padding: 2em 0;
	}
	#bfr p{
		color: #777;
		font-size: 0.8em;
		padding: 2em 0;
	}
	pre{
		font-size: 0.9em;
 		white-space: pre-wrap;       /* css-3 */
 		white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
		white-space: -pre-wrap;      /* Opera 4-6 */
		white-space: -o-pre-wrap;    /* Opera 7 */
		word-wrap: break-word;       /* Internet Explorer 5.5+ */
	}
	code{
		font-size: 1em;
 		white-space: pre-wrap;       /* css-3 */
 		white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
		white-space: -pre-wrap;      /* Opera 4-6 */
		white-space: -o-pre-wrap;    /* Opera 7 */
		word-wrap: break-word;       /* Internet Explorer 5.5+ */
	}

/* objects */

.cwbr img{
	width: 100%;
	border: 0;
	margin: 0.5em 0;
}
#bfl img{
	border: 0;
	margin: 0 1em -0.4em 0;
}
#mfrr img{
	width: 90%;
	padding: 1em 5% 0 5%;
	margin: 0;
}
embed{
	margin: 0.5em 0;
}

ul, li{
	padding: 0;
	margin: 0;
}
	#mfl ol,
	#mfl ul{
		font-size: 0.9em;
		padding: 0;
		margin: 0.5em 3em;
	}	
	#nf ul{
		font-size: 0.9em;
		text-align: right;
		padding: 0;
		margin: 2em 0;
	}
		#nf li{
			display: inline;
		}
	ul.del{
		font-size: 0.8em;
		line-height: 1.4em;
		list-style: none;
		padding: 1em 0;
		margin: 0 0 1em 0;
	}
		ul.del li{
			border-bottom: 1px solid #ddd;
			padding: 0 0 1em 0;
			margin: 0 0 1em 0;
		}
	ul.lfm{
		font-size: 0.8em;
		line-height: 1.4em;
		list-style: none;
		padding: 0;
		margin: 0 0 1em 0;
	}
		ul.lfm li{
			border-bottom: 1px solid #ddd;
			padding: 1em 0 1em 50px;
			margin: 0;
		}
	#bf ul{
		font-size: 0.8em;
		text-align: right;
		padding: 0;
		margin: 2em 0;
	}
		#bf li{
			display: inline;
		}
#qry{
	font-size: 0.8em;
	background: #fff;
	width: 65%;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 0.5em;
	margin: 1em 0;
}
#find{
	font-size: 0.8em;
	background: #ddd;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 22%;
	padding: 0.3em;
	margin: 1em 0 1em 1em;
}
.cfield{
	font-size: 0.8em;
	background: #efefef;
	width: 75%;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 0.5em;
	margin: 0;
}
.cadd{
	font-size: 0.8em;
	background: #ddd;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 22%;
	padding: 0.3em;
	margin: 1em 0;
}

/* structure */

.tf{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#wf{
	width: 100%;
	float: left;
	border-top: 5px solid #111;
	border-bottom: 5px solid #111;
}
#fc{
	width: 1000px;
	margin: auto;
}

	#nf{
		width: 100%;
		background: url('../../img/logo_03.png') center left no-repeat;
		/* background: url('../img/logo_sm_ws.png') center left no-repeat; */
		border-bottom: 1px solid #ccc;
		float: left;
	}

	#hf{
		width: 100%;
		height: 300px;
		background: url('../../img/ruined.png') no-repeat center center;
		border-bottom: 1px solid #ccc;
		float: left;
		margin: 0 0 2em 0;
	}

	#mf{
		width: 1000px;
		float: left;
	}
		#mfl{
			width: 450px;
			float: right;
		}
		#mfr{
			width: 500px;
			float: left;
			margin: 0 0 2em 0;
		}
			#mfrl{
				width: 44%;
				float: left;
			}
				#sf{
					background: #f1f1f1;
					width: 90%;
					border: 0;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					padding: 0 5%;
					margin: 1em 0 2em 0;
				}
				#fw{
					background: #eee;
					width: 100%;
					border: #ccc 1px solid;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					padding: 0;
					margin: 1em 0 3em 0;
				}
				#mfrb{
					width: 100%;
					float: left;
					margin: 1em 0 0 0;
				}
			#mfrr{
				width: 46%;
				float: right;
			}
	
	.cw{
		width: 100%;
		float: left;
		margin: 0 0 3em 0;
	}
		.cwt{
			width: 100%;
			float: left;
			margin: 0 0 1em 0;
		}
		.cwb{
			width: 100%;
			float: left;
		}
			.cwbl{
				width: 22%;
				float: left;
			}
			.cwbr{
				width: 78%;
				float: right;
			}
		.cwbc{
			border-bottom: 1px solid #ddd;
			width: 100%;
			float: left;
			padding: 0 0 1em 0;
			margin: 0 0 1em 0;
		}
			.cwbac{
				width: 100%;
				float: left;
				margin: 2em 0 0 0;
			}
				.cwat{
					width: 100%;
					float: left;
					padding: 0 0 1em 0;
					margin: 0 0 1em 0;
				}
				.cwba{
					width: 100%;
					float: left;
					margin: 0 0 1em 0;
				}
				.cwbs{
					width: 100%;
					float: left;
					margin: 0 0 -2em 0;
				}
					.cwbal{
						width: 30%;
						float: left;
					}
					.cwbar{
						width: 60%;
						float: right;
					}

	.cf{
		border-bottom: 1px solid #ddd;
		width: 100%;
		float: left;
	}
		.cfl{
			width: 75%;
			float: left;
		}
			.cfll{
				width: 35%;
				float: left;
			}
			.cfrl{
				width: 65%;
				float: right;
			}
		.cfr{
			width: 25%;
			float: right;
		}
			.cfrl{
				width: 100%;
				float: left;
			}
			.cfrr{
				width: 0%;
				float: right;
			}

	#bf{
		width: 100%;
		background: #fff;
		border-top: 1px solid #ccc;
		float: left;
		margin: 2em 0 0 0;
	}
		#bfl{
			width: 50%;
			float: left;
		}
		#bfr{
			width: 50%;
			float: right;
		}
	
/* page */

body{
	color: #555;
	font-size: 12px;
	font-family: Arial,Verdana,sans-serif;
	line-height: 1.4em;
	padding: 0;
	margin: 0;
	overflow: auto;
}

/* end */