/*
Theme Name: Witch '09 Remix
Theme URI: http://www.witchkraftracing.com
Description: 2009 Theme for Witchkraft Racing
Version: 1.1
Author: Eddie Kraft
*/

/* Imports */
@import url("css/gallery.css");
@import url("css/ajax.tabs.css");
@import url("css/single.post.template.css");

/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

* {
padding:0;
margin:0;
font-size: 11px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
}

.left { float: left; }
.right { float: right; }
.clear { clear: both; height: 1px; font-size: 1px; line-height: 1px; }

blockquote:before, blockquote:after, q:before, q:after {content: ''}
blockquote, q {quotes: "" ""}
ul {list-style-type: none}
ol {list-style-type: decimal}
ol {margin: 0 0 0 20px}
img { border: none; }
img.noborder { border: none; }
hr.dgrey { color: #333; }
h2.sifr#page_heading, h2.sifr#page_heading2, h2.sifr#page_heading3 { border: none; margin-bottom: 10px; }

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

blockquote:before, blockquote:after {
content: "";
}

blockquote.callout {
margin: 15px 0 0 0;
padding: 0;
width: 200px;
background: transparent url("images/quotes_red.png") no-repeat 0px 0px;
}

blockquote.callout p {
height: 70px;
padding: 50px 0px 0 10px;
color: #727272;
font-family: Georgia,Utopia,Palatino,'Palatino Linotype',serif;
font-size: 125%;
line-height: 1.3;
background: transparent url("images/quotes_orange.png") no-repeat 155px 80px;
}

/* Page Layout */
body {
width: 100%;
background: #000;
text-align: center;
/*background: url(images/temp_background.gif) repeat-x #272727;*/
background: url(images/page_background_black.jpg) #000 repeat-x;
}

#pagei, #outer {
width: 1000px;
height: auto;
padding: 7px 0 7px 0;
margin: 0 auto 0 auto;
text-align: left;
font-size: 0.75em;
color: #666;
}

#page {
height: auto;
background: #000;
/*padding: 10px;*/
}

#main, #main_page {
width: 100%;
}

#main-block { /* for page templates */
float: left;
width: 765px;
}

#main-left, #main-page-left {
float: left;
width: 505px;
padding: 0 5px 5px 0;
}

#main-center, #main-right, #main-page-center {
float: left;
width: 203px;
}
	#main-center { margin: 0 10px 0 10px; padding: 0 15px 0 15px; border-left: 1px solid #1c1c1c; }
	#main-right { padding: 15px; background: #0c0c0c; border: 1px solid #1c1c1c; }
	#main-page-center { margin: 0px 10px 0 11px; padding: 0 0px 0 15px; border-left: 1px solid #1c1c1c; }

	
#contents {
width: 100%;
/*padding: 10px 0 10px 0;*/
}

#contents-b {
width: 100%;
padding: 0 0 0 0;
}

#content, #content-b {
float: left;
width: 505px;
padding: 0 5px 5px 0;
}

#sidebar {
float: left;
width: 300px;
display: inline;
}

/* header section */

#header {
width: 1000px;
height: auto;
color: #666;
margin: auto;
margin-bottom: 10px;
background:url(images/footer_black.gif) bottom repeat-x;
}

#top {
height: 50px;
margin: 5px 0 0 0;
padding-bottom: 10px;
background:url(images/footer_black.gif) bottom repeat-x;
}
	#f48 {
	float: left;
	margin-top: 2px;
	padding: 0;
	}

	#top h5 { float: right; margin: 0; padding: 0; }
	#top ul { float: right; }
	#top ul li { display: inline; text-align: right; }
	#welcome_date { float: right; text-align: right; width: 800px; margin-bottom: 15px; } /* additional styling is in latest.css */

#nav {
float: right;
}

#header_image {
width: 1000px;
height: 350px;
margin: 5px 0 10px 0;
}

	#header_image_left { float: left; width: 735px; height: 350px; margin-right: 2px; }
	#header_image_right { float: left; background: #ff0000; width: 190px; height: 350px; }

