/* bm~styles.css -----------------------------------------------------
   CSS styles for Oddball Training,
   generated 2008-07-29 13:05:25 GMT by Big Medium v2.0.2
   
   DO NOT EDIT THIS FILE MANUALLY
   This file is generated automatically, and any changes that you
   make to it will be overwritten. To add your own custom styles,
   use the "Edit Theme CSS" option in the Big Medium control panel.
   You may also remove theme styles via the "Remove Design Theme"
   option. Navigation styles may be removed via the navigation options
   in "HTML Preferences."
   ------------------------------------------------------------------- */

/* START BASE BIG MEDIUM STYLES
------------------------------------------------------ */
/* $Id: base.css 3097 2008-06-03 16:33:08Z josh $ */

/* margins and containers
---------------------------------------------------------- */
p {
    margin-top:0;
    margin-bottom:1em;
}

div.bmw_link {  /* container for each page link */
    margin-bottom: 1.4em;
}

div.bmw_pagetools span { /* page tool spacing */
    margin-right: 1em;
}

div.bmw_pageContent,
div.bmw_anncContent,
div.bmw_tipContent,
div.bmw_link,
div.bmc_aboveContent,
div.bmc_belowContent,
div.bmw_images,
div.bmw_gallery,
form.bmf_form p {
    overflow: hidden;
    zoom:1; /* not standard, but necessary to make ie observe overflow */
}

/* navigation bars
---------------------------------------------------------- */
div.bmw_navigation ul, div.bmw_navigation li {
    list-style:none;
    padding:0;
    margin:0;
}
div.bmw_navigation a {
    display:block;
}
div.bmw_navigation iframe { /* for ie dropdowns */
	position: absolute;
	left: -1px;
	top: -1px;
	z-index: 0;
}
select.bmHide { visibility: hidden; } /* for IE 5.0 dropdowns */
div.bmw_navigation div.bmn_skipnav a,
div.bmw_navigation div.bmn_skipnav a:visited,
div.bmw_navigation div.bmn_skipnav a:hover {
    position: absolute;
    left: -99999px;
    float: left;
    width: 1px;
    font-size: 1px;
    line-height: 1px;
    text-align:left;
    background-color:transparent;
}


/* big medium link
---------------------------------------------------------- */
a.bmw_bigmedium {
    width: 90px;
    height: 16px;
    background: url(bm~assets/powered_by_big_medium.gif) no-repeat;
    display:block;
    text-indent:-10000em;
    font-size:0em;
    line-height:0em;
}

/* images
---------------------------------------------------------- */
img { border: 0; }

img.bma_leftthumb {
    float:left;
    margin-right: .5em;
}
img.bma_rightthumb {
    float:right;
    margin-left: .5em;
}

/* image wrappers
---------------------------------------------------------- */

div.bmc_image {
    padding: .5em
}
div.bmc_leftContentImage {
    float:left;
    margin-right: .5em;
}
div.bmc_rightContentImage{
    float:right;
    margin-left: .5em;
}
div.bmc_centerContentImage{
    margin-left: auto;
    margin-right: auto;
}

/* pullquotes
---------------------------------------------------------- */
blockquote.bmc_bigPullquote,
blockquote.bmc_smallPullquote {
    padding: 0 1em;
    margin: 0;
    width: 200px;
}

blockquote.bmc_bigPullquote {
    font-size: small;  /* fake size for ie5 */
    voice-family: "\"}\""; voice-family:inherit;
    font-size: medium; /* real font size for everyone else */
}

blockquote.bmc_rightPullquote {
    float:right;
    margin-left: .5em;
}
blockquote.bmc_leftPullquote {
    float:left;
    margin-right: .5em;
}
blockquote.bmc_centerPullquote{
    margin-left: auto;
    margin-right: auto;
}


/* document wrappers
---------------------------------------------------------- */

div.bmc_document {
    padding: 0 1em;
    width: 200px;
}
div.bmc_rightDocument {
    float:right;
    margin-left: .5em;
}
div.bmc_leftDocument {
    float:left;
    margin-right: .5em;
}
div.bmc_centerDocument{
    margin-left: auto;
    margin-right: auto;
}
div.bmc_Document {
    margin-bottom: 0.8em;
}

/* feed icon
---------------------------------------------------------- */

