/*
* Knoxville Track Club v1.0
* Author: Kurt Zinser, www.kurtzinser.com
* Based on Skeleton V1.1, Dave Gamache www.getskeleton.com


/* Table of Contents
==================================================
	#Defaults
	#Header
	#Main Menu
	#Page specific nav
	#Buttons
	#Search Form
	#Content
	#Homepage
	#Featured Race Template
	#Series/Program Template
	#Events Template
	#Race Results Template
	#Hall of Fame Template
	#Gallery Template
	#Footer
	#Media Queries
	#Font-Face */
	

/* Defaults
================================================== */

blockquote,
input,
select,
textarea,
.author-box,
.breadcrumb,
.sticky,
.taxonomy-description,
.wp-caption {
	background-color: #f5f5f5;
	border: 1px solid #ddd;
}

input,
label,
select,
textarea {
	box-sizing: border-box;
	color: #333;
	font-size: 14px;
}

.home {
	background: url(../images/bg_home.png) no-repeat top center;
}

.interior {
	background: url(../images/bg_interior_v2.png) no-repeat top center;
}

.verticalrule {
	background: url(../images/vertical_rule.png) repeat-y 220px;
}

/* #Header
================================================== */

#header .wrap {
	background: url(../images/logo.png) top left no-repeat;
	min-height: 115px;
}

#title-area {
	float: left;
	overflow: hidden;
	width:350px;
	height:115px;
}

#title {
	font-family: 'Chunkfive', Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 30px;
	line-height: 1.2;
	margin: 25px 0 0 150px;
	text-shadow: 2px 2px 2px #333;
}

#title a,
#title a:hover {
	color: #fff;
	text-decoration: none;
}

#description {
	display: none;
}

#header .widget-area {
	float: right;
	width: 65%;
}

#joinnowcontainer {
	clear:right;
	float:right;
	font-family: 'League_Gothic', Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:24px;
	color:#CCC;
	margin:8px 1px 0px;
}

/* #Main Menu
================================================== */


#topnavcontainer
{
overflow: hidden;
float:right;
margin:10px 0 10px 0;
}

#topnavlist
{
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size:11px;
font-weight:bold;
list-style-type: none;
margin: 0;
padding: 0;
}

#topnavlist li
{
border-left: 1px solid #000;
float: left;
margin: 0 6px 0 -6px;
padding: 0 6px 0 6px;
}

#topnavlist a
{
	text-decoration:none;
}

.menu-primary,
.menu-secondary {
	clear: both;
	color: #333;
	font-size: 24px;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
}

#header .menu {
	float: left;
	font-size: 24px;
	text-transform: uppercase;
}

.menu ul li { margin-bottom: 0px; }

.menu-primary {
	border-bottom: double #ddd;
	border-top: double #ddd;
}

.menu-primary ul,
.menu-secondary ul {
	float: left;
	width: 100%;
}

.menu-primary li,
.menu-secondary li,
#header .menu li {
	float: left;
	list-style-type: none;
}

.menu-primary a,
.menu-secondary a,
#header .menu a {
	color: #C1272D;
	display: block;
	font-family: 'League_Gothic', Helvetica, Arial, "Lucida Grande", sans-serif;
	padding: 10px 15px;
	position: relative;
	text-decoration: none;
}

#header .menu a {
	color: #C1272D;
	padding: 20px 15px 17px;
}

.menu-primary li a:active,
.menu-primary li a:hover,
.menu-primary .current_page_item a,
.menu-primary .current-cat a,
.menu-primary .current-menu-item a,
.menu-secondary li a:active,
.menu-secondary li a:hover,
.menu-secondary .current_page_item a,
.menu-secondary .current-cat a,
.menu-secondary .current-menu-item a,
#header .menu li a:active,
#header .menu li a:hover,
#header .menu .current_page_item a,
#header .menu .current-cat a,
#header .menu .current-menu-item a {
	color: #ed702b;
}

