/* @override 
	http://www.worldhum.com/css/default.css
	http://www.worldhum.dev/css/default.css
*/

/*
Site:           worldhum.com
File:           default.css [main stylesheet, all browsers]
Created:        Oct 03 2008
Last Modified:  Dec 16 2009
-----------------------------------------------------------
This file is under version control. Editing directly through
SFTP is highly discouraged!
-----------------------------------------------------------
ryan masuga, masugadesign.com :: ryan@masugadesign.com
=========================================================== */


/* MAIN styles
=========================================================== */
body {background: #F6F7F1 url('/images/site/bg_content.gif') 50% 0 repeat-y;}

/* =Headings
--------------------------------------------------------
There are exceptions to every header rule. The majority
ones are listed as the main rule.
-------------------------------------------------------- */
/* Homepage Section Headers */
/*h1 { this was an older h1, that should probably be dropped
	font-size: 1.8em;
	color:  #000;
	font-weight: bold;
	text-transform: uppercase;
	font-family: arial, helvetica, sans-serif;
	}*/


h1 {
	font-family: georgia, "Times New Roman", times, serif;
	font-weight: normal;
	text-transform:  none;
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 0;
	margin-top: 14px;
	padding-top: 0;
	}

/* information pages only */
h1.lined {
	border-bottom: 1px solid #ddd;
	}


/* Section Index titles */
h2 {
	font-size: 18px;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	
	margin-bottom: 0;
	
	margin-top: 17px;
	font-size: 18px;
	line-height: 22px;
	}

/* general h2's used in the content */
#story h2,
#info h2 {
	font-family: arial, helvetica, sans-serif;
	margin-top: 5px;
	margin-bottom: 5px;
	/*clear: both;*/
	}

h3 {
	font-size: 1px;
	line-height: 1.5;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	color:  #373737;
	margin-bottom: 0;
	text-transform: none;
	}
/* rarely used */
h4, h5, h6 {
	font-size: 13px;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	color:  #000;
	margin-bottom: 0;
	}


/* =Headings: Special Cases
-------------------------------------------------------- */
h2.story {
	font-size: 2em;
	}

/* homepage only; body has ID #home */
#home h2 {
	color: #444;
	font-family: georgia, "Times New Romaan", times, serif;
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 0 0 0px 0;
	text-transform: none;
	}

#sectionIndex h1,
#places h1,
#page-search h1 { 
	font-size: 18px;
	color:  #000;
	font-weight: bold;
	text-transform: uppercase;
	font-family: arial, helvetica, sans-serif;
	
	line-height: 18px;
	margin-top: 17px;
	}

/* search header is a bit different, also categories/tag pages */
#page-search h1,
#sectionIndex.page-explore h1,
#sectionIndex h1.nocaps,
#places h1.nocaps { 
	text-transform: none;
	margin-bottom: 1em;
	}

#information h2 { /* same as a 'regular' h1 */
	font-size: 1.8em;
	color:  #000;
	font-weight: bold;
	text-transform: uppercase;
	font-family: arial, helvetica, sans-serif;
	margin: 1em 0 1em 0;
	padding: 0;
	}

/* same as a 'regular' h1 */
#information h2.centered { 
	text-align: center;
	}

a {outline: none; text-decoration: none;}
a:link{color: #048; text-decoration: none;}
a:visited{color: #68a;}
a:hover{color: #09f;text-decoration: underline;}
a:active{color: #9cf;}

/* =CONTAINER styles
=========================================================== */
#container {
	width: 990px;
	padding: 0;
	position: relative;
	margin: 0 auto;
	}

/* =HEADER styles
=========================================================== */
#adTop {
	height: 95px;
	padding-top: 3px;
	text-align: center;
	background: #F6F7F1;
	
	
	position:  relative; /* due to some ads going behind the header */
	z-index: 9990;
	}

/* many possibilities for what these ads will drop in here */
#adTop div,
#adTop table,
#adTop object,
#adTop embed
	{
	width: 728px;
	margin: 0 auto;
	
	position: relative; 
	z-index: 9998; /* thinkin' IE needs all this monkey biz to stay above header! */
	}

#header {
	/*float: left;*/
	width: 964px;
	margin-left: 1px;
	padding: 9px 13px 16px 12px;
	/*height:  120px;*/
	position:  relative;
	
	z-index: 8999; /* here to help the flyouts stay above things in the content */
	
	background: transparent url('/images/site/bg_dashed.gif') 0 0 repeat-x;
	}

#home #header {

	padding: 9px 13px 13px 12px;


	}


#header #logo { 
	/* put the background image here too to avoid 'flash' when viewing in IE */
	width: 302px;
	/*float: left;*/
	margin: 0 0 0 0;
	width: 302px;
	background: transparent url('/images/site/logo_worldhum.gif') 0 0 no-repeat;
	}

#header #logo a {
	background: transparent url('/images/site/logo_worldhum.gif') 0 0 no-repeat;
	display: block;
	height: 45px;
	width: 302px;
	padding: 45px 0px 0px 0px; 
	height: 0px !important;
	height /**/:45px;
	overflow:hidden;
	font-size: 1px;
	}

#header #tagline {
	position: absolute;
	left: 340px;
	top: 25px;
	background: transparent url('/images/site/tagline_worldhum_best.png') 0 0 no-repeat;
	height: 14px;
	width: 565px;
	/* remove text from view */
	padding: 14px 0px 0px 0px; 
	height: 0px !important;
	height /**/: 14px;
	overflow: hidden;
	font-size: 1px;
	}

#header #headTClink {
	position: absolute;
	right: 13px;
	top: 9px;
	background: transparent url('/images/site/powered_by_travelchannel.gif') 0 0 no-repeat;
	height: 42px;
	width: 45px;
	/* remove text from view */
	padding: 42px 0px 0px 0px; 
	height: 0px !important;
	height /**/: 42px;
	overflow: hidden;
	font-size: 1px;
	}


/* =MainNav
--------------------------------------------------------
Would use Superfish, but nav is more involved in this case.
-------------------------------------------------------- */
#mainNav {
	margin: 7px 0 0 0;
	height: 28px;
	background: transparent url('/images/site/bg_mainnav.gif') 0 0 no-repeat;
	position: relative;
	
	z-index: 999;
	}


#headerSearch {
	float:  right;
	/*position: absolute;
	right:  0;
	top:  0;
	z-index: 100;*/
	/*margin-top: -54px;*/
	/*background: transparent url('/images/site/bg_searchbox.png') 0 0 no-repeat;*/
	background: transparent;
	padding: 0 7px 0 0;
	/*width: 170px;*/ 
	height: 26px;
	overflow: hidden;
	}

#searchText { 
	float: right; 
	width: 244px; 
	height: 15px; 
	position: relative;
	border-top: 2px solid #525252;
	border-left: 2px solid #525252;
	border-right: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	background: #fff; 
	padding: 0px 4px 0px 4px; 
	color: #000;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	margin: 4px 0 0 0;
	}
	
#headerSearch .actionButton { 
	border:  none;
	padding: 0;
	display: block; 
	float: right; 
	margin: 4px 0 0 6px; 
	width: 25px; 
	height: 18px; 
	background: url('/images/site/btn_search_go.gif') no-repeat;
	cursor: pointer;
	}
/*.actionButton:hover { background-position: 0 -17px; }*/
#headerSearch .actionButton b { display: none; }









/* Superfish Flyouts
=========================================================== */

#navTopLevel {
	position: absolute;
	background: transparent;
	height: 28px;
	/*width: 963px;*/
	margin: 0 0 0 0;
	padding: 0;
	
	z-index:999;
	}

#navTopLevel li {
	position:relative;
	float:left;
	color:#fff;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	}

#navTopLevel li a.top, #navTopLevel li a.top:visited {
	float:left;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	line-height: 26px;
	padding: 0 22px;
	border-right: 1px solid #5e7e9d;
	text-decoration: none;
	}

/* Show an arrow on menu items that have a submenu */
#navTopLevel li a.top span.submenu {
	background: transparent url('/images/site/icon_nav_arrow.gif') 100% 50% no-repeat;
	padding-right: 10px;
	}


#navTopLevel li a.top:hover,
#navTopLevel li a.top.active
	{
	text-decoration: none;
	border-right: 1px solid #157ae1;
	background: transparent url('/images/site/bg_nav_buttons.gif') -10px 0px no-repeat;
	}

#navTopLevel li a.top:active {
	text-decoration: none;
	border-right: 1px solid #566c82;
	background: transparent url('/images/site/bg_nav_buttons.gif') -10px -26px no-repeat;
	}