#pagenav {
	float: right;
	padding: 3px 0 3px 0;
}

#pagenav li {
	float: left;
	display: block;
	padding: 0 4px 0 4px;
}

#pagenav li a {
	float: right;
	display: block;
	height: 16px;
	line-height: 16px;
}
	#pagenav li a:hover { border: 0; }

#pagenav li.rss a { /* used in footer also */
	background: url(images/rss.gif) no-repeat;
	background-position: left bottom;
	padding-left: 20px;
	padding-top: 2px;
}

/* featured story section */

#featured {
margin: 0 0 15px 0;
padding: 0 0 0.5em 0;
color: #808080;
}

#featured a, a.comment_link, .entry a, .archived a {
text-decoration: underline;
}
	#featured .details a, .archived a { color: #666; }
	#featured .details a:hover, .archived a:hover { color: #ff6600; }

#featuredSponsor {
float: left;
}

#featured img, #featured img.avatar, img.avatar, img.profile {
margin: 0px 0 7px 0;
display: block;
border: 1px solid #333;
padding: 2px;
float: left;
}
	#featured img.avatar, img.avatar { float: right; margin-top: 0px; }

.details {
margin: 1em 0;
text-align: right;
border-top: 1px solid #333;
padding: 0.5em 0;
font-size: 0.95em;
color: #666;
height: 100px;
}

#featured p, .post p, .archived p, #main-page-center p, #main-page-left p {
line-height: 1.5em;
text-align: justify;
padding: 0 0 7px 0;
margin-bottom: 10px;
margin-top: 7px;
}
	/* for captions */
	#featured p.wp-caption-text { text-align: center; }
	.wp-caption p.wp-caption-text { font-family: Verdana, Arial; font-size: 10px; color: #555; text-transform: none; line-height: 17px; padding: 0 4px 5px; margin: 0; }

#featured h2 a, .post h2 {
font-family: Verdana, arial;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color: #e8e8e8;
border-bottom: 1px dotted #666;
text-decoration: none;
}

#featured h2 a:hover {
color: #ff6600;
}

#featured h2 .showdate {
	display: inline;
	margin-left: 10px;
	text-transform: uppercase;
	font-size: 0.9em;
}

#featured h3, #featured h3 a {
font-weight: normal;
font-size: 10px;
font-family: verdana, helvetica;
color: #f2720a;
}

#featured .flink {
	padding: 5px;
	background: #f0fbff;
	border: 1px solid #e8eef1;
	display: block;
	float: left;
	margin-right: 10px;
	font-weight: bold;
}

#featured .cmlink {
	padding: 5px;
	background: #f9feeb;
	border: 1px solid #eef3e1;
	display: block;
	float: left;
	margin-right: 10px;
	font-weight: bold;
	color: #81964a;
}

#featured .cmlink:hover { color: #333; }
span.pipe { color: #333; }

/* more features section */

#features {
background: url(images/page_background_black_small.jpg) #000 repeat-x;
margin-bottom: 20px;
}

#features li {
padding: 10px 0 10px 0;
border-bottom: 1px solid #333;
}

#features h2 {
margin-top: 0;
}
	* html #features h2 { margin-top: 0px; } /* for IE */

#features h2 a {
	font-size: 1.0em;
	line-height: 1.3em;
	color: #ccc;
}

#features h2 a:hover {
color: #ff3300;
}

#features .mfpost {
	padding: 7px 0 0 0;
}

#features img {
	float: left;
	display: inline;
	border: 1px solid #333;
	padding: 2px;
	margin: 0 10px 0 0;
}

#features p {
	line-height: 1.5em;
}

p.light_copy {
color: #666;
}

/* Global site Headers */
h2.front, h2.front-gal {
display: block;
line-height: 1.4em;
font-weight: bold;
color: #e8e8e8;
padding: 4px 5px 3px 5px;
margin: 0 0 5px 0;
background: #333;
border-bottom: 1px solid #555;
}

