
/*************************************************  
 * bimbogamiff.css - main css for bimbogami site *
 *                (kludged ff version - bleargh) *
 * author: steve mccallum                        *
 * last update: 10/08/2007                       *
 *************************************************/

/***misc tags***/

* {
 margin: 0px;
 padding: 0px;}

body {
	font-family: Verdana, Lucida, helvetica, arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 150%;
	margin: 20px;
	color: #c0c0c0;
	background-color: #000000;}
 
a {
	padding: 2px;
	text-decoration: none;
	color: #ff8c00;}

a:hover {
	padding: 2px;
	background-color: #333333;}

/*******************
 *** top of page ***
 *******************/
#pagetop {
	position: relative;
	border: 0px solid #c0c0c0;
	margin-bottom: 10px;
	width: 800px;}

/*************
 *** ident ***
 *************/
#ident { 
	position: relative;
	float: left;
	font-size: 46px;
	font-weight: bold;
	letter-spacing: -0.075em;
	color: #ff8c00;
	background-color: transparent;}

#logo {
	position: relative;
	top: 10px;
	left: 5px;
	width: 165px;
	height: 130px;
	padding: 10px;
	background-color: transparent;}
/*****************
 *** ident end ***
 *****************/

/********************
 *** top menu bar ***
 ********************/
#topmenu { 
	position: relative;
	float: right;
	top: 20px;
	left: 10px;
	padding: 8px;
	border: 0px solid #c0c0c0}

#topmenu p {
	font-size: 12px;
	color: #ff8c00;
	font-weight: bold;
	padding: 5px 5px 2px 5px;
	border-bottom: 3px solid #c0c0c0;
	background-color: #444444;}

#topmenu a {
	font-size: 12px;
	color: #ff8c00;
	text-decoration: none;
	border: 0px solid #c0c0c0;
	padding: 5px 5px 2px 5px;
	background: transparent;}

#topmenu a:hover {
	background-color: #666666;
	border-bottom: 3px solid #ff8c00;}
/***************************
 *** end of top menu bar ***
 ***************************/
/**************************
 *** end of top of page ***
 **************************/

/**********************
 *** middle of page ***
 **********************/
#pagemiddle {
	position: relative;
	border: 1px solid #c0c0c0;
	width: 800px;}

#leftcol {
	position: relative;
	float: left;
	border: 0px solid #c0c0c0;
	width: 170px;}

#leftcola {
	position: relative;
	background-image: url(img/sidebar.jpg); 
	background-repeat: repeat-y;
	float: left;
	margin-top: 30px;
	border: 0px solid #c0c0c0;
	height: 1600px;
	width: 175px;}
/******************
 *** login area ***
 ******************/
#login {
	position: absolute;
	top: 95px;
	left: -330px;
	width: 165px;
	height: 200px;
	border: 1px solid #ff8c00;
	padding: 10px;
	background-color: transparent;}

#login p {
	font-size: 12px;
	color: #c0c0c0;
	text-decoration: none;
	border: 0px solid #c0c0c0;
	padding: 0px 0px 5px 0px;
	background: transparent;}

#login p.err {
	text-decoration: none;
	font-weight: bold;
	padding-top: 5px;
	color: #ff0000;}

#login input {
	font-weight: bold;
	color: #333333;
	border: 3px double #c0c0c0;
	padding: 0px;
	background-color: #ffaa00;}
/*************************
 *** end of login area ***
 *************************/

/********************
 *** contact area ***
 ********************/
#contact {
	position: absolute;
	top: 325px;
	left: -330px;
	width: 165px;
	height: 115px;
	border: 1px solid #ff8c00;
	padding: 10px;
	background-color: transparent;}

#contact p {
	font-size: 12px;
	color: #c0c0c0;
	text-decoration: none;
	border: 0px solid #c0c0c0;
	padding: 0px 0px 0px 0px;
	background: transparent;}
/***************************
 *** end of contact area ***
 ***************************/