/* First nav item is different due to rounded corner */
#navTopLevel li a.top.first:hover,
#navTopLevel li a.top.first.active
	{
	text-decoration: none;
	border-right: 1px solid #157ae1;
	background: transparent url('/images/site/bg_nav_buttons.gif') 1px 0px no-repeat;
	}

#navTopLevel li a.top.first:active {
	text-decoration: none;
	border-right: 1px solid #566c82;
	background: transparent url('/images/site/bg_nav_buttons.gif') 1px -26px no-repeat;
	}


/* Superfish Styles area ================================= */

/*** ESSENTIAL STYLES ***/
/*#navTopLevel {
	margin:			0;
	padding:		0;
	list-style:		none;
}*/
/*#navTopLevel {
	line-height:	1.0;
}*/


#navTopLevel ul.drop {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}


/* for style testing, add an x to this rule */
#navTopLevel div.navDrops {
	position:		absolute;
	top:			-999em;
	
}

.funbarLinks .fbShareLinks {
	position: absolute;
	top: -999em;
	
	display: none; /* hide initially */
	}

#navTopLevel ul.drop li {
	width:			100%;
}

/* http://facility9.com/2008/07/17/ie7-dropdowns-and-z-index/ */
#navTopLevel li:hover {
z-index: 100; /* This is the important style directive, without it IE7 chokes */
}
#navTopLevel * li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}




/*#navTopLevel li {
	float:			left;
	position:		relative;
}*/
/*#navTopLevel a {
	display:		block;
	position:		relative;
}*/




#navTopLevel li:hover div.navDrops,
#navTopLevel li.sfHover div.navDrops,
#navTopLevel li:hover ul.drop,
#navTopLevel li.sfHover ul.drop
	{
	left: 0px;
	top: 26px; /* match top ul list item height */
	z-index: 999;
	}

/* Special case for leftmost flyout */
#navTopLevel li:hover div#features_drop.navDrops,
#navTopLevel li.sfHover div#features_drop.navDrops
	{
	left: 1px;
	}




.navDrops {
	position:absolute;
	border: 2px solid #1765d3;
	/*width: 500px;*/
	/*height:270px;*/
	
	/*overflow:hidden;*/
	padding:0;
	background-color:#fff;
	
	}

.navDrops h4 {
	color: #167ed1;
	font-family: arial, helvetica, sans-serif;
	font-size:  13px;
	font-weight: normal;
	border-bottom: 1px solid #60b0f0;
	padding: 15px 0 0 0;
	margin: 0 10px;
	background-color: transparent;

	}


#features_drop {
	/*width: 971px;*/
	/*height: 160px;*/
	top: 26px;
	left: 1px;
	
	background:none;
	background-color: #fff;
	padding: 10px 10px 0;
	
	/* this needs to be 180 x number of total columns */
	width: 360px;
	}

#photos_drop {
  padding: 10px 10px 0;
  }

#travel_blog_drop {
	/*width: 971px;*/
	/*height: 160px;*/
	top: 26px;
	left: 20px;
	
	background: none;
	background-color: #fff;
	padding: 10px 10px 0;
	
	/* this needs to be 180 x number of total columns */
	width: 540px;
	}

#travel_blog_drop a.tbSuppLink,
#travel_blog_drop a.tbSuppLink:visited {
	display: block;
	background:none;
	font-size: 13px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	margin: 5px 0 0 10px;
	padding: 0;
	text-decoration: none;
	}

#travel_blog_drop a.tbSuppLink:hover,
#travel_blog_drop a.tbSuppLink:active {
	text-decoration: underline;
	}

/* Sublists are lists contained in the flyouts; can be multiple in one drop */
#navTopLevel ul.subList {
	float: left;
	display: block;
	list-style-type:none;
	margin: 5px 10px 16px 10px;
	padding: 0;
	width: 160px;
	/*width:auto;*/
	}

/* A 'drop' is the standard single sub ul */
#navTopLevel ul.drop {
	border: 2px solid #1765d3;
	padding:0;
	background-color: #fff;
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 10px;
	min-width: 160px;
	width: 160px;
	}

#navTopLevel ul.subList li,
#navTopLevel ul.drop li {
	position:relative;
	float:none;
	clear:both;
	display:block;
	list-style-type: none;
	font-size: 11px;
	margin-bottom: 4px;
	}



#navTopLevel ul.subList li a, 
#navTopLevel ul.subList li a:visited,
#navTopLevel ul.drop li a, 
#navTopLevel ul.drop li a:visited{
	text-decoration:none;
	color: #048;
	font-weight:bold;
	line-height: 1.2em;
	font-family: arial, helvetica, sans-serif;
	border-right: none;
	font-size: 11px;
	margin: 0;
	padding: 0;
	}

#navTopLevel ul.subList li a:hover,
#navTopLevel ul.subList li a:active,
#navTopLevel ul.drop li a:hover,
#navTopLevel ul.drop li a:active
	{
	text-decoration: underline;
	border-right: 1px solid #157ae1;
	background-image: none;
	color: #4a91ff;
	border: none;
	}


/* Funbar flyout menus */
#content .funbar .funbarLinks .fbShareLinks {
	position: absolute;
	top: -999em;
	}

#content .funbar .funbarLinks li:hover ul.fbShareLinks,
#content .funbar .funbarLinks li.sfHover ul.fbShareLinks
	{
	right: -1px;
	top: -1px; /* match top ul list item height */
	z-index: 99; /* works safari */
	}


/* =CONTENT styles
=========================================================== */
#content {
	background: transparent;
	float: left;
	width: 617px;
	margin:  0 0 0 15px; /* +1 to account for border */
	
	/* should help protect against ALL content getting borked */
	/* CAN'T do this because of funbars */
	/*overflow: hidden;*/ 
	}

/* home content is different! yay! */
#home #content {
	width: 625px;
	}

/*general UL's in the body content */
#content ol {
	margin-left: 20px;
	margin-right: 40px;
	}

#content ul {
	margin-left: 20px;
	margin-right: 40px;
	
	padding-bottom: 22px;
	
	
	
	}

#content ul li,
#content ol li
	{
	font-size: 13px;
	line-height: 1.3;
	margin-bottom: 8px;
	}

#content ul li
	{
	list-style-position: inside;
	list-style-type: none;
	/*list-style-image: url('/images/site/bullet_main_ltblue.png');*/
	margin-left: 10px;
	background: transparent url('/images/site/bullet_main_ltblue.png') 0 5px no-repeat;
	text-indent: 10px;
	}

#content p {
	font-size: 13px;
	line-height: 19px;
	padding-top: 0px;
	padding-bottom: 20px;
	margin-bottom: 0;
	color: #000;
	}

#sectionIndex #content p,
#places #content p {
	padding-bottom: 15px;
	}

#sectionIndex #content p.articleInfo,
#places #content p.articleInfo{
	padding-bottom: 5px;
	line-height: 1;
	margin-top: 2px;
	}

#page-search #content p {
	font-size: 13px;
	line-height: 1.5em;
	padding-top: 0px;
	padding-bottom: 0em;
	margin-bottom: .25em;
	color: #000;
	}

#page-search  #content p.articleInfo {
	color: #888;
	font-weight: normal;
	font-size: 12px;
	}

/* Top of Places page, sans-serif p */
#content p.alt {
	font-size: 1.2em;
	line-height: 1.5em;
	padding-top: 0px;
	padding-bottom: 1.5em;
	font-family: arial, helvetica, sans-serif;
	color: #444;
	}

/* hide excess travel-blog pre-jump stuff from the search page and from 
related articles areas beneath content */
#page-search .tblogEntry div,
#page-search .tblogEntry img
/*#story #content #relatedArticles ul li p.tBlog div,
#story #content #relatedArticles ul li p.tBlog img,
#story #content #relatedArticles ul li div,
#story #content #relatedArticles ul li div img*/
	{
	display: none;
	}



/* Homepage specific
----------------------------------------------------------- */
/* Top Story Block ----- */
#topStory {
	width: 100%;
	margin-bottom: 17px;
	
	position: relative;
	padding-top: 21px;
	
	}

#topStory #tsInner {
	
	background: #fafaf3 url('/images/site/e1e1e1_horiz.gif') 0 100% repeat-x;
	border:  1px solid #e1e1e1;
	border-bottom-width: 0;
	border-collapse: collapse;
	padding-right: 6px;

	min-height: 200px; /* maintaining some height here */
	
	}


