/* 
====================================
DIV ADJUSTMENTS ====================
====================================
*/
/* add these to the global stylesheet, but override them on home and other custom pages */
#theSection #col_1_2 { width:659px;margin:0 1px 0 0; }
#theSection #col_3 { width:320px;margin:0;padding:0; }
#theSection #col_4, #theSection #col_1, #theSection #col_2 { display:none; }

/* 
====================================
GENERAL STYLES =====================
====================================
*/
body, div, th, td, form, p, li, ul, ol, h1, h2, h3, h4, h5, h6, span, select, input, textarea { font-family:Calibri,Verdana,sans-serif;font-size:14px; }
a { color:#9e1d22; }
a:hover { color:#9e1d22; }

/* 
====================================
MAIN SITE BANNER AND NAV ===========
====================================
*/
#dto-banner { width:980px;height:47px;margin:0 0 15px; }
#dto-subpage-logo,
#dto-mainnav {float:left;}
#dto-search-share {float:right;width:300px;}
#dto-subpage-logo {margin-right:10px;}
#dto-mainnav ul,
#dto-search-share ul { list-style-type:none;padding-left:0;margin-top:1px; }

#dto-mainnav ul li { font-size:15px;float:left;padding-right:5px;margin-right:5px;text-transform:uppercase; }
#dto-search-share { margin-top:15px; }
#dto-search-share ul,
#dto-search-share input { float:left; }
#dto-search-share input { width:100px;height:10px;font-size:10px; }
#dto-search-share ul li { float:left;padding-left:8px;border-left:1px solid #9e1d22;text-transform:uppercase; }
#dto-search-share ul li#search-link { background: url("../../img/dto/dto-icon-search.gif") no-repeat scroll right -1px transparent; padding-right: 18px;padding-left:0;border: 0 none; }
#dto-search-share ul li#search-link input { border:0 none;background-color:#fff;width:45px;height:auto;text-transform:uppercase;cursor:pointer; }
#dto-search-share ul li#share-link { background: url("../../img/dto/dto-icon-share.gif") no-repeat scroll right -1px transparent; padding-right: 18px; }
#dto-search-share ul li#search-link input,
#dto-search-share ul li a { color:#cb7c22;font-weight:bold;font-size:11px;line-height:14px; }
#dto-search-share ul li a:hover { color:#9e1d22;text-decoration:none; }


/* 
====================================
MAIN NAV ========================
====================================
*/

/* NAVIGATION */
#dto-mainnav {
  border: 0;
  padding: 0;
  margin: 0;
  /* clear: both; */
  background: url("../../img/dto/mainnav-bg.png") top left no-repeat;
  height: 33px;
  margin-top:8px;
}

div#dto-mainnav a.stico_default { background: none !important; }

#dto-mainnav ul {
  width: 416px;
  height: 33px;
  margin: 0;
  padding: 0;
  position: relative;
}
	
#dto-mainnav ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 0;
}

#dto-mainnav ul li,
#dto-mainnav a {
  height: 33px;
  display: block;
}

.n1 { left: 0; width: 61px; }
.n2 { left: 61px; width: 125px; }
.n3 { left: 186px; width: 60px; }
.n4 { left: 246px; width: 108px; }
.n5 { left: 354px; width: 62px; }

.n1 a:hover { background: transparent url("../../img/dto/mainnav-bg.png") 0 -33px no-repeat; }
.n2 a:hover { background: transparent url("../../img/dto/mainnav-bg.png") -61px -33px no-repeat; }
.n3 a:hover { background: transparent url("../../img/dto/mainnav-bg.png") -186px -33px no-repeat; }
.n4 a:hover { background: transparent url("../../img/dto/mainnav-bg.png") -246px -33px no-repeat; }
.n5 a:hover { background: transparent url("../../img/dto/mainnav-bg.png") -354px -33px no-repeat; }


/* nav highlight replacement */

