.coming-soon			{	text-align: right; font-weight: bold; font-style: italic; padding-top: 30px;	}

/* @group INFORMATION
 * Author : Dustan Kasten
 * v1.0 | 20100231
 * For Kelly Bires at http://www.kellybires.com/
*************************************************/

/* @group Reset
 * Based on http://meyerweb.com/eric/tools/css/reset/
 * v1.0 | 20100201
*************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
                                margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;
	                        vertical-align: baseline; background: transparent; text-decoration: none;
}
html,
body                {   height: 100%; width: 100%; }
body				{   margin: 0; position: relative; color: rgb(50,50,50);
                                    font-size: 12px; line-height: 1.5; /* Baseline grid of 18px */      }
ul				{   list-style: none;   }
blockquote, q			{   quotes: none;       }
blockquote:before, blockquote:after,
q:before, q:after               {   content: ''; }
table				{   border-collapse: collapse; border-spacing: 0;   }/* tables may still need 'cellspacing="0"' in the markup */

    /* @group Font sizes */
p, ul, ol, dl, table, address, blockquote, fieldset, pre, div, textarea /* basic font sizes */
				{    font-size: 1em;  /* 12px */    }
ul p, ol p, table p, dl p, ul ul, ol ol, ul ol, ol ul, address p, blockquote p, form div div, form div p, fieldset div, table form div  /* deal with likely (but certainly not all) inherited shrinkage */
				{	font-size: 1em;     }
textarea                        {   font-size: inherit; font-family: inherit; }
    /* @end Font sizes */
/* @end Reset ***********************************/
/* @group GENERAL
*************************************************/
body		{	background: rgb(15,15,15) url(../imgs/bg.jpg) no-repeat 50% 0%;	 }
a:link,
a:visited	{	color: rgb(125,125,125); border-bottom: dotted 1px rgb(232,232,232); font-size: .9em; }
a:hover,
a:focus		{	color: rgb(55,55,55); border-bottom: dotted 1px rgb(125,125,125); }
a:active	{	}

h3 a:link,
h3 a:visited    {   color: rgb(55,55,55); }
h3 a:hover,
h3 a:focus      {   color: rgb(18,182,18); border-color: rgb(18,182,18);}

a.continue-reading:after        {   padding-left: 3px; content: "\00BB"}
a.continue-reading:link,
a.continue-reading:visited      {   display: block; float: right; font-weight: bold; color: rgb(0,172,238); }
a.continue-reading:hover,
a.continue-reading:focus        {   color: rgb(0,148,205); }
a.continue-reading:active       {   }

.btn:link,
.btn:visited,
.btn:hover,
.btn:focus,
.btn:active			{	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-bottom: none;
					font-weight: bold; color: White; display: inline-block; padding: 2px 6px;	}
.btn:active			{	position: relative; top: 1px;	}

.btn-learnmore:link,
.btn-learnmore:visited		{	background-color: rgb(0,172,238); 	}
.btn-learnmore:hover,
.btn-learnmore:focus		{	background-color: rgb(0,148,205);	}
.btn-learnmore:active		{	}

.btn-action:link,
.btn-action:visited			{	background-color: rgb(86,168,33);	}
.btn-action:hover,
.btn-action:focus			{	background-color: rgb(59,129,13);	}
.btn-action:active			{	}

ul.errorlist               {   float: right; padding: 0px 6px; line-height: 2em;
                                background-color: rgb(255,125,125);
                                border: solid 1px rgb(255,75,75);
                                margin-left: 1em;
                                color: white;
                                font-weight: bold;
                                display: block;
                                font-size: .875em;
                            }
	/* @group TYPOGRAPHY ************************/