h3.front {
	margin: 10px 0 5px 0;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 7px 0;
	color: #666;
	position: relative;
}

/* latest section */

#mid-latest-more li, .linkcat li {
display: block;
padding: 3px 0 3px 0px;
/*background-position: 4px 7px;*/
border-bottom: 1px dotted #333;
line-height: 1.3em;
}

.linkcat {
margin-top: 15px;
}

.linkcat li a { display: block; padding: 3px 0 3px 15px; color: #999; background: url(images/wk_bullet.gif) 0px -5px no-repeat; }
.linkcat li a:hover { display: block; padding: 3px 0 3px 15px; color: #ff6600; background: url(images/wk_bullet.gif) 0px 7px no-repeat; }

#mid-latest li {
padding: 10px 0 10px 0;
border-bottom: 1px solid #f1f1f1;
margin-bottom: 10px;
/*height: 80px;*/
}

#mid-latest h2 {
margin-top: -10px;
}

#mid-latest h2 a {
text-transform: uppercase;
font-size: 10px;
}

#mid-latest h2 a:hover {
	border-bottom: 1px dotted #bbb;
}

#mid-latest .lpost {
	overflow: hidden;
}

#mid-latest img {
	float: left;
	display: inline;
	border: 1px solid #333;
	padding: 2px;
	margin: 0 10px 0 0;
	overflow: hidden;
}

#mid-latest p {
	line-height: 1.5em;
	padding: 5px 0 0 0;
}

span.date, span.excuses, span.dates_more_news, #welcome_date {
font-family: Arial,Helvetica,Tahoma,sans-serif;
font-size: 10.4px;
color: #555; 
line-height: 1.6em; 
text-transform: uppercase;
}
	span.excuses { color: #777; }
	span.dates_more_news { color: #999; }
	#welcome_date { color: #777; }

h2 { color: #ccc; } /* for headers - press releases, sponsor news, more news, etc. */

ul.dates {
list-style-type: none;
margin: 1em 0 2em 0;
border-top: 1px solid #333;
}

ul.dates li {
list-style-type:none;
margin:0;
padding:0.5em 0;
border-bottom: 1px solid #333;
}
	ul.dates li.edit a { color: #999; text-decoration: underline; }
	ul.dates li.edit a:hover { color: #ff6600; }

ul.dates a {
color: #777;
text-decoration: none;
}

ul.dates a.comment_link {
color: #555;
font-size: 10.4px;
}
	ul.dates a.comment_link:hover, ul.dates a.news_link:hover, ul.dates a:hover { color: #ff3300; }

.all_link { margin-left: 5px; font-size: 8px; color: #666; text-transform: uppercase; }
.all_link:hover { color: #ff3300; }

.dropdown {
margin-top: 10px;
}

select, option {
color: #333;
background: #ccc;
}

/* sidebar section */

#sidebar { border: 1px solid #ffcc00; }
#sidebar_l, #sidebar_r {float:left; width: 143px;}
#sidebar_l {margin-right:14px}

/* HEADERS */
#sidebar_m h2, #sidebar_l h2, #sidebar_r h2 {
	display: block;
	line-height: 1.4em;
	font-weight: bold;
	color: #444;
	border-bottom: 1px solid #ddd;
	background: #eee url(images/post.gif) no-repeat;
	background-position: 6px 7px;
	padding: 3px 15px 2px 25px;
}

/* FORMS */
#sidebar_m input, #sidebar_m select, #sidebar_m textarea,
#sidebar_r input, #sidebar_l select, #sidebar_l textarea,
#sidebar_r input, #sidebar_r select, #sidebar_r textarea {
	margin: 7px 0 0 0;
	border: 1px solid #ddd;
	color: #444;
}

/* DIV style */
#sidebar_m div, #sidebar_l div, #sidebar_r div {
	margin: 7px 0 0 0;
	line-height: 1.4em;
}

/* UL style */
#sidebar_m li ul, #sidebar_l li ul, #sidebar_r li ul {
	margin: 5px 0 0 0;
}
#sidebar_m li ul ul, #sidebar_l li ul ul, #sidebar_r li ul ul {
	margin: 0;
}

/* LI style */
#sidebar_m li, #sidebar_l li, #sidebar_r li {
	margin-top: 15px;
}

#sidebar_m li li, #sidebar_l li li, #sidebar_r li li {
	margin-top: 0;
	padding: 3px 0 3px 25px;
	background: url(images/arrow.gif) no-repeat;
	background-position: 7px 9px;
	line-height: 1.4em;
	border-bottom: 1px dotted #ddd;
}

#sidebar_m li li li, #sidebar_l li li li, #sidebar_r li li li {
	margin-top: 0;
	padding: 0 0 0 13px;
	background: url(images/bullet.gif) no-repeat;
	background-position: 0 6px;
	line-height: 1.4em;
	border: 0;
	/* extra */
	font-size: 0.9em;
	margin: 4px 0 0 0;
}

