@import "bsdfonts.css";
html,body {margin:0;padding:0;height:100%}
body {font-family:verdana,arial,sans-serif;font-size:100%}
h1, h2, h3 {font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', sans-serif}
h1 {font-size:190%}
h2 {font-size:150%}
h3 {font-size:120%}

h1.title {
	background:transparent;
/*	line-height:290px;*/
	font-size:5.7em;
	text-indent:0.3em;
	position:relative;
	top:0.3em;
/*	padding-right:5em*/
/*;text-indent:-999em;background: url(bsdsplash.png) 0 0 no-repeat*/
}

.content {
	display:block;
	width:98%;
	margin:0 auto;
	min-height:72%;
/* bottom shadow */
-webkit-box-shadow: 0px 17px 17px rgba(0, 0, 0, 0.32);
-moz-box-shadow:    0px 17px 17px rgba(0, 0, 0, 0.32);
box-shadow:         0px 17px 17px rgba(0, 0, 0, 0.32)
}
.content div.inner {
	display:inline-block;
	max-width:90%;
	min-width:500px;
	margin-top:4.2em;
	margin-bottom:2em;
	margin-left:2.1em;
	padding:1.2em 1em 2em 1.5em;

	border-color:#fff;
	border-radius:1.2em 1.2em 0 1.2em;
	-webkit-border-radius:1.2em 1.2em 0 1.2em;
	-moz-border-radius:1.2em 1.2em 0 1.2em;

	-webkit-box-shadow: inset 10px 10px 10px -9px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 10px 10px 10px -9px rgba(0,0,0,0.75);
	box-shadow: inset 10px 10px 10px -9px rgba(0,0,0,0.75)
}
.content div.inner p {margin-top:0}
/*
 * unordered lists */
.content div.inner ul {list-style:none}
.content div ul li:before {color:#A80000;content: '\2217\2002'}

sub {vertical-align:sub}
sup {vertical-align:super}

pre,code,tt,.border td {
	font-family:'DejaVu Sans Mono','Andale Mono','Bitstream Vera Sans Mono',monospace,serif;
	font-size:95%
}
.pre,.code {background:#FFFFF0;border-color:#C0C060}
dl.botright {float:right}
dl.botright dt,dl.botright dd {margin-left:0;text-align:left}
dl.botright dt {font-weight:bold}

.table {display:table}
.tr {display:table-row}
.td {display:table-cell}
.topright {margin-top:0;padding-top:3em;vertical-align:top !important}

.logo {width:73%;min-width:480px}
.logo:before {
	content:' ';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:73%;
	height:100%;
	background: url(bsdsplash.png) 0 0 no-repeat;
	opacity:0.3;
	z-index:-1
}
.toplist {
	background:transparent;
	vertical-align:top;
	text-align:left;
	padding-right:4em;
	font-family:bsdnormal,sans-serif;
	font-size:140%;
	font-weight:bold;
	min-width:260px
}
.notoplist {
	background:transparent;
	vertical-align:top;
	text-align:left;
	padding-right:4em;
	font-family:bsdnormal,sans-serif;
	font-size:110%;
	font-weight:bold;
	min-width:260px
}
.notoplist h3 {margin-bottom:0.2em}
h1.ctitle {text-indent:2em}

/*
tr:nth-child(odd) {}*/

/*
a:hover img */
a {text-decoration:none}
a:link {outline:0.2em solid transparent;color:#bf4139/*#8B1613*/}
a:visited {color:#bf4139/*#8B1613*/}
a:hover {
/*	background:#242424;*/
	color:#d43c3b;
/*	outline-color:#D43C3B;
	-moz-outline-radius: 0.5em;
	-webkit-outline-radius: 0.5em;
	-khtml-outline-radius: 0.5em;
	outline-radius: 0.5em*/
}
a:active {color:#8b1613}

/*.toplist a:link,.toplist a:hover {outline-width:0.1em}*/
h1.title a:hover,.toplist a:hover,.toplist a:active,.toplist a:focus,
.notoplist a:hover,.notoplist a:active,.notoplist a:focus,
h1.ctitle a:hover,h1.ctitle a:active,h1.ctitle a:focus,
.articles a:hover,articles a:active,articles a:focus {
	-webkit-stroke-width: 5.3px;
	-webkit-stroke-color:#000;
	-webkit-fill-color:#000;
	text-shadow:-1px 1px 6px rgba(0,0,0, 1);
	-webkit-transition: width 0.4s; /*Safari & Chrome*/
	transition: width 0.4s;
	-moz-transition: width 0.4s; /* Firefox 4 */
	-o-transition: width 0.4s; /* Opera */
}
h1.title a:hover,.toplist a:hover,.notoplist a:hover,h1.ctitle a:hover,.articles a:hover {
	-webkit-transition:all 0.4s ease-in; /*Safari & Chrome*/
	transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in; /* Firefox 4 */
	-o-transition:all 0.4s ease-in; /* Opera */
	text-decoration:none;
	color:#D43C3B
}
.toplist a:before {font-weight:normal;content:'\021BB\2002'}

.bot-right {margin-left:86%;margin-bottom:0}
.bot-right a {margin-left:0.85em;white-space:pre}

.footer a:hover {
	background:#fff;
	color:#000;
	outline-color:#000;
	outline-style:solid;
	-moz-outline-radius:0.5em;
	-khtml-outline-radius:0.5em;
	outline-radius:0.5em
}
.footer {clear:right;width:100%;height:5.5em}
.copy {padding-top:2.6em;text-indent:2.5em;font-family:bsdcopy,sans-serif}
.copy .tm {font-size:110%;font-weight:500}