#topStory #tsInner h1 {
	margin-top: 0px;
	font-size: 22px;
	padding-top: 8px;
	margin-bottom: 5px;
	line-height: 22px;
	}

/* title links, but is not obvious */
#topStory #tsInner h1 a:link,
#topStory #tsInner h1 a:visited {
	color:  #000;
	}

#topStory #tsInner h1 a:hover {
	color:  #4a91ff;
	}

#topStory #tsInner h1 a:active {
	color:  #4081e4;
	}

#topStory #tsInner p {
	font-size: 13px;
	line-height: 1.3em;
	padding-bottom: 0;
	}

#topStory  span.tsCategory {
	font-size: 13px;
	line-height: 1.2em;
	font-weight: bold;
	color: #579;
	text-transform: uppercase;
	font-family: arial, helvetica, sans-serif;
	}

#topStory #tsInner a.more {
	text-align: right;
	display: block;
	float: right;
	font-size: 13px;
	
	margin-top: 4px;
	}

#topStory #tsInner .caption {
	font-size: 10px;
	font-family: arial, helvetica, sans-serif;
	position: absolute;
	bottom: 2px;
	right: 5px;
	padding: 0;
	Color: #888;
	text-align: right;
	}

#topStory h2 {
	position: absolute;
	left: 0;
	top: 0;
	color: #444;
	font-size: 16px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

#topStory #tsInner img {
	float: left;
	margin-right: 10px;
	
	border: 1px solid #9c9d9d;
	margin-top: -1px;
	margin-left: -1px;
	}



/* Features Block ----- */
#content #featuredArticles {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 17px;
	}
	
#content #featuredArticles ul {
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
	overflow: auto;
	}

#content #featuredArticles li {
	list-style-type: none;
	margin: 0;
	margin-bottom: 11px;
	padding: 0;
	font-size: 12px;
	width: 300px;
	float: left;
	overflow: auto;
	line-height: 1.2em;
	}

#content #featuredArticles li.odd {
	clear: left;
	margin-right: 25px;
	}

/* first (main) link gets the bullet */
#content #featuredArticles ul li a {
	font-weight: bold;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	padding-bottom: 2px;
	line-height: 1em;
	}

#content #featuredArticles ul li a:hover {
	text-decoration: underline;
	}

#content #featuredArticles li p {
	font-size: 12px;
	color:  #444;
	margin: 0 0 0 0;
	line-height: 1.2em;
	padding-bottom: .25em;
	}

#content #featuredArticles li span.tblogCategory {
	font-size: 10px;
	line-height: 1.2em;
	font-weight: bold;
	color: #579;
	text-transform: uppercase;
	font-family: arial, helvetica, sans-serif;
	}

/* Image LI style is diff */
#content #featuredArticles li.image {
	padding-left: 85px;
	width: 215px;
	}

/* these images are 46x40. The border makes them 48x42 */
#content #featuredArticles li.image img {
	border: 1px solid #ccc;
	float: left;
	margin-left: -85px;
	margin-top: 0px;
	}

#content #featuredArticles li.image a:link.imgLink img,
#content #featuredArticles li.image a:visited.imgLink img {
	border: 1px solid #ccc;
	}

#content #featuredArticles li.image a:hover.imgLink img {
	border: 1px solid #4a91ff;
	}

#content #featuredArticles li.image a:active.imgLink img {
	border: 1px solid #4081e4;
	}

#content #featuredArticles p.readMore {
	font-size: 12px;
	line-height: 12px;
	text-align: right;
	padding-bottom: 0;
	padding-top: 0px;
	}


/* DEFINITION LIST - Homepage Features -------- 
----------------------------------------------------------- */

	
#content #homeFeatures {
	
	display: block;
	
	margin-top: 10px;
	}

#content #homeFeatures div {
	
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 11px;
	
	}

#content #homeFeatures dl {
	
	

	margin: 0;
	margin-bottom: 0px;
	padding: 0;
	font-size: 12px;
	width: 300px;
	float: left;
	line-height: 1.2em;
	}

#content #homeFeatures dl.odd {
	clear: left;
	margin-right: 25px;
	
	}


#content #homeFeatures dl dt {
	width: 300px;
	float: right;
	}

#content #homeFeatures dl.image dt {
	width: 215px;
	}

#content #homeFeatures dt a {
	font-weight: bold;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	padding-bottom: 2px;
	line-height: 1em;
	}

#content #homeFeatures dt a:hover {
	text-decoration: underline;
	}



#content #homeFeatures dl dd {
	font-size: 12px;
	color:  #444;
	margin: 0 0 0 0;
	line-height: 1.2em;
	padding-bottom: .25em;
	
	width: 300px;
	float: right;
	
	}

#content #homeFeatures dl.image dd {
	width: 215px;
	}



#content #homeFeatures dd span.tblogCategory {
	font-size: 10px;
	line-height: 1.2em;
	font-weight: bold;
	color: #579;
	text-transform: uppercase;
	font-family: arial, helvetica, sans-serif;
	}

/* Image LI style is diff */
#content #homeFeatures dl dd.featImage {
	
	width: 85px;
	
	
	float: left;
	
	margin-left: 0;
	}

/* these images are 46x40. The border makes them 48x42 */
#content #homeFeatures dd.featImage img {
	border: 1px solid #ccc;
	float: left;
	
	margin-top: 0px;
	}

#content #homeFeatures dd.featImage a:link.imgLink img,
#content #homeFeatures dd.featImage a:visited.imgLink img {
	border: 1px solid #ccc;
	}

#content #homeFeatures dd.featImage a:hover.imgLink img {
	border: 1px solid #4a91ff;
	}

#content #homeFeatures dd.featImage a:active.imgLink img {
	border: 1px solid #4081e4;
	}

#content #homeFeatures p.readMore {
	font-size: 12px;
	line-height: 12px;
	text-align: right;
	padding-bottom: 0;
	padding-top: 0px;
	}





/* 'From the Archives' Block ----- */
#fromArchives {
	width: 300px;
	margin-right: 25px;
	float: left;
	min-height: 200px;
	
	background: #fff;
	}


#content #fromArchives ul {
	list-style-type: none;
	margin: 8px 0 0;
	padding: 0;
	}

#content #fromArchives li {
	list-style-type: none;
	margin: 0;
	margin-bottom: 12px;
	padding: 0;
	font-size: 12px;
	
	line-height: 1.2em;
	background: none;
	text-indent: 0;
	}

/* first (main) link gets the bullet */
#content #fromArchives a.cpTitle:link,
#content #fromArchives a.cpTitle:visited {
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	padding-left: 8px;
	background: transparent url('/images/site/dot_blue.gif') 0 4px no-repeat;
	margin-bottom: 0px;
	text-decoration: none;
	}

#content #fromArchives a.cpTitle:hover {
	text-decoration: underline;
	}

#content #fromArchives li p {
	font-size: 12px;
	line-height: 1.3;
	color:  #444;
	margin: 0 0 0 0;
	padding-bottom: 0px;
	}

#content #fromArchives li span.tblogCategory {
	font-size: 10px;
	line-height: 16px;
	font-weight: bold;
	color: #579;
	text-transform: uppercase;
	font-family: arial, helvetica, sans-serif;
	}

#content #fromArchives li span.tblogInfo {
	display: block;
	font-size: 11px;
	padding:  0;
	margin: 0;
	line-height: 1.1em;
	}

#content #fromArchives p.more {
	text-align: right;
	font-size: 12px;
	line-height: 12px;
	padding-bottom: 0;
	}

#content #fromArchives p.more a {
	text-decoration: none;
	}

#content #fromArchives p.more a:hover {
	text-decoration: underline;
	}




/* Photo/Video/Slideshow Block ----- */
#dailyMedia {
	width: 300px;
	float: left;
	min-height: 200px;
	
	background: #fff;
	}

#dailyMedia h2 {
	margin-bottom: 10px;
	}

#content #dailyMedia h3 {
	text-transform: none;
	margin-bottom: 0;
	}

#dailyMedia img {
	margin-bottom: 6px;
	border: 1px solid #9a9a9a;
	}

#dailyMedia p.more {
	text-align: right;
	font-size: 12px;
	line-height: 12px;
	padding-bottom: 0;
	}

#dailyMedia p.more a {
	text-decoration: none;
	}

#dailyMedia p.more a:hover {
	text-decoration: underline;
	}

#dailyMedia p {
	font-size: 12px;
	line-height: 16px;
	color:  #444;
	margin: 0 0 0 0;
	padding-bottom: 12px;
	}