/* Various */
.center {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

/* featured sponsor */
#featured_sponsor {
margin-bottom: 14px;
}

/* flickr and rotating sponsor */
#flickr { margin-bottom: 11px; float: left; } /* for when flickr is blocked, so "popular links" below it displays correctly */
#flickr ul { float: left; list-style: none; margin-left: 0px; }
#flickr ul li { display: inline; padding: 0; margin: 0; border: 0; }
#flickr ul li img, #featuredSponsor img, #currentPromotion img, #topSponsor img { margin-right: 2px; padding: 2px; }
#flickr a img, #featuredSponsor a img, #currentPromotion a img, #topSponsor a img { border: 1px #333333 solid; margin: 7px 0 7px 0; }
#flickr a:hover img, #featuredSponsor a:hover img, #currentPromotion a:hover img, #topSponsor a:hover img { border: 1px #555 solid; }

/* animal aid banner */
#featuredSponsor_aa { margin-top: 10px; }
#featuredSponsor_aa img { margin-right: 2px; padding: 2px; }
#featuredSponsor_aa a img { border: 1px #333333 solid; margin: 7px 0 7px 0; }
#featuredSponsor_aa a:hover img { border: 1px #555 solid; }

#currentPromotion a img { margin-bottom: 4px; } /* for equal spacing between sections */
#topSponsor { margin-bottom: 11px; } 

/* countdown */

#countdown {
margin-top: 10px;
}

p.countdown_text {
text-align: center;
}

#date {
width: 200px;
margin: 0 0 20px 0;
padding-bottom: 10px;
color: #e8e8e8;
text-align: center;
border-bottom: 1px solid #1c1c1c;
}



/* main navigation */

#navigation a:hover { background-position: 0 100%; color: #555; text-decoration: none; }
#navigation { position: relative; color: #808080; float: right; } /* removed overflow:hidden due to not working in IE7 */
#navigation a { background: transparent; }
#navigation ul.nav a { position: relative; }

/* main nav */
#navigation ul.nav { position: relative; list-style: none; margin: 0; padding: 0; }
#navigation ul.nav li { float: left; margin-left: -1px; margin-right: 5px; border-left: 1px solid #2E2E2E; }
#navigation ul.nav li.last { margin-right: 1px; }
#navigation ul.nav a { overflow: hidden; float: left; height: 15px; padding: 0 0 0 20px; color: #D0D0D0; }
#navigation ul.nav a strong,
#navigation ul.nav a:hover { color: #F47F20; }
#navigation ul.nav a img { position: relative; }
#navigation ul.nav a strong img,
#navigation ul.nav a:hover img { margin-top: -15px; }
#navigation ul.nav img.current { margin-top: -33px; }