.menu-primary li li a,
.menu-primary li li a:link,
.menu-primary li li a:visited,
.menu-secondary li li a,
.menu-secondary li li a:link,
.menu-secondary li li a:visited,
#header .menu li li a,
#header .menu li li a:link,
#header .menu li li a:visited {
	background: none;
	background-color:#999;
	border: 1px solid #ddd;
	border-top: none;
	color: #FFF;
	font-size: 18px;
	padding: 9px 10px 8px;
	position: relative;
	text-align: left;
	text-transform: none;
	width: 138px;
}

#header .menu li li a,
#header .menu li li a:link,
#header .menu li li a:visited {
	background-color:#998675;
	border: 1px solid #CCC;
	border-top: none;
	color: #FFF;
}

.menu-primary li li a:active,
.menu-primary li li a:hover,
.menu-secondary li li a:active,
.menu-secondary li li a:hover,
#header .menu li li a:active,
#header .menu li li a:hover {
	color: #FFF;
}

#header .menu li li a:active,
#header .menu li li a:hover {
	background-color:#534741;
}

.menu-primary li ul,
.menu-secondary li ul,
#header .menu li ul {
	height: auto;
	left: -9999px;
	margin: 0 0 0 -1px;
	position: absolute;
	width: 160px;
	z-index: 9999;
}

.menu-primary li ul a,
.menu-secondary li ul a,
#header .menu li ul a {
	width: 140px;
}

.menu-primary li ul ul,
.menu-secondary li ul ul,
#header .menu li ul ul {
	margin: -36px 0 0 159px;
}

.menu li:hover ul ul,
.menu li.sfHover ul ul {
	left: -9999px;
}

.menu li:hover,
.menu li.sfHover {
	position: static;
}

ul.menu li:hover>ul,
ul.menu li.sfHover ul,
#header .menu li:hover>ul,
#header .menu li.sfHover ul {
	left: auto;
}

.menu li a .sf-sub-indicator,
.menu li li a .sf-sub-indicator,
.menu li li li a .sf-sub-indicator {
	position: absolute;
	text-indent: -9999px;
}

.menu-container select {
  display: none;
}

/* Page specific nav
================================================== */

#navlist, #subnavlist {
margin-left: 0;
padding-left: 0;
list-style: none;
	font-family: 'League_Gothic', Helvetica, Arial, "Lucida Grande", sans-serif;

}

#navlist li {
font-size:22px;	
padding: 5px 0 5px 0;
}

#subnavlist li  {
	font-size:16px;	
	padding:0;
	display:inline-block;	
}


#subnavlist {
	margin-top:-10px;
 }

#navlist ul, #subnavlist ul { list-style: none; }

/* Buttons
================================================== */

#joinnowcontainer a {
	color:#FFF;
}

#joinnowcontainer .button {
	font-family: 'League_Gothic', Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:24px;
	text-shadow: 2px 2px 2px #333;
}



/* Search Form
================================================== */

#header .searchform {
	float: right;
	padding: 12px 0 0;
}

.s {
	margin: 0 -7px 0 0;
	padding: 9px 8px;
	width: 190px;
}

#nav .s {
	background-color: #fff;
	margin: 2px -7px 0 0;
}

/* #Content
================================================== */
#content {
	width:100%;
	overflow: hidden;
	clear:both;
}

#content.allowwide
{
	overflow: visible!important;
}


/* Home Page
================================================== */

#groupbanners {
	float: right;	
}

#groupbanners ul li {
	margin:0 0 10px 0;
	padding:0;
	width: 270px; height: 74px;
	text-indent: -9999px;
}

li.covenenant-marathon {
	background: url("../images/banners/covenant-health-marathon.jpg");
}
li.knox-walks {
	background: url("../images/banners/knox-walks.jpg");
}
li.runknox {
	background: url("../images/banners/runknox.jpg");
}
li.trail-series {
	background: url("../images/banners/treadin-trodden-trails.jpg");
}
li.youth-athletics {
	background: url("../images/banners/youth-athletics.jpg");
}
li.turkey-creek-half {
	background: url("../images/banners/turkey-creek-half.jpg");
}

#upcomingevents, #recentresults, #sponsors {
	background-color:#E6E6E6;
}