div.dto-home #dto-mainnav li.n1 a { background: transparent url("../../img/dto/mainnav-bg.png") 0 -33px no-repeat; }
div.dto-explore #dto-mainnav li.n2 a { background: transparent url("../../img/dto/mainnav-bg.png") -61px -33px no-repeat; }
div.dto-watch #dto-mainnav li.n3 a { background: transparent url("../../img/dto/mainnav-bg.png") -186px -33px no-repeat; }
div.dto-involved #dto-mainnav li.n4 a { background: transparent url("../../img/dto/mainnav-bg.png") -246px -33px no-repeat; }
div.dto-about #dto-mainnav li.n5 a { background: transparent url("../../img/dto/mainnav-bg.png") -354px -33px no-repeat; }

ul,li,ul li,li ul,
#dto-mainnav-ul li.n2 ul li.subnav, #dto-mainnav-ul li.n5 ul li.subnav {
  z-index:950;	
}

/*subnavigation positioning and hide
--------------------------------------------------------------------------- */	

#dto-mainnav-ul li ul {
  display:none;
  position: absolute;
  top: 32px;
  left: -10px;
  margin: 0;
  padding: 0;
  background: transparent;
  list-style: none;
  z-index: 6000;
  width: auto;
}


/*clears main nav height w/o min-height declaration*/
#dto-mainnav-ul li.n2 ul li.subnav,
#dto-mainnav-ul li.n4 ul li.subnav,
#dto-mainnav-ul li.n5 ul li.subnav,
#dto-mainnav-ul li li, 
#dto-mainnav-ul li li a  {
  height: auto;
  margin: 0;
} 



/*subnavigation styles
--------------------------------------------------------------------------- */	

#dto-mainnav-ul li.n2 ul li.subnav,
#dto-mainnav-ul li.n4 ul li.subnav,
#dto-mainnav-ul li.n5 ul li.subnav {
  background-image:none;
  background-color:#B9A863;
  display:block;
  left:10px;
  position:relative;
  text-align:left;
  top:0;
  width:150px;
}

#dto-mainnav-ul li.n2 li.subnav a,
#dto-mainnav-ul li.n4 li.subnav a,
#dto-mainnav-ul li.n5 li.subnav a { 
  display: block;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height:16px;
  color: #fff;
  font-weight: normal;
  text-decoration: none;
  background: none;
  text-indent:0;
  padding: 3px 10px 6px;
}


#dto-mainnav-ul li.n2 li.subnav a span.date-span,
#dto-mainnav-ul li.n4 li.subnav a span.date-span,
#dto-mainnav-ul li.n5 li.subnav a span.date-span {color:#fff;}

#dto-mainnav-ul li.n2:hover ul, 
#dto-mainnav-ul li.n4:hover ul,
#dto-mainnav-ul li.n5:hover ul,
#dto-mainnav-ul li.n2.over ul,
#dto-mainnav-ul li.n4.over ul, 
#dto-mainnav-ul li.n5.over ul { display: block; z-index: 4000;}

#dto-mainnav-ul li.n2 ul li a:hover,
#dto-mainnav-ul li.n4 ul li a:hover,
#dto-mainnav-ul li.n5 ul li a:hover,
#dto-mainnav-ul li.n2 ul li a.over,
#dto-mainnav-ul li.n4 ul li a.over,
#dto-mainnav-ul li.n5 ul li a.over { background: #9e1d22; }


/* 
====================================
RIGHT SUBNAV =======================
====================================
*/
#dto-subnav { width:303px;margin:0 0 20px 10px;border:1px solid #454545; }
#dto-subnav h3 { padding:5px;font-size:18px;line-height:36px;cursor:pointer; }
#dto-subnav h3 span.date-span {font-size:14px;font-family:inherit;color:#000;}
#dto-subnav .dto1,
#dto-subnav .dto1 h3,
#dto-subnav .dto1 div { background-color:#dcd3b1;color:#000;margin:0; }
#dto-subnav .dto2,
#dto-subnav .dto2 h3,
#dto-subnav .dto2 div { background-color:#b62127;color:#000;margin:0; }
#dto-subnav .dto3,
#dto-subnav .dto3 h3,
#dto-subnav .dto3 div { background-color:#d59639;color:#000;margin:0; }
#dto-subnav .dto4,
#dto-subnav .dto4 h3,
#dto-subnav .dto4 div { background-color:#baa963;color:#000;margin:0; }

#dto-subnav div div { padding-bottom:10px; }