#navigation ul.nav a.m-0 { width: 46px; }
#navigation ul.nav a.m-1 { width: 37px; }
#navigation ul.nav a.m-2 { width: 55px; }
#navigation ul.nav a.m-3 { width: 62px; }
#navigation ul.nav a.m-4 { width: 55px; }
#navigation ul.nav a.m-5 { width: 62px; }
#navigation ul.nav a.m-6 { width: 38px; }

#navigation ul.nav a.m-1 img { left: -58px; }
#navigation ul.nav a.m-2 img { left: -103px; }
#navigation ul.nav a.m-3 img { left: -165px; }
#navigation ul.nav a.m-4 img { left: -237px; }
#navigation ul.nav a.m-5 img { left: -301px; }
#navigation ul.nav a.m-6 img { left: -377px; }




/* team and schedule page table */

.schedule table.listings {
width: 100%;
margin: 0 0 20px 0;
line-height: 1.4em;
}

.schedule table td {
border-bottom: 1px solid #1c1c1c;
}

.schedule table tr {
background: #000;
}

.schedule table tr.alt {
background: #0c0c0c;
}

.schedule table td.noborder {
border: 0px;
}

.schedule table tr td {
color: #555;
padding: 10px 5% 10px 0;
margin: 0;
}

.schedule table tr td.date {
width: 30%;
padding-left: 3%;
padding-right: 3%;
font-size: .8em;
font-weight: bold;
}

.schedule table tr td.type {
width: 10%;
text-transform: none;
padding-right: 20px;
text-align: right;
font-size: .8em !important;
color: #8a8987;
}

.schedule table tr td .location {
display: block;
color: #444;
}
	span.location { padding: 5px 0 0 0; }

.schedule dl.team, dl#profile { }
.schedule dl.team dt, dl#profile dt { float: left; margin-right: 10px; color: #ccc; font-weight: bold; }
.schedule dl.team dd, dl#profile dd { color: #999; }

.schedule ul {
margin: 0 0 20px 0;
line-height: 1.5em;
}

.schedule ul li {
background: url(images/arrow_orange.gif) no-repeat 2px 4px;
margin: 10px 0 0 0px;
display: block;
list-style: none;
padding: 0 0 0 15px;
border: none;
}