#upcomingevents h2, #announcment h2, #recentresults h2 {
	font-family: 'League_Gothic', Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:22px;
	text-shadow: 2px 2px 2px #333;
	color:#FFF;
	background-color:#998675;
	padding: 0 0 0 10px;
	margin:0;
}
#upcomingevents h3, #recentresults h3 {
	font-family: 'League_Gothic', Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:22px;
	color:#C1272D;
	padding: 3px 0 0 0px;
	margin:0 10px;	
}
#upcomingevents p {
	color:#999;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:12px;
	font-weight:bold;
}

.date {
	padding: 0 0 5px 0px;
	margin:0 10px;
	border-bottom:#CCC solid 1px;
}

.viewmore {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:12px;
	font-weight:bold;
	padding: 0 0 5px 10px;
	margin-top:10px;
}

#upcomingevents {
	background-color:#E6E6E6;
}

#upcomingevents h2 {
	background-color:#998675;
}

#aroundtheinternet h2 {
	font-family: 'League_Gothic', Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:22px;
	text-shadow: 2px 2px 2px #333;
	color:#998675;
	padding: 0 0 0 10px;
	margin:0;
	background-color:#534741;
}

#announcment {
	background-color:#C1272D;
	padding-bottom:10px;
	margin-bottom:20px;
	height: 274px;
	overflow: hidden;
}

#aroundtheinternet {
	background-color:#998675;
	padding-bottom:10px;
	margin-bottom:20px;
	height: 555px;
	overflow: hidden;
}

#aroundtheinternet p {
	min-height:25px;
	font-size:14px;
	color:#FFF;
	line-height:18px;
	padding:10px 65px 10px 0px;
	margin:0 10px;
	border-bottom:#C7B299 solid 1px;
	overflow: hidden;
}

.twitter
{
	background: url(../images/twitter.png) no-repeat 240px center;
}

.facebook
{
	background: url(../images/facebook.png) no-repeat 240px center;
}

.bboard
{
	background: url(../images/message-board.png) no-repeat 240px center;
}

.tweet_date
{
	float: right;
	color: #bba897 !important;
}

.twitter span, .facebook span, .bboard span
{
	color: #FFF;
}



#announcment h2 {
	background-color:#99272D;
}

#announcment h3 {
	font-family: 'League_Gothic', Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:22px;
	color:#fff;
	padding: 3px 0 0 20px;
	margin:0;	
}

#announcment p {
	color:#FFF;
	line-height:18px;
	padding: 0px 20px 5px 20px;
	margin:0;
}

#announcment a, #announcment a:visited 
{ color: #FFF; text-decoration: underline; outline: 0; }
#announcment a:hover, #announcment a:focus, #aroundtheinternet a:hover, #aroundtheinternet a:focus
{ color: #FFF; text-decoration: underline; }

#aroundtheinternet a, #aroundtheinternet a:visited 
{ color: #bba897; text-decoration: underline; outline: 0; }

#recentresults h3 {
	border-bottom:#CCC solid 1px;
}

/* #Featured Race Template
================================================== */

#racetitle, #pagetitle {
	background: url(../images/title-background.png) no-repeat center;
	width: 100%;
	height: 100px;
}

#racetitle h1, #pagetitle h1 {
	font-family: 'League_Gothic', Helvetica, Arial, "Lucida Grande", sans-serif;
	text-shadow: 2px 2px 2px #333;
	color:#fff;
	margin:0;
	float:left;
	clear:both;
}
#racetitle h1 {
	padding: 10px 0 0 20px;
	font-size:36px;
}
#pagetitle h1 {
	padding: 25px 0 0 20px;
	font-size:42px;

}
#racetitle .date {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	padding: 0 0 5px 20px;
	margin:0;
	color:#FFF;
	border:none;
	float:left;
	clear:both;
}
.racenumber {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	float:right;
	color:#fff;
	margin:0 20px 0 0;
}
#racesponsors {
	float: right;
}

#racesponsors ul li {
	float:left;
	margin: 0 0 0 20px;
	padding:0;
	/* text-indent: -9999px; /* removed to get rid of default background image */
}
li.racesponsorlogo {
	/* background: url("../images/affiliate-logo.png"); /* removed to get rid of default background image */
	width: 75px; height: 75px;
}