body                    {   font: 14px/1.5 Georgia, Arial, 'Helvetica Neue', 'Liberation Sans', FreeSans, sans-serif;	}
a:focus                 {   outline: none;	}
h1 			{   font-size: 21px;	}
h2 			{   font-size: 19px;	}
h3			{   font-size: 15px; margin-bottom: .5em;	}
h4 			{   font-size: 15px;	}
h5 			{   font-size: 13px;	}
h6 			{   font-size: 12px;	}
.mock_h4                {   font-size: 15px; display: block;}
.mock_h6                {   font-size: 12px; font-weight: bold; font-style: italic; display: block; line-height: 1; color: rgb(0,155,255); }
small.date              {   font-size: 11px; font-style: italic; color: rgb(155,155,155); margin-top: -8px; display: block; text-align: right; }
	/* @end TYPOGRAPHY ************************/
	/* `Spacing ---------------------------------*/
ol			{	list-style: decimal;}
ul 			{	list-style: disc;	}
li 			{	margin-left: 30px;	}
p,dl,hr,h1,h2,h4,h5,h6,ol,ul,pre,table,address,fieldset {
				margin-bottom: .5em;}
	/* @end TYPOGRAPHY **************************/
	
/* @end GENERAL *********************************/
/* @group HELPER
*************************************************/
dl              {   }
dt, dd		{   float: left; width: 50%;  }

dd:last-child   {   border-bottom: none;}
dl dt		{	}
dl dd		{   text-align: right; font-weight: bold;}
/* @end HELPER **********************************/

/* @group PAGE STRUCTURE
*************************************************/
#header			{   background: url(../imgs/bg-header.png) repeat-x top center; height: 57px; position: relative; }
#header .container_16	{   position: relative;  }
#header .divider        {   background: url(../imgs/header-bottom.png) repeat-x; height: 7px; width: 100%; position: absolute; bottom: -7px;}

    /* @group Boxes *****************************/
.box			{   border-radius: 5px 5px; -webkit-border-radius: 5px 5px; -moz-border-radius: 5px 5px;
                    box-shadow: 0px 0px 10px rgba(0,0,0,.65);-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.65); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.65);
                    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=-5, OffY=5, Color='#AA666666', Positive='true');
                    background-color: White; padding: 10px; margin-top: 20px; overflow: hidden; position: relative;
                    }
.toggle			{   cursor: pointer;	}

.box .hidden		{   visibility: hidden;	}
.open .hidden           {   visibility: visible;}
/*.box .content			{	visibility: hidden;}*/
	/* @end Boxes *******************************/
/* @end PAGE STRUCTURE **************************/
/* @group PAGE COMPONENTS
*************************************************/

#header h1		{   float: left; margin: 10px 0 0 0;    }
#header h1 a            {   background-image: url(../imgs/kb-title.png); height: 46px; width: 148px; text-indent: -9999px; display: block; border: none;}
#header #menu		{   position: absolute; top: 50%; margin-top: -.75em; left: 240px;  }
#header #menu a:link,
#header #menu a:visited {   width: 4em; font-size: 1.25em; line-height: 1.5em; float: left; display: block; margin: 0px 10px; text-align: center;
                            background-color: rgb(0,172,238); color: White; border: solid 1px rgb(0,152,218);}
#header #menu a:hover,
#header #menu a:focus   {   background-color: rgb(0,148,205); border-color: rgb(0,128,185);   }
#header .btn-contact    {	height: 40px; width: 45px; background: url(../imgs/contact.jpg) no-repeat 0px 0px;
							position: absolute; right: 0px; top: 50%; text-indent: -9999px;	}

#content		{	}

						
.box_01	.content	{   top: 0px; }
.box_02 .content,
.box_03 .content	{   bottom: 0px;  }
.grid_4                 {   position: relative; }

/* @group LAYOUT *************/
#index #col_01,
#index #col_02,
#index #col_03,
#index #col_04          {   min-height: 1px; }
#aboutme		{   height: 300px; width: 220px; padding: 0px;
                            position: absolute; top: 0px; left: 0px; }
