/*
Theme Name: Tommy Baldwin Racing
Theme URI: 
Description: Theme designed for Tommy Baldwin Racing website.
Version: 1.0
Author: Myjive Inc.
Author URI: http://www.myjive.com
*/

/*******************************************************************************
			RESETS
*******************************************************************************/

body, h1, h2, h3, h4, h5, h6, blockquote, p, form {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  color: #585B5D;
}

.bkg1 { background: url(images/bkg.jpg) center top no-repeat #000000; }

.bkg2 { background: url(images/bkg2.jpg) center top no-repeat #000000; }

.bkg3 { background: url(images/bkg3.jpg) center top no-repeat #000000; }

.bkg4 { background: url(images/bkg4.jpg) center top no-repeat #000000; }

.bkg5 { background: url(images/bkg5.jpg) center top no-repeat #000000; }

/*******************************************************************************
			GLOBAL STYLES
*******************************************************************************/

a {	color: #333333; text-decoration: none; }

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

a img { border: 0; outline: none; }

p { margin-bottom: 15px; }

/*******************************************************************************
			MAIN WRAPPER
*******************************************************************************/

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

/*******************************************************************************
			HEADER
*******************************************************************************/

#header {
	float: left;	
	margin-bottom: 15px;
	width: 960px;
	background: url(images/header-bg.png) no-repeat center top;
}
	
.logo { float: left; padding: 13px 0 0 25px; }

.headerRight { float: right; width: 690px; }

.socialSearch {
	float: right;
	width: 690px;
	height: 65px;
}

.social {
	float: right;
	padding: 15px 20px 0 0;
	font-size: 10px;
	color: #9fa0a0;
}

.search {
	float: right;
	padding: 15px 28px 0 5px;
	width: 247px;
}

.search input.inputField {
	float: right;
	padding: 7px 5px 5px 5px;
	height: 17px;
	width: 200px;
	border: 0;
	background: none;
}
.search input.submit {
	float: left;
	width: 35px;
	height: 31px;
	background: none;
	border: 0;
	cursor: pointer;
}

/*******************************************************************************
			NAVIGATION
*******************************************************************************/

.nav { 
	float: right; 
	font-size: 11px; 
	padding-right: 10px;
	position:relative;
	z-index:99999;
}

/*** DROPDOWN MENU - MAKE IT DO ***/
.sf-menu, .sf-menu * {
	margin:	0;
	padding: 0;
	list-style: none;
}

.sf-menu ul {
	position:	absolute;
	z-index: 99999;
	top: -999em;
	width: 185px; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li { width: 100%; }

.sf-menu li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li { float: left; position: relative; }

.sf-menu a { display: block; position:	relative; }

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:	0;
	top: 40px; /* match top ul list item height */
	z-index: 99999;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top: -999em; }

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 185px; /* match ul width */
	top: 0;
}

/*** DROPDOWN MENU - MAKE IT PRETTY ***/
.sf-menu { float: left; }

.sf-menu li.page_item ul li  {
	border-bottom: 1px solid #c2c2c2;
	text-decoration: none;
}

.sf-menu li.page_item {
	padding: 0 0 0 0; 
	height: 40px; 
	border-bottom: none; 
}

.sf-menu li.page_item a {
	font-size: 11px;
	letter-spacing: .25px;
	color: #ffffff;
	font-weight: bold; 
	text-transform: uppercase;
	padding: 10px 10px 10px 10px;
	background: url(images/nav-divider.gif) no-repeat bottom left;
	text-decoration: none;
}

.sf-menu li.page_item li a { background: none; text-transform: capitalize; color: #333333; font-weight: normal; }

.sf-menu a.noBorder {
	font-size: 11px;
	letter-spacing: .25px;
	color: #ffffff; 
	padding: 15px 15px 10px 15px;
}

.sf-menu li.page_item { height: 40px; }
	
.sf-menu li.lastLink a { border: none; }

/*.sf-menu a, .sf-menu a:visited  {  visited pseudo selector so IE6 applies text colour
	color:			#ffffff;
}*/

.sf-menu li li { background: #ffffff; }

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: url(images/hover-repeat.jpg); outline: 0; }

.sf-menu li.page_item li:hover, .sf-menu li.page_item li.sfHover,
.sf-menu li.page_item li a:focus, .sf-menu li.page_item li a:hover, .sf-menu li.page_item li a:active { background: #d11b18; color: #ffffff; outline: 0; }

.sf-menu li.page_item:first-child a { background: none; }

.sf-menu li.page_item ul li:last-child { border-bottom: none; }

.sf-menu li ul li ul { display:none; }

/*******************************************************************************
			MAIN CONTENT AREA
********************************************************************************/

#main { width: 953px; }

/** adds a 6px white transparent border to any div that it wraps **/
.inner, #sidebar ul li {
	padding: 6px;
	background: url(images/white-trans.png);
}

.team, .team .inner { float: left; }

.about, .about .inner { float: left; }

.team table td { padding: 0 0 10px 10px; }

.team table td:first-child { padding-left: 0; }


/*******************************************************************************
			HOME PAGE
********************************************************************************/
#main h1 {
	padding-left: 15px;
	font-size: 32px;
	color: #d11b18;
	text-transform: uppercase;
}

#main h2 {
	padding-left: 15px;
	font-size: 10px;
	color: #585b5d;
	letter-spacing: .25px;	
	text-transform: uppercase;
}

.content { float: left; width: 660px; }

.content .left { float: left; margin-top: 10px; }

.content .right { float: right; margin-top: 10px; }

.contentLinks { padding: 0 0 5px 0; border-top: 1px solid #cccccc; text-align: right; }

.contentLinks a {
	padding-right: 15px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	color: #d11b18;
}

.contentLinks a:hover { text-decoration: underline; }
 
a.standings { 
	display: block; 
	padding-top: 15px;
	width: 355px; 
	height: 141px; 
	background: url(images/standings-bg.jpg) no-repeat; 
} 
 
a.ownership { 
	display: block; 
	padding-top: 15px;
	width: 270px; 
	height: 164px; 
	background: url(images/ownership-bg.jpg) no-repeat; 
}
 
a.media { 
	display: block; 
	padding-top: 15px;
	width: 270px; 
	height: 164px; 
	background: url(images/media-bg.jpg) no-repeat; 
}  
 
a.store { 
	display: block; 
	padding-top: 15px;
	width: 270px; 
	height: 156px; 
	background: url(images/redradial-bg.jpg) repeat-y; 
} 


/*******************************************************************************
			SEARCH & ARCHIVE
*******************************************************************************/

.searchPost { padding: 10px; }

.searchPost img { padding-right: 10px; }

#main .searchPost h2.title { padding: 0; font-size: 16px; text-transform: capitalize; }

#main .searchPost h2.title a { color: #d11b18; }

.searchPost p.postmetadata { padding: 0; border: none; }

.postNav a { font-size: 13px; color: #d11b18; }

.postNav a:hover { text-decoration: underline; }

.archive .inner h1 { padding: 10px 0; background: #ffffff; }



/*******************************************************************************
			SIDEBAR
*******************************************************************************/

#sidebar {
	width: 283px;
	display: inline;
	float: right;
}

#sidebar p { margin: 0; }

#sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sidebar img { display: block; }

#sidebar ul li{ margin-bottom: 10px; }

#sidebar ul li h2, #sidebar h2 a { color: #585b5d; }

#sidebar h2 a:hover { color: #333333; }

#sidebar ul ul { background: #ffffff; padding: 15px; }

#sidebar ul ul li { margin-bottom: 0; padding: 0; background: #ffffff; }

#sidebar h2 { padding: 15px 0 0 15px; background: #ffffff; }

#sidebar ul ul li.page_item { border-top: 1px solid #cccccc; }

#sidebar ul ul { padding: 0; }

#sidebar ul ul li.page_item a { 
	padding: 15px; 
	margin: 0; 
	display: block; 
	color: #d11b18;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
}

#sidebar ul ul li.page_item a:hover { background: #d11b18; color: #ffffff; }

#sidebar ul#twitter_update_list li { padding: 15px; font-size: 11px; color: #585b5d; }

#twitter_div { background: #ffffff; }

ul#twitter_update_list { border-top: 1px solid #cccccc; }

ul#twitter_update_list li #twitter_update_list-timestamp { display: block; }

#twitter_followme { background: #ffffff; text-align: right; }

#twitter_followme a { display: block; padding: 5px 15px 5px 0; border-top: 1px solid #cccccc; font-size: 10px; text-transform: uppercase; font-weight: bold; }

#twitter_followme a:hover { color: #ffffff; background: #d11b18; }

a.twitterdatelink { display: block; text-align: right; }

.homeSidebar { float: right; width: 283px; }

.homeSidebar .inner .news { padding: 15px 0 0 0; background: #ffffff; }

.homeSidebar ul { list-style-type: none; padding: 0; margin: 0; }

.homeSidebar li, #sidebar li.cat-post-item { 
	position: relative;
	padding: 15px 15px 5px 15px;
  font-size: 11px;
	border-top: 1px solid #cccccc; 
 }

.homeSidebar li a, #sidebar li.cat-post-item a {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #d11b18;
}

.homeSidebar li a:hover, #sidebar li.cat-post-item a:hover { color: #b21411; }

.homeSidebar p { color: #585b5d; font-weight: bold; padding: 0; margin: 0; }

a.moreNews { 
	display: block;
	height: 100%;
	padding: 5px 15px 5px 0;
	border-top: 1px solid #cccccc; 
	text-transform: uppercase; 
	text-align: right;
	font-size: 10px;
	font-weight: bold; 
	color: #585b5d;
}

a.moreNews:hover { background: #d11b18; color: #ffffff; }

.newNews { position: absolute; width: 40px; height: 40px; bottom:0; right:0; }

.newsForm { padding-left: 15px; }

.newsForm input.newsInput { 
	float: left;
	padding: 10px;
	width: 151px; 
	height: 17px; 
	background: url(images/news-input.png) no-repeat; 
	border: 0;
}

.newsForm input.newsSubmit {
	float: right;
	width: 66px;
	height: 37px;
	background: url(images/news-submit.png) no-repeat;
	border: 0;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

/*******************************************************************************
			FOOTER
*******************************************************************************/

#footer	{
	clear: both;
	float: left;
	width: 953px;
	padding: 25px 0;
}

#footer a:hover { text-decoration: underline; }

.topFooter { float: left; width: 953px; padding: 25px 0; border-top: 1px solid #1a1a1a; }

.topFooter ul, .topFooter ul li { padding: 0; margin: 0; list-style-type: none; }

.topFooter li a { font-size: 11px; color: #878787; text-transform: capitalize; font-weight: normal; }

.topFooter a { font-size: 10px; color: #ffffff; text-transform: uppercase; font-weight: bold; }

.topFooter .left { float: left; width: 650px; }

.topFooter .right { float: right; width: 290px; text-align: right; }

.right .search { padding: 5px 5px 15px 5px; background: url(images/searchbg.jpg) no-repeat; }

.btmFooter { float: left; width: 953px; padding: 15px 0 0 0; border-top: 1px solid #1a1a1a; }

.btmFooter .left { float: left; font-size: 10px; color: #878787; }

.btmFooter .right { float: right; font-size: 10px; color: #878787; }

.btmFooter a { font-size: 10px; color: #878787; }

/*******************************************************************************
			NEWSLETTER WIDGET
*******************************************************************************/

#sidebar .newsletter, .homeSidebar .newsletter { 
	font-size: 11px;
	color: #ffffff; 
}

#sidebar ul .newsletter ul li, .homeSidebar .newsletter ul li { background: none; border: none; }

#sidebar .newsletter ul, .homeSidebar .newsletter ul {	margin: 0; background: url(images/red-bg.jpg) no-repeat bottom center #620407; }

#sidebar .newsletter li h2, .homeSidebar .newsletter li h2 { background: none; color: #ffffff; }

#main .homeSidebar .newsletter li h2 { padding-left: 0; color: #ffffff; }

#sidebar .newsletter form { padding-left: 15px; }

#sidebar .newsletter form .input-text-wrap input, .homeSidebar .newsletter form .input-text-wrap input { 
	position: static;
	padding: 10px;
	margin-bottom: 5px;
	width: 208px; 
	height: 17px; 
	background: url(images/news-input.png) no-repeat; 
	border: 0;
	color: #333333;
	text-transform: capitalize;
}

#sidebar .newsletter form input, .homeSidebar .newsletter form input {
	position: relative;
	left: 163px;
	top: -10px;
	width: 66px;
	height: 37px;
	background: url(images/news-submit.png) no-repeat;
	border: 0;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	text-transform: uppercase;
}

/*******************************************************************************
			USED FOR CONTENT ADDED IN WORDPRESS
*******************************************************************************/

#main h2.notFound { 
	padding: 15px;
	font-size: 22px;
	color: #d11b18; 
	text-transform: capitalize;
} 

#main .single h1 { padding-right: 15px; text-transform: capitalize; font-size: 24px; }

.single { float: left; width: 648px; }

.post { background: #ffffff; }

.team { background: none; }

.post ul { list-style: url(images/li-arrow.gif); }

.post ul ul { padding-left: 15px; }

.post p, .post ul {
	font-size: 13px;
	line-height: 18px;
	color: #585b5d;
}

.post strong { font-size: 11px; text-transform: uppercase; color: #000000; }

.post .title { padding-top: 15px; }

.post .title a { text-decoration: none; }

.post .title a:hover { text-decoration: underline; }

.entry	{ padding: 15px; margin-top: 10px; border-top: 1px solid #cccccc; }


.entry table { width: 100%; }

p.postmetadata {
	border-top: 1px solid #cccccc;
	margin: 0;
	padding: 15px ;
}

form.commentForm { padding-left: 15px; }

.comments-template {
	border-top: 1px solid #cccccc;
	margin: 0;	
	padding: 0;
}

.comments-template ol {
	list-style: none;
	margin: 0;
	padding: 0 0 1em;	
}

.comments-template ol li {
	border-bottom: 1px solid #cccccc;
	margin: .5em 0 0;	
	padding: 15px;	
}

.comments-template h2, .comments-template h3 {
	padding: 15px 0 0 15px;
	font-size: 22px;
	color: #d11b18;
}

.commentmetadata { font-size: 11px; }

.comments-template p.nocomments { padding: 0; }

.comments-template textarea{ font-size: .9em; }

.wpcf7-form table { width: auto; }

.commentForm input.commentSubmit, .wpcf7-form .contactSubmit input {
	float: right;
	width: 66px;
	height: 37px;
	background: url(images/news-submit.png) no-repeat;
	border: 0;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

form.commentForm { padding-bottom: 15px; }

.commentForm input, .wpcf7-form input { padding: 5px; width: 334px; border: 1px solid #cccccc; }

.commentForm textarea, .wpcf7-form textarea { padding: 5px; width: 334px; border: 1px solid #cccccc; }

.commentForm label, .wpcf7-form label { padding-right: 10px; text-transform: uppercase; font-size: 11px; font-weight: bold; }

.commentForm label span { font-weight: normal; text-transform: capitalize; font-style: italic; }

span.wpcf7-not-valid-tip-no-ajax { font-size: 11px !important; font-style: italic; color: #d11b18; }

div.wpcf7-validation-errors { width: 389px; font-size: 11px !important; background: #d11b18; border: none !important; color: #ffffff; }

.post th { font-weight: bold; text-transform: uppercase; color: #565a5e; font-size: 12px; }

.post table strong { color: #d11b18; }

.post table p { font-size: 11px; }

.post table { font-size: 12px; }

/* Image Positioning */
.alignright {
  float: right;
  display: inline;
  margin: 0 0 15px 15px;
}

.alignleft {
  float: left;
  display: inline;
  margin: 0 15px 15px 0;
}

.aligncenter {
  display: block;
  margin: auto;
}

/*******************************************************************************
			IMAGE HOVERS
*******************************************************************************/

.hoverSlide{
	overflow: hidden;
	position: relative;
}

.hoverSlide a, .hoverSlide a img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

.hover { 
	position: absolute; 
	height: 44px; 
	margin: 0;
	padding: 0 15px 0 0;
	background: url(images/red-trans.png); 
}

.hover table { 
	height: 44px;
	width: 100%; 
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
}
	
.captionFull .hover {
 	bottom: -100%;
 	left: 0;
 }
.caption .hover {
 	bottom: 0;
 	left: 0;
 }
 
/** for images that are 660px x 355px
.hoverSlide660 { width: 660px; height: 355px; }

.hoverSlide660 .hover { width: 633px; }


for images that are 282px x 355px
.hoverSlide282 { width: 282px; height: 355px; }

.hoverSlide282 .hover { width: 255px; } **/


/** for images that are 355px x 164px **/
.hoverSlide355 { width: 355px; height: 164px; }

.hoverSlide355 .hover { width: 340px; }


/** for images that are 355px x 156px **/
.hoverSlide355sh { width: 355px; height: 156px; }

.hoverSlide355sh .hover { width: 340px; }


/** for images that are 270px x 334px **/
.hoverSlide270 { width: 270px; height: 334px; }

.hoverSlide270 .hover { width: 258px; }

/** for images that are 270px x 164px **/
.hoverSlide270a { width: 270px; height: 164px; }

.hoverSlide270a .hover { width: 258px; }


/** for images that are 270px x 156px **/
.hoverSlide270sh { width: 270px; height: 156px; }

.hoverSlide270sh .hover { width: 258px; }



/*******************************************************************************
			CLEARING FLOATS
*******************************************************************************/
.clear-block:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clear-block { display: inline-block; }
/* start commented backslash hack \*/
* html .clear-block { height: 1%; }
.clear-block { display: block; }
/* close commented backslash hack */




/*******************************************************************************
			CAROUSEL STYLES
*******************************************************************************/
.jcarousel-control {
position: absolute;
bottom: 0;
right: 0;
z-index: 98;
}

.jcarousel-control a {
display: inline-block;
padding:  3px 6px;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #d11b18;
background:url(images/stripe-repeat.jpg);
}
.jcarousel-control a:hover, .jcarousel-control a.selected {
background: #d11b18;
color: #cccccc;
}

.jcarousel-control a:focus,
.jcarousel-control a:active {
outline: none;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
		z-index: 1;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
		position: relative;
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 648px;
    height: 343px;
}
.jcarousel-clip-horizontal { width: 100%; }

.jcarousel-item { height: 100%; }

.jcarousel-list li a { position: absolute; z-index: 99; top:200px; left: 45px; }