body { background: url(res/main/ik_sp_1.jpg) no-repeat top center fixed #D3D2CD; color: #333; font-family: Arial; margin: 0; padding: 0; letter-spacing: 0em }

a:link { color: #555; text-decoration:none }
a:active { outline: none }
a:focus { outline: none }
a:visited { color: #555; text-decoration: none }
a:hover{ color: #864C4C; text-decoration: none}
a.inline { margin:0 3px 2px 0; padding:0 }

.typo_l { font-size: 16px }
.typo_m { font-size: 10px }
.typo_s { font-size: 9px }

.t_l	{ text-align: left }
.t_c	{ text-align: center }
.t_r	{ text-align: right }


.r_b{
	border-top-left-radius: 22px;
	border-bottom-right-radius: 22px;
	-webkit-border-top-left-radius: 22px;
	-webkit-border-bottom-right-radius: 22px;
	-moz-border-radius-topleft: 22px;
	-khtml-border-radius-topleft: 22px;
	-moz-border-radius-bottomright: 22px;
	-khtml-border-radius-bottomright: 22px
	}

.r_m{
	border-top-left-radius: 12px;
	border-bottom-right-radius: 12px;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-khtml-border-radius-topleft: 12px;
	-moz-border-radius-bottomright: 12px;
	-khtml-border-radius-bottomright: 12px
	}

.r_s{
	border-top-left-radius: 9px;
	border-bottom-right-radius: 9px;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-khtml-border-radius-topleft: 9px;
	-moz-border-radius-bottomright: 9px;
	-khtml-border-radius-bottomright: 9px
	}

.r_rb_s{
	border-bottom-right-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	-khtml-border-radius-bottomright: 9px
	}

.brd {
	position: relative;
	width: 1185px;
	margin: 30px auto;
	padding: 10px;
	background: url(res/main/dimmer.png)
	}


#brdhead {
	width: 1185px;
	height: 70px;
	margin: 0;
	padding: 0;
	background: url(res/main/banner.png);
	font-style: italic;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5)
	}

.brdtitle {
	float: left;
	width: 255px;
	font-size: 28px;
	font-family: Trebuchet MS;
	margin: 20px 0 0 20px;
	padding: 0
	}

.brdsubtitle {
	float: left;
	width: 300px;
	position: static;
	font-size: 12px;
	margin: 35px 0 0 0;
	padding: 0
	}

.brdlogin {
	float: right;
	clear: right;
	width: 350px;
	height: 15px;
	font-size: 12px;
	margin: 35px 70px 0 0;
	padding: 0
	}

.brdlogin p {
	margin: 0;
	padding: 0
	}

.brdlogstat {
	float: right;
	clear: right;
	width: 350px;
	height: 15px;
	font-size: 12px;
	text-align: right;
	margin: 32px 90px 0 0;
	padding: 0
	}

.brdlogstat .user { 
	padding: 0;
	margin: 0 10px 0 5px;
	font-size: 15px;
	font-weight: bold narrow
	}

input.type{
	font-size: 10px;
	height: 14px;
	width: 80px;
	border: 1px dotted #888;
	background: transparent;
	margin: 0 6px;
	padding: 0
	}

input.ok{
	width: 35px;
	height: 14px;
	border: none;
	padding: 0;
	margin: 0 0 -2px 0
	}

.badge {
	position: absolute;
	top: -65px;
	right: -28px;
	height: 175px;
	width: 120px;
	z-index: 10;
	background: url(res/main/badge.png)
	}

/* ------------------------------ board navigation ---------------------*/

#brdnav {
	width: 125px;
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	clear: right
	}

ul#nav {
	width: 125px;
	list-style: none;
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 10px 0; 
	padding: 0;
	z-index: 0
	}


ul#nav li {
	margin: 0; 
	padding: 0; 
	width: 112px
	}

ul#nav li.spacer { height: 10px }


ul#nav a {
	display: block;
	text-align: left;
	font-style: italic;
	width: 105px;	
	margin: 0; 
	padding: 1px 0 1px 15px;
	background: url(res/main/paper.png);
	border-top-right-radius:12px;
	border-bottom-left-radius:12px;
	-webkit-border-top-right-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	-moz-border-radius-topright:12px;
	-khtml-border-radius-topright:12px;
	-moz-border-radius-bottomleft:12px;
	-khtml-border-radius-bottomleft:12px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5)
	}
/* ------------------------------ main/sub container ---------------------*/

.high:hover { background: rgba(255,255,255,0.25) }

.cont {
	background: url(res/main/paper.png) center -128px;
	position: relative;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5)
	}

.board {
	padding: 6px 7px 7px 7px;
	margin: 10px 0 0 130px
	}

.sub_board {
	padding: 7px;
	margin: 0;
	border: 1px solid #aaa;
	background: rgba(255,255,255,0.2);
	box-shadow: 0 0 4px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.15)
	}

.footer {
	background-position: 150px 250px;
	padding: 0 10px;
	margin: 10px 0 0 130px
	}

table.foot {
	padding: 0;
	margin: 0;
	width: 100%
	}

.sub_board ol { padding: 4px 8px 4px 8px; margin: 0 }

.sub_board ol li {
	margin: 0 0 0 20px;
	list-style-type: lower-roman;
	font-size: 12px;
	line-height: 18px
	}

p.list_head {
	font-size: 14px;
	font-style: italic;
	padding: 0 0 3px 3px;
	margin: -3px 0 0 0;
	border-bottom: 1px solid #888
	}


/* ------------------------------ scoreboard ---------------------*/

.score_bg {
	background: url(res/main/scoreboard.png) repeat;
	border: 1px solid #bbb
	}

.scoreboard {
	border-collapse: collapse;
	width: 122px;
	color: #ddd;
	font-family: Trebuchet MS;
	font-style: italic;
	margin: 0 0 0 -2px
	}

.scoreboard th {
	border-bottom: 2px solid #ddd;
	font-weight: normal;
 	line-height: 10px;
	padding: 2px 0 3px 0;
	margin: 0
	}

.scoreboard td { 
	padding: 0;
	border-top: 1px solid #bbb;
	text-align: center
	}

.scoreboard td.cat { 
	width: 50px;
	font-size: 13px;
	border-right: 1px solid #ddd
	}

.score_ovl {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background: url(res/main/scoreboard_ovl.png) repeat;
	z-index: 10 }

/*------------------------------------ Roster ----------------------------*/

table.roster a { margin: 0 15px 0 0 }