a.bma_feed {
    padding-left: 18px;
    background-image: url(bm~assets/feed-icon-12x12.gif);
    background-repeat: no-repeat;
    background-position: 1px 1px;
}

/* document icons
---------------------------------------------------------- */
a.bm_docicon {
    padding-left: 20px;
    background-image: url(bm~assets/docIconSm_generic.gif);
    background-repeat: no-repeat;
}
a.bm_gifDocIcon, a.bm_pngDocIcon, a.bm_jpgDocIcon, a.bm_jpegDocIcon, a.bm_icoDocIcon,
a.bm_bmpDocIcon, a.bm_jfifDocIcon, a.bm_tifDocIcon, a.bm_tiffDocIcon, a.bm_psdDocIcon,
a.bm_epsDocIcon {
    background-image: url(bm~assets/docIconSm_image.gif);
}
a.bm_pdfDocIcon {
    background-image: url(bm~assets/docIconSm_pdf.gif);
}
a.bm_docDocIcon {
    background-image: url(bm~assets/docIconSm_doc.gif);
}
a.bm_xlsDocIcon, a.bm_xlwDocIcon {
    background-image: url(bm~assets/docIconSm_excel.gif);
}
a.bm_rtfDocIcon {
    background-image: url(bm~assets/docIconSm_rtf.gif);
}
a.bm_txtDocIcon {
    background-image: url(bm~assets/docIconSm_txt.gif);
}
a.bm_xmlDocIcon {
    background-image: url(bm~assets/docIconSm_xml.gif);
}
a.bm_zipDocIcon, a.bm_gzDocIcon, a.bm_gzipDocIcon, a.bm_tazDocIcon,
a.bm_tgzDocIcon, a.bm_hqxDocIcon, a.bm_binDocIcon, a.bm_tarDocIcon {
    background-image: url(bm~assets/docIconSm_zip.gif);
}
a.bm_sitDocIcon {
    background-image: url(bm~assets/docIconSm_sit.gif);
}
a.bm_dmgDocIcon {
    background-image: url(bm~assets/docIconSm_dmg.gif);
}
a.bm_pptDocIcon, a.bm_ppsDocIcon {
    background-image: url(bm~assets/docIconSm_powerpoint.gif);
}
a.bm_mppDocIcon {
    background-image: url(bm~assets/docIconSm_project.gif);
}
a.bm_sxwDocIcon, a.bm_stwDocIcon, a.bm_sxgDocIcon, a.bm_sdwDocIcon, a.bm_sglDocIcon {
    background-image: url(bm~assets/docIconSm_oo-write.gif);
}
a.bm_sxcDocIcon, a.bm_stcmDocIcon, a.bm_sdcDocIcon {
    background-image: url(bm~assets/docIconSm_oo-calc.gif);
}
a.bm_sxiDocIcon, a.bm_stiDocIcon, a.bm_sddDocIcon, a.bm_sdpDocIcon {
    background-image: url(bm~assets/docIconSm_oo-impress.gif);
}
a.bm_sxdDocIcon, a.bm_stdDocIcon, a.bm_sdaDocIcon {
    background-image: url(bm~assets/docIconSm_oo-draw.gif);
}
a.bm_mp3DocIcon, a.bm_mpuDocIcon, a.bm_m4aDocIcon, a.bm_midDocIcon, a.bm_midiDocIcon,
a.bm_rmiDocIcon, a.bm_m4pDocIcon, a.bm_aacDocIcon, a.bm_aifDocIcon, a.bm_aiffDocIcon,
a.bm_aifcDocIcon, a.bm_wavDocIcon, a.bm_wmaDocIcon, a.bm_ramDocIcon, a.bm_rmDocIcon {
    background-image: url(bm~assets/docIconSm_audio.gif);
}
a.bm_wmvDocIcon, a.bm_aviDocIcon, a.bm_mpegDocIcon, a.bm_mpeDocIcon, a.bm_mpgDocIcon,
a.bm_mp4DocIcon {
    background-image: url(bm~assets/docIconSm_winvideo.gif);
}
a.bm_swfDocIcon {
    background-image: url(bm~assets/docIconSm_flash.gif);
}
a.bm_movDocIcon, a.bm_qtDocIcon, a.bm_moovDocIcon, a.bm_qtmDocIcon {
    background-image: url(bm~assets/docIconSm_quicktime.gif);
}

