@import url('normalize.css');

html {
	background : #4D3B2F; 
}
body {
	margin : 0 auto;
	width : 42em;
	border : 2px solid #3E3027;
	background : #DACAB5 url('/images/tsuka-r-sm.png') no-repeat right bottom;
	color : white;
	font-size : .9em;
}
p {
	margin-bottom : 1em;
}
#header {
	position : relative;
	margin-top : 23px;
	z-index : 10;
	font-size : 1.5em;
	font-weight : bold;
}
#header a {
	display : block;
	padding-top : 205px;
	background : url('/images/samuraiblocks4.jpg') no-repeat 20% bottom;
	color : black;	
	text-decoration : none;
	text-indent : -9999px;
}
ul#nav {
	position : absolute;
	z-index : 15;
	top : 0;
	margin-left : 0;
	height : 27px;
	width : 42em;
	border-bottom : 1px solid #3E3027;
	background : #630;
	list-style-type : none;
}
ul#nav li {
	float : left;
	display : inline;
	margin : 0;
	padding : 0;
}
ul#nav li a {
	display : block;
	padding : 6px 0;
	border-right : 1px dotted #DACAB5;
	background : transparent;
	color : #DACAB5;
	font-weight : bold;
	text-decoration : none;
	text-align : center;
}
ul#nav li.lastmenu a {
	border-right : 0 !important;
}
ul#nav li a:hover, ul#nav li a:active {
	color : white;
	text-decoration : underline;
}
ul#nav li a, .subheader {
	font-family : garamond, times, serif;
	text-transform : uppercase;
}
.subheader {
	position : relative;
	z-index : 1;
	margin : 0 55px;
	border-bottom : 2px solid #221E1F;
	color : black;
	font-size : 1.3em;
}
#content {
	position : relative;
	z-index : 0;
	padding : 20px 100px 0 100px;
	background : url('/images/ink.png') no-repeat 50px top;
	color : black;
}
#content p {
	line-height : 1.13em;
}
#content a:link {
	color : #115;
}
#content a:hover, #content a:active {
	color : #227;
}
#content a:visited {
	color : #315;
}
#content h3 {
	margin-bottom : .5em;
	font-size : .9em;
}
#content ul {
	margin-top : .5em;
	margin-bottom : 1.5em;
}
#content table {
	margin-bottom : 1.2em;
	border-top : 1px dotted #3E3027;
	border-right : 1px dotted #3E3027;
}
#content table th {
	padding : 3px 5px;
	background : #3E3027;
	color : white;
	font-weight : bold;
	text-align : left;
}
#content table td {
	padding : 3px 5px;
	width : 10em;
	border-bottom : 1px dotted #3E3027;
	border-left : 1px dotted #3E3027;
}
#statusmsg, #footer {
	clear : both;
	display : block;
}
#footer a {
	margin-left : 1em;
	color : #557;
	font-size : .73em;
	text-decoration : none;
}

/* Members Page */
#members table#roster .position {
	width : 15%;
	font-weight : bold;
}
#members table#roster .name {
	width : 40%;
}
#members table#roster .contact {
	width : 25%;
}