/********************
 *** links area ***
 ********************/
#links {
	position: absolute;
	top: 475px;
	left: -330px;
	width: 165px;
	height: 80px;
	border: 1px solid #ff8c00;
	padding: 10px;
	background-color: transparent;}

#links p {
	font-size: 12px;
	color: #c0c0c0;
	text-decoration: none;
	border: 0px solid #c0c0c0;
	padding: 0px 0px 0px 0px;
	background: transparent;}
/***************************
 *** end of contact area ***
 ***************************/

/****************
 *** ads area ***
 ****************/
#ads {
	position: absolute;
	top: 95px;
	left: -330px;
	width: 165px;
	height: 610px;
	padding: 0px;
	background-color: transparent;}
/***********************
 *** end of ads area ***
 ***********************/

/*************************
 *** main page display ***
 *************************/
#rightcol {
	position: relative;
	float: right;
	top: 30px;
	width: 570px;
	margin-left: 20px; 
	border: 0px solid #ff8c00;
	padding: 30px, 0px, 30px, 30px;}

#rightcol p {
	font-size: 16px;
	text-align: justify;
	margin-bottom: 15px;
	background-color: transparent;}

#rightcol p.small {
	font-size: 10px;}

#rightcol p.justr {
	text-align: right;}

#rightcol p.ind1 {
	margin-left: 80px;}

#rightcol p.ind2 {
	margin-left: 125px;}

fieldset {
	padding: 20px;
	border: 1px solid #ff8c00;}

.wide {
	margin-left: 5%;
	width: 90%;}

.narrow {
	margin-left: 12%;
	width: 75%;}

legend {
	font-size: 14px;
	color: #ff8c00;
	font-weight: bold;
	padding: 3px 6px 3px 6px;
	background: transparent;} 

#rightcol input {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	border: 3px double #c0c0c0;
	background-color: #ffaa00;}

#rightcol input.btn {
	height: 25px;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	border: 3px double #c0c0c0;
	background-color: #ffaa00;}

#singlecol {
	position: relative;
	float: left;
	width: 400px;
	margin-left: 20px; 
	border: 0px solid #ff8c00;
	padding: 30px, 0px, 30px, 30px;}

#singlecol p {
	font-size: 16px;
	text-align: justify;
	margin-bottom: 15px;
	background-color: transparent;}

/********************************
 *** end of main page display ***
 ********************************/

#pagebottom {
	position: relative;
	border: 0px solid #c0c0c0;
	margin-top: 20px;
	width: 800px;}


/**** headers ****/

h1 {
	font-size: 32px;
	font-weight: bold;
	border-bottom: 1px solid #ff8c00;
	padding-bottom: 5px;
	margin-bottom: 6px;
	color: #ff8c00;
	background-color: transparent;}

h2 {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #ff8c00;
	margin-bottom: 6px;
	color: #ff8c00;
	background-color: transparent;}

h3 {
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #ff8c00;
	margin-left: 125px;
	margin-bottom: 6px;
	color: #ff8c00;
	background-color: transparent;}

h3.ind2 {
	margin-left: 125px;}

h4 {
	font-size: 22px;
	font-weight: bold;
	border-bottom: 1px solid #ff8c00;
	margin-bottom: 6px;
	color: #ff8c00;
	background-color: transparent;}

span.col {
	color: #ff8c00;
	background-color: transparent;}

.small {
	font-size: 12px;}

span.red {
	color: #ff0000;
	background-color: transparent;}

span.b {
	font-weight: bold;
	background-color: transparent;}

span.i {
	font-style: italic;
	background-color: transparent;}

span.inv {
	color: #000000;
	background-color: transparent;}

/*** main page content ***/

.content { 
	font-size: 16px;
	text-align: justify;
	margin-bottom: 15px;
	background-color: transparent;}

.definition { 
	font-size: 16px;
	margin-bottom: 15px;}

.bigindent {
	margin-left: 125px;}

.smalltext {
	font-size: 10px;
	text-align: justify;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 5px;}