/* overflow navigation
---------------------------------------------------------- */
ul.bmw_overflowNav, ul.bmw_overflowNav li {
    margin: .5em 0em;
    padding: 0;
    list-style:none;
    position:relative; /* helps ie6 show the bottom link borders */
}
ul.bmw_overflowNav li {
    display:inline;
}
ul.bmw_overflowNav a, span.bma_inertPage {
    border:1px solid #999;
    padding: .2em .4em;
    text-decoration:none;
    background-color: #fff;
    line-height: 200%;
}
ul.bmw_overflowNav a.bma_thisPage {
    background-color: #ffa;
}
span.bma_inertPage {
   color: #999;
   border-color: #ccc;
}

/* search form 
---------------------------------------------------------- */

form.bmw_search button {
    vertical-align: top;
}

/* email, comment, widget-builder forms
---------------------------------------------------------- */
form.bmf_form {
    margin:.5em 0em;
    border: 1px solid #999;
    padding:.5em;
}
form.bmf_form p {
    overflow:hidden;
    zoom: 1;
}
form.bmf_form label {
    width: 30%;
    display: block;
    float:left;
    text-align: right;
    margin-right: .5em;
}
form.bmf_form input,
span.bmf_caption {
    width: 60%;
    display: block;
    float:right;
    margin-right: .5em;
}
label.bmf_req, p.bmf_req label {
    font-weight:bold;
}
form.bmf_form .bmf_comment {
    float:none;
    width: 99%;
    margin: 0;
    display:inline;
}
form.bmf_form label.bmf_auto,
form.bmf_form input.bmf_auto {
    width: auto;
    display:inline;
    float:none;
}
p.bmf_authorintro-sent,
p.bmf_authorintro-,
p.bmf_sendintro,
p.bmf_confirm,
div.bmf_tomail,
div.bmf_emailform-sent,
form.bmf_form input.bmf_honey,
.bmf_honey {
    display:none;
}
p.bmf_sendintro-,
div.bmf_tomail-,
p.bmf_confirm-sent {
    display:block !important;
}
p.bmf_privacy {
    font-size: smaller;
}
#bmjsFeed { width:95% }

/* gadget preview styling */
#bmjsSample div.bmfeedItem{margin-bottom:1em;overflow:hidden;zoom:1}
#bmjsSample img{float:left;margin-right:5px;}
#bmjsSample div div > p:first-child{margin-top:0}
#bmjsSample div div > p:last-child{margin-bottom:0}

/* workaround for mozilla hidden field bug */
input[type="hidden"] {
    display: none !important;
    visibility: hidden !important;
    padding: 0;
    border: 0;
}

/* comment html
---------------------------------------------------------- */

.bmc_comment {
    zoom: 1;
    overflow: hidden;
    border:1px solid #666;
    padding:.3em;
    margin-bottom: 1em;
    background-color: #fff;
}
.bmc_comment_staff {
    background-color: #ffc;
}
.bmc_comment_meta {
    background-color: #ddf;
    padding: .1em .5em;
    overflow: hidden;
    zoom: 1;
}
.bmc_comment_name {
    font-weight:bold;
    float: left;
    width: 40%;
}
.bmc_comment_timestamp {
    float:right;
    width: 55%;
    text-align:right;
    padding-top: .2em;
}
.bmc_comment_date,
.bmc_comment_time {
    padding-right: .5em;
    border-right: 1px solid #999;
    margin-right: .2em;
}

/* tag cloud
---------------------------------------------------------- */

ul.bmw_tagcloud, ul.bmw_tagcloud li {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}
ul.bmw_tagcloud li {
    display: inline;
    margin-right: 1em;
}
ul.bmw_tagcloud li a {
    text-decoration: none;
}
a.bmw_tagcloud_xsmall { font-size: x-small; }
a.bmw_tagcloud_small { font-size: small; }
a.bmw_tagcloud_medium { font-size: medium; }
a.bmw_tagcloud_large { font-size: large; }
a.bmw_tagcloud_xlarge { font-size: x-large; }

/* edit links
---------------------------------------------------------- */