#dailyMedia p span.dmCategory {
	font-size: 10px;
	font-weight: bold;
	color: #579;
	text-transform: uppercase;
	font-family: arial, helvetica, sans-serif;
	}








/* Breadcrumbs
----------------------------------------------------------- */
#content #breadcrumb {
	margin-bottom: 13px;
	height: 11px;
	line-height: 11px;
	margin: 0 0 00;
	padding-bottom: 0;
	}

#content #breadcrumb li {
	display: inline;
	margin: 0 0 0 0;
	font-weight: normal;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #579;
	padding:0 0 0 0;
	background: none;
	text-indent: 0px;
	}

#content #breadcrumb li span {
	margin: 0 2px 0 3px;
	font-weight: normal;
	font-family: georgia, serif;
	font-size: 11px;
	color: #048;
	}

#content #breadcrumb li a:link,
#content #breadcrumb li a:visited {
	font-weight: bold;
	padding: 0;
	color: #048;
	}
/* -------------------------------------------------------- */


/* Basic Index Page Pagination
----------------------------------------------------------- */
#content #indexPaginationWrap {
	margin: 29px 0 0;
	padding:  0 0 0 0;
	background: transparent; /* IE */
	float:  left;
	position: relative;
	left: 50%;
	}


#content .indexPagination {
	/*float: left;*/
	margin: 0px auto 0px auto;
	padding:  0 0 0 0;
	clear: both;
	width: 100%;
	background: #fff;
	
	position: relative;
	left: -50%;
	}

#content .indexPagination li {
	display: inline;
	margin: 0 20px 0px 0;
	padding: 0;
	border: none;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	float: left;
	color: #ccc;
	background: #fff;
	}

#content .indexPagination li.next {
	margin-left: 20px;
	}

#content .indexPagination li.active {
	padding: .5em;
	border: 1px solid #ccc;
	}

#content .indexPagination li a:link,
#content .indexPagination li a:visited
	{
	margin: 0 0 0 0;
	padding: .5em;
	display: block;
	font-weight: bold;
	border: 1px solid #a7c2ce;
	}

#content .indexPagination li a:hover
	{
	color: #fff;
	background: #09f;
	text-decoration: none;
	}

#content .indexPagination li a:active
	{
	color: #fff;
	background: #9cf;
	}




/* Basic Story Pagination
----------------------------------------------------------- */
#content .storyPagination {
	/*float: left;*/
	margin: 0px 0 5px 0;
	padding:  0 0 0 0;
	clear: both;
	width: 100%;
	background: #fff;
	
	overflow: auto;
	}

 #content .storyPagination li {
	display: inline;
	margin: 0 6px 5px 0;
	padding: 0;
	border: none;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	float: left;
	}

#content .storyPagination li.active {
	padding: 3px 7px 3px;
	border: none;
	}

#content .storyPagination li.linebr {
	clear: left;
	}

#content .storyPagination li a:link,
#content .storyPagination li a:visited
	{
	margin: 0 0 0 0;
	padding: 2px 6px 2px;
	display: block;
	font-weight: normal;
	border: 1px solid #a7c2ce;
	}

#content .storyPagination li a:hover
	{
	color: #fff;
	background: #09f;
	text-decoration: none;
	}

#content .storyPagination li a:active
	{
	color: #fff;
	background: #9cf;
	}


#content .storyPagination li a.off:link,
#content .storyPagination li a.off:visited
	{
	margin: 0 0 0 0;
	padding: 2px 6px 2px;
	display: block;
	border: 1px solid #a7c2ce;
	color:  #000;
	font-weight: bold;
	border: 1px solid #fff;
	}

#content .storyPagination li a.off:hover
	{
	color: #000;
	background: #fff;
	text-decoration: none;
	}

#content .storyPagination li a:active
	{
	color: #000;
	background: #fff;
	}


/* -------------------------------------------------------- */


/* Article/Story styles */
#content div#summary {
	border-bottom: 1px solid #ddd;
	padding-top: 4px;
	margin-bottom: 6px;
	padding-bottom: 5px;
	color: #444;
	
	position: relative; /* added this due to the photo slideshow count needing to go right */
	}

#content div#summary p {
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #444;
	display: inline;
	}

/* Main Feature section to which article belongs */
.featureCategory {
	text-transform: uppercase;
	color: #579;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	}

#content #storyDate {
	text-align: right;
	height: 25px;
	color: #888;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	padding-bottom: 5px;
	}

#content p.articleInfo {
	text-align: left;
	color: #888;
	font-weight: normal;
	font-size: 12px;
	padding-bottom: 2px;
	}

/* "Drop caps" at beginning of articles "dropcap" is legacy 
Only show these on story pages - not indexes.
*/
#content span.cap, 
#content span.dropcap,
#content #relatedArticles li span.cap,
#content #relatedArticles li span.dropcap	
	{
	font-size: inherit;
	line-height: 1em;
	}

#story #content span.cap, 
#story #content span.dropcap,
#info #content span.cap, 
#info #content span.dropcap
	{
	font-size: 28px;
	line-height: 28px;
	}


/* Next/Prev page links on a paginated article */
#content p.flipPage {
	text-align: right;
	}

#content p.flipPage a {
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	}


/* Lead to the extended story for index items */
#sectionIndex #content p.tbStoryMore,
#places #content p.tbStoryMore {
	margin-bottom: 16px;
	padding-bottom: 0;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	display: block;
	line-height: 13px;
	
	width: 300px;
	float: right;
	
	}


#sectionIndex #content p.tbStoryMore a:link,
#sectionIndex #content p.tbStoryMore a:visited,
#places #content p.tbStoryMore a:link,
#places #content p.tbStoryMore a:visited
	{
	margin: 0 0 0 0;
	font-family: arial, helvetica, sans-serif;
	padding: .5em;
	display: block;
	font-weight: bold;
	border: 1px solid #a7c2ce;
	float: right;
	}

#sectionIndex #content p.tbStoryMore a:hover,
#places #content p.tbStoryMore a:hover
	{
	color: #fff;
	background: #09f;
	text-decoration: none;
	}

#sectionIndex #content p.tbStoryMore a:active,
#places #content p.tbStoryMore a:active
	{
	color: #fff;
	background: #9cf;
	}




/* Image/Posts on the Story/Article pages
----------------------------------------------------------- 
Desired to have all images with a border by default
*/
#story #content img {
	border: 1px solid #888;
	}

#story #content img.noborder {
	border: none;
	}

#story #content .captioned {
	/*width: 195px;*/ /* the default width */
	background: trans;
	}

/* do not show these on the index pages */
#sectionIndex .captioned,
#places .captioned {
	display: none;
	}

/* images with captions */
#story #content .image-left-caption-left,
#story #content .image-left-caption-right,
#story #content .image-right-caption-left,
#story #content .image-right-caption-right
	{
	color: #888;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	}

#story #content .image-left-caption-left,
#story #content .image-right-caption-left {
	text-align: left;
	}

#story #content .image-left-caption-right,
#story #content .image-right-caption-right {
	text-align: right;
	}

#story #content .image-left-caption-left,
#story #content .image-left-caption-right {
	float: left;
	clear:  left;
	margin: 0px 12px 5px 0;
	}

#story #content .image-right-caption-left,
#story #content .image-right-caption-right {
	float: right;
	clear: right;
	margin: 0px 0px 5px 12px;
	}

#story #content .image-left-caption-left img,
#story #content .image-left-caption-right img,
#story #content .image-right-caption-left img,
#story #content .image-right-caption-right img
	{
	display: block;
	margin-bottom: 3px;
	}

/* basic image floats, and general floats - no captions */
.imgleft,
.imageleft,
.floatleft,
.left
	{
	float: left;
	clear: left;
	margin: 0 10px 10px 0;
	
	}

.imgright,
.imageright
.floatright,
.right
	{
	float: right;
	margin: 0 0 10px 10px;
	}


/* primarily for centering video */
.center {
	display: block;
	clear: both;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	}


#content blockquote {
	background: transparent;
	padding:  10px 10px 0;
	margin:  0em 40px 1.5em 40px;
	background-color: #eee;
	/*clear: both;*/
	}

#content blockquote p { 
	padding-bottom: 1.5em;
	color: #444;
	}