li.racesponsorlogo150 {
	/* background: url("../images/affiliate-logo.png"); /* removed to get rid of default background image */
	width: 150px; height: 150px;
}

/* #Series/Program Template
================================================== */


.leadertitles {
	font-family: 'League_Gothic', Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:22px;
	text-align:center;
	text-shadow: 2px 2px 2px #333;
	color:#FFF;
	padding:10px;
	margin:0 0 20px 0;
	background-color:#999;
}

.leaderboard {
	font-family: 'League_Gothic', Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:36px;
	text-align:center;
	color:#C1272D;
	padding:10px;
}

.menleaders, .womenleaders, .topteams {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:12px;
}

.menleaders {
	float:left;
	padding:0 5px 0 10px;
}

.womenleaders {
	float:right;
	padding:0 0 0 5px;
}
.menleaders li, .womenleaders li, .topteams li {
	border-bottom:#CCC solid 1px;
	width:220px;
}

.feature-image-left {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 7px;
}

/* #Events Template
================================================== */

#eventyear {
	width:100%;
	background-color:#CCC;
	text-align:center;
	padding:0;
	margin:0;
	border-bottom: #FFF solid 1px;
}
#eventyear h1 {
	padding:20px;
	margin:0;
}
#eventyear img {
	margin:0 30px;
}

#eventselectcontainer {
	height: 100px;
	background-color: #B3B3B3;
	border-bottom: #FFF 10px solid;
}

#eventselectcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
font-family: 'League_Gothic', Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 18px;
}

#eventselectcontainer ul li { 
display: table-cell;

}

#eventselectcontainer ul li a, #eventselectcontainer ul li div
{
text-decoration: none;
color: #808080;
display: block;
width: 116.5px;
height: 27px;
padding: 63px 0px 10px 0px;
border-right: #FFF solid 1px;
overflow:hidden;
}

#eventselectcontainer a.last, #eventselectcontainer div.last
{
	border-right: none;
}

#eventselectcontainer ul li a:hover, #eventselectcontainer ul li a.selected {
	color: #fff;
}

#eventselectcontainer ul li diiv:hover, #eventselectcontainer ul li div.selected {
	color: #fff;
}


a.viewall, div.viewall
{
background: url(../images/event-selector/viewall.png) center 10px no-repeat;
}
a:hover.viewall, div:hover.viewall
{
background: url(../images/event-selector/viewall-hover.png) center 10px no-repeat;
background-color:#666;
}
a.viewall.selected, div.viewall.selected
{
background: url(../images/event-selector/viewall-selected.png) center 10px no-repeat;
background-color:#F15A24;
}
a:hover.viewall.selected, div:hover.viewall.selected
{
background: url(../images/event-selector/viewall-selected.png) center 10px no-repeat;
background-color:#E04913;
}

a.community, div.community
{
background: url(../images/event-selector/community.png) center 10px no-repeat;
}
a:hover.community, div:hover.community
{
background: url(../images/event-selector/community-hover.png) center 10px no-repeat;
background-color:#666;
}
a.community.selected, div.community.selected
{
background: url(../images/event-selector/community-selected.png) center 10px no-repeat;
background-color:#F15A24;
}
a:hover.community.selected, div:hover.community.selected
{
background: url(../images/event-selector/community-selected.png) center 10px no-repeat;
background-color:#E04913;
}

a.training, div.training
{
background: url(../images/event-selector/training.png) center 10px no-repeat;
}
a:hover.training, div:hover.training
{
background: url(../images/event-selector/training-hover.png) center 10px no-repeat;
background-color:#666;
}
a.training.selected, div.training.selected
{
background: url(../images/event-selector/training-selected.png) center 10px no-repeat;
background-color:#F15A24;
}
a:hover.training.selected, div:hover.training.selected
{
background: url(../images/event-selector/training-selected.png) center 10px no-repeat;
background-color:#E04913;
}