span.heading { color: #777; }
span.grey { color: #ccc; }

p.page_subtitle {
color: #ccc; 
font-size: 11px;
font-weight: bold;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
padding-bottom: 10px;
padding-top: 0px;
margin-bottom: 5px;
margin-top: -1px; 
border-bottom: 1px solid #333;
}

.quote_profile_left {
margin: 0 0 1.3em 1em;
padding: 0 2em 0 1em;
color: #ff0000;
border-left: 3px solid #ff6600;
font-family: "Georgia", serif;
font-size: 1.8em;
line-height: 1.1em;
}

.quote_profile_right {
margin: 0 1em 1.3em 0;
padding: 0 1em 0 2em;
color: #ff6600;
border-right: 3px solid #fff;
font-family: "Georgia", serif;
font-size: 1.8em;
line-height: 1.1em;
}

.featured_nolines dl, .featured_nolines dl {
	margin:0 0;
	border-bottom: 1px solid #333333;
	padding:0.5em 0 0.6em 0;
	line-height: 1.3em;
}

.featured_nolines dt, .featured_nolines dt {
	display:inline;
	margin:0;
	padding:0;
	color:#AAA;
}

.featured_nolines dd, .featured_nolines dd {
	display:inline;
	margin:0;
	padding:0;
}

.featured ul {
margin-bottom: 10px;
}

.featured ul li {
background: url(images/arrow_orange.gif) no-repeat 2px 4px;
margin: 0;
display: block;
list-style: none;
padding: 0 0 0 15px;
line-height: 1.4em;
border: none;
}

/* for schedule page */
.details_schedule {
margin: 1em 0;
text-align: right;
border-top: 1px solid #1c1c1c;
padding: 0.5em 0;
font-size: 0.95em;
color: #666;
}
	a.dgrey { color: #555; }
	
	a.links2, a.links2:visited, a.links2:link {
	color: #cccccc;
	text-decoration: none;
	border-bottom: 1px dashed #ff9900;
	line-height: 16px;
	}

	a.links2:hover {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px dashed #ffae00;
	}

.read-on {
background: url(images/readon_black.gif) 100% 60% no-repeat;
padding-right: 20px;
display: block;
}
	.read-on a { text-decoration: none; color: #555; }
	.read-on a:hover { color: #ff6600; }

#leftSponsor, #rightSponsor {
width: 247px;
float: left;
text-align: center;
margin: 0px 0px 10px 0px;
}
	#leftSponsor { margin-right: 10px; padding-left: 0px; float: left; }
	#leftSponsor img, #rightSponsor img { border: none; margin-left: 15px; }

ul.features, ul.features2 {
float: left;
list-style: none;
padding: 0px;
margin: 0 0 20px 0;
}

ul.features li {
display: block;
float: left;
width: 238px;
height: 140px;
margin: 0 10px 0 0;
padding: 0px;
border: none;
}

ul.features img.logo {
float: right;
margin: 2px 0 8px 8px;
border: none;
}

p.sponsorHeader {
font-weight: bold;
line-height: 12px;
color: #999;
margin: 0px 0px 2px 0px;
}

/* search form */

.searchform {
margin: 0 0 10px 0;
}

.searchform fieldset, .searchform input {
vertical-align: middle;
}

.searchform .searchinput, .contactinput, textarea {
border: 1px solid #666;
padding: 2px;
width: 164px;
background: #333;
color: #ccc;
float: left;
}
	textarea { width: 350px; }
	td span { color: #ccc; padding-left: 5px; }

.searchform .searchinput:focus {
border: 1px solid #c8d4d8;
}

.searchform .searchbutton {
background: url(images/search.gif) no-repeat top;
cursor: pointer;
margin: 0 0 0 6px;
border: none;
padding: 10px;
}

/* archive section */

.archived {
margin: 15px 0 0 0;
}

.archived .details { /* pulling mainly from same class in featured_story.css */
margin: 0em 0;
padding-top: 5px;
line-height: 0.2em;
}

#archive_box {
margin-bottom: 20px; 
padding:10px; 
background-color: #0c0c0c;
border: 1px solid #1c1c1c;
}

#archive_box h1 { color: #e8e8e8; }

.fullstory { margin: 0; padding: 0; color: #999; font-weight: bold; }


/* footer section */

#prefooter {
width: 100%;
height: 20px;
background-color: #0c0c0c;
border-top: 1px solid #1c1c1c;
}

#footer {
width: 100%;
background: #272727;
padding: 2em 0 0 0;
}

#footer .inside { 
width: 1000px; 
margin: 0 auto; 
color: #666;
text-align: center;
background:url(images/footer_black.gif) 50% 0 repeat-x;
}

	#footer-left { float: left; padding-top: 10px; }
	#footer-right { float: right; padding-top: 5px; }
	#footer a { text-decoration: underline; }
	
#footer #copyright { margin-bottom: 0px; }
#footer #page_links .pipe { color: #ccc; margin: 0 5px 0 5px; }
	
	
#footer a, #bottom-right a {
color: #999;
text-decoration: none;
}

#footer a:hover, #bottom-right a:hover {
color: #666;
text-decoration: none;
border: 0;
}

#footer a:hover {
color: #ddd;
border-bottom: 1px dotted #fff;
}

.footer-sec {
float: left;
width: 400px;
margin-right: 10px;
height: auto;
}

#footer-top a {
float: left;
display: inline;
padding: 0 0 0 13px;
background: url(images/backtotop.gif) no-repeat left 3px;
line-height: 1.3em;
}

.fan_box, .connect_action, .name_block { border: 1px solid #ffcc00; }
.fan_box .full_widget{border:solid 1px #ffcc00;background:white}