/*
Theme Name: Horse Racing
Description: Horse Racing Theme default styles for horse racing network websites.
Version: 1.0
Author: Helen Johnson
Author URI: http://www.pandagaming.com.au
*/

@import "css/reset.css";
@import "css/typography.css";

body {font: 11px Helvetica, Arial, Verdana, sans-serif;margin: 0;padding: 0;color: #333;background: #f1f1f1 url(images/bg.jpg) no-repeat center 70px;height: 100%}
/*.outer {background: transparent url(images/bg-pattern.png) repeat 0 0;width: 100%;height: 100%;display: block;position:absolute;top:0;left:0;}*/
.outer-header {background: transparent url(images/header.png) repeat-x 0 0;width: 100%;height: 76px;display: block;position:absolute;top:0;left:0;}

/********** Global **********/
.clear {clear: both;}

#wrapper {width: 980px;margin: 0 auto;padding: 0 0 10px 0;position: relative;}

.alignleft {float: left;}
.alignright {float: right;}
img, a img, a.image img {border: none;margin: 0;padding: 0;}
a.image:link, a.image:visited, a.image:hover {background: none;padding: 0;}
img.aligncenter, div.aligncenter {display: block;margin: 0 auto;padding: 0;}
img.alignright, div.alignright {margin: 0 0 10px 10px;padding: 0;display: inline;}
img.alignleft, div.alignleft {margin: 0 10px 10px 0;padding: 0;display: inline;}

a {color: #376abd;}
a:hover {color: #4d90ff}
hr {padding: 0;margin: 0 0 10px 0;height: 1px;background: #dadada none repeat-x left top;border: none;}

/********** Header **********/
#header {height: 70px;}
#header h1 {font-family: 'Lato', arial, serif;font-size: 24px;text-transform: capitalize;line-height: 1.3em;font-weight: 700;margin: 0 0 0 20px;padding: 0;float: left;}
#header h1 a {margin: 0;padding: 17px 0 0 0;text-decoration: none;color: #fff;height: 53px;display: block;}

/* Menu */
#header #menu {margin: 23px 20px 0 0;padding: 0;font-family: 'Lato', arial, serif;font-size: 11px;text-transform: uppercase;font-weight: bold;float: right;}
#header #menu ul {margin: 0;padding: 0;list-style: none;height: 25px;}
#header #menu ul li {margin: 0 2px 0 0;padding: 0;list-style: none;float: left;}
#header #menu ul li a {text-decoration: none;display: block;color: #a2bbe4;padding: 5px;}
#header #menu ul li.current_page_item a, #header #menu ul li.current-page-ancestor a, #header #menu ul li.current_page_parent a {background-color: none;color: #dadada;}
#header #menu ul li a:hover {background-color: #4d90ff;color: #fff;}

/********** Main **********/
#main {width: 980px;margin: 0 0 0 0;padding: 0 0 0 0;background: transparent url(images/main-bg.gif) repeat-y 0 0;border-bottom: 1px solid #ccc;}
#main .main-inner {width: 980px;background: transparent url(images/header-shadow.png) repeat-x 0 0;}

.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }

h2 {font-family: 'Lato', arial, serif;font-size: 20px;text-transform: capitalize;color: #1b2b4f;line-height: 1.3em;font-weight: 700;margin: 0 0 10px 0;/*text-shadow: 0 2px 0 #FCF9EE, 0 4px 0 rgba(0, 0, 0, .10);*/}
h3 {font-family: 'Lato', arial, serif;font-size: 18px;text-transform: capitalize;color: #1f3b78;margin: 10px 0 10px 0;line-height: 1.3em;font-weight: 300;}
h4 {font-family: 'Lato', arial, serif;font-size: 16px;text-transform: capitalize;color: #000;margin: 0 0 10px 0;line-height: 1.3em;font-weight: 300;}
.no-all-caps {text-transform: none;}

#main #content {/*width: 640px;float: left;margin-top: 20px;*/}
#main #content {width: 640px;float: left;margin-top: 20px;}
#home #main #content {width: auto;float: none;margin-top: 0;}
#main #sidebar {float: left;}
#home #main #sidebar  {float: left;margin-top: 0;}
#main p {padding: 0 0 15px 0;margin: 0;}

#main .area-300, #footer .area-300 {width: 300px;float: left;margin: 20px 0 0 20px;}
#main .entry-content .area-300 {float: right;margin: 0 0 10px 10px;}
#main .post-index .area-620 {margin: 0;}
#main .post-index .area-620 .box {margin-bottom: 20px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#main .post-index .area-300 {margin: 0 20px 0 0;}
#main .post-index .area-300.last {margin-right: 0;}
#main .post-index .read-more {margin-bottom: 10px;}
#main .area-300 .box {margin-bottom: 20px;border: 1px solid #e7e7e7;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#main .area-300 .news-logo {width: 280px;height: 180px;position: relative;margin-bottom: 10px;}
#main .area-300 .news-logo img {width: 280px;height: 180px;z-index: 5;position: relative;}
#main .area-300 .news-logo h3 {width: 280px;height: 30px;margin: -40px 0 0 0;padding: 10px 0 0 0;background: transparent url(images/black-60-opacity.png) repeat 0 0;z-index: 10;position: relative;text-align: center;color: #fff;font-weight: 400;text-shadow: 0 2px 0 #000, 0 0 0 rgba(0, 0, 0, .50);}

#main .area-620 {width: 620px;float: left;margin: 20px 0 0 20px;}
#main .area-620 .box {width: 600px;margin-bottom: 0;border: 1px solid #e7e7e7;}
#main .entry .area-620 {margin: 0;}
#main .entry .area-first {margin: 0;}
#main .box {padding: 10px;}
#main .box h3 {margin-top: 0;}
#main .entry-content .area-300 .box {width: 280px;}

#main .box ul, #main #page .entry .box ul {list-style: none;padding: 0;margin: 0;}
#main .content-box ul {list-style: none;padding: 0;margin: 0 0 15px 0;}
#main .box ul li, #main #page .entry .box ul li {list-style: none;padding: 0 0 5px 6px;margin: 0;background: transparent url(images/sprite-main.png) no-repeat -617px -144px;line-height: 1.3em;}
#main .box ul li:last-child, #main #page .entry .box ul li:last-child {padding-bottom: 0;}

/********** Posts & Pages **********/

#main .post-box h3 {font-size: 16px;font-weight: 700;}

#main .feature-news ul {padding: 0;margin: 0;}
.read-more {padding: 0;margin: 0 0 20px 0;}
.more-news {padding: 0;margin: 20px 0 0 0;}
.read-more a, .more-news a {padding: 3px 5px 3px 5px;margin: 0;background-color: #44608d;color: #fff;text-transform: uppercase;text-decoration: none;font-family: 'Lato', arial, serif;letter-spacing: .1em;font-size: 10px;}
.read-more a:hover, .more-news a:hover {background-color: #4d90ff;}
#main .feature-news h4 {margin: 20px 0 10px 0;padding: 10px 0 0 0;border-top: 1px dashed #dadada;font-size: 16px;}

#main #page .special {margin: 0 0 20px 0;}
#main #page .post-meta .special {margin: 10px 0 0 0;}

.feature-race-promo {width: 620px;height: 200px;padding: 0;margin: 0;position: relative;background: #fff url("images/luxbet-400-bonus_620.jpg") no-repeat 0 0;}
.feature-race-promo a {width: 620px;height: 200px;display: block;position: absolute;top: 0;left: 0;}

#main .post .post-meta {border-top: 1px dashed #dadada;margin: 10px 0 0 0;padding: 10px 0 0 0;}
#main .post .post-meta span {font-weight: bold;}
#main .post .post-meta .wp-caption-copy {margin: 0 0 5px 0;}
#main .post .post-meta .post-cat {margin: 10px 0 0 0;}
#main .post .post-meta .post-tags {margin: 10px 0 0 0;}

#main .entry-heading h2 {float: left;}
#main .entry-heading .plusone {float: left;margin: 2px 0 0 10px;}
#main .author {margin: 0 0 10px 0;padding: 0;color: #666;font-style: italic;}
#main .author span {font-weight: bold;}

#main #page .entry img {padding: 5px;margin: 0 0 10px 0;background-color: #1c1e22;}
#main #page .entry img.alignnone {padding: 5px;margin: 0 0 10px 0;}
#main #page .entry img.alignleft{padding: 5px;margin: 0;}
#main #page .alignnone img {margin: 0 0 10px 0;}
#main #page .attachment img {max-width: 600px;}
#main #page .entry .news-post-img {width: 310px;}
#main #page .entry .news-post-img .wp-caption-text, #main #page .entry .news-post-img .wp-caption-copy {width: 300px;}
#main #page .entry .wp-caption {padding: 5px;margin: 0 0 10px 10px;background-color: #1c1e22;}
#main #page .entry .wp-caption.alignleft {margin: 0 0 10px 0;}
#main #page .entry .wp-caption img {padding: 0;margin: 0;}
#main #page .entry .wp-caption .wp-caption-text {padding: 0;margin: 5px 0 0 0;color: #fff;font-style: italic;text-align: center;}
#main #page .box img {padding: 1px;margin: 0;background-color: #1c1e22;}

#main #page .entry ul {list-style: none;padding: 0;margin: 0;}
#main #page .entry ul li {list-style: none;padding: 0 0 3px 6px;margin: 0 0 0 10px;background: transparent url(images/sprite-main.png) no-repeat -617px -144px;line-height: 1.2em;}
#main #page .entry ul li:last-child {padding-bottom: 10px;}

#main #page .area-310 {float: right;}
#main #page {margin: 0 0 20px 20px;}
#main #page h2 {margin: 0;padding: 0 0 10px 0;}
#main #page .post .entry-heading h2 {padding-bottom: 0;margin-bottom: 5px;}

#main #page .page-news .recent {border-top: 1px solid #dadada;margin: 10px 0 0 0;padding: 10px 0 0 0;}
#main #page .auto-text a {font-size: 14px;font-weight: bold;color: #c53e38;}
#main #page .auto-text a:hover {color: #7e0500;}

#main .area-620 .post-box .news-img {width: 150px;height: 100px;float: right;padding: 0;margin: 0 10px 0 10px;}
#main .area-620 .post-box .news-img a {width: 150px;height: 100px;display: block;}
#main .area-620 .post-box .news-img img {width: 150px;height: 100px;}

p.content-bet {font-size: 16px;font-weight: 700;font-family: 'Lato', arial, serif;}
p.content-bet span.site-title {text-transform: capitalize;}
p.content-bet span {font-weight: 700;}

/* Spcial Offers Buttons */
ul.special-offers {padding: 0;margin: 0 0 20px 0;}
ul.special-offers li {padding: 0;margin: 0 0 10px 0;}
ul.special-offers li a {display: block;width: 300px;height: 40px;background: transparent url(images/special-buttons.png) no-repeat 0 0;text-decoration: none;color: #e7e7e7;font-family: 'Lato', arial, serif;text-transform: capitalize;font-size: 13px;}
ul.special-offers li a:hover {background-position: 0 -50px;color: #fff;}
ul.special-offers li a span {position: relative;top: 11px;left: 78px;}

/* Page Navigation */
#main .post-index .post-navigation {padding: 10px;margin: 0 0 20px 0;width: 600px;text-align: center;border: 1px solid #e7e7e7;-moz-border-radius: 5px;-webkit-border-radius: 5px;background-color: #f2f2f2;}
#main .post-index .post-navigation .alignleft, #main .post-index .post-navigation .alignright {padding: 0;margin: 0;}

/* Tables */
#main table {width: 100%;border-top: 1px solid #dadada;border-left: 1px solid #dadada;margin: 0 0 10px 0;padding: 0;}
#main table td, #main table th {border-bottom: 1px solid #dadada;border-right: 1px solid #dadada;margin: 0;padding: 5px;background-color: #fff;}
#main table th {background-color: #292c32;font-weight: bold;color: #fff;text-transform: uppercase;}
#main table tr.alt td {background-color: #e5e5e5;}
#main table tr.highlight td, #main table tr.feature-race td {background-color: #c8d1da;font-weight: bold;}
#main table tr.scratched td {background-color: #cecece;color: #666;text-decoration: line-through;}
#main table .year {text-align: center;}
#main table .f1 {font-weight: bold;}
#main table .finish {padding: 1px 4px 1px 4px;font-weight: normal;}
#main table .f1 .finish {background: #cc9900;color: #fff;}
#main table .f2 .finish  {background: #999999;color: #fff;}
#main table .f3 .finish  {background: #993300;color: #fff;}
#main table .wintime .clock {padding: 0;margin-right: 3px;background: transparent url(images/sprite-sub.png) no-repeat -604px -92px;width: 13px;height: 13px;display: block;float: left;}

/* Blockquote */
#main #page blockquote {float: right;width: 310px;background: #5e636f url(images/blockquote.png) no-repeat left top;color: #fff;margin: 0 0 10px 10px;font-weight: bold;font-style: italic;font-size: 12px;line-height: 1.4em;}
#main #page blockquote p {padding: 0 10px 10px 20px;margin: 10px 0 0 0;background: #5e636f url(images/blockquote.png) no-repeat left bottom;}
#main #page blockquote a {color: #cadeff;}
#main #page blockquote a:hover {color: #a5c7ff;}

/* Post Copyright */
.post-copyright {color: #999;font-style: italic;font-size: 9px;}

/********** Modules **********/

/* Field Promo */
#field-promo {width: 600px;border: 1px solid #ccc;padding: 10px;font-size: 11px;margin: 0 0 10px 0;}
#field-promo .promo-text {width: 120px;float: left;}
#field-promo .fields {width: 470px;float: right;margin: 0;position: relative;}
#field-promo ul.tabs {padding: 0;margin: 0;list-style: none;}
#field-promo ul.tabs li {padding: 0;margin: 0;list-style: none;float: left;}
#field-promo ul.tabs li a {padding: 5px;margin: 0 5px 0 0;background: #000 url() no-repeat;display: block;color: #fff;border-left: 1px solid #ccc;border-right: 1px solid #ccc;z-index: 999;position: relative;text-align: center;text-decoration: none;}
#field-promo ul.tabs li a span {font-size: 14px;font-weight: bold;}
#field-promo ul.tabs li a.active {background: #fff url() no-repeat;color: #000;border-top: 1px solid #ccc;}
#field-promo .tab-content {background-color: #fff;border: 1px solid #ccc;margin-top: -1px;z-index: 700;position: relative;padding: 10px;}
#content_2, #content_3, #fieldcontent_2, #fieldcontent_3 { display:none; }

/* Calendar */
#sidebar .calendar-module p.cal-desc {padding: 0;margin: 5px 0 -5px 0;}
.calendar-module .calendar {margin-top: 10px;}
.calendar-module .calendarbox {padding: 5px 10px 5px 10px;margin: 0 -10px 0 -10px;clear: both;border-top: 1px solid #dadada;}
.calendar-module h4.calendarentrytitle {font-size: 12px;font-family: arial, helvetica, sans-serif;padding: 0;margin: 0;float: left;}
.calendar-module .calendarentrydate {font-weight: normal;float: right;}
.calendar-module .calendarentrygroup {clear: left;float: left;}
.calendar-module .calendarentryloc, .calendar-module .calendarentrydistance, .calendar-module .calendarentryprizemoney {float: left; margin-left: 5px;}
.calendar-module .calendarentrybet a {float: right;margin: 0;padding: 0;background: url(images/sprite-main.png) no-repeat -506px -147px;width: 28px;height: 15px;display: block;}
.calendar-module .calendarentrybet a span {display: none;}
.calendar-module .calendarbox-group-1 .calendarentrygroup {font-weight: bold;color: #4a7b4a;}
.calendar-module .calendarbox-group-2 .calendarentrygroup {font-weight: bold;color: #8d42d4;}
.calendar-module .calendarbox-group-3 .calendarentrygroup {font-weight: bold;color: #c47800;}

/* Odds & Todays Racing & Top Bookmakers */
.oddsau-races-feed {margin-bottom: 20px;border: none;}

.oddsau-races-feed .header, .punter-heading, .oddsau-races-feed .header.tomorrow {width: 298px;height: 34px;border: 1px solid #000;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;background: #333;background-image: none;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#161616'); /* for IE */background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#161616)); /* for webkit browsers */background: -moz-linear-gradient(top,  #444444,  #161616); /* for firefox 3.6+ */}

.oddsau-races-feed .header h4, .punter-heading h3 {font-family: 'Lato', arial, serif;line-height: 35px;font-size: 15px;color: #fff;text-shadow: 1px 1px 0px rgba(0,0,0,0.35);margin: 0;text-indent: 10px;letter-spacing: 0.1px;font-weight: 700;}
.oddsau-races-feed .header h4 span {display: inline;visibility: visible;}
.oddsau-races-feed #oca_next_races {border: 1px solid #ccc;width: 100%;}
.oddsau-races-feed #oca_next_races .row {background: transparent url(http://s3.amazonaws.com/racescomau/topbooks/punter-topbooks-sprite.gif) no-repeat 0 -286px;}

.punter-topbooks {padding: 0;margin: 0 0 20px 0;}
.punter-bookmaker-desc a {font-weight: bold;text-decoration: none;color: #434343;margin: 0;padding: 0;}
.punter-bookmaker-desc p {margin: 0;padding: 0;color: #6a6a6a;font-size: 9px;}

#oddsau-odds-feed {margin-bottom: 20px;border: 1px solid #ccc;}

/* Bookmakers Slide */
.slide-promo {width: 620px;height: 200px;background: url(images/top-bookmakers-slide.gif) no-repeat 0 0;padding: 0;margin: 0;}
.slide-promo .slide {float: left;}
.slide-promo .slide a {width: 124px;height: 146px;margin: 27px 0 0 0;padding: 0;display: block;}
.slide-promo .feature-slide a {height: 180px;margin: 10px 0 0 0;}
.slide-promo .sportingbet-slide {float: right;}

/* Top Bookmakers */
.punter-box .punter-join .punter-freebet {font-size: 12px;}

/* Odds Module Content Table */
#content .racing-odds-info {width: 300px;float: right;margin: 0 0 10px 10px;}
#home #content .racing-odds-info {width: 275px;float: none;margin: 0 0 10px 0;}
#content .racing-odds-full {float: none; margin: 0 0 10px 0;}
#content .racing-odds-info table {margin: 0;padding: 0;}
#content .racing-odds-info .info {padding: 5px;margin: 0;background-color: #bbb;font-size: 10px;}

/* Form Guide Frame */
.form-guide-frame {width:978px;margin-left:-19px;margin-bottom:20px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}

/* Results / Field */
.results {width: 620px;margin: 0 0 20px 0;}
.results .formhdr {color: #fff;width: 620px;min-height: 50px;float: left;background: #292c32;margin: 10px 0 0 0;-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;}
.results .formhdr .racename {font-size: 16px;padding-left: 10px;float: left;padding-top: 10px;padding-bottom: 5px;width: 550px;font-family: 'Late', sans-serif;}
.results .formhdr .racetime, .results .formhdr .formracenumber {display: none;}
.results .formhdr .racedetails {color: #ccc;padding-left: 10px;padding-bottom: 10px;width: 600px;font-family: 'open sans', sans-serif;font-size: 10px;clear: left;}
.results .hdr_blue {background: #44608d;color: #fff;text-transform: uppercase;font-family: 'open sans', sans-serif;border-top: 1px solid #fff;border-bottom: 1px solid #e5e5e5;height: 40px;clear: both;font-size: 10px;}
.results .formcontents {border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;clear: both;background-color: red;}
.results .hdr_blue div, .results .formrow div {padding-top: 10px;font-family: 'open sans', sans-serif;}
.results .hdr_blue .hdr_result, .results .formrow .td_result {width: 45px;text-align: center;float: left;padding-left: 5px;}
.results .formrow .td_result {font-weight: bold;font-size: 14px;}
.results .hdr_blue .hdr_number, .results .formrow .td_number {width: 30px;text-align: center;float: left;}
.results .hdr_blue .hdr_name, .results .formrow .td_name {width: 120px;text-transform: uppercase;float: left;}
.results .formrow .td_name span {color: #a10000;}
.results .hdr_blue .hdr_country, .results .formrow .td_country {display: none;}
.results .hdr_blue .hdr_breeding, .results .formrow .td_breeding {display: none;}
.results .hdr_blue .hdr_colour, .results .formrow .td_colour {width: 70px;float: left;}
.results .hdr_blue .hdr_trainer, .results .formrow .td_trainer {width: 65px;float: left;padding-left: 5px;}
.results .hdr_blue .hdr_jockey, .results .formrow .td_jockey{width: 65px;float: left;padding-left: 5px;}
.results .hdr_blue .hdr_wt, .results .formrow .td_wt{width: 30px;float: left;text-align: center;}
.results .hdr_blue .hdr_odds, .results .formrow .td_odds {width: 35px;float: left;text-align: center;}
.results .hdr_blue .hdr_inrun, .results .formrow .td_inrun {width: 32px;float: left;text-align: center;}
.results .hdr_blue .hdr_margin, .results .formrow .td_margin {width: 32px;float: left;text-align: center;}
.results .formrow {padding-top: 5px;padding-bottom: 5px;background: #fff;border-top: 1px solid #e5e5e5;font-size: 10px;clear: both;}
.results .formrow:hover {background: #f2f8ff;}
.results .scratched {background-color: #f3f3f3;}
.results .winning_time {margin: 20px 0 0 0;}*/

/********** Social Media **********/
.social {margin: 0;}
#main .social .tweet {float: left;margin-right: 10px;}
#main .social .facebook {float: left;margin-right: 10px;width: 49px;}

/********** Ads **********/
.banner-300 {width: 300px;padding: 0;margin: 0 0 20px 0;}
#main .area-300 .banner-300 a img {margin: 0;padding: 0;width: 300px;height: 250px;}
.banner-468 {width: 468px;height: 60px;margin: 0 auto;padding: 0 0 10px 0;}
.banner-promo a {background: transparent url(../global/images/banner-300-promo.gif) no-repeat 0 0;margin: 0;padding: 0;width: 300px;height: 95px;display: block;}
.small-punter, .high-roller-punter {width: 300px;height: 200px;}
.small-punter a {width: 300px;height: 200px;background: transparent url(images/luxbet-small-punter-300x200.jpg) no-repeat 0 0;display: block;}
.high-roller-punter a {width: 300px;height: 200px;background: transparent url(images/luxbet-high-roller-300x200.jpg) no-repeat 0 0;display: block;}

/********** Footer **********/
#footer {margin: 0 0 0 0;padding: 0;color: #333;width: 980px;}
#footer  p {padding: 10px 0 10px 0;margin: 0;text-align: center;}
#footer .disclaimer a {width: 720px;height: 30px;background: transparent url(images/disclaimer.png) no-repeat;display: block;padding: 0;margin: 0 auto;}