/******************************************************************************/

/*
Badgerband.com Layout "v3", Print style
Written by Brad Acker <baacker@gmail.com>

Code below is valid CSS 1 and 2.
Tested on IE5, IE5.5, IE6, IE7, Firefox 2.x, Konqueror 3.5.5, Opera 9.20,
Links 2.1pre26.
*/

/**************************/
/* Core Structure layout  */
/**************************/
/* Most of this is now handled by Yahoo User Interface's Grid module. */

/* Header area */
#hd {
	display: none;
}

body, html {
	font-family: Verdana, Tahoma, sans-serif;
}

#tpl_footer {
	clear: both;
	text-align: center;
	font-size: 11px;
	color: gray;
	margin: 5em 0 0 0;
	border-top: 1px solid gray;
}

#tpl_googlesearch * {
	display: none;
}

#tpl_footer a:link, 
#tpl_footer a:active, 
#tpl_footer a:visited, 
#tpl_footer a:hover {
	color: gray;
	text-decoration: underline;
}

/**********************
 * TOP NAVIGATION BAR *
 **********************/

#tpl_nav_main, 
#tpl_nav_main_header {
	display: none;
}

/***********/
/* Sidebar */
/***********/

.tpl_sidebar {
	display: none;
}

.sidebaronly {
	display: none;
}

/**********************/
/* Overall page style */
/**********************/

/**** Links ****/
/* These must go in a certain order to prevent certain browsers from screwing
 * them up. See <http://dbaron.org/css/1999/09/links>.
 */

a:link, a:visited {
	color: #990000;
	text-decoration: none;
}
a:link:focus, a:visited:focus { text-decoration: underline; }
a:link:hover, a:visited:hover { text-decoration: underline; }
a:link:active, a:visited:active { text-decoration: underline; }

/**** Images ****/

img {
	border: none;
}

/* Use this to float the image to the left */
img.left {
	float: left;
	margin: 10px 10px 10px 0;
}

/* Hack to show this to only Mac IE, and NOT IE 5 (breaks it) */
/*\*//*/
img.left {
	float: right;
	margin-bottom: 10px;
}
/**/

/* Floats the image in the center */
img.center {
	display: block;
	margin: 10px auto;
}

/* Floats the image to the right */
img.right {
	float: right;
	margin: 10px 0 10px 10px;
}

/**** Main content area formatting ****/

/* "yui-g" is the YUI's document body */
.yui-g {
	font-size: 12px;
	color: black;
}

.yui-g p {
	margin-bottom: 12px;
}

/**** Headings ****/

.yui-g h1 {
	font-size: 22px;
	font-weight: normal;
	color: #990000;
	letter-spacing: 0;
	text-align: center;
	padding-bottom: 1em;
}

.yui-g h2 {
	margin-bottom: 5px;
	font-size: 22px;
	font-weight: normal;
	color: #990000;
	letter-spacing: 0;
	text-align: center;
}

.yui-g h3 {
	margin: 12px 0 6px 0;
	font-size: 18px;
	font-weight: normal;
	color: #990000;
}

.yui-g h4 {
	margin: 10px 0 4px 0;
	font-size: 15px;
	font-weight: normal;
	color: #990000;
}

.yui-g h5 {
	margin-bottom: 3px;
	font-size: 16px;
	font-weight: normal;
	color: #990000;
}

.yui-g h6 {
	margin-bottom: 3px;
	font-size: 14px;
	font-weight: normal;
	color: #990000;
}

/**** Lists ****/

.yui-g ul, .yui-g ol {
	padding-left: 35px;
	font-weight: normal;
	padding-bottom: 10px;
	list-style-position: outside;
}

.yui-g ul {
	list-style-type: disc;
}

.yui-g ul ul {
	list-style-type: circle;
}

.yui-g ol {
	list-style-type: decimal;
}

.yui-g ol ol {
	list-style-type: lower-alpha;
}

/**** Line ****/

.yui-g hr {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #990000;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

/**** Misc. Formatting ****/

.red {
	color: #990000;
}

/* Indent some text in a little bit */
.indent {
	margin-left: 20px;
}

/****************
 * Other Tricks *
 ****************/

/* "Tableless" CSS Photo Gallery Template
   From http://joshuaink.com/blog/206/css-photo-gallery/template */

.tableless li {
	width: 220px; 
	padding: 2px;
	position: relative;
	float: left;
	display: inline;
	text-align: left;
	list-style: none;
	font-size: 10px;
}

.tableless li img {
	float: left;
	border: 1px solid black;
	margin: 0 5px 0 3px;
}

DIV.pager { display: none; }

/* Hack to show this to only Mac IE, and NOT IE 5 (breaks it) */
/*\*//*/
.tableless li img.left {
	float: right;
	margin-bottom: 5px;
}
/**/

/*****
 * Pretty alternating-color tables
 * We seem to like this style, so here it is without any UGLY and 
 * UNMAINTAINABLE code: Usage is like so:
 *
 * <table class="bandtable">
 *   <tr><th>Heading 1</th>
 *       <th>Heading 2</th>
 *       <!-- ..... -->
 *   </tr>
 *   <tr class="gray"><td>Cell 11</td><td>Cell 12</td></tr>
 *   <tr class="white"><td>Cell 21</td><td>Cell 22</td></tr>
 * </table>
 */
TABLE.bandtable {
	font-size: 9pt;
	text-align: left;
	width: 100%;
	border-spacing: 0;
}
TABLE.bandtable TH {
	background-color: black;
	color: white;
	padding: 5px;
	text-align: left;
}
TABLE.bandtable TD {
	padding: 4px;
	text-align: left;
}
TR.gray TD,
TD.gray {
	background-color: #C0C0C0;
	color: #990000;
}
TR.white TD,
TD.white {
	background-color: transparent;
}