a.roadrace, div.roadrace
{
background: url(../images/event-selector/roadrace.png) center 10px no-repeat;
}
a:hover.roadrace, div:hover.roadrace
{
background: url(../images/event-selector/roadrace-hover.png) center 10px no-repeat;
background-color:#666;
}
a.roadrace.selected, div.roadrace.selected
{
background: url(../images/event-selector/roadrace-selected.png) center 10px no-repeat;
background-color:#F15A24;
}
a:hover.roadrace.selected, div:hover.roadrace.selected
{
xbackground: url(../images/event-selector/roadrace-selected.png) center 10px no-repeat;
background-color:#E04913;
}

a.social, div.social
{
background: url(../images/event-selector/social.png) center 10px no-repeat;
}
a:hover.social, div:hover.social
{
background: url(../images/event-selector/social-hover.png) center 10px no-repeat;
background-color:#666;
}
a.social.selected, div.social.selected
{
background: url(../images/event-selector/social-selected.png) center 10px no-repeat;
background-color:#F15A24;
}
a:hover.social.selected, div:hover.social.selected
{
background: url(../images/event-selector/social-selected.png) center 10px no-repeat;
background-color:#E04913;
}

a.trailrace, div.trailrace
{
background: url(../images/event-selector/trailrace.png) center 10px no-repeat;
}
a:hover.trailrace, div:hover.trailrace
{
background: url(../images/event-selector/trailrace-hover.png) center 10px no-repeat;
background-color:#666;
}
a.trailrace.selected, div.trailrace.selected
{
background: url(../images/event-selector/trailrace-selected.png) center 10px no-repeat;
background-color:#F15A24;
}
a:hover.trailrace.selected, div:hover.trailrace.selected
{
background: url(../images/event-selector/trailrace-selected.png) center 10px no-repeat;
background-color:#E04913;
}

a.ktcseries, div.ktcseries
{
background: url(../images/event-selector/ktcseries.png) center 10px no-repeat;
}
a:hover.ktcseries, div:hover.ktcseries
{
background: url(../images/event-selector/ktcseries-hover.png) center 10px no-repeat;
background-color:#666;
}
a.ktcseries.selected, div.ktcseries.selected
{
background: url(../images/event-selector/ktcseries-selected.png) center 10px no-repeat;
background-color:#F15A24;
}
a:hover.ktcseries.selected, div:hover.ktcseries.selected
{
background: url(../images/event-selector/ktcseries-selected.png) center 10px no-repeat;
background-color:#E04913;
}

a.multisport, div.multisport
{
background: url(../images/event-selector/multisport.png) center 10px no-repeat;
}
a:hover.multisport, div:hover.multisport
{
background: url(../images/event-selector/multisport-hover.png) center 10px no-repeat;
background-color:#666;
}
a.multisport.selected, div.multisport.selected
{
background: url(../images/event-selector/multisport-selected.png) center 10px no-repeat;
background-color:#F15A24;
}
a:hover.multisport.selected, div:hover.multisport.selected
{
background: url(../images/event-selector/multisport-selected.png) center 10px no-repeat;
background-color:#E04913;
}


.eventtable td {
	vertical-align:middle;
}
td.eventdate, td.title {
	font-size:20px;
	font-family: 'League_Gothic', Helvetica, Arial, "Lucida Grande", sans-serif;
	line-height:20px;
}
.ktcgrandprix .type, .ktcrace .type, .ktctrailrace .type, .ktctraining .type, .ktcsocial .type, .ktccommunity .type, .ktcmultisport .type, .generalevent .type  {
	font-family: 'League_Gothic', Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:24px;
	line-height:24px;
	vertical-align:middle;
}
.ktcgrandprix .type, .ktcrace .type, .ktctrailrace .type, .ktctraining .type, .ktcsocial .type, .ktccommunity .type, .ktcmultisport .type  {
	text-shadow: 1px 1px 1px #333;
	color:#FFF;
	width:50px;
	height:60px;
}