.errhdr {
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	padding-top: 5px;
	color: #ff0000;}

.err {
	text-decoration: none;
	font-weight: bold;
	padding-top: 5px;
	color: #ff0000;}

.taunt {
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	color: #ff0000;}

.letter {
	font-size: 16px;
	font-weight: bold;
	width: 30px;
	text-align: center;
	color: #333333;
	border: 3px double #c0c0c0;
	background-color: #ffffff;}

/*** site entry page ***/

#entry {
	position: absolute;
	top: 70px;
	width: 800px;
	height: 450px;
	margin-top: 20px;
	margin-left: 50px;
	padding-right: 20px;
	padding-left: 20px;
	background-color: transparent;}

#entry p { 
	font-size: 14px;
	text-align: justify;
	margin-left: 30px;
	margin-bottom: 6px;
	padding-right: 10px;}

#entry p.options {
	font-size: 14px;
	margin-left: 0px;
	text-align: center;
	padding:10px;}

#entry p.disclaimer {
	font-size: 10px;
	text-align: justify;
	padding: 0px;
	margin-left: 150px;
	margin-bottom: 0px;}

#entry a:hover {
	background-color: #666666;}

table.opt {
	border: 1px double #c0c0c0;
	padding: 10px;
	margin-left: 100px;
	border-collapse: collapse;
	background-color: transparent;}

.opttd {
	border: 1px #c0c0c0;
	font-size: 14px;
	text-align: center;
	padding: 10px;
	width: 180px;
	height: 75px;
	background-color: #333333;}

/*** footer stuff ***/

#footer {
	display: none;
	position: relative;
	margin-top: 40px;
	float: right;
	text-align: right;
	background-color: transparent;}

#bookmarks {
	display: none;
	padding: 3px;
	position: relative;
	margin-top: 40px;
	margin-left: 20px;
	float: left;
	color: #ffc800;
	border: 3px double #ffc800;
	background-color: #fff;}

#bookmarks a:hover {
	background-color: #fff;}

.vsmall { 
	font-size: 8px;
	line-height: 120%;
	margin-bottom: 3px;}

/*** table stuff ***/

#csstable {
	border: 0px;
	padding: 0px;
	margin: 0px;}

td {
	border: 0px;
	padding: 3px;
	background-color: transparent;}

.statscol1 {
	padding-right: 10px;
	text-align: right;
	width: 250px;}

.statscol2 {
	width: 250px;}

.regcol1 {
	font-size: 14px;
	font-weight: normal;
	width: 180px;}

.regcol2 {
	width: 140px;}

.regcol3 {
	width: 15px;}

.anscol1 {
	font-size: 14px;
	font-weight: normal;
	width: 60px;}

.anscol2 {
	width: 150px;}

.anscol3 {
	width: 50px;}