#prev-race              {   height: 146px;
                            position: absolute; top: 320px; left: 0px; }
#next-race              {   height: 146px;
                            position: absolute; top: 506px; left: 0px; }

#kbr             		{   height: 25px;
                            position: absolute; top: 247px; right: 0px; }
#catco                  {   height: 82px;
                            position: absolute; top: 60px; right: 0px; }
#krugerfarms            {   height: 29px;
                            position: absolute; top: 0px; right: 0px;}
#icp                    {   height: 45px;
                            position: absolute; top: 172px; right: 0px; }

/* @end LAYOUT *************/
	/* @group individual box styles *************/
	/* @group col_01 ****************************/
#aboutme .banner,
#prev-race .banner,
#next-race .banner		{   background-image: url(../imgs/col_01-flags.png); background-repeat: no-repeat;
                                    position: absolute; right: -11px; top: -10px; height: 30px;}
#aboutme .banner		{   width: 93px; background-position: 100% 0%; }
#prev-race .banner		{   width: 127px; background-position: 100% 50%; }
#next-race .banner		{   width: 94px; background-position: 100% 100%; }
    /* @group aboutme */
#aboutme			{   background-image: url(../imgs/aboutme.png);
                                    background-position: 100% 50%;
                                    background-repeat: no-repeat; overflow: visible !important;   }
#aboutme.open           	{   background-image: none; padding: 10px; }
#aboutme .img           	{   width: 220px; height: 300px; position: absolute;
                                    top: 0; right: 0px; }
#aboutme .content,
#aboutme .content .window       {   display: none;  }


#aboutme dl			{   display: block; overflow: hidden; width: 50%; }
#aboutme img			{   float: right; margin-left: 20px; }
    /* end aboutme */
#prev-race			{	}
#next-race			{	}
#next-race h3,
#prev-race h3       {   font-size: 14px; }
#next-race table,
#prev-race table    {   width: 380px; }
#next-race td.col2,
#prev-race td.col2  {   text-align: right;}
	/* @end col_01 *******************************/						
	/* @group col_02 *****************************/
#fanclub			{	width: 140px; height: 100px;}


#twitter			{	}
#twitter h2			{   margin-bottom: 0; }
#twitter .feed			{	}
#twitter .feed ul		{	margin: 0; padding: 0; list-style: none;}
#twitter .feed ul li		{	margin: 0; line-height: 1.1em; text-align: justify;}
#twitter .feed ul li a.online   {   display: block; }
#twitter .feed ul li a          {   }
#twitter .feed ul li a.tweet_avatar	{   float: left; margin-right: 2px;}
#twitter .tweet_list a.tweet_avatar	{   display: none;}
#twitter .tweet_list .tweet_text	{   font-size: .9em; }
#twitter .social img                    {   margin-right: 3px; position: absolute; left: -23px; top: -1px;  }
#twitter a.social			{   vertical-align: top; margin-top: 8px; font-size: .7em; display: block; position: relative; margin-left: 20px; }

#store					{	}
#store .img				{	background-image: url(../imgs/bg-store.png);
							width: 160px; height: 90px; display: block; text-indent: -9999px;
							border-radius: inherit; -webkit-border-radius: inherit; -moz-border-radius: inherit; }

	/* @group col_03 ****************************/
#raceteam				{   background: White url(../imgs/logo-kbr-sm.png) no-repeat 97.5% 2.5%; }
#raceteam a                             {   float: right; display: block; margin-top: 1em;}
/*TODO*/
#media 					{	}
#media .container		{	overflow: hidden; display: relative;}

#news                       {   }
#news h3                   {   margin: .5em 0;}
#news h3 a                 {   }
#news h3 small.date        {   font-size: .8em; line-height: normal; text-align: left; margin-top: -2px; }
	/* @end col_03 ******************************/
	/* @group col_04 ****************************/
.box:hover .img,
.box.open .img                          {   background-position: 0% 100%; }


