html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

body { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

/****************************************************************************** Variables ****************************************************************************/
/****************************************************************************** Typography ****************************************************************************/
@font-face { font-family: "District Medium"; src: url('http://static.ddmcdn.com/fonts/District/District-Medium.eot'); src: url('http://static.ddmcdn.com/fonts/District/District-Medium.eot?#iefix') format('eot'), url('http://static.ddmcdn.com/fonts/District/District-Medium.woff') format('woff'), url('http://static.ddmcdn.com/fonts/District/District-Medium.ttf') format('truetype'), url('http://static.ddmcdn.com/fonts/District/District-Medium.svg') format('svg'); }

@font-face { font-family: "District Demi"; src: url('http://static.ddmcdn.com/fonts/District/District-Demi.eot'); src: url('http://static.ddmcdn.com/fonts/District/District-Demi.eot?#iefix') format('eot'), url('http://static.ddmcdn.com/fonts/District/District-Demi.woff') format('woff'), url('http://static.ddmcdn.com/fonts/District/District-Demi.ttf') format('truetype'), url('http://static.ddmcdn.com/fonts/District/District-Demi.svg') format('svg'); }

@font-face { font-family: "District Bold"; src: url('http://static.ddmcdn.com/fonts/District/District-Bold.eot'); src: url('http://static.ddmcdn.com/fonts/District/District-Bold.eot?#iefix') format('eot'), url('http://static.ddmcdn.com/fonts/District/District-Bold.woff') format('woff'), url('http://static.ddmcdn.com/fonts/District/District-Bold.ttf') format('truetype'), url('http://static.ddmcdn.com/fonts/District/District-Bold.svg') format('svg'); font-weight: bold; }

@font-face { font-family: "Nimbus Sans Novus Condensed Medium"; src: url('http://static.ddmcdn.com/fonts/NimbusSanNovCon/NimbusSanNovCon-Med.eot'); src: url('http://static.ddmcdn.com/fonts/NimbusSanNovCon/NimbusSanNovCon-Med.eot?#iefix') format('eot'), url('http://static.ddmcdn.com/fonts/NimbusSanNovCon/NimbusSanNovCon-Med.woff') format('woff'), url('http://static.ddmcdn.com/fonts/NimbusSanNovCon/NimbusSanNovCon-Med.ttf') format('truetype'), url('http://static.ddmcdn.com/fonts/NimbusSanNovCon/NimbusSanNovCon-Med.svg') format('svg'); }

@font-face { font-family: "Nimbus Sans Novus Condensed Bold"; src: url('http://static.ddmcdn.com/fonts/NimbusSanNovCon/NimbusSanNovCon-Bold.eot'); src: url('http://static.ddmcdn.com/fonts/NimbusSanNovCon/NimbusSanNovCon-Bold.eot?#iefix') format('eot'), url('http://static.ddmcdn.com/fonts/NimbusSanNovCon/NimbusSanNovCon-Bold.woff') format('woff'), url('http://static.ddmcdn.com/fonts/NimbusSanNovCon/NimbusSanNovCon-Bold.ttf') format('truetype'), url('http://static.ddmcdn.com/fonts/NimbusSanNovCon/NimbusSanNovCon-Bold.svg') format('svg'); font-weight: bold; }

body { font-size: 100%; line-height: 1.5em; }

html > body { font-size: 16px; }

/****************************************************************************** Structure ****************************************************************************/
body { background-color: #0c3969; font-family: "District Medium", Helvetica, Arial, sans-serif; }

#content-wrapper div.row { width: 100%; }
#content-wrapper div.inner { margin: 0 auto; width: 960px; }
#content-wrapper div.grid-area { overflow: hidden; *zoom: 1; }

#top-banner { background-color: #042d5a; text-align: center; }

#content-main { background-color: #cfe4eb; }

/****************************************************************************** Navigation ****************************************************************************/
#nav-band { background-color: #0c3969; }
#nav-band .inner { height: 120px; position: relative; }
#nav-band h1 { position: absolute; top: 32px; left: 20px; z-index: 999; text-indent: 110%; white-space: nowrap; overflow: hidden; background-image: url('http://static.ddmcdn.com/en-us/dam/graphics/DA-logo.png?1337111124'); background-repeat: no-repeat; background-position: 50% 50%; width: 265px; height: 188px; }

#btn-channel-finder { position: absolute; right: 20px; top: 37px; }

#channel-locator iframe { display: block; right: -530px; position: relative; top: 85px; z-index: 999; }

/****************************************************************************** Dynamic Rotating Lead (DRL) ****************************************************************************/
#drl { background-color: #042d5a; border-bottom: 1px solid #bdd2df; height: 465px; overflow: hidden; }
#drl div.inner { position: relative; margin: -8px auto 0; }
#drl .border { background: transparent url('http://static.ddmcdn.com/en-us/dam/graphics/bg-topbar.png?1337111124') repeat-x 50% 0; height: 8px; position: relative; top: 0; z-index: 998; width: 100%; }
#drl .rotate-item { position: relative; }
#drl .rotate-item-text { position: absolute; bottom: 10px; right: 60px; background: transparent url('http://static.ddmcdn.com/en-us/dam/graphics/brush-stroke.png?1336506652') no-repeat 50% 0; width: 510px; min-height: 121px; padding-top: 40px; padding-left: 90px; color: white; font-family: "Nimbus Sans Novus Condensed Bold", Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 2.25em; line-height: 0.733em; }
#drl .rotate-item-text small { display: block; font-family: "Nimbus Sans Novus Condensed Medium", Helvetica, Arial, sans-serif; font-weight: normal; font-size: .675em; color: #f8979f; }
#drl .rotate-item-text a { display: block; color: inherit; text-decoration: inherit; cursor: inherit; }
#drl .rotate-item-text a:active, #drl .rotate-item-text a:focus { outline: none; }

#drl-items { min-height: 465px; -webkit-box-shadow: 0px 0px 50px 50px #032142; -moz-box-shadow: 0px 0px 50px 50px #032142; box-shadow: 0px 0px 50px 50px #032142; }

#pager-container { position: relative; bottom: 40px; text-align: center; z-index: 999; }

#pager { background-color: #042d5a; padding: 4px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; overflow: hidden; *zoom: 1; }
#pager { *display: inline; }
#pager a { display: block; float: left; margin: 3px 2px; text-indent: 110%; white-space: nowrap; overflow: hidden; background-image: url('http://static.ddmcdn.com/en-us/dam/graphics/carousel-dot1.png?1336506652'); background-repeat: no-repeat; background-position: 50% 50%; width: 8px; height: 8px; }
#pager a.activeSlide { text-indent: 110%; white-space: nowrap; overflow: hidden; background-image: url('http://static.ddmcdn.com/en-us/dam/graphics/carousel-dot2.png?1336506652'); background-repeat: no-repeat; background-position: 50% 50%; width: 8px; height: 8px; }

#next-arrow { position: absolute; cursor: pointer; right: 20px; top: 50%; margin-top: -32.5px; z-index: 999; text-indent: 110%; white-space: nowrap; overflow: hidden; background-image: url('http://static.ddmcdn.com/en-us/dam/graphics/dl_right_arrow.png?1336506652'); background-repeat: no-repeat; background-position: 50% 50%; width: 65px; height: 65px; }

#prev-arrow { position: absolute; cursor: pointer; left: 20px; top: 50%; margin-top: -32.5px; z-index: 999; text-indent: 110%; white-space: nowrap; overflow: hidden; background-image: url('http://static.ddmcdn.com/en-us/dam/graphics/dl_left_arrow.png?1336506652'); background-repeat: no-repeat; background-position: 50% 50%; width: 65px; height: 65px; }

/****************************************************************************** TV schedule area ****************************************************************************/
#tv-schedule { background: transparent url('http://static.ddmcdn.com/en-us/dam/graphics/bg-content-wrapper.png?1337111124') repeat-x 50% 0; margin-bottom: 20px; padding-top: 25px; }
#tv-schedule h3 { background: transparent url('http://static.ddmcdn.com/en-us/dam/graphics/stars.jpg?1336506652') repeat-x 0 41%; color: #0c3969; font-family: "District Bold", Helvetica, Arial, sans-serif; font-weight: bold; margin-bottom: 1em; text-align: center; text-transform: uppercase; font-size: 1.375em; line-height: 2.182em; text-shadow: white 2px 2px 3px; }
#tv-schedule h3 span { background-color: #cfe4eb; padding: 0 5px; }

/****************************************************************************** Featured shows ****************************************************************************/
#featured-shows { background: transparent url('http://static.ddmcdn.com/en-us/dam/graphics/footer.gif?1336506652') repeat-x 50% 100%; }
#featured-shows h3 { background: transparent url('http://static.ddmcdn.com/en-us/dam/graphics/bg-heading-brush-blue.png?1336676676') no-repeat 50% 0; color: white; margin-bottom: 1em; text-align: center; text-transform: uppercase; font-size: 1.375em; line-height: 2.182em; text-shadow: #333333 2px 2px 3px; }
#featured-shows ul { overflow: hidden; *zoom: 1; }
#featured-shows ul li { background-color: white; border: 1px solid white; color: #6f8494; display: block; float: left; margin-bottom: 30px; margin-right: 27px; min-height: 115px; max-height: 115px; overflow: hidden; width: 300px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 0px 10px 5px #f3f6fa; -moz-box-shadow: inset 0px 0px 10px 5px #f3f6fa; box-shadow: inset 0px 0px 10px 5px #f3f6fa; }
#featured-shows ul li.third { margin-right: 0; }
#featured-shows ul li strong { color: #b60d1b; display: block; font-family: "District Demi", Helvetica, Arial, sans-serif; padding: 0 20px; margin-top: 5px; font-size: 1.375em; line-height: 2.182em; }
#featured-shows ul li strong a { color: #b60d1b; text-decoration: none; }
#featured-shows ul li strong a:hover { text-decoration: underline; }
#featured-shows ul li p { padding: 0 20px; font-size: 0.875em; line-height: 1.286em; }

.icons-sprite, .icons-facebook, .icons-pinterest, .icons-tumblr, .icons-twitter, .icons-youtube { background: url('http://static.ddmcdn.com/en-us/dam/graphics/icons-sa95272162a.png?0e39c054043f') no-repeat; }

.icons-facebook { background-position: 0 -105px; }

.icons-pinterest { background-position: 0 -26px; }

.icons-tumblr { background-position: 0 -78px; }

.icons-twitter { background-position: 0 -52px; }

.icons-youtube { background-position: 0 0; }

#social-presence .collapse { margin-top: -10px; margin-bottom: 15px; }
#social-presence .social-icons a { display: block; float: left; margin-right: 15px; text-indent: 110%; white-space: nowrap; overflow: hidden; }
#social-presence .icons-facebook { width: 13px; height: 27px; }
#social-presence .icons-twitter { width: 38px; height: 26px; }
#social-presence .icons-tumblr { width: 16px; height: 27px; }
#social-presence .icons-youtube { width: 73px; height: 26px; }
#social-presence .icons-pinterest { width: 26px; height: 26px; }

/****************************************************************************** Explore Destination America ****************************************************************************/
#explore { background: transparent url('http://static.ddmcdn.com/en-us/dam/graphics/div.gif?1336506652') no-repeat 50% 0; padding-top: 20px; overflow: hidden; *zoom: 1; }
#explore h3 { background: transparent url('http://static.ddmcdn.com/en-us/dam/graphics/bg-heading-brush-blue.png?1336676676') no-repeat 50% 0; color: white; margin-bottom: 1em; text-align: center; text-transform: uppercase; font-size: 1.375em; line-height: 2.182em; text-shadow: #333333 2px 2px 3px; }
#explore ul { overflow: hidden; *zoom: 1; }
#explore ul li { background-color: white; color: #6f8494; display: block; float: left; margin-bottom: 30px; margin-right: 27px; min-height: 300px; max-height: 300px; overflow: hidden; width: 300px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 0px 10px 5px #f3f6fa; -moz-box-shadow: inset 0px 0px 10px 5px #f3f6fa; box-shadow: inset 0px 0px 10px 5px #f3f6fa; }
#explore ul li.last { margin-right: 0; }
#explore ul li.ad { background: url('http://static.ddmcdn.com/en-us/dam/graphics/ad-panel.jpg?1336506652') no-repeat; padding-top: 25px; margin-bottom: 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#explore ul li.video { width: 630px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#explore .image-caption { position: absolute; bottom: 0; left: 0; padding-left: 15px; padding-top: 15px; padding-bottom: 15px; background: black; /* fallback color */ background: rgba(0, 0, 0, 0.7); text-decoration: none; }
#explore .image-caption span { color: white; font-family: "District Demi", Helvetica, Arial, sans-serif; font-size: 20px; padding-right: 20px; }

#view-more-container { background: transparent url('http://static.ddmcdn.com/en-us/dam/graphics/div.gif?1336506652') no-repeat 50% 50%; margin-bottom: 45px; overflow: hidden; *zoom: 1; }

#view-more-button { cursor: pointer; position: relative; width: 100%; margin: 0 auto; text-indent: 110%; white-space: nowrap; overflow: hidden; background-image: url('http://static.ddmcdn.com/en-us/dam/graphics/view-more.gif?1336506652'); background-repeat: no-repeat; background-position: 50% 50%; width: 184px; height: 40px; }

/****************************************************************************** 404 - Not Found ****************************************************************************/
#not-found { background: transparent url('http://static.ddmcdn.com/en-us/dam/graphics/bg-content-wrapper.png?1337111124') repeat-x 50% 0; margin: 100px auto; padding: 50px 0; width: 960px; }
#not-found h3 { background: transparent url('http://static.ddmcdn.com/en-us/dam/graphics/stars.jpg?1336506652') repeat-x 0 41%; color: #0c3969; font-family: "District Bold", Helvetica, Arial, sans-serif; font-weight: bold; margin-bottom: 1em; text-align: center; text-transform: uppercase; font-size: 1.375em; line-height: 2.182em; text-shadow: white 2px 2px 3px; }
#not-found h3 span { background-color: #cfe4eb; padding: 0 5px; }
#not-found p { font-family: "District Bold", Helvetica, Arial, sans-serif; }

/****************************************************************************** Footer ****************************************************************************/
footer { color: #cfe4eb; padding-bottom: 30px; padding-top: 30px; }
footer .inner { overflow: hidden; *zoom: 1; }
footer .column { float: left; margin-right: 30px; }
footer strong { color: #b60d1b; font-size: 1.25em; line-height: 1.2em; font-family: "District Bold", Helvetica, Arial, sans-serif; font-weight: bold; }
footer a { color: white; text-decoration: none; font-size: 0.625em; line-height: 2.0em; }
footer a:hover { text-decoration: underline; }
footer .credits { margin-top: 30px; font-size: 0.625em; line-height: 2.0em; }