p.bmEditPanel {
	padding: 1px 10px 1px;
	font-size: 11px;
	line-height: 15px;
	height: 16px;
	text-align: left;
	background: url(bm~assets/edit-panel.png) no-repeat right top;
}
p.bmEditPanel a,
p.bmEditPanel a:visited {
    font-size:11px;
    line-height: 15px;
    color: #fff;
    padding-left: 18px;
    background-position: 1px 1px;
    background-repeat: no-repeat;
}
p.bmEditPanel a:hover {
    color: #ccc;
}
a.bmEdit,
a.bmNewPage {
    padding-right: 10px;
    border-right:1px solid #fff;
    margin-right: 5px;
}
a.bmEdit {
    background-image: url(bm~assets/bmcp_edit.gif);
}
a.bmNewPage {
    background-image: url(bm~assets/bmcp_newpage.gif);
}
a.bmDel {
    background-image: url(bm~assets/bmcp_delete.gif);
}

/* image lightbox
---------------------------------------------------------- */

#bmlbox_lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

#bmlbox_lightbox a img { border: none; }

#bmlbox_outerImageContainer {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#bmlbox_imageContainer { padding: 10px; }

#bmlbox_loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#bmlbox_hoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 99%; /* 100% can cause 1-pixel overhang */
    z-index: 10;
}

#bmlbox_imageContainer>#bmlbox_hoverNav { left: 0; }
#bmlbox_hoverNav a { outline: none; }

#bmlbox_prevLink,
#bmlbox_nextLink {
    width: 49%;
    height: 100%;
    display: block;
}

#bmlbox_prevLink {
    left: 0;
    float: left;
    background: url(bm~assets/lightbox_prev.gif) left 0% no-repeat;
}

#bmlbox_nextLink {
    right: 0;
    float: right;
    background: url(bm~assets/lightbox_next.gif) right 0% no-repeat;
}

#bmlbox_imageDataContainer {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
	overflow: hidden;
	width: 100%	
}

#bmlbox_imageData {
    padding: 0 10px;
    color: #666;
}

#bmlbox_imageData #bmlbox_imageDetails {
    width: 70%;
    float: left;
    text-align: left;
}

#bmlbox_imageData #bmlbox_caption {
    font-weight: bold;
}

#bmlbox_imageData #bmlbox_numberDisplay {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}

#bmlbox_imageData #bmlbox_bottomNavClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
}

#bmlbox_overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000;
}

/* sitemap link
---------------------------------------------------------- */
a.bma_sitemap { display:none }

/* START THEME STYLES
----------------------------------------------------------- */
* { padding: 0; margin: 0; }

* html body {
	f\ont-size: medium; /* for other IE versions */
	font-size: small; /* for IE5/Win */
}

hr {height: 1px;
color:#ccc;}

a, a:visited { 
text-decoration: underline;
color: #FF6633;
}

a:hover  { 
text-decoration: none;
color: #CC0000;
}

body {
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 13px;
 line-height: 1.3em;
 color: #666;
 margin: 20px;
}

td {
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 11px;
 line-height: 1.3em;
 color: #666;
 margin: 20px;
}

h1 {
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-size: 180%;
font-weight: normal;
line-height: 1.5em;
color: #666;
}

p {
font-family: Verdana, Helvetica, sans-serif;
font-size: 85%;
margin-top: 10px;
margin-bottom: 10px;
color: #666666;}

li{
font-family: Verdana, Helvetica, sans-serif;
font-size: 85%;
list-style: disc;
margin-left: 20px;
margin-top: 5px;
margin-bottom: 5px;
color: #666666;
}

h2{
font-size: 120%;
margin-top: 10px;
margin-bottom: 10px;
color: #000000;
line-height: 1.4em;
}

h3{
background-color: #F9EB4D;
font-family: Verdana, Helvetica, sans-serif;
width: 65%;
padding: 5px;
color: #000000;
font-weight: bold;
font-size: 110%;
}

input {
font-family: Verdana, Helvetica, sans-serif;
}

textarea {
font-family: Verdana, Helvetica, sans-serif;
}


#wrapper { 
 margin: 0 auto;
 width: 800px;
}

#header {
float: left;
background: #fff url(../images/oddball-header.jpg);
background-repeat: no-repeat;
background-position: top;
margin:0;
padding: 0;
height: 95px;
width: 800px;
}

#header h1 {
	display: none;
	overflow: hidden;
	height: 0px;
	margin: 0;
	padding: 0;
}