/* images with captions */
#content .audio-wrap
	{
	background-color: transparent;
	width:240px; 
	color: #888;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	}

#content .audio-wrap em
	{
	background-color: none;
	font-style: normal;
	}


/* Lead Pictures on index pages
----------------------------------------------------------- */
.index-pic-left
 	{
	text-align: left;
	color: #888;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.2em;
	float: left;
	margin: 3px 12px 5px 0;
	}

.index-pic-left img
	{
	border: 1px solid #ccc;
	margin-bottom: 3px;
	}


/* Bullet at the end of articles */
#story #content img.story-end {
	vertical-align: bottom;
	margin-bottom: 3px;
	margin-left: 3px;
	border: none;
	}


/* Print items */
.print {
	display: none;
	}

#printPermalink {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	display: none;
	}



/* Photos/Slideshows
----------------------------------------------------------- */
.slidechowCount {
	
	/*float: right;*/
	position: absolute;
	right: 0;
	}

#sshowWrap {
	float: left;
	margin-bottom: 20px;
	}



.sshowpic {
	width: 542px;
	font-size: 1.3em;
	line-height: 1.5em;
	float: left;
	}

.sshowpic img {
	border: 1px solid #47494a;
	}

/* wraps the image only */
.sshowimage {
	width: 542px;
	min-height: 347px;
	height:auto !important;
  	height:347px; /*IE6*/
	
	max-width: 542px;
	/*max-height: 347px;*/
	/* this works in safari */
	display: block; 
	text-align: center;
	
	/*overflow: hidden;*/
	}





.sshowCaption {
	display: block;
	width: 542px;
	min-height: 60px;
	height: auto;
	padding-top: 1em;
	}


/* Previous Pic Link */
#picNavPrev {
	height: 345px;
	width: 35px;
	float: left;
	position: relative;
	}

#picNavPrev .picNavOff {

	height: 30px;
	width: 30px;
	position: absolute;
	top: 45%;
	left: 0;
	background: transparent url('/images/site/btn_slideshow_nav.png') 0px -90px no-repeat;
	}

#picNavPrev .picNavOff span {
	display: none;
	}

/* Next Pic Link */
#picNavNext {
	height: 345px;
	width: 35px;
	float: left;
	
	position: relative;
	}

#picNavNext .picNavOff {
	height: 30px;
	width: 30px;
	position: absolute;
	top: 45%;
	right: 0;
	background: transparent url('/images/site/btn_slideshow_nav.png') -30px -90px no-repeat;
	}

#picNavNext .picNavOff span {
	display: none;
	}

#sshowWrap a.flipPic:link,
#sshowWrap a.flipPic:visited {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 45%;
	background-color: transparent;
	background-image:  url('/images/site/btn_slideshow_nav.png');
	background-position:  0 0;
	background-repeat: no-repeat;
	}

#sshowWrap a.flipPic span {
	display: none;
	}


#sshowWrap #picNavPrev a.flipPic {
	left: 0;
	background: transparent url('/images/site/btn_slideshow_nav.png') 0 0 no-repeat;
	}

#sshowWrap #picNavNext a.flipPic:link,
#sshowWrap #picNavNext a.flipPic:visited {
	right: 0;
	background-position: -30px 0;
	}

#sshowWrap #picNavNext a.flipPic:hover{
	right: 0;
	background-position: -30px -30px;
	}

#sshowWrap #picNavPrev a.flipPic:hover{
	right: 0;
	background-position: 0px -30px;
	}

#sshowWrap #picNavNext a.flipPic:active {
	right: 0;
	background-position: -30px -60px;
	}

#sshowWrap #picNavPrev a.flipPic:active {
	right: 0;
	background-position: 0px -60px;
	}


/* photo of the day ----- */
#dailyPhoto {
	background: #fff;
	margin: 0 auto 8px;
	/*text-align: center;*/
	}

#dailyPhoto img {
	border: 1px solid #888;
	}

#dailyPhoto .credit {
	text-align: right;
	display: block;
	padding-right: 5px;
	font-family: arial, helvetica, sans-serif;
	color: #888;
	margin-top: 3px;
	}




/* TAGS list - show on index pages, and below articles
----------------------------------------------------------- */
.storyTags {
	margin-bottom: 20px;
	font-size: 12px;
	}

.storyTags li {
	display: inline;
	margin-left: 5px;
	line-height: 1.6em;
	}

.storyTags li.title {
	margin-left: 0;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	}

#sectionIndex .storyTags {
	margin-bottom: 5px;
	font-size: 1.2em;
	}

/* NEW version of tags, comma separated */
.tagsStory {
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 7px;
	
	clear: right;
	}

.tagsStory .tagsTitle {
	margin-left: 0;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	margin-right: 5px;
	}

		

/* FUNBAR
This needs to be classed because multiple funbars show up 
on the section index pages.
=========================================================== */
.funbar {
	border-top: 1px solid #a7c2ce;
	float: left;
	clear: left;
	
	width: 100%;
	display: block;
	margin-bottom: 0;
	padding: 0 0 16px 0;
	
	/*position: relative;*/ /* removed; solves issues */
	
	/* contain inner floats */
	/* can't use the overflow, because the share menu gets 'stuck' */
	/*overflow: auto;*/
	
	
	/* z-index here messes safari/firefox*/
	/*z-index: 1;*/
	}

#sectionIndex .funbar,
#places .funbar {
	margin-bottom: 0px;
	}

/*generic 'more' links that may show towards the left*/
.funbar .moreLink {
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 24px;
	}

#content .funbar .storyPagination {
	float: left;
	clear: left;
	width: 280px; /* stated width helps all browsers */
	margin: 4px 0 0 0;
	padding:  0 0 0 0;
	margin-right: 0;
	}

#content .funbar .storyPagination li {
	display: inline;
	margin: 0 6px 5px 0;
	padding: 0;
	border: none;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	float: left;
	}

#content .funbar .storyPagination li.active {
	padding: 3px 7px 3px;
	border: none;
	}

#content .funbar .storyPagination li.linebr {
	clear: left;
	}

#content .funbar .storyPagination li a:link,
#content .funbar .storyPagination li a:visited
	{
	margin: 0 0 0 0;
	padding: 2px 6px 2px;
	display: block;
	font-weight: normal;
	border: 1px solid #a7c2ce;
	}

#content .funbar .storyPagination li a:hover
	{
	color: #fff;
	background: #09f;
	}

#content .funbar .storyPagination li a:active
	{
	color: #fff;
	background: #9cf;
	}


#content .funbar .storyPagination li a.off:link,
#content .funbar .storyPagination li a.off:visited
	{
	margin: 0 0 0 0;
	padding: 2px 6px 2px;
	display: block;
	border: 1px solid #a7c2ce;
	color:  #000;
	font-weight: bold;
	border: 1px solid #fff;
	}

#content .funbar .storyPagination li a.off:hover,
#content .funbar .storyPagination li a:active
	{
	color: #000;
	background: #fff;
	text-decoration: none;
	}


/* 
FUNBAR LINKS
All the links to the right side
----------------------------------------------------------- */
#content .funbar .funbarLinks {
	float:  right;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	display: block;
	
	padding-bottom: 0;
	/*position: relative;*/
	/*z-index: 100;*/
	
	
	
	}

#content .funbar .funbarLinks li {
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	display: inline;
	margin: 0 0 0 0;
	padding: 0px 0 0 0;
	border-left: 1px solid #a7c2ce;
	float: left;
	/*height: 24px;*/
	/*line-height: 24px;*/
	background: none;
	text-indent: 0px;
	}

#content .funbar .funbarLinks li.first {
	border-left: none;
	}

#content .funbar .funbarLinks li a:link,
#content .funbar .funbarLinks li a:visited {
	float: left;
	margin: 0 0 0 0;
	padding: 0px 10px 0px 30px;
	line-height: 24px;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	}

#content .funbar .funbarLinks li a:hover {
	background-position: 0 -24px;
	text-decoration: underline;
	}

#content .funbar .funbarLinks li a:active {
	background-position: 0 -48px;
	color: #9cf;
	text-decoration: underline;
	}

#content .funbar .funbarLinks li a.fbPermalink {
	background-image: url('/images/site/icons_funbar_permalink.gif');
	}

#content .funbar .funbarLinks li a.fbComments {
	background-image: url('/images/site/icons_funbar_comments.gif');
	}

#content .funbar .funbarLinks li a.fbPrint {
	background-image: url('/images/site/icons_funbar_print.gif');
	}


/* SHARE button is a special case, containing a flyout menu */
#content .funbar .funbarLinks li a.fbShare {
	background-image: url('/images/site/icons_funbar_share.gif');
	}