.ktcgrandprix  {
	background: url(../images/event-selector/ktcseries-orange.png) no-repeat right 2px;
	//background-color: #F15A24;
	border-width: 5px;
	border-color: #c0262c;
}
.ktcrace td.type {
	background: url(../images/event-selector/roadrace-hover.png) no-repeat center 5px;
	background-color:#F15A24;
}
.ktctrailrace td.type {
	background: url(../images/event-selector/trailrace-hover.png) no-repeat center 3px;
	background-color:#F15A24;
}
.ktctraining td.type {
	background: url(../images/event-selector/training-hover.png) no-repeat center 5px;
	background-color:#F15A24;
}
.ktcsocial td.type {
	background: url(../images/event-selector/social-hover.png) no-repeat center 10px;
	background-color:#F15A24;
}
.ktccommunity td.type {
	background: url(../images/event-selector/community-hover.png) no-repeat center 7px;
	background-color:#F15A24;
}

.ktcmultisport td.type {
	background: url(../images/event-selector/multisport-hover.png) no-repeat center 7px;
	background-color:#F15A24;
}

/* #Race Results Template
================================================== */

#resultselection {
	width:100%;
	background-color:#999;
	padding:20px;
	min-width:250px;
}

#resultselection p {
	float:left;
	color:#FFF;
	margin-right:20px;
}

#resultselection select {
	padding:5px;
	margin-right:10px;
}

#tabiframe {
	width:100%;
	min-height:600px;
	margin:0;
	margin-top: 25px;
	margin-bottom: 25px;
}

/* #Hall of Fame Template
================================================== */
div.halloffame {
  float: left;
  margin:0 9px;
  }
  
div.halloffame p {
   text-align: center;
   }

.hofsponsors p {
	font-size:12px;
}

/* #Gallery Template
================================================== */
div.thumb {
  float: left;
  margin:0 20px 0 0;
  }

div.thumb.last {
  margin:0;
  }
  

div.thumb p {
   text-align: center;
   }

/* Items below added by KG to handle flickr thumbnails, etc. */   
#use-flickr-mobile { display: block; }

.photoclip
{
	height: 129px;
	width: 172px;
	float:left;
	overflow:hidden; /* this is important */
	position:relative; /* this is important too */
	margin-bottom: 6px;
}

.photoclip img
{
	position: absolute;
	top: -15px;
	left: -35px;
	min-height: 129px;
	min-width: 172px;

}

.oldthumb img
{
	min-height: 129px;
	width: 172px;
	top: 0px;
	left: 0px;
}

/* #footer
================================================== */


#sponsors {
	min-height: 165px;
	padding-right:10px;
}

#sponsors h2 {
	font-family: 'League_Gothic', Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:22px;
	text-shadow: 2px 2px 2px #333;
	line-height:24px;
	color:#FFF;
	margin:55px 0 0 20px;
	float:left;
}

#sponsors ul li {
	float:left;
	margin:20px 14px; /* changed from 10 to 14 to account for 6 logos instead of 5 */
	padding:0;
	/* text-indent: -9999px; /* removed to make sponsor logos visible */
}
#sponsors ul, #affiliations ul  {
	float:right;
}

li.sponsorlogo {
	/* background: url("../images/sponsor-logo.png"); /* removed to make sponsor logos visible */
	width: 125px; height: 125px;
}

li.affiliatelogo {
	/* background: url("../images/affiliate-logo.png");  /* removed to make sponsor logos visible */
	width: 75px; height: 75px;
}

li.facebook {
	background: url("../images/facebook-gray.png");
	width: 32px; height: 32px;
}
li.twitter {
	background: url("../images/twitter-gray.png");
	width: 32px; height: 32px;
}
li.flickr {
	background: url("../images/flickr-gray.png");
	width: 32px; height: 32px;
}

#boilerplate, #socialmedia {
	float:left;
}

#boilerplate p {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	color:#666;
}

#boilerplate a, #boilerplate a:visited 
{ color: #666; text-decoration: none; outline: 0; }
#boilerplate a:hover, #boilerplate a:focus
{ color: #666; text-decoration: underline; }


#affiliations {
	float:right;
}

#affiliations ul li {
	float:left;
	margin: 0 0 0 20px;
	padding:0;
	/* text-indent: -9999px; /* removed to make sponsor logos visible */
}