#dto-subnav ul {margin:0;padding:0;list-style-type:none;background-color:transparent;}
#dto-subnav ul li {float:left;font-size:13px;line-height:15px;width:47%;margin:0 0 0 3%;padding-bottom:3px;background-color:transparent;} 
#dto-subnav ul li a {text-decoration:none;color:#000;background-color:transparent; }
#dto-subnav ul li a:hover,
#dto-subnav ul li.selected a  { text-decoration:underline;background-color:transparent; }

/* Right column promos */
.dto-rpromo-wide,
.dto-rpromo-2col { margin:0 0 20px 10px; }
.dto-rpromo-wide img { border:1px solid #000; }
.dto-rpromo-2col img { border:1px solid #000; }
.dto-rpromo-2col #promo1,
.dto-rpromo-2col #promo2 { float:left; }

.dto-rpromo-2col #promo1 img { border:1px solid #000;margin-right:22px; }


/* 
====================================
HOME        ========================
====================================
*/ 

/* don't show logo on homepage banner nav */
#Px76x3 #dto-subpage-logo { display:none; }
#dto-flash {width:968px;height:366px;margin:5px 6px 30px;}
#dto-programinfo { width:478px;margin:0; }
#dto-home-share-promo { width:180px;margin:0 10px; }
#dto-home-rightpromos { width:302px;margin:0 0 15px 0; }

#dto-programinfo p { margin:0 0 10px 0;font-size:14px;line-height:19px;color:#000; }
#dto-programinfo h1.post-title { margin-bottom:3px; }
#dto-programinfo p.tune-in { font-weight:bold;font-size:16px;margin:0 0 5px; }
#dto-programinfo img { margin-top:22px }

#dto-home-rightpromos img { margin-bottom:20px; }


/* Home video highlights */
#watchVideoFeaturesCtn { width:470px;height:261px;background:#fff url('../../img/dto/dto-home-watch-promo-bg.jpg') no-repeat 0 0;padding-left:5px; }
#watchVideoFeaturesCtn img.bPNG { margin:5px; }
#watchVideoFeaturesCtn .highlight { float:left;margin:0 3px 5px 0; }
#watchVideoFeaturesCtn .highlight img, 
#watchVideoFeaturesCtn .highlight .image-caption { margin:0; padding:0; }
#watchVideoFeaturesCtn .highlight img { width:151px; }
#watchVideoFeaturesCtn .highlight .image-caption { background-color: #9e1d22;height:40px;width:151px; }
#watchVideoFeaturesCtn .highlight .image-caption p { width:135px;padding:5px 0 3px 5px;margin:0; }
#watchVideoFeaturesCtn .highlight .image-caption p,
#watchVideoFeaturesCtn .highlight .image-caption p a,
#watchVideoFeaturesCtn .highlight .image-caption p a span.more-arrows { text-decoration:none;font-size:11px;color:#fff; }
#watchVideoFeaturesCtn .highlight .image-caption p a span.more-arrows { color:#c60; }

#watchVideoFeaturesCtn .highlight .image-caption p a.video-link span { display:none; }

#event10Ctn { margin:10px; }
#event10Ctn h3 { color:#000;font-size:21px;line-height:20px;margin-bottom:7px;}
#event10Ctn ul li { font-size:13px;line-height:15px; }

/* 
====================================
POST PAGES ========================
====================================
*/

/* landing pages */

#landingTopics div.landingTopic { width:306px;float:left;margin:0 0 10px 10px;height:79px; }
#landingTopics div.landingTopic img.landingTopicImg { float:left;height:77px;border:1px solid #4d4c45;width:132px; }
#landingTopics div.landingTopic div.landingTopicCopy { float:left;background:#eae7d8 url('../../img/dto/dto-landingTopic-copyBG.jpg') no-repeat 0 0;width:170px;height:79px; }
#landingTopics div.landingTopic div.landingTopicCopy p,
#landingTopics div.landingTopic div.landingTopicCopy h3 { margin:10px 0 0 10px; }

/* additional post content */
.post-content { text-align:left;margin-bottom:25px; }
h1.post-title { color:#9e1d22;font-size:23px;line-height:25px;margin:0 0 10px;font-weight:normal; }
h1.post-title a {text-decoration:none;}
h2 {
  border-bottom:0 none;
  color:#4c4c4c;
  font-size:17px;
  margin:10px 0 0;
  padding-bottom:0;
}
.post-content p { font-size:14px;line-height:17px;margin:0 0 10px 0; }
.post-content div.message { font-size:16px;margin:10px; }
.post-content div.sendBtn,
.post-content div.editBtn { float:left;margin-bottom:10px; }
.post-content #eCardMainWrpr h1 { display:none; }
.post-content #eCardMainWrpr form input,
.post-content #eCardMainWrpr form textarea { font-size:14px;line-height:17px; }
.post-content p a { text-decoration:underline;color:#CB7C22; }
.post-content p a:hover,
.post-content p a:visited { color:#9e1d22; }
.post-content blockquote.pull-quote { 
  max-width:175px;
  float:right;
  background-color:#fff;
  margin:10px;
  padding:15px;
  -moz-box-shadow:4px 4px 7px #888;
  -webkit-box-shadow:4px 4px 7px #888;
  box-shadow: 4px 4px 7px #888;
 }
.post-content blockquote.pull-quote p { 
  font-size:18px;
  color:#888;
  margin:0 0 5px;
}
.post-content blockquote.pull-quote p.said-by {
  padding-top:5px;
  font-size:14px;
  text-align:right;
  margin-bottom:0;
}

div.post-image-ctn { float:right;margin:0 10px 20px 20px; }
div.post-image-ctn img { 
  -moz-box-shadow:4px 4px 7px #888;
  -webkit-box-shadow:4px 4px 7px #888;
  box-shadow: 4px 4px 7px #888;
  margin:0 0 5px;
  border: 1px solid #ccc;
}
div.post-image-ctn .post-image-caption { 
  font-size:12px;
  line-height:15px;
  color:#333;
  margin:0 0 0 5px;
  max-width:350px;
}


div.post-image-only { float:none; }
div.post-image-only img { width:650px; }
#col_1_2 div.post-image-only img,
div.post-image-only .post-image-caption { width:600px;max-width:600px; }
div.post-content table { 
  margin:10px 10px 10px 25px;
  -moz-box-shadow:4px 4px 7px #888;
  -webkit-box-shadow:4px 4px 7px #888;
  box-shadow: 4px 4px 7px #888; }
div.post-content table td,
div.post-content table th { font-size:14px; }
div.post-content table th { font-weight:bold; }
div.post-video {float:none;width:650px;margin:0}

div.addthis-share { width:650px;text-align:right;margin:0 0 15px; }
div.addthis-share p { font-size:18px; }
div.addthis-share a { color:#CB7C22; }

/* Sub-feature highlights */
#more-content { width:100% }
#more-content .highlight { float:left;margin:0 15px 15px 0; }
#more-content .highlight img, 
#more-content .highlight .image-caption { margin:0; padding:0; }
#more-content .highlight img { width:203px; }
#more-content .highlight .image-caption { background-color: #9e1d22;height:40px;width:203px; }
#more-content .highlight .image-caption p { width:150px;padding:5px 7px;margin:0; }
#more-content .highlight .image-caption p,
#more-content .highlight .image-caption p a,
#more-content .highlight .image-caption p a span.more-arrows { text-decoration:none;font-size:13px;color:#fff; }
#more-content .highlight .image-caption p a span.more-arrows { color:#c60; }
/*#more-content .highlight .image-caption p a.video-link img { width:19px;height:13px; } */

#more-content .highlight .image-caption p a.video-link { 
  background: url("http://www.wttw.com/img/dto/dto-video-icon.png") no-repeat scroll right -1px transparent;
  padding-right:23px;
}
#more-content .highlight .image-caption p a.video-link span { position:absolute; left:-5000px;width:4000px; }

#dto-credits h3 { color:#9E1D22; }

#dtoQuizCtn { padding-bottom:30px; }

#fancybox-outer {height:122% !important;width:95% !important;}
#fancybox-inner {height:120% !important;}

.gam-sponsors {
  float:left;
  margin:0 10px 10px 0;
}