#content .funbar .funbarLinks li a.fbShare:hover,
#content .funbar .funbarLinks li a.fbShare.active {
	background-position: 0 -24px;
	color: #4a91ff;
	text-decoration: underline;
	}

#content .funbar .funbarLinks li a.fbShare span {
	display: block;
	background: transparent url('/images/site/arrow_share.gif') 100% 0 no-repeat;
	padding-right: 8px;
	}

#content .funbar .funbarLinks li a.fbShare:hover span,
#content .funbar .funbarLinks li a.fbShare.active span {
	background-position: 100% -24px;
	}

#content .funbar .funbarLinks li a.fbShare:active span {
	background-position: 100% -48px;
	}


#content .funbar .funbarLinks li.shareDrop {
	/* the list that opens is absolutely positionsed, so need relative here */
	position: relative;
	
	
	/* giving this a z-index screws everything */
	/*z-index: 1181;*/
	}

/* The "Share This" UL 
----------------------------------------------------------- */
#content .funbar .funbarLinks li.shareDrop .fbShareLinks {
	position: absolute;
	right:  -1px;
	top: -1px;
	float: none;
	margin: 0;
	/*border-left: 1px solid #a7c2ce;*/
	background-color: transparent;
	padding-top: 26px;
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-image: url('/images/site/sharedrop_top.gif');
	
	
	/*z-index: 1180;*/
	}


#content .funbar .funbarLinks li .fbShareLinks li {
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	display: block;
	margin: 0 0 0 0;
	padding: 0px 1px 0 0;
	border-left: none;
	float: none;
	
	width: 122px;
	background: #000;
	}

#content .funbar .funbarLinks li .fbShareLinks li a:link,
#content .funbar .funbarLinks li .fbShareLinks li a:visited {
	float: none;
	display: block;
	margin: 0 0 0 0;
	border-right: 1px solid #888;
	border-left: 1px solid #888;
	
	padding: 5px 10px 5px 10px;
	line-height: inherit;
	
	background-color: #fff;
	background-position: 0 0;
	background-repeat: no-repeat;
	border-bottom: 1px dashed #ddd;
	}

#content .funbar .funbarLinks li .fbShareLinks li a img {
	margin: 0 5px 0 0;
	vertical-align: middle;
	border: none !important;
	}

#content .funbar .funbarLinks li .fbShareLinks li a:hover {
	color:  #fff;
	background-color: #007ed2;
	border-bottom: 1px dashed #fff;
	text-decoration: none;
	}


/* Bottom link is different */
#content .funbar .funbarLinks li .fbShareLinks li.bottom {
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	display: block;
	margin: 0 0 0 0;
	padding: 0px 1px 1px 0;
	border-left: none;
	float: none;
	/*border-right: 1px solid #000;*/
	width: 122px;
	background: #000 url('/images/site/sharedrop_bottom.gif') 0 100% no-repeat;
	}

#content .funbar .funbarLinks li .fbShareLinks li.bottom a {
	float: none;
	display: block;
	margin: 0 0px 0px 0;
	border-right: 1px solid #888;
	
	padding: 5px 10px 5px 10px;
	line-height: inherit;
	background-color: #fff;
	background-position: 0 0;
	background-repeat: no-repeat;
	border-bottom: 1px solid #888;
	border-left: 1px solid #888;
	}

#content .funbar .funbarLinks li .fbShareLinks li.bottom a img {
	margin: 0 5px 0 0;
	vertical-align: middle;
	}

#content .funbar .funbarLinks li .fbShareLinks li.bottom a:hover {
	color:  #fff;
	background-color: #007ed2;
	border-bottom: 1px solid #888;
	}










/* AUTHOR area below articles
----------------------------------------------------------- */
#authorWrap {
	background: #fff;
	float: left;
	clear: both;
	width:617px;
	
	margin-top: 20px;
	}

#authorInfo {
	float: left;
	width: 291px;
	}

/* when there are no related author articles, 
this 'full' class is added */
#authorInfo.full {
	width: 100%;
	}

.authorBlock {
	margin-bottom: 10px;
	/* contain floats */
	float:left;
	width: 100%;
	clear: left;
	}

.authorBlock img {
	float: left;
	margin: 5px 10px 0 0;
	}

#content .authorBlock p {
	padding-bottom: 0;
	font-size: 12px;
	color: #444;
	}



/* related articles by the author */
#authorRelated {
	float: right;
	width: 291px;
	padding-top: 3px;
	}

#content #authorRelated h3 {
	font-size: 12px;
	}

#authorRelated ul {
	margin: 8px 0px 0 0px;
	padding: 0 0 0 0;
	}

#authorRelated ul li {
	margin: 0 0 6px 0;
	padding: 0;
	list-style: none;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	padding-left: 8px;
	font-size: 12px;
	background: transparent url('/images/site/dot_blue.gif') 0 4px no-repeat;
	text-indent: 0;
	}

/* photo and video page credits */
#photoVideoCredits {
	float: right;
	width: 291px;
	margin-bottom: 24px;
	}

#photoVideoCredits.full {
	float: right;
	width: 100%;
	margin-bottom: 2em;
	}

#photoVideoCredits p {
	font-size: 12px;
	color: #444;
	}



/* Story End page - related articles block */
#content #relatedArticles {
	float: left;
	width: 100%;
	
	
	margin-bottom: 12px;
	margin-top: 20px;
	}

#content #relatedArticles h3 {
	font-size: 12px;
	}
	
#content #relatedArticles ul {
	list-style-type: none;
	margin: 8px 0 0 0;
	padding: 0 0 0 0;
	overflow: auto;
	}

#content #relatedArticles li {
	list-style-type: none;
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	font-size: 12px;
	width: 291px;
	float: left;
	overflow: auto;
	line-height: 1.2em;
	background: none;
	text-indent: 0px;
	}

#content #relatedArticles li.odd {
	clear: left;
	margin-right: 30px;
	}

/* first (main) link gets the bullet */
#content #relatedArticles li>a {
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	padding-left: 8px;
	background: transparent url('/images/site/dot_blue.gif') 0 4px no-repeat;
	margin-bottom: 0px;
	}

#content #relatedArticles li p {
	font-size: 12px;
	line-height: 1.4;
	color:  #444;
	margin: 0 0 0 0;
	padding-bottom: .25em;
	}

#content #relatedArticles li span.tblogCategory {
	font-size: 10px;
	font-weight: bold;
	color: #579;
	text-transform: uppercase;
	font-family: arial, helvetica, sans-serif;
	}

/* Primarily for Travel Blog relateds; images should NOT show here */
#story #content #relatedArticles img {
	display: none;
	}

/* COMMENTS
----------------------------------------------------------- */

/*
<div class="comments">
<p class="commentpost">
	<span class="commentName"><a href="#" rel="external nofollow">craig of travelvice.com</a></span>
	<span class="commentDate">12.08.07&nbsp;|&nbsp;2:40 PM ET</span>
</p>
	
	<div class="commentbody">
		<p>According to Yarns of the Sea, Legends, Myths, and Superstitions: Although women were considered to bring bad luck at sea, mariners always use the pronoun "she" when referring to their ships. Whether its proper name is masculine, or whether it is a man o'war, a battleship, or a nuclear submarine, a ship is always referred to as "she."</p>
		<p>One source suggests that a ship "was nearer and dearer to the sailor than anyone except his mother." What better reason to call his ship "she"?</p>
	</div>
</div>
*/

/* Wraps entire comments area, including form */
.comments {
	margin: 12px 24px 14px 21px;
	}

#content .commentPost {
	background: #246;
	margin: 0;
	padding: 0;
	line-height: 2.6em;
	
	overflow: auto;
	
	}

#content .commentPost .commentName {
	color:  #fff;
	margin-left:  10px;
	font-size: 14px;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	
	float: left;
	}

#content .commentPost .commentName a:link,
#content .commentPost .commentName a:visited
	{
	color:  #fff;
	font-size: 14px;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	}

#content .commentPost .commentName a:hover
	{
	color:  #fff;
	}

#content .commentPost .commentDate {
	color:  #fff;
	border-left: 1px solid #689;
	float: right;
	padding: 0 16px 0 10px;
	font-size: 11px;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	}

#content .commentBody {
	background: #fbfcf7;
	border: 1px solid #888;
	border-top-width: 0;
	padding: 16px 18px 0;
	margin-bottom: 14px;
	
	clear: left;
	}

#content h3 {
	color: #000;
	font-size: 15px;
	margin-bottom: 0px;
	}