#socialmedia ul li {
	float:left;
	margin: 8px 10px 0 0;
	padding:0;
	text-indent: -9999px;
}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	/* @media only screen and (max-width: 959px) {

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	/* @media only screen and (min-width: 768px) and (max-width: 959px) { */
		
	@media only screen and (max-width: 800px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 320px) and (max-width: 767px) 
	
	{
	
		body {
	width: 100%;
	margin: 0 auto;
	}	

.interior {
	background: url(../images/bg_interior.png) no-repeat top center;
}

#header .wrap {
		background: url(../images/logo2.png) top center no-repeat;
	}

	#title-area {
	width:350px;
	height:115px;
````}
	
	#title {
	min-height: 62px;
	margin: 45px 0 0;
	font-size:25px;
	}
	
	.menu-primary,
	.menu-secondary,
	#header ul.menu,
	#header .widget-area,
	#topnavcontainer,
	#title-area,
	#groupbanners {
		float: none;
		text-align: center;
		width: 100%;
	}
	
	#header .searchform {
		float: center;
	}
	
	#header ul.menu {
		background: url(images/bg-pattern.png);
		float: left;
	}
	#topnavlist li {
		float:none;
		display:inline;
		border:none;
	}

	#joinnowcontainer, #searchcontainer, #groupbanners {
		display:none;
	}

	/* added for flickr photo thumbnails in the gallery template */
	#use-flickr-mobile { display: none; }
	
	.photoclip
	{
		text-align: left;
		display: block;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	
	div.thumb
	{
	}


    /* Uncomment to add mobile drop down ---

#mobilemenu {
	text-align:center;
	margin-bottom:20px;
}

	*/
	
  .menu-container ul     {  }
  .menu-container select { display: inline-block; min-width:280px; }

	.menu-primary li,
	.menu-secondary li,
	#header ul.menu li,
	#groupbanners ul li {
		display: inline-block;
		float: none;
	}

	.menu-primary a,
	.menu-secondary a,
	#header .menu a {
		padding: 10px;
	}
	
	.menu li.right {
		display: none;
	}		

.nivoSlider {
	display:none;
	}		

.verticalrule {
	background:none;
}

#aroundtheinternet p {
	min-height:25px;
	xbackground: url(../images/twitter.png) no-repeat 240px center;
	font-size:14px;
	color:#FFF;
	line-height:18px;
	padding: 10px 75px 10px 20px;
	margin:0;
	border-bottom:#FFF solid 1px;
}

#racetitle, #pagetitle {
	text-align:center;
	width:100%;
}

#racetitle h1, #pagetitle h1 {
	float: none;
	margin:0;
	padding:0;
	font-size:28px;
}
#racetitle h1 {
	margin:0;
	padding:0;
}
#pagetitle h1 {
	margin:0;
	padding:20px 0 0;
}
#racetitle .date {
	float: none;
	margin:0;
	padding:0;
}
.racenumber {
	float: none;
	margin:0;
	padding:0;
}

#sponsors, #racesponsors {
	width: 100%;
	height: 500px; /* this is a hack for the mobile layout. can't seem to make the gray box expand height to hold all logos */
	/* text-align:center; /* removed to fix layout of sponsor logos */
	padding: 20px 0 5px 0;
	margin-bottom:20px;
}

#sponsors h2 {
	margin:0px;
	float:none;
}

#sponsors ul li {
	margin-left: 13px;  /* split left, right and changed for proper spacing of 6 logos in mobile layout */
	margin-right: 5px;
	padding:0;
	/* text-indent: -9999px; /* removed to make sponsor logos visible */
	float:none;
	display: inline-block;
}
#sponsors ul, #affiliations ul, , #socialmedia ul  {
	float:none;

}

#boilerplate {
	float:none;
	clear:both;
	text-align:center;
}

#boilerplate p {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	color:#666;
}

#boilerplate a, #boilerplate a:visited 
{ color: #666; text-decoration: none; outline: 0; }
#boilerplate a:hover, #boilerplate a:focus
{ color: #666; text-decoration: underline; }


#affiliations, #socialmedia {
	margin: 20px 0 0 0;
	float:none;
	text-align:center;
}

#affiliations ul li, #socialmedia ul li{
	float:none;
	display: inline-block;
	margin:10px;
	padding:0;
	/* text-indent: -9999px; /* removed to make sponsor logos visible */
}