#catco                  {	width: 140px; height: 82px;	}
#catco .img		{	background-image: url(../imgs/logo-catco.png);
								width: 140px; height: 82px; position: absolute; top: 10px; right: 10px;}
#catco.open .img        {   float: right; position: static; margin-left: 10px; }
#catco .content p       {   }

#krugerfarms		{	height: 29px;	}
#krugerfarms .img	{	background-image: url(../imgs/logo-krugerfarms.png);
						width: 140px; height: 29px; position: absolute; top: 10px; right: 10px; }

#icp			{   height: 45px;	}
#icp .img		{   background-image: url(../imgs/logo-icp.png);
                            width: 140px; height: 45px; position: absolute; top: 10px; right: 10px;	}
#icp.open .img          {   position: static; float: right; margin-right: 10px; }
						
#kbr			{	height: 53px;	}
#kbr .img		{	background-image: url(../imgs/logo-kbr-promo.png);
                                        width: 140px; height: 53px; position: absolute; top: 10px; right: 10px;	}
#kbr.open .img          {   position: static; float: right; margin-right: 10px; }

	/* @end col_04 ******************************/
	/* @end individual box styles ***************/


#roster div                 {   float: left; border-bottom: dashed 1px rgb(155,155,155); border-left: dashed 1px rgb(185,185,185);
                                padding: 4px; width: 150px; min-height: 50px; overflow: auto;}
#roster .mock_h6            {   font-size: 13px; }
#roster .position           {   display: block; font-size: .825em;}
#roster .hometown           {   font-size: .825em;}

/* @end PAGE COMPONENTS *************************/

#Contact                    {   }
#Contact form table         {   }
#Contact form table th      {   vertical-align: top; text-align: right; padding-right: 10px; }
#Contact form table td      {   }
#Contact .submit            {   margin-left: 6em; }

#Contact form #id_comments  {   height: 80px; margin-top: 6px; }

#fan_club                   {   }
#fan_club .member,
#fan_club .mail-to          {   line-height: 1.25em; margin-top: 2em;}
#fan_club .member h6,
#fan_club .mail-to h6       {   display: block; font-size: .875em; color: rgb(55,55,55); }
#fan_club .member strong,
#fan_club .mail-to strong   {   }

#fan_club .comments         {   padding: 1em; border: solid 1px rgb(155,155,155); }

/* @group Photo Galleries
*************************************************/
#galleries                      {   }
#galleries .desc                {   float: right; margin-right: 1em;
                                    width: 46%; }

.cycler                         {   position: relative;
                                    min-height: 213px;;
                                }
.cycler .pager                  {   position: absolute;
                                    left: 319px; bottom: 1px;}
.cycler .pager a:link,
.cycler .pager a:visited        {   width: 1.5em; line-height: 1.5em;
                                    text-decoration: none;
                                    margin-bottom: -1px;
                                    border: solid 1px rgb(0,125,235);
                                    text-align: center; display: block;
                                    background-color: rgb(0,155,255);
                                    color: White; font-weight: bold; }
.cycler .pager a:hover,
.cycler .pager a:focus          {   background-color: rgb(0,107,178);
                                    border-color: rgb(0,107,178);}
.cycler .pager a.activeSlide    {   background-color: rgb(0,107,178);
                                    border-color: rgb(0,107,178); }


/* @end Photo Galleries *************************/


/* @group Overrides
*************************************************/
#prev-race, #next-race			{   overflow: visible; }

#aboutme,
#raceteam,
#store					{   padding: 0px; 	}

.box h3.pad             		{   padding: 10px 10px 0px 10px; }
/* @end Overrides *******************************/


/* @group Hacks *********************************/
 *:first-child+html #aboutme            {   z-index: 1000 !important; }

/* @end Hacks *** *******************************/
.grid_4:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.grid_4     {   display: inline-block;  }