#content h3.commentCount {
	background: transparent url('/images/site/icon_sidebar_discussion.gif') 0 0px no-repeat;
	padding-left: 21px;
	
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1;
	}

#content h3.commentCount.noicon {
	background-image: none;
	padding-left: 0px;
	}

#content h3.commentCount em {
	text-transform: none;
	color: #444;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-family: georgia, "Times New Roman", times, serif;
	}

#content h3.addComment {
	background: transparent url('/images/site/icon_addcomment.gif') 0 10px no-repeat;
	padding-left: 16px;
	padding-top: 10px;
	margin-bottom: 2px;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1;
	}

#content h2.underline {
	border-bottom: 1px solid #ddd;
	padding-bottom: 0px;
	line-height: 16px;
	padding:0 0 2px;
	}

#content h3.underline {
	border-bottom: 1px solid #ddd;
	margin: 0 0 0 0;
	line-height: 1;
	padding:0 0 2px 0;
	text-transform: uppercase;
	}

#content .commentNote {
	font-size: 12px;
	line-height: 1.1em;
	margin-left: 16px;
	padding-bottom: .75em;
	}

/* Comment Form
---------------------------------------------------------- */
#commentWrap {
	float: left;
	width: 617px;
	margin-top: 24px;
	}

#comment_form {
	
	}

#comment_form p.formInfo {
	width: 564px;
	padding-left: 16px;
	padding-bottom: 1em;
	font-size: 12px;
	}

#comment_form p.formInfo .infoRequired {
	color:  #c00;
	}

#comment_form p.formInfo .infoRequired strong {
	color:  #c00;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	font-size: 22px;
		
	/* may need height: 0 here */
	vertical-align: bottom;
	position: relative;
	line-height: 12px;
	}

#content #comment_form p.formInfo a {
	float: right;
	}


/* <span class="infoRequired"><strong>*</strong> = Required</span> */

fieldset {
	margin: 0;
	padding: 0;
	width: 564px;
	padding-left: 16px;
	}

fieldset legend {
	display: none;
	}

fieldset div {
	font-weight: bold;
	font-size: 1.2em;
	font-family: arial, helvetica, sans-serif;
	}

fieldset div .required {
	font-weight: bold;
	font-size: 2.2em;
	font-family: arial, helvetica, sans-serif;
	color: #c00;
	vertical-align: bottom;
	position: relative;
	line-height: 12px;
	}

fieldset div.half {
	width: 282px;
	float: left;
	margin-bottom: 5px;
	}

fieldset div.leftside {
	text-align: left;
	}

fieldset div.rightside {
	text-align: right;
	}

fieldset div.half input.text {
	width: 200px;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	}

textarea#comment.commentbox {
	width: 562px;
	margin-top: 3px;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	}

ul.buttons {
	list-style: none;
	margin-left: 16px;
	}

ul.buttons li {
	list-style: none;
	margin-left: 0px;
	}

fieldset.fscaptcha {
	width: 318px;
	height: 129px;
	float:left;
	}

fieldset #recaptcha_widget_div {
	margin-top: 5px;
	}

fieldset.electives {
	width: 220px;
	height: 99px;
	float: left;
	padding-top: 30px;
	}

fieldset.electives input.submit {
	display: block;
	margin-top: 10px;
	}

/* Form Errors ----------------------------------- */
#comment_form fieldset span.formError {
	display: block;
	color: red;
	font-weight: normal;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	}

/* hide the message in the recaptcha */
#recaptcha_table tbody tr td.recaptcha_r4_c1 div.recaptcha_input_area span.formError {
	/*display: none;
	font-size: 1px;
	visibility: hidden;*/
	padding-bottom:130px;
	}

#recaptcha_widget_div span.formError {
	margin-left: 5px;
	margin-top: 10px;
	}


input#recaptcha_response_field {
	
	}

#comment_form fieldset div.half span.formError {
	margin-left: 40px;
	}
	
#comment_form fieldset input.formError,
#comment_form fieldset textarea.formError {  
	/*border: 1px dotted red; 
	background: #ffd2d5;*/
	background: #fe3;
	}



/* =SIDEBAR styles
=========================================================== */
#sidebar {
	float: right;
	background: #f6f6f2;
	border: 1px solid #ddd;
	margin: 0 14px 0 0; /* +1 to account for border */
	width: 320px;
	color:  #444;
	margin-top: 21px;
	padding-bottom: 10px;
	}

/* Reset sidebar link styles here */
#sidebar a:link,
#sidebar a:visited {text-decoration: none;}
#sidebar a:hover {text-decoration: underline;}

#sidebar h2 {
	color: #444;
	font-family: georgia, "Times New Romaan", times, serif;
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	margin-top: -22px;	 
	text-transform: none;
	}

#sidebar h3 {margin-bottom: 3px;font-size: 12px;}

#sidebar h3.icon {
	line-height: 1.2em;
	padding-left: 20px;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	}

/* Specific Icons */
#sidebar h3.rss { background-image: url('/images/site/icon_sidebar_rss.gif'); }
#sidebar h3.places { background-image: url('/images/site/icon_sidebar_places.gif'); }
#sidebar h3.discuss { background-image: url('/images/site/icon_sidebar_discussion.gif'); }
#sidebar h3.email { background-image: url('/images/site/icon_sidebar_email.gif'); }
#sidebar h3.newsletter { background-image: url('/images/site/icon_sidebar_newsletter.gif'); }
#sidebar h3.wh { background-image: url('/images/site/icon_sidebar_wh.gif'); }
#sidebar h3.tags { background-image: url('/images/site/icon_sidebar_tags.png'); }

/* Generic rules for the sidebar 'blocks' */
.sideBlock {padding:  0px 12px 23px;}
.sideBlock.destinationsBlock {padding:  0px 12px 8px;}

.sideBlock p,
.sideBlock li{font-size: 1.2em;margin-bottom: 0;}

#tcLatest {
	background: transparent url('/images/site/logo_travelchannel_latest.gif') 12px 0px no-repeat;
	min-height: 74px;
	padding:  0px 12px 0 95px;
	}


/* CROSS POSTS - Top box in the sidebar
----------------------------------------------------------- */
#crossPosts {
	padding: 10px 12px 8px;
	overflow: auto;
	}

#crossPosts ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#crossPosts li {
	list-style-type: none;
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	font-size: 12px;
	line-height: 1.2em;
	}

/* first (main) link gets the bullet */

#crossPosts a.cpTitle:link,
#crossPosts a.cpTitle:visited {
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	padding-left: 8px;
	background: transparent url('/images/site/dot_blue.gif') 0 4px no-repeat;
	margin-bottom: 0px;
	text-decoration: none;
	}

#crossPosts a.cpTitle:hover {
	text-decoration: underline;
	}

#crossPosts li p {
	font-size: 12px;
	margin: 0 0 0 0;
	}

#crossPosts li span.tblogCategory {
	font-size: 10px;
	font-weight: bold;
	color: #579;
	text-transform: uppercase;
	font-family: arial, helvetica, sans-serif;
	}

#crossPosts li span.tblogInfo {
	display: block;
	font-size: 11px;
	padding:  0;
	margin: 0;
	line-height: 1.1em;
	}

/* Image LI style is diff */
#crossPosts li.image {
	padding-left: 55px;
	}
/* No bullet for links in an image li */
#crossPosts li.image a.cpTitle:link,
#crossPosts li.image a.cpTitle:visited {
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	padding-left: 0px;
	background: none;
	text-decoration: none;
	}

/* these images are 46x40. The border makes them 48x42 */
#crossPosts li.image img {
	border: 1px solid #9a9a9a;
	float: left;
	margin-left: -55px;
	margin-top: 3px;
	}

#crossPosts p.moreTravel {
	float: right;
	text-align: right;
	}

#crossPosts p.moreTravel a {
	text-decoration: none;
	}

#crossPosts p.moreTravel a:hover {
	text-decoration: underline;
	}


/* Main sidebar advertisement
----------------------------------------------------------- */ 
#sidebarAd {
	background-color: #e9e9e6;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	text-align: center;
	padding-bottom: 8px;
	margin-bottom: 12px;
	}

/* the div that wraps the ad (originates in the JS) */
#sidebarAd div {
	width: 300px;
	margin: 0 auto;
	min-height: 260px; /* give it some height before ad kicks in */
	}

#sidebarAd h3 {
	background: transparent url('/images/site/advertisement.gif') 50% 0 no-repeat;
	display: block;
	height: 13px;
	width: 320px;
	margin-bottom: 0;
	padding: 13px 0px 0px 0px; 
	height: 0px !important;
	height /**/:13px;
	overflow:hidden;
	font-size: 1px;
	border: none;
	text-indent: -9999px;
	}