#leftcolumn { 
 color: #333;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 120px;
 float: left;
}

#leftmiddle { 
 color: #333;
 background: #fff;
 margin: 8px 15px 0px 15px;
 padding: 0px;
 width: 160px;
 float: left;
}

#rightmiddle { 
 color: #333;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 width: 450px;
 float: left;
}


#form { 
 color: #333;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 width: 450px;
 float: left;
 border: 0px;
}

#footer { 
 font-family: Arial, Helvetica, sans-serif;
 width: 800px;
 clear: both;
 color: #333;
 background: #ffffff;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 text-align: right;
 color: #666;
 font-size: 80%;
 clear: both;
}

#navlist
{
margin-right: 0;
margin-left: 0;
width: 120px;
text-align: right;
font-weight: bold;
}

#navlist li {
font-family: Verdana, Helvetica, sans-serif;
font-size: 90%;
white-space: nowrap;
list-style: none;
margin: 0;
line-height: 1.5em;
font-weight: bold;
color: #666666;
}

#navlist li a, #navlist li a:visited  { 
font-family: Verdana, Helvetica, sans-serif;
font-size: 85%;
text-decoration: none;
color: #999;
}

#navlist li a:hover  { 
text-decoration: none;
color: #666;
}


#formnavlist
{
margin-right: 0;
margin-left: 0;
width: 120px;
text-align: right;
font-weight: bold;
}

#formnavlist li {
font-family: Verdana, Helvetica, sans-serif;
font-size: 75%;
white-space: nowrap;
list-style: none;
margin: 0;
line-height: 1.4em;
font-weight: bold;
color: #666666;
}

#formnavlist li a, #navlist li a:visited  { 
text-decoration: none;
color: #999;
}

#formnavlist li a:hover  { 
text-decoration: none;
color: #666;
}


/*					  */
/* START HOMEPAGE CSS */
/*					  */

body#home {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-size: small;
line-height: 1.5em;
color: #333;
width: 800px;
margin: 20px auto;
position: relative;
}

#leftcolumn-home {
	color: #333;
	background: #fff;
	margin: 0;
	padding: 0;
	width: 120px;
	position: absolute;
	top: 125px;
	left: 0px;
}

#wrapper-home { 
 margin: auto 0;
 width: 800px;
}

#header-home {
	float: left;
	background-repeat: no-repeat;
	background-position: top;
	margin:0;
	padding: 0;
	height: 153px;
	width: 800px;
	background-color: #fff;
	background-image: url(../images/oddball-homepage-header.jpg);
}

#header-home h1 {
	display: none;
	overflow: hidden;
	height: 0px;
	margin: 0;
	padding: 0;
}

#toprow { 
color: #333;
display: block;
background: #fff;
margin:0px;
padding: 0px;
width: 390px;
position: absolute;
top: 135px;
left: 335px;
}

#toprow h1, #col1 h1, #col2 h1, #col3 h1 {
line-height:1.1em;
font-size: 150%;
font-weight: normal;
color: #666;
margin-bottom: 4px;
}

#toprow h2 {
line-height:1.3em;
font-size: 120%;
font-weight: bold;
color: #000000;
padding: 0;
margin:0;
}

#toprow p, #col1 p, #col2 p, #col3 p {
margin: 0;
padding: 0;
color: #666666;
line-height:1.4em;
}

.yellow-squares {
margin-bottom: 15px;
}

#gutter-home { 
width:665px;
display: block;
padding: 5px;
margin-top: 80px;
float: left;
padding-left:120px;
}

.col-image {
float: right;
margin: 0;
padding: 0;
}

#col1, #col2, #col3{ 
margin: 10px;
padding: 5px;
width: 190px;
float: left;
}

#col1 a:link, #col2 a:link, #col3 a:link, #col1 a:visited, #col2 a:visited, #col3 a:visited
{ font-weight: bold;
color:#FF0000;
text-decoration: none;}

#col1 a:hover, #col2 a:hover, #col3 a:hover
{ font-weight: bold;
color:#FF0000;
text-decoration: underline;
}


#footer-home { 
 width: 750px;
 clear: both;
 color: #333;
 background: #ffffff;
 margin: 0;
 text-align: right;
 color: #666;
 font-size: 85%;
 clear: both;
}

/*					*/
/* END HOMEPAGE CSS */
/*					*/