/*
--------------------------------------------------------------
Windswept Farm - website base styles
-------------------------------------------------------------- */

@import 'blueprint/screen.css';

/* Page Structure
-------------------------------------------------------------- */
body                    { background-color: #7E7C5C; color: #6F6F6F; font-family: "Segoe UI", arial, verdana, tahoma, sans-serif; font-size: 0.8em; }
#header                 { position: relative; }
#logo                   { width: 525px; height: 144px; background: url(../img/sprites_common.gif) 0 0 no-repeat; }
#logo a                 { display: block; width: 525px; height: 144px; }
#brands                 { position: absolute; width: 184px; height: 60px; top: 0; right: 0; background: url(../img/sprites_common.gif) -530px 0 no-repeat; }
#banner                 { clear: both; height: 320px; border-bottom: 2px solid #C6C5A8; }
#content-container      { clear: both; background: #FFFFFF; margin-top: 10px; }
#content-container.home { margin-top: 0; }
#content-top            { background: url(../img/sprites_content.gif) 0 0 no-repeat; }
#content-top.home       { background-image: none; padding-top: 0; }
#content                { position: relative; padding-top: 30px; padding-bottom: 20px; }
#content-bottom         { overflow: hidden; background: url(../img/sprites_content.gif) -950px bottom no-repeat; padding-bottom: 10px; }
#sidebar-r              { background: #EFEFE3 url(../img/sidebar_r_bg.gif) top left repeat-x; min-height: 700px; }
#sidebar-r .content     { padding: 30px; }
#footer                 { margin-top: 20px; }


/* Navigation
-------------------------------------------------------------- */
#site-nav    { clear: both; margin: 0; padding: 0; list-style: none; }
#site-nav li { float: left; margin: 0; padding: 0; }
#site-nav a  { display: block; height: 54px; text-decoration: none; text-indent: -900em; }

#site-nav .facilities a             { width: 155px; background: url(../img/sprites_common.gif) 0 -150px no-repeat; }
#site-nav .facilities a:hover       { background-position: 0 -204px; }
#site-nav .for-sale a               { width: 165px; background: url(../img/sprites_common.gif) -155px -150px no-repeat; }
#site-nav .for-sale a:hover         { background-position: -155px -204px; }
#site-nav .foals a                  { width: 126px; background: url(../img/sprites_common.gif) -320px -150px no-repeat; }
#site-nav .foals a:hover            { background-position: -320px -204px; }
#site-nav .stallions a              { width: 144px; background: url(../img/sprites_common.gif) -446px -150px no-repeat; }
#site-nav .stallions a:hover        { background-position: -446px -204px; }
#site-nav .sold-horses a            { width: 136px; background: url(../img/sprites_common.gif) -590px -150px no-repeat; }
#site-nav .sold-horses a:hover      { background-position: -590px -204px; }
#site-nav .news a                   { width: 106px; background: url(../img/sprites_common.gif) -726px -150px no-repeat; }
#site-nav .news a:hover             { background-position: -726px -204px; }
#site-nav .contact a                { width: 118px; background: url(../img/sprites_common.gif) -832px -150px no-repeat; }
#site-nav .contact a:hover          { background-position: -832px -204px; }

#header-nav                        { margin: 0; padding: 0; list-style: none; font-size: 1em; }
#header-nav li                     { float: left; margin: 0 10px 0 0; padding: 0; }
#header-nav li.last                { margin: 0; }
#header-nav a                      { display: block; text-decoration: none; color: #3C3B1F; padding: 0 10px; }
#header-nav a.selected-small       { background: url(../img/sprites_common.gif) -530px -100px no-repeat; color: #FFFFFF; }
#header-nav a:hover                { text-decoration: none; color: #CB7026; }
#header-nav a.selected-small:hover { text-decoration: none; color: #FFFFFF; }

body#facilities #site-nav .facilities a      { background-position: 0 -204px; }
body#for-sale #site-nav .for-sale a          { background-position: -155px -204px; }
body#foals #site-nav .foals a                { background-position: -320px -204px; }
body#stallions #site-nav .stallions a        { background-position: -446px -204px; }
body#sold-horses #site-nav .sold-horses a    { background-position: -590px -204px; }
body#news #site-nav .news a                  { background-position: -726px -204px; }
body#contact #site-nav .contact a            { background-position: -832px -204px; }


/* Content
-------------------------------------------------------------- */
p.short { margin-bottom: 0.5em; }

a             { color: #324A70; text-decoration: underline; outline: none; }
a:hover       { color: #324A70; text-decoration: underline; }
a.more        { background: url(../img/bullet_more.gif) 100% 60% no-repeat; padding-right: 10px; white-space:nowrap; text-decoration: none; }
a.more:hover  { text-decoration: underline; }

h3 { font-size: 1.3em; font-weight: bold; margin-bottom: 0.2em; color: #324A70; }

h1.ir      { font-size: 3.0em; text-indent: -900em; margin-bottom: 0.3em; padding-bottom: 0.2em; overflow: hidden; border-bottom: 1px solid #E3E2D2; }
h2.ir      { font-size: 1.8em; text-indent: -900em; margin-bottom: 0.4em; overflow: hidden; }
h3.ir      { font-size: 1.6em; text-indent: -900em; margin-bottom: 0.2em; overflow: hidden; }

h1.welcome                { height: 22px; background: url(../img/sprites_home.gif) 0 0 no-repeat; }
h1.facilities             { height: 22px; background: url(../img/sprites_facilities.gif) 0 0 no-repeat; }
h1.for-sale               { height: 22px; background: url(../img/sprites_horses_for_sale.gif) 0 0 no-repeat; }
h1.foals                  { height: 22px; background: url(../img/sprites_foals.gif) 0 0 no-repeat; }
h1.stallions              { height: 22px; background: url(../img/sprites_stallions.gif) 0 0 no-repeat; }
h1.sold-horses            { height: 22px; background: url(../img/sprites_sold_horses.gif) 0 0 no-repeat; }
h1.news                   { height: 22px; background: url(../img/sprites_news.gif) 0 -30px no-repeat; }
h1.events                 { height: 22px; background: url(../img/sprites_news.gif) 0 0 no-repeat; }
h1.contact                { height: 22px; background: url(../img/sprites_contact.gif) 0 0 no-repeat; }
h2.upcoming-events        { height: 17px; background: url(../img/sprites_home.gif) 0 -111px no-repeat; }
h2.news                   { height: 17px; background: url(../img/sprites_home.gif) 0 -128px no-repeat; margin-top: 1.5em; }
h3.guiding-objective      { height: 18px; background: url(../img/sprites_home.gif) 0 -40px no-repeat; }
h3.made-in-canada-germany { height: 18px; background: url(../img/sprites_home.gif) 0 -58px no-repeat; }
h3.experienced-breeders   { height: 18px; background: url(../img/sprites_home.gif) 0 -76px no-repeat; }
h3.paddocks               { height: 18px; background: url(../img/sprites_facilities.gif) 0 -40px no-repeat; }
h3.outdoor-riding-rings   { height: 18px; background: url(../img/sprites_facilities.gif) 0 -58px no-repeat; }
h3.indoor-arena           { height: 18px; background: url(../img/sprites_facilities.gif) 0 -76px no-repeat; }
h3.stalls                 { height: 18px; background: url(../img/sprites_facilities.gif) 0 -94px no-repeat; }
h3.additional-photos      { height: 18px; background: url(../img/sprites_facilities.gif) 0 -112px no-repeat; }
h3.training-board         { height: 18px; background: url(../img/sprites_facilities.gif) 0 -130px no-repeat; }
h3.photos                 { height: 18px; background: url(../img/sprites_horses_for_sale.gif) 0 -40px no-repeat; }
h3.details                { height: 18px; background: url(../img/sprites_horses_for_sale.gif) 0 -94px no-repeat; }
h3.pedigree               { height: 18px; background: url(../img/sprites_horses_for_sale.gif) 0 -76px no-repeat; }
h3.videos                 { height: 18px; background: url(../img/sprites_horses_for_sale.gif) 0 -58px no-repeat; }
h4.news-date              { font-size: 1.1em; font-weight: bold; color: #6F6F6F; margin-bottom: 10px; }

table.listing                { margin-top: 20px; }
table.listing td             { vertical-align: top; }
table.listing td.photo-frame { background: url(../img/photo_frame.jpg) 0 0 no-repeat; padding: 12px 0 20px 8px; overflow: hidden; }
table.listing td.divider     { background: url(../img/dotted_divider.gif) 0 0 repeat-x; }
table.listing h1             { font-size: 1.3em; font-weight: bold; margin-top: 3px; margin-bottom: 0.2em; color: #324A70; }
table.listing .sire-dam      { margin-bottom: 0.6em; }

table.listing-detail         { width: 270px; margin-bottom: 30px; }
table.listing-detail td      { padding: 2px 0; border-bottom: 1px solid #E3E2D2; }
table.listing-detail td.bold { font-weight: bold; }

table.pedigree                { width: 495px; margin-bottom: 0; }
table.pedigree td             { width: 170x; padding: 2px; text-align: center; }
table.pedigree td div         { width: 170px; height: 28px; padding: 3px 0; background: url(../img/sprites_common.gif) -530px -60px no-repeat; }
table.pedigree td div.parent  { font-weight: bold; }

img.left  { float: left; margin: 0 15px 0 0; }
img.right { float: right; margin: 0 0 0 15px; }

img.small-thumb { padding: 2px; border: 1px solid #CCCCCC; }

#farm-map { height: 500px; border: 1px solid #CCCCCC; }

.dotted-divider { width: 100%; height: 1px; margin: 5px 0; background: url(../img/dotted_divider.gif) 0 0 repeat-x; }

.video-container          { position: relative; }
.video-container .play    { position: absolute; background: url(../img/play.gif) 0 0 no-repeat; width: 27px; height: 27px; top: 38px; left: 38px; }
.video-container .play a  { display: block; width: 27px; height: 27px; }