.adTower {text-align: center;}
.adTower div {width:  60px;margin: 0 auto;}

/* Subscribe to World Hum
----------------------------------------------------------- */
span.rssfeed {
	background: orange;
	padding-left: 14px;
	background: transparent url('/images/site/icon_rss_orange_12x12.gif') 0 50% no-repeat;
	}

/* Top Places List, Top Tags list
----------------------------------------------------------- */
#topPlaces li, 
#topTags li {display: inline;margin:  0 .5em 0 0;padding: 0;font-size: 12px;}

#topPlaces li, 
#topTags li,
.morePlaces, 
.moreTags{font-size: 12px;}

#sidebar .morePlaces,
#sidebar .moreTags {text-align: right;margin: 0;font-size: 12px;line-height: 12px;}

/* Join the Discussion
----------------------------------------------------------- */
#commentsList {
	margin: 0;
	list-style: none;
	}

#commentsList li {
	margin: 0 0 2px 0;
	list-style: none;
	}

#commentsList li em {
	font-size: 11px;
	font-style: normal;
	}

#commentsList li a {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	padding-left: 8px;
	background: transparent url('/images/site/dot_blue.gif') 0 4px no-repeat;
	}

/* Latest From Travel Channel
----------------------------------------------------------- */
#tcLatest li {
	margin: 0 0 2px 0;
	list-style: none;
	}

#tcLatest li a {
	padding-left: 8px;
	background: transparent url('/images/site/dot_blue.gif') 0 50% no-repeat;
	}


/* =FOOTER styles
=========================================================== */
#footer {
	clear: both;
	text-align: center;
	margin: 0 13px 0 14px;
	padding-top: 45px;
	padding-bottom: 70px;
	}

#footer, #footer p, #footer ul 
	{
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	}



#footer p.credits 
	{
	color: #888;
	font-size: 11px;
	line-height: 11px;
	margin-bottom: 26px;
	}

#footer a:link,
#footer a:visited
	{
	text-decoration: none;
	}

#footer a:hover
	{
	text-decoration: underline;
	}

#footer p.copyright
	{
	color:  #444;
	font-size: 12px;
	line-height: 12px;
	}


#footer #footerNav li {
	display: inline;
	font-size: 1.1em;
	padding: 0px 10px 0 9px;
	margin:  0;
	border-right: 1px solid #4f4f4f;
	}

#footer #footerNav li.last {
	padding-right: 0px;
	border-right: 1px solid #fff;
	}


/* =Page Specific styles
=========================================================== */
/* A few pages use a skinny sidebar. Class the body. */
.shortside #content {
	width: 774px;
	}

.shortside #sidebar {
	width: 173px;
	}



#places #content {
	float: left;
	margin:  0 0 0 14px;
	margin-bottom: 60px;
	background: #fff;
	}

#places #content #colWrap {
	background: transparent url('/images/site/bg_content_places.gif') 244px 0 repeat-y;
	float:  left; /* contain inner floats */
	} 

#places #content div.col {
	/*float: left;
	background-color: lightblue;
	width: 225px;
	margin-right: 20px;
	padding-right: 20px;*/
	
	
	float: left;
	background-color: transparent;
	width: 225px;
	margin: 0px 0 0 40px;
	padding-right: 0px;
	}

#places #content div.col.first {
	/*width: 244px;
	margin-right: 0px;
	padding-right: 0px;*/
	
	
	margin-right: 0px;
	margin-left: 0;
	padding-right: 0px;
	}

/* Level 1 - Continent */
#places #content div.col ul {
	margin: 0 0 30px 0;
	padding: 0 0;
	}

#places #content div.col ul li {
	margin: 30px 0 0 0;
	padding: 0;
	list-style-type: none;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.2em;
	font-family: arial, helvetica, sans-serif;
	color:  #048;
	}

#places #content div.col ul li.top {
	margin: 0px 0 0 0;
	}


/* Level 2  - Countries */
#places #content div.col ul li ul {
	margin: 5px 0 10px 0;
	padding: 0 0 0 20px;
	}

#places #content div.col ul li ul li {
	margin: 0 0 12px 0;
	padding: 0;
	list-style-type: none;
	padding-left: 8px;
	background: transparent url('/images/site/dot_blue.gif') 0 6px no-repeat;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.2em;
	font-family: georgia, "Times New Roman", times,serif;
	color:  #048;
	}


/* Level 3, 4 - Cities, States */
#places #content div.col ul li ul li ul {
	margin: 10px 0 10px 0;
	}

#places #content div.col ul li ul li ul li {
	margin: 0 0 9px 0;
	padding-left: 6px;
	background: transparent url('/images/site/dot_blue_sm.gif') 0 5px no-repeat;
	font-size: 12px;
	}




/*
On the Places page, this sidebar is less wide, 
housing only an ad
*/
#sidebar.narrow {
	float: right;
	background: #e9e9e6;
	border: 1px solid #ddd;
	margin: 0 13px 0 0;
	color:  #444;
	margin-top: 0px;
	padding-bottom: 10px;
	text-align: center;
	}

#sidebar.narrow h3 {
	background: transparent url('/images/site/advertisement.gif') 50% 0 no-repeat;
	display: block;
	height: 13px;
	/*width: 173px;*/
	margin-bottom: 0;
	padding: 13px 0px 0px 0px; 
	height: 0px !important;
	height /**/:13px;
	overflow:hidden;
	font-size: 1px;
	}



/* SEARCH RESULTS
=========================================================== */
#search #content p {
	padding-bottom: .5em;
	}

span.searchTerm {
	font-size: 20px;
	font-family: georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-transform: none;
	}

/* SEARCH TAGS list - show on index pages, and below articles
----------------------------------------------------------- */
.searchTags {
	margin-bottom: 20px;
	margin-top: 2px;
	font-size: 1.2em;
	}

.searchTags li {
	display: inline;
	margin-left: 5px;
	line-height: 1.6em;
	}

.searchTags li.title {
	margin-left: 0;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	color:  #373737;
	}


/* SEARCH PAGINATION
================================================================================
For centering the search pagination, see centering widthless floats 
http://pmob.co.uk/pob/centred-float.htm
*/
#searchPaginationWrap {margin: 0;background: #fff;float: left;position: relative;left: 50%;text-align: left;}
#content .searchPagination {background-color: #fff;padding:  0 0 0 0;position: relative;left: -50%;}
#content .searchPagination li {display: inline;margin: 0 6px 5px 0;padding: 0;border: none;font-weight: bold;font-family: arial, helvetica, sans-serif;font-size: 11px;float: left;list-style-type: none;background: none;text-indent: 0px;}
#content .searchPagination li.active {padding: 3px 7px 3px;border: none;}
#content .searchPagination li.dotsPrev {padding: 3px;border: none;margin-right:  0px;color:  #666;}
#content .searchPagination li.dotsNext {padding: 3px;border: none;margin-left:  0px;color:  #666;}
#content .searchPagination li.prev {margin-right: 30px;}
#content .searchPagination li.next {margin-left: 30px;}
#content .searchPagination li.off {padding: 3px 7px 3px;border: 1px solid #cbd4d8;color: #cbd4d8;font-weight: normal;}
#content .searchPagination li.linebr {clear: left;}
#content .searchPagination li a:link,
#content .searchPagination li a:visited{margin: 0 0 0 0;padding: 2px 6px 2px;display: block;font-weight: normal;border: 1px solid #a7c2ce;}
#content .searchPagination li a:hover{color: #fff;background: #09f;text-decoration: none;}
#content .searchPagination li a:active{color: #fff;background: #9cf;}


a.admin {
	color: orangered;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
	font-size: 10px;
	padding: 2px 0 0px 14px;
	line-height: 12px;
	background: transparent url('/images/site/pencil_small.png') 0 0 no-repeat;
	}


/* PRINT Styles
Cosmetic only, for screen display
=========================================================== */
/*.page-print #container {
	width: 100%;
	padding: 0;
	position: relative;
	margin: 0 auto;
	}*/

body.page-print {
	background-color: #fff;
	background-image: none;
	}

.page-print #header {
	width: 990px;
	margin-left: 0px;
	padding: 9px 0px 16px 0px;
	background-color: #fff;
	background-image: none;
	}

.page-print #content {
	width: 990px;
	padding: 0;
	position: relative;
	margin: 0 auto;
	}



/* =END default.css styles
======================================================== */