.grid {
	padding: 3px;
	text-align: center;
	border: 1px solid #c0c0c0;}

table.lettergrid {
	text-align: center;
	border: 1px solid #c0c0c0;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-left: 75px;
	background-color: transparent;}

table.fib {
	border: 3px solid #c0c0c0;
	border: 0px;
	padding: 0px;
	border-collapse: collapse;
	margin-left: 75px;
	background-color: transparent;}

.fibtd {
	padding: 0px;
	border: 0px;}

table.non {
	border: 1px solid #c0c0c0;
	padding: 0px;
	margin-left: 75px;
	background-color: transparent;}

.x {
	width: 20px;
	height: 20px;
	background-color: #ffffff;}

.y {
	width: 20px;
	height: 20px;
	background-color: #000000;}

.z {
	width: 20px;
	height: 20px;
	background-color: #ffff00;}

.nontd1 {
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	color: #ff8c00;
	background-color: #c0c0c0;}

.nontd2 {
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	color: #ff8c00;
	background-color: #c0c0c0;}

table.lock {
	border: 3px solid #c0c0c0;
	padding: 0px;
	border-collapse: collapse;
	margin-left: 75px;
	background-color: #ffffff;}

.locktd {
	padding: 2px;
	border: 1px solid #c0c0c0;}

table.moo {
	border: 3px solid #c0c0c0;
	padding: 0px;
	border-collapse: collapse;
	background-color: #ffffff;}

table.mi {
	border: 1px solid #c0c0c0;
	padding: 6px;
	margin-left: 75px;
	border-collapse: collapse;
	background-color: transparent;}

.mitd {
	width: 50px;
	height: 75px;
	border: 0px;}

table.blank {
	border: 0px;
	padding: 0px;
	border-collapse: collapse;
	background-color: transparent;}

.mootd1 {
	border: 2px solid #ff9933;
	padding: 0px;
	background-color: #ffffff;}

.mootd2 {
	border: 2px solid #ffcc66;
	padding: 0px;
	background-color: #ffffff;}

.mooimg {
	width: 50px;
	height: 50px;
	border: 0px;}

.rnimg {
	width: 80px;
	height: 72px;
	border: 0px;}

.right {
	text-align: right;}

table.knight {
	border-width: 1px double #c0c0c0;
	padding: 0px;
	border-collapse: collapse;
	margin-left: 75px;
	background-color: transparent;}

.kt {
	border: 1px solid #000000;
	font-size: 12px;
	text-align: center;
	width: 65px;
	height: 65px;
	color: #000000;
	padding: 0px;}

.w {
	background-color: #ffffff;}

.b {
	background-color: #cccccc;}

table.let {
	border: 0px;
	padding: 0px;
	border-collapse: collapse;
	margin-left: 75px;
	background-color: transparent;}

.paddedcell {
	border: 0px;
	padding: 15px;
	background-color: #ffffff;}

.gridTD {
	padding: 6px;
	width: 18px;
	font-size: 18px;
	border: 1px solid #c0c0c0;}

#p1 {
	position: absolute;
	top: 260px;
	left: 10px;
	background: transparent;}
#p2 {
	position: absolute;
	top: 260px;
	left: 90px;
	background: transparent;}
#p3 {
	position: absolute;
	top: 260px;
	left: 170px;
	background: transparent;}
#p4 {
	position: absolute;
	top: 260px;
	left: 250px;
	background: transparent;}
#p5 {
	position: absolute;
	top: 260px;
	left: 330px;
	background: transparent;}
#p6 {
	position: absolute;
	top: 260px;
	left: 410px;
	background: transparent;}
#p7 {
	position: absolute;
	top: 260px;
	left: 490px;
	background: transparent;}
#p8 {
	position: absolute;
	top: 260px;
	left: 570px;
	background: transparent;}

.plate {
	width: 80px;
	height: 20px;
	border: 0px;
	margin: 0px;}

/*** hall of fame stuff ***/
table.hall {
	padding:0px;
	border-collapse:collapse;
	border: 1px solid #c0c0c0;
	background-color:#000000;}

td.rec {
	padding: 2px 6px;
	border: 1px solid #c0c0c0;
	font-size: 12px;
	color: #c0c0c0;
	background-color: transparent;}

td.hdr {
	color: #ff8c00;}

/*** barchart stuff ***/
table.stats {
	padding:0px;
	border-collapse:collapse;
	background-color:#000000;}

td.bar {
	padding: 2px 6px;
	border-bottom: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	font-size: 12px;
	width: 150px;
	color: #ff8c00;
	background-color: transparent;}

td.bars {
	background-image: url(img/gridline58.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-top: none;
	border-left: 1px solid #c0c0c0;
	border-bottom: none;
	border-right: 1px solid #c0c0c0;
	padding: 0px 5px 0px 0px;
	font-size: 12px;
	color: #ff8c00;
	background-color: transparent;}

td.bars img {
	vertical-align: middle;
	margin: 2px 3px 2px 0;}

td.barf {
	border-top:1px solid #c0c0c0;}

td.barl {
	border-bottom:1px solid #c0c0c0;}
