/* ------------------------------------------
TBD
http://tbd.com
1100 Wilson BLVD, Suite 601
Arlington, VA 22209

Author: Jared Cunha
Contact: jcunha@tbd.com 
------------------------------------------ */
   
@import url(common/reset.css);            /* RESET CSS */
@import url(common/global.css);           /* GLOBAL CSS */


/*Hide these items*/
#leaderboard,
#header #accountLinks, 
#header #tertiaryLinks,
#comments, 
#secondaryContent,
.toolbar,
.current-conditions,
#navigation,
.pagination,
.story-embed,
.short-url,
.site-links, 
.older-newer, 
.tags, 
#fontResize,
.categories,
.content-mod,
#planMyTrip,
.subsection-tabs,
#customLeaderboard,
#topLeaderboard,
#bottomLeaderboard
{display:none !important;}

/* Killing the columns*/
body, #header, #mainWrapper, .full-wrap, #mainContent, #footer {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

body, #mainWrapper, #mainContent, #content {
  display: block !important;
}

#header{border-bottom:none; text-align:left;}
h1#siteLogo, h1#siteLogo a:link, h1#siteLogo a:visited {position:static; background:none; text-indent:0; text-align:left; width:auto; height:20px;color: #666666;margin-bottom:15px; line-height: 1.2; display:inline;page-break-inside: avoid;}
h1#siteLogo:after {content: ".com"; font-size: 14px; font-weight: normal;}
#content {border-top: 5px solid #29abe1; padding-top: none;}
#mainContent h1 {margin-bottom: 8px; text-align:center;}

/*This is for links*/
.story-content a[href]:after,
.article-info a[href]:after,{content: " (" attr(href) ") "; font-size: 90%;}

/*
=================================================================================
Stories
=================================================================================*/
/*article info*/
.article-info {color:#464646; font-size: .86em; margin: 12px 0; border-top: 1px dashed #dbdbdb; border-bottom: 1px dashed #dbdbdb; text-align:center;}


/*story art*/
.story-art {border-bottom: 1px solid #dbdbdb; margin:0 auto 1em; text-align:center; width:605px}
.story-art dt img {border: 1px solid #cecece; display:block;}
.story-art dd {color:#898989; font-size: .79em; line-height: 1.23; padding: 10px 0; text-align:left;}


/*story-content*/
.story-content, .blog-content {font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:1em; page-break-inside: auto; overflow:visible;}
.story-content p, .blog-content p {font-size: 1.14em; line-height: 1.64em; margin-bottom: 1em; }
.story-content > h3, .blog-content > h3 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1.43em;}
.story-content > ul, .blog-content > ul { list-style:disc; font-size: 1.14em; line-height: 1.64em; margin-bottom:1em;}
.story-content > ul li, .blog-content > ul li {font-size:1em;list-style-position:inside; }



/*
=================================================================================
The List
=================================================================================*/
#theList #mainContent {border-top: 5px solid #000000}
/*top area*/
#listTop {margin:1px 0 20px; position:relative; min-height: 110px; height:1%; text-align:center;}
#listTop .share-tools {border: none; margin-top: 10px;}
#listTop .toolbar {clear:both;}
#listTop .article-info div {float:none; display:block; text-align:center; color:#898989; font-style:italic; display:inline; padding: 5px 15px;}
#listTop .article-info .date {font-weight:bold; color:#9cc11a; font-size:1.17em; font-style:normal;}

/*header badge*/
#theList h2#listHead {overflow:hidden; height:1%; font-family: Georgia, "Times New Roman", serif;}
#theList h2#listHead a:link, #theList h2#listHead a:visited {color: #000000; font-size: 30px;}
#theList h2#listHead span {color: #FFFFFF; font-weight:normal; font-style: italic; font-size: 1.29em; display:block;}

/*furthermore*/
#theList p.intro {font-size:1.43em;line-height: 1.4em;}

/*List styles*/
#TBDList li h3 {font-size: 1.57em;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:1.2em;}


/*
=================================================================================
Blogs
=================================================================================*/
.blog #mainContent h1, .blog #mainContent h1 a {font-size: 14px; margin-bottom:5px; color: #666666;}
.post h2 {margin-bottom: 8px; text-align:center;font-size: 2.57em; line-height: 1.2;}
.post h2 a {color: #1a1a1a}
.blog .time-date, .blog .byline {display:inline; padding: 15px 0; text-align:center;} 
.blog-content {margin-top:20px}
.blog-content .story-art {width:auto; border: none;}
.blog-content .left {padding-right:20px;}
.blog-content .right {padding-left:20px;}


/*
=================================================================================
Trip Planner
=================================================================================*/
#itinerary {border-bottom:none;}
#itinerary h2 {font-weight:normal; font-size: 2.14em; color: #898989; margin-bottom:1em;}
#itinerary h2 span {color: #1a1a1a; font-weight:bold;}
#itinerary dl {float:left; display:inline; width: 216px; margin-right:20px;line-height:1; margin-bottom:2em;}
#itinerary dl dt {font-weight:bold; color: #898989; margin-bottom:0;}
#itinerary dl dd {font-weight:bold; font-size: 1.43em; margin-bottom:1em;}
#itinerary dl dd.duration span {font-size: 5em; letter-spacing: .01em; }
#itinerary dl dd.transfers {margin-bottom:0;}
#itinerary ol {float:left; display:inline; width: 352px; margin-top: -9px; list-style-position:outside; margin-bottom:2em;}
#itinerary ol li {padding: 9px 0 9px 0; border-bottom: 1px dashed #cecece; font-size:1.43em;}
#itinerary ol li.last {border-bottom:none;}
#itinerary ol li em {font-style:normal; text-decoration:underline}
#itinerary ol li.red em {color: #ee1c24;}
#itinerary ol li.blue em {color: #0072bc;}
#itinerary ol li.orange em {color: #f26522;}
#itinerary ol li.green em {color: #00a608;}
#itinerary ol li.yellow em {color: #f1e500;}
#itinerary ol li span.note {display:block; color: #898989;}
#itinerary .toolbar {border-bottom:none; margin-bottom:0;}

p.disclaimer{clear:both;}