/** international thoroughbred css **/

/* by boris grudinin */
/* http://www.dunwoody.co.uk/ */
/* ---------------------------- */

/* ---------------------------- */
/*** main styles ***/

html { background: #000000; font-family: Arial, Helvetica, sans-serif; }
body{background-color:#000000;}
div.hr { width: 100%; height: 1px; background: url(/images/frontend/bg/bg-dotted-line.gif) left top repeat-x; clear: both; margin-bottom: 10px; }
div.hr hr { display: none; }

.left { float: left !important; }
.right { float: right !important; }

.large-margin-bottom { margin-bottom: 30px !important; }
.margin-bottom { margin-bottom: 12px; }
.align-centre { text-align: center; }

a {}
a, button { outline: none; }
a:hover { text-decoration: none; }

strong { font-weight: bold; }
em { font-style: italic; }

/* ---------------------------- */
/*** main divs ***/

div#wrapper { text-align: left; background: url(/images/frontend/bg/bg-main.gif) left top repeat-x #ffffff; margin-top: 7px; min-height: 600px;}
div#top { position: relative; width: 960px; margin: 0 auto; height: 167px;  }
div#main { position: relative; width: 960px; margin: 0 auto; padding: 15px 0px 20px; overflow: hidden; background-color:#ffffff; }
div#footer { text-align: left; padding: 15px 0px 35px; }
div#footer div { width: 960px; margin: 0 auto; }

/* ---------------------------- */
/*** top ***/

div#top div { height: 38px; padding-top:6px; }
div#top div p { float: left; background: url(/images/frontend/icons/icon-logged-in.gif) left center no-repeat; padding-left: 20px; margin-top: 9px; font-size: 0.9em; color: #6c6b66; }
div#top div p a { color: #b32317; }
div#top div form { float: right; background: url(/images/frontend/icons/icon-search.gif) 0px 4px no-repeat; padding-left: 20px; }
div#top div form input { float: left; background: url(/images/frontend/bg/bg-site-search.gif) left top no-repeat; width: 217px; height: 17px; padding: 3px 3px 2px; color: #97968d; font-size: 0.9em; border: none; margin-right: 6px; }
div#top div form button { float: left; width: 25px; height: 22px; background: url(/images/frontend/buttons/btn-search-go.gif) center center no-repeat; cursor: pointer; border: none; } 
div#top div form button span { display: block; text-indent: -9999px; }

div#top a.logo { float: left; display: block; width: 324px; height: 58px; background: url(/images/frontend/it-logo.gif) left top no-repeat;margin-top:3px }
div#top a.logo:hover { background-position: left bottom; }
div#top a.logo span { display: block; text-indent: -9999px; }

div#top a.top-banner { float: right; }

div#top ol { position: absolute; bottom: 0px; left: 0px; width: 960px; background: url(/images/frontend/bg/bg-nav.gif) left center no-repeat; }
div#top ol li { float: left; background: url(/images/frontend/bg/bg-nav.gif) right center no-repeat; }
div#top ol li a { display: block; font-family: "Arial Narrow", "Helvetica Narrow", sans-serif; font-size: 0.85em; color: #6c6b66; line-height: 33px; text-decoration: none; text-transform: uppercase; padding: 0px 11px; }
div#top ol li a:hover,
div#top ol li a.current,
body#news div#top ol li.news a,
body#blogs div#top ol li.blogs a { background: url(/images/frontend/bg/bg-nav-current.gif) center top no-repeat; color: #b32317; }
div#top ol li.right a,
div#top ol li.right a:hover,
div#top ol li.right a.current { background: url(/images/frontend/bg/bg-nav.gif) left center no-repeat; }
div#top ol li.right a:hover strong,
div#top ol li.right a.current strong { display: block; background: url(/images/frontend/bg/bg-nav-current.gif) center top no-repeat; }

/* ---------------------------- */
/*** main ***/

div#main div.col-left { float: left; width: 120px; margin-right: 25px; }
div#main div.col-right { float: right; width: 300px; margin-left: 25px; }
div#main div.content { float: left; }
div#main div.narrow { width: 600px; }
div#main div.wide { width: 960px; }
div#main div.restricted { background: url(/images/frontend/icons/icon-restricted.gif) left top no-repeat; padding-left: 100px; width: 715px; }

div#main div.narrow div.content-left { float: left; width: 240px; margin-right: 30px; padding-bottom: 15px; }
div#main div.narrow div.content-right { float: right; width: 240px; padding-bottom: 15px; }

div#main div.wide div.content-left { float: left; width: 227px; margin-right: 15px; padding-bottom: 15px; }
div#main div.wide div.content-middle { float: left; width: 227px; margin-right: 15px; padding-bottom: 15px; }
div#main div.wide div.content-middle2{ float: left; width: 227px; margin-right: 15px; padding-bottom: 15px;}
/* added by Deeptha D on 14th Jan to accomodate an additional column of text */
div#main div.wide div.content-right { float: right; width: 227px; padding-bottom: 15px; }

div#main div.wide div.content-left2 { float: left; width: 430px; }
div#main div.wide div.content-right2 { float: right; width: 430px; }

/* general stuff */

div#main a { color: #b32317; }
div#main span.date { display: block; font-family: "Arial Narrow", "Helvetica Narrow", sans-serif; font-weight: bold; }
div#main a.comments { background: url(/images/frontend/icons/icon-comment.gif) left center no-repeat; padding-left: 12px; color: #006595; font-family: "Arial Narrow", "Helvetica Narrow", sans-serif; font-weight: bold; }
div#main span.author { display: block; background: url(/images/frontend/icons/icon-blog-author.gif) left center no-repeat; padding-left: 15px; color: #6c6b66; }
div#main a.permalink { display: block; background: url(/images/frontend/icons/icon-permalink.gif) left center no-repeat; padding-left: 16px; color: #6c6b66; }

/* headers */

div#main h1 { font-size: 2.5em; font-weight: bold; color: #b32317; letter-spacing: -0.05em; }
div#main h1.title { font-size: 2.2em; color: #b32317; margin-bottom: 10px; }
div#main h2 { font-size: 1.8em; color: #91908c; margin-bottom: 10px; }
div#main h2 a { display: block; color: #91908c; text-decoration: none; }
div#main h2 a:hover { color: #b5b4b1; }
div#main h2 strong { color: #b32317; letter-spacing: -0.05em; }
div#main h2.post { background: url(/images/frontend/icons/icon-post.gif) left center no-repeat; padding-left: 35px; }
div#main h2.online { background: url(/images/frontend/icons/icon-online.gif) left center no-repeat; padding-left: 35px; }
div#main h3 { font-size: 1.1em; text-transform: uppercase; font-family: "Arial Narrow", "Helvetica Narrow", sans-serif; color: #231f20; margin-bottom: 14px; }
div#main h3.news { background: url(/images/frontend/icons/icon-news.gif) left center no-repeat; padding-left: 18px; }
div#main h3.blogs { background: url(/images/frontend/icons/icon-blogs.gif) left center no-repeat; padding-left: 20px; }
div#main h3.bloggers { background: url(/images/frontend/icons/icon-bloggers.gif) left center no-repeat; padding-left: 20px; }
div#main h3.archives { background: url(/images/frontend/icons/icon-archives.gif) left center no-repeat; padding-left: 20px; }
div#main h3 strong { color: #b32317; }

/* paragraphs */

div#main p { font-size: 0.95em; color: #6c6b66; line-height: 1.5em; margin-bottom: 14px; }
div#main p span.date { font-size: 1.05em; margin-bottom: 2px; }
div#main p.large { font-size: 1.1em; }
div#main p.small { font-size: 0.85em; line-height: 1.35em; }
div#main p.item-info { font-size: 1em; overflow: hidden; border-top: 1px dotted #d7d5d0; border-bottom: 1px dotted #d7d5d0; padding: 4px 0px 5px; }
div#main p.item-info span { float: left; }
div#main p.item-info span.author { float: right; }
div#main p.item-info a.permalink { float: right; }
div#main p.item-info a.comments { float: right; margin-left: 6px; }
div#main p.back a { background: url(/images/frontend/icons/icon-back-arrow.gif) left center no-repeat; padding-left: 16px; }
div#main p.paypal { background: url(/images/frontend/icons/icon-paypal.gif) left 1px no-repeat; padding-left: 52px; }

/* lists */

div#main ul.text { font-size: 0.95em; }
div#main ul.text li { list-style: disc; color: #6c6b66; line-height: 1.5em; margin: 0px 0px 5px 15px; }

/* error/success/info */

div#main div.error { padding: 13px; background: #f03c3c; margin-bottom: 12px; }
div#main div.error h2 { color: #ffffff; background: url(/images/frontend/icons/icon-error-red.gif) left center no-repeat; padding-left: 20px; margin-bottom: 8px; }
div#main div.error p { color: #ffffff; margin-bottom: 8px; }
div#main div.error ul { color: #ffffff; }
div#main div.error ul li { list-style: disc; margin: 5px 0px 0px 20px; }

div#main div.success { padding: 13px; background: #8fdb52; margin-bottom: 12px; }
div#main div.success h2 { color: #ffffff; background: url(/images/frontend/icons/icon-tick-green.gif) left center no-repeat; padding-left: 20px; margin-bottom: 8px; }
div#main div.success p { color: #ffffff; margin-bottom: 0px; }
div#main div.success ul { color: #ffffff; }
div#main div.success ul li { list-style: disc; margin: 5px 0px 0px 20px; }

div#main div.message { padding: 13px; background: #8eb7f6; margin-bottom: 12px; }
div#main div.message a { color: #ffffff; }
div#main div.message p { background: url(/images/frontend/icons/icon-question.gif) 0px 3px no-repeat; padding-left: 24px; color: #ffffff; margin-bottom: 0px; }
div#main div.message ul { color: #ffffff; }
div#main div.message ul li { list-style: disc; margin: 5px 0px 0px 20px; }

/* latest news/blogs */

div#main ol.latest-news-blogs {}
div#main div.col-right ol.latest-news-blogs,
div#main ol.bloggers,
div#main ol.archives { margin-bottom: 12px; overflow: hidden; }
div#main ol.latest-news-blogs li,
div#main ol.bloggers li { overflow: hidden; background: url(/images/frontend/bg/bg-dotted-line.gif) left bottom repeat-x; padding-bottom: 12px; margin-bottom: 8px; color: #6c6b66; }
div#main ol.latest-news-blogs li.header,
div#main ol.bloggers li.header,
div#main ol.archives li.header { overflow: hidden; background: none; border-bottom: 1px solid #91908c; padding-bottom: 8px; }
div#main ol.latest-news-blogs li.header h3,
div#main ol.bloggers li.header h3,
div#main ol.archives li.header h3 { float: left; margin-bottom: 0px; color: #6c6b66; }
div#main ol.latest-news-blogs li.header a,
div#main ol.archives li.header a { float: right; font-family: "Arial Narrow", "Helvetica Narrow", sans-serif; text-transform: lowercase; }
div#main ol.latest-news-blogs li span.left { float: left; width: 45px; margin-right: 15px; text-align: right; }
div#main ol.latest-news-blogs li span.right { float: right; overflow: hidden; }
div#main div.content ol.latest-news-blogs li span.right { width: 180px; }
div#main div.content ol.homepage li span.right { width: 450px; }
div#main div.col-right ol.latest-news-blogs li span.right { width: 220px; }
div#main ol.latest-news-blogs li a.title { display: block; font-size: 0.95em; line-height: 1.4em; }
div#main ol.latest-news-blogs li a.author { float: right; font-size: 0.95em; margin-top: 9px; }

div#main ol.bloggers li span.desc { display: block; line-height: 1.4em; font-size: 0.85em; color: #6c6b66; }
div#main ol.bloggers li a.author { color: #b32317; margin-bottom: 4px; }

div#main ol.archives li { float: left; width: 93px; margin-bottom: 6px; }
div#main ol.archives li.header { float: none; width: 100%; }
div#main ol.archives li a { font-family: "Arial Narrow", "Helvetica Narrow", sans-serif; text-transform: uppercase; }

div#main ol.comments { margin-bottom: 24px; background: url(/images/frontend/bg/bg-dotted-line.gif) left top repeat-x; }
div#main ol.comments li { overflow: hidden; background: url(/images/frontend/bg/bg-dotted-line.gif) left bottom repeat-x; padding: 12px 0px 2px; color: #6c6b66; }
div#main ol.comments li.highlight { background-color: #eeede9; }
div#main ol.comments li.highlight span.author { color: #006595; background: url(/images/frontend/icons/icon-blog-author-highlight.gif) 0px 3px no-repeat; padding-left: 15px; }
div#main ol.comments li span.left { position: relative; float: left; width: 140px; padding-left: 10px; text-align: right; }
div#main ol.comments li span.left a.comment-id { position: absolute; left: 10px; top: -5px; font-size: 2.2em; font-weight: bold; text-decoration: none; color: #b4b3ad; }
div#main ol.comments li span.left a.comment-id:hover { color: #d7d6d0; }
div#main ol.comments li div.right { float: right; width: 345px; } 

div#main form.post-comment { }
div#main form.post-comment ul li { overflow: hidden; margin-bottom: 5px; }
div#main form.post-comment ul li label { float: left; text-align: right; width: 150px; color: #6c6b66; padding-top: 3px; }
div#main form.post-comment ul li input.text { float: right; width: 339px; padding: 3px; color: #6c6b66; }
div#main form.post-comment ul li textarea { float: right; width: 339px; height: 54px; padding: 3px; color: #6c6b66; }
div#main form.post-comment ul li button { float: right; }

/* homepage ctas */

div#main a.current-issue { display: block; width: 240px; height: 180px; background: url(/images/frontend/cta/cta-current-issue-home.jpg) left top no-repeat; }
div#main a.whats-coming { display: block; width: 240px; height: 180px; background: url(/images/frontend/cta/cta-whats-coming-home.jpg) left top no-repeat; }
div#main a.subscribe { display: block; clear: both; width: 510px; height: 52px; background: url(/images/frontend/cta/cta-subscribe-home.jpg) left top no-repeat; }
div#main a.current-issue:hover,
div#main a.whats-coming:hover,
div#main a.subscribe:hover { background-position: left bottom; }
div#main a.current-issue span,
div#main a.whats-coming span,
div#main a.subscribe span { display: block; text-indent: -9999px; }

/* ordered lists */

div#main ol.current-issue {}
div#main ol.current-issue li { overflow: hidden; background: url(/images/frontend/bg/bg-dotted-line.gif) left bottom repeat-x; padding-top: 10px; }
div#main ol.current-issue li span.page-no { float: left; color: #b32317; width: 20px; font-size: 1.5em; }
div#main ol.current-issue li div.right { width: 215px; padding-top: 3px; }
div#main ol.no-bottom-border li { background: none; padding-top: 0px; }

/* search forms */

div#main form.search-main { overflow: hidden; margin: 7px 0px 12px; }
div#main form.search-main label { float: left; width: 60px; text-transform: uppercase; font-size: 0.85em; color: #6c6b66; padding-top: 6px; }
div#main form.search-main input { float: left; width: 370px; margin-right: 5px; color: #6c6b66; padding: 3px; }
div#main form.search-main button { float: right; color: #4a4946; text-transform: uppercase; font-size: 0.85em; padding: 2px; }

div#main ol.search-results { margin-bottom: 15px; background: url(/images/frontend/bg/bg-dotted-line.gif) left top repeat-x; }
div#main ol.search-results li { overflow: hidden; background: url(/images/frontend/bg/bg-dotted-line.gif) left bottom repeat-x; padding: 10px 0px 15px; }
div#main ol.search-results li span.result-no { float: left; color: #b32317; width: 20px; font-size: 1.5em; }
div#main ol.search-results li div.right { width: 470px; padding-top: 3px; }
div#main ol.search-results li div.right a.page-name { text-transform: uppercase; }
div#main ol.search-results li div.right p { margin: 2px 0px; }
div#main ol.search-results li div.right a.page-url { font-size: 0.85em; }

/* gallery */

div#main ul.gallery { overflow: hidden; }
div#main ul.gallery li { float: left; margin: 0px 0px 7px 7px; }
div#main ul.gallery li.first { margin-left: 0px; }
div#main ul.gallery li a { display: block; border: 5px solid #b32317; }
div#main ul.gallery li a:hover { border-color: #6c6b66; }

/* login */

div#main form.login-box { width: 420px; margin-left: 190px; }
div#main form.login-box ul { margin: 7px 0px 12px; }
div#main form.login-box ul li { overflow: hidden; margin-bottom: 8px; }
div#main form.login-box ul li label { float: left; width: 100px; text-transform: uppercase; font-size: 0.85em; color: #6c6b66; padding-top: 6px; }
div#main form.login-box ul li input { float: right; width: 270px; color: #6c6b66; padding: 3px; }
div#main form.login-box ul li a { float: left; text-transform: uppercase; font-size: 0.85em; margin-top: 4px; }
div#main form.login-box ul li button { float: right; color: #4a4946; text-transform: uppercase; font-size: 0.85em; padding: 2px; }

/* pagination */

div.pages { overflow: hidden; }
div.pages a { font-family: "Arial Narrow", "Helvetica Narrow", sans-serif; text-transform: uppercase; font-size: 0.85em; }
div.pages p a { display: block; padding: 5px 0px 3px; }
div.pages ul { overflow: hidden; }
div.pages ul li { float: left; margin-left: 5px; }
div.pages ul li a.page { display: block; background: #231f20; color: #d3d2d2 !important; width: 20px; padding: 4px 0px; text-align: center; }
div.pages ul li a.current,
div.pages ul li a.page:hover { background: #b32317; color: #ffffff !important; text-decoration: none; }
div.pages ul li a.current:hover { background: #d3d2d2; color: #231f20 !important; }
div.pages ul li a.next { display: block; padding: 5px 0px 3px;}

/* forms - narrow */

div#main div.narrow form { }
div#main div.narrow form ul { margin-bottom: 15px; }
div#main div.narrow form ul li { overflow: hidden; margin-bottom: 8px; }
div#main div.narrow form ul li label { float: left; width: 150px; text-transform: uppercase; font-size: 0.85em; color: #6c6b66; padding-top: 6px; }
div#main div.narrow form ul li input.text { float: right; width: 290px; color: #6c6b66; padding: 3px; }
div#main div.narrow form ul li input.small { float: left; width: 100px; margin-left: 60px; }
div#main div.narrow form ul li input.check { float: left; margin: 4px 0px 0px 60px; }
div#main div.narrow form ul li textarea { float: right; width: 290px; height: 80px; color: #6c6b66; padding: 3px; }
div#main div.narrow form ul li select { float: right; width: 300px; color: #6c6b66; padding: 3px; }
div#main div.narrow form ul li button { float: right; color: #4a4946; text-transform: uppercase; font-size: 0.85em; padding: 2px; }

/* magazines */

div#main p.years a { font-weight: bold; text-decoration: underline; cursor: pointer; }
div#main p.years a:hover { text-decoration: none; }
div#main div.mags { position: relative; width: 815px; height: 260px; margin-bottom: 10px; }
div#main div.mags ul { position: absolute; top: 0; left: 0; width: 9999px; }
div#main div.mags ul li { position: relative; float: left; width: 185px; height: 260px; padding-right: 25px; }
div#main div.mags ul li.empty { background: url(/images/frontend/mags/temp.jpg) left top no-repeat; }
div#main div.mags ul li img { position: absolute; top: 0; left: 0; z-index: 1; }
div#main div.mags ul li p { position: absolute; left: 0; bottom: 0; z-index: 2; background: #231f20; overflow: hidden; width: 165px; padding: 10px; margin-bottom: 0px; }
div#main div.mags ul li p span { color: #ffffff; font-weight: bold; float: left; font-size: 0.95em; }
div#main div.mags ul li p a { color: #ffffff; float: right; font-family: "Arial Narrow", "Helvetica Narrow", sans-serif; text-transform: uppercase; font-size: 0.9em; }
div#main a.arrow-prev,
div#main a.arrow-next { cursor: pointer; height: 35px; font-family: "Arial Narrow", "Helvetica Narrow"; font-size: 0.85em; color: #6c6b66; text-transform: uppercase; }
div#main a.arrow-prev { float: left; background: url(/images/frontend/buttons/btn-left-arrow-a.gif) left top no-repeat; padding-left: 22px; }
div#main a.arrow-next { float: right; background: url(/images/frontend/buttons/btn-right-arrow-a.gif) right top no-repeat; padding-right: 22px; }
div#main a.arrow-prev span { display: block; line-height: 35px; background: url(/images/frontend/buttons/btn-left-arrow-span.gif) right top no-repeat; padding-right: 10px; }
div#main a.arrow-next span { display: block; line-height: 35px; background: url(/images/frontend/buttons/btn-right-arrow-span.gif) left top no-repeat; padding-left: 10px; }
div#main a.arrow-prev:hover,
div#main a.arrow-next:hover { color: #b32317; }

/* ---------------------------- */
/*** col-right ***/

div#main div.col-right img { margin-bottom: 12px; }

div#main div.col-right a.advert { margin-bottom: 12px; }
div#main div.col-right a.advert img { margin-bottom: 0px; }

/* user nav */

div#main div.col-right ul.user-nav { margin-top: 26px; }
div#main div.col-right ul.user-nav li { background: url(/images/frontend/bg/bg-dotted-line.gif) left bottom repeat-x; padding-bottom: 7px; margin-bottom: 7px; }
div#main div.col-right ul.user-nav li.header { background: none; border-bottom: 1px solid #91908c; padding-bottom: 4px; }
div#main div.col-right ul.user-nav li.header h3 { background: url(/images/frontend/icons/icon-logged-in.gif) left center no-repeat; color: #6c6b66; margin-bottom: 0px; padding-left: 19px; }
div#main div.col-right ul.user-nav li a { font-family: "Arial Narrow", "Helvetica Narrow", sans-serif; background: url(/images/frontend/icons/icon-user-nav-arrow.gif) 0px 3px no-repeat; padding-left: 17px; font-size: 0.85em; text-transform: uppercase; }
div#main div.col-right ul.user-nav li a.active,
div#main div.col-right ul.user-nav li a:hover { font-weight: bold; text-decoration: none; }
div#main div.col-right ul.user-nav li a.active:hover { color: #91908c; }

/* ---------------------------- */
/*** footer ***/

div#footer ol { margin-bottom: 13px; }
div#footer ol li { display: inline; padding-right: 5px; }
div#footer ol li.right { float: none !important; }
div#footer ol li a { color: #d3d2d2; font-size: 0.85em; text-transform: lowercase; }
div#footer ol li.right a strong { font-weight: normal; }

div#footer p { font-size: 0.85em; color: #d3d2d2; }
div#footer p a { color: #d3d2d2; }