/*
	BD Oekaki theme
	"Tokyo Lights"
	
	By Retro
*/





	body {
		margin: 0px;
		color: #666;
		background-color: #fff;
		font-size: 12px;
	}
	img {border: none}
	.center {text-align: center}
	div {text-align: left}
	#container {
		position: relative;
		width: 800px;
		margin: 0 auto;
	}
	A	{text-decoration: none; color: #112234}
	#menubar A {color: #FF762B}
	#menubar {
		position: relative;
		padding-left: 10px;
		background-image: url("titlebar_l.gif");
		background-position: bottom left;
		background-repeat: no-repeat;
		font-family: Arial Narrow;
		font-size: 12pt;
		border: none;
		height: 30px;
		width: 800px;
		color: #DD4E00;
	} 
	.menubar1 {
		position: relative;
		background-image: url("titlebar_l.gif");
		background-position: bottom left;
		background-repeat: no-repeat;
	} 
	.menubar2 A {color: #FF762B}
	.menubar2 {
		background-image: url("titlebar_r.gif");
		background-position: bottom right;
		background-repeat: no-repeat;
		font-family: tahoma,arial;
		font-size: 9pt;
		padding: 5px;
		text-align: left;
		color: #8FBBD8;
	}
	.menubar_r {
		background-image: url("titlebar_r.gif");
		background-position: bottom right;
		background-repeat: no-repeat;
		font-size: 12pt;
		padding-right: 10px;
		width: auto;
		height: 30px;
		text-align: right;
		color: #8FBBD8;
	}
    .pages {
    	font-size: 10pt;
    }
	.float_left {
		float: left;
	}
	.floatpad_left {
		float: left;
		padding: 5px;
		padding-bottom: 0px;
		text-align: center;
	}
	.float_right {
		float: right;
	}
	.pad {
		padding: 5px;
	} 
	.chatbar {
		position: relative;
		background-color: #021428;
		border-top: solid 2px #A3C7DF;
		border-bottom: solid 2px #A3C7DF;
		font-family: Arial Narrow;
		font-size: 11pt;
		color: #fff;
	} 
	.header A {color: #FFED06}
	.header {
		background-image: url("grey_tl.gif");
		background-position: top left;
		background-repeat: no-repeat;
		background-color: #ABABAB;
		font-family: Arial Narrow;
		font-size: 11pt;
		color: #fff;
	} 
	.header2 {
		background-image: url("grey_tr.gif");
		background-position: top right;
		background-repeat: no-repeat;
		padding: 5px;
	} 
	.header_r {
		background-image: url("grey_tr.gif");
		background-position: top right;
		background-repeat: no-repeat;
		padding: 5px;
		text-align: left;
		font-size: 11pt;
	}
	.body_r td {
		color: #666;
		font-size: 12px;
	}
	.body {
		background-image: url("greygrey_l.gif");
		background-position: top left;
		background-repeat: no-repeat;
		background-color: #E0E0E0;
		color: #666;
		border-bottom: solid 5px #8FBBD8;
		font-size: 12px;
	}
	.body_r {
		background-image: url("greygrey_r.gif");
		background-position: top right;
		background-repeat: no-repeat;
		padding: 5px;
		text-align: left;
	}
	.body2 {
		background-image: url("greygrey_r.gif");
		background-position: top right;
		background-repeat: no-repeat;
		text-align: left;
	} 
	.infotable { 
		font-family: arial,tahoma; 
		color: #6DA2C5;
	} 
	.notice_font {
		font-family: arial, tahoma;
		font-size: 12px;
		text-align: left;
	}
	.notice_bg {
		background-color: #ABABAB;
	}
	.notice A {color: #FFED06}
	.notice {
		background-image: url("grey_tl.gif");
		background-position: top left;
		background-repeat: no-repeat;
		background-color: #ABABAB;
		margin: 0px;
		color: #fff;
		font-size: 12px;
	}
	.notice_tr {
		background-image: url("grey_tr.gif");
		background-position: top right;
		background-repeat: no-repeat;
	}
	.notice_bl {
		background-image: url("grey_bl.gif");
		background-position: bottom left;
		background-repeat: no-repeat;
	}
	.notice_br {
		background-image: url("grey_br.gif");
		background-position: bottom right;
		background-repeat: no-repeat;
		padding: 5px;
	}
	.footertable A {color: #333}
	.footertable {
		position: relative;
		bottom: 0px;
		width: 800px;
		background-image: url("greyb_l.gif");
		background-position: top left;
		background-repeat: no-repeat;
		font-family: verdana,arial,tahoma;
		font-size: 10px;
		border-bottom: solid 2px #8FBBD8;
	} 
	.footertable2 {
		background-image: url("greyb_r.gif");
		background-position: top right;
		background-repeat: no-repeat;
		padding: 5px;
		text-align: center;
		color: #666;
	} 
	.txtinput {
		width: 100px;
	}
	.multiline { 
		font-family: tahoma,verdana,arial; 
		font-size: 12px; 
	} 
	.commenttitle A {color: #112234}
	.commenttitle { 
		font-family: arial,tahoma; 
		font-size: 13px;
		color: #6DA2C5;
	} 
	.commentpost { 
		font-family: tahoma,verdana,arial;
		font-size: 12px;
		color: #666;
		display: block;
	}
	.subheading {
		font-family: arial,tahoma; 
		font-size: 14px;
    	color: #FF762B;
    	margin-top: 10px;
	}
	ol.contents {
    	margin-left: 10px;
    	padding: 0px;
    }
    ol.contents li {
    	margin-left: 30px;
    }
    ol.faq {
    	margin-left: 35px;
    	margin-right: 35px;
    	padding: 0px;
    }
    ol.faq li {
    	margin-left: 0px;
    	margin-top: 20px;
    	padding: 0px;
    	font-size: 14pt;
    	color: #FF762B;
    }
    ol.rules li {
    	list-style-type: upper-alpha;
    	margin: 0px;
    	padding: 0px;
    	font-size: 10pt;
    	font-weight: bold;
    	color: #666;
    }
    .profile {
    	font-family: tahoma, arial, verdana;
    	font-size: 11px;
    	padding: 0 5px 0 5px;
    }

/* 
	Submenu styling
*/
	#viewopts {
		left: 160px;
	}
	#searchopts {
		left: 195px;
	}
	#adminopts {
		left: 428px;
	}
	#drawopts {
		left: 522px;
	}
	#loginopts {
		right: 0px;
	}
	.submenu A {color: #FFED06}
	.submenu {
		position: absolute;
		z-index: 2; 
		top: 32px;
		visibility: hidden;
		float: left;
		background-image: url("orange_l.gif");
		background-position: top left;
		background-repeat: no-repeat;
		background-color: #FF762B;
		font-family: Arial;
		font-size: 10pt;
		width: 120px;
		padding: 0 0 1em 0;
		color: #fff;
		border-bottom: solid 3px #FFED06;
	} 
	.submenu ul {
		background-image: url("orange_r.gif");
		background-position: top right;
		background-repeat: no-repeat;
		list-style-type: none;
		margin: 0px;
		padding-left: 5px;
    }
	.submenu ul a {
		background-color: none;
		margin-left: -5px;
		padding-left: 10px;
		padding-right: 10px;
		display: block;
		width: 100%;
    }
    html>body .submenu ul a {width: auto}
	.submenu ul li a:hover {
		background-color: #F53;
    }
	#viewopts2 {
		margin: 0px;
	}
	#searchopts2 {
		margin: 0px;
	}
	#adminopts2 {
		right: 0px;
		margin: 0px;
	}
	#drawopts2 {
		right: 0px;
		margin: 0px;
	}
	.submenu_h A {color: #FFED06}
	.submenu_h {
		position: absolute;
		z-index: 2; 
		top: 32px;
		visibility: hidden;
		float: left;
		background-color: #FF762B;
		font-family: Arial;
		font-size: 10pt;
		width: 100%;
		padding: none;
		color: #fff;
		border-bottom: solid 3px #FFED06;
	} 
	.submenu_h ul {
		list-style-type: none;
		margin: 0px;
		padding: 10px;
    }
    .submenu_h ul li { 
    	display: inline;
    	/*/*//*/
    	display : none;
    	/* */
    	border-left: solid 1px #FFED06;
    	padding-left: 5px;
    }
	.submenu_h ul li a {
    	background-color: #FF762B;
		margin: 0 -5px 0 -6px;
		padding: 0 5px 0 5px;
		width: 100%;
    }
    html>body .submenu_h ul a {width: auto}
	.submenu_h ul li a:hover {
		background-color: #F53;
    }