#resultselection {
	text-align:center;
}

#resultselection p {
	float:none;
}

#resultselection select {
	display:block;
	margin:10px;
}

div.halloffame, div.thumb {
  float: none;
  text-align: center;
  margin:0;
  }

.hofsponsors p {
	text-align:center;
}

#eventselectcontainer {
	height:100%;
	background-color: #B3B3B3;
	border-bottom: #FFF 10px solid;
}

#eventselectcontainer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	font-family: 'League_Gothic', Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 18px;
}

#eventselectcontainer ul li { 
display: inline-block;

}

#eventselectcontainer ul li a, #eventselectcontainer ul li div
{
	text-decoration: none;
	color: #808080;	
	display: block;
	width: 68px;
	height: 10px;
	padding: 58px 0px 10px 0px;
	border-right: none;
	overflow:hidden;
}

#eventselectcontainer a.last {
	border-right: none;
}

#eventselectcontainer ul li a:hover, #eventselectcontainer ul li a.selected {
	color: #fff;
}



#tabiframe {
	min-height:300px;
}
	/* Force table to not be like tables anymore */
	:not(div#tabiframe) > table, :not(div#tabiframe) > thead, :not(div#tabiframe) > tbody, :not(div#tabiframe) > th, :not(div#tabiframe) > td, :not(div#tabiframe) > tr {
		display: block;
	}

	table.eventtable.eventmonth  thead, table.eventtable.eventmonth  tbody, table.eventtable.eventmonth  th, table.eventtable.eventmonth  td, table.eventtable.eventmonth  tr
	{
		display: block;
	}
	
	table.ktctable  thead, table.ktctable  tbody, table.ktctable  th, table.ktctable  td, table.ktctable  tr
	{
		display: block;
	}
	
	table.ktctable h5
	{
		color: white;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr { border: 1px solid #ccc; }

	td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 40%;
	}

	td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

.ktcgrandprix .type, .ktcrace .type, .ktctrailrace .type, .ktctraining .type, .ktcsocial .type, .ktccommunity .type, .ktcmultisport .type  {
	width:100%;
	height:50px;
}



/*
	Label the data
	*/
.eventtable tbody	td:nth-of-type(1):before { content: ""; }
.eventtable tbody	td:nth-of-type(2):before { content: "Date"; }
.eventtable tbody	td:nth-of-type(3):before { content: "Description"; }
.eventtable tbody	td:nth-of-type(4):before { content: "Where"; }
.eventtable tbody	td:nth-of-type(5):before { content: "Contact"; }
	
  
.ktctable	tbody 	td:nth-of-type(1):before { content: ""; }
.ktctable	tbody 	td:nth-of-type(2):before { content: "Phone"; }
.ktctable	tbody 	td:nth-of-type(3):before { content: "Email"; }
.ktctable	tbody 	td:nth-of-type(4):before { content: ""; }
.ktctable	tbody 	td:nth-of-type(5):before { content: ""; }	
	
	
}



	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}
		
		
		


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

@font-face {
	    font-family: 'League_Gothic';
	    src: url('../fonts/League_Gothic-webfont.eot');
	    src: url('../fonts/League_Gothic-webfont.eot?iefix') format('eot'),
	         url('../fonts/League_Gothic-webfont.woff') format('woff'),
	         url('../fonts/League_Gothic-webfont.ttf') format('truetype'),
	         url('../fonts/League_Gothic-webfont.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
@font-face {
	    font-family: 'Chunkfive';
	    src: url('../fonts/Chunkfive-webfont.eot');
	    src: url('../fonts/Chunkfive-webfont.eot?iefix') format('eot'),
	         url('../fonts/Chunkfive-webfont.woff') format('woff'),
	         url('../fonts/Chunkfive-webfont.ttf') format('truetype'),
	         url('../fonts/Chunkfive-webfont.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
		
		
/* Import Fonts
------------------------------------------------------------ */

@import url(http://fonts.googleapis.com/css?family=Lora);
@import url(http://fonts.googleapis.com/css?family=Oswald);