/* */
/* ---------- Start blog-specific text and link formatting ----------- */
/* makes sure all img links don't get borders */
img {
	border: 0px;
}
.contentText {
	font-family: Palatino, serif;
	font-size: 14px;
	color: #000000;
	text-align: left;
	line-height: 17px;
}
.contentText a:link {
	color: #314BCC;
	text-decoration: none;
}
.contentText a:hover {
	text-decoration: none;
	background-color: #CCCCCC;
}
.contentText a:visited {
	color: #7A4505;
	text-decoration: none;
}
.contentText a:active {
	color: #7A4505;
	text-decoration: none;
	background-color: #D9D9D9;
}
/* h3 and comment-title work together */
h2, h3 {
	font-family: Tahoma, serifSansSerifMonospace;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 400;
	line-height:17px;
	color:#000000;
	text-align: left;
}
/* h3 and comment-title work together */
.comment-title {
	font-family: Tahoma, serifSansSerifMonospace;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 400;
	line-height:17px;
	text-align: left;
}
/* indent the comment with the time */
.comment-body, .comment-timestamp {
	margin-left: 15px;
}
.comment-poster, .comment-body {
	font-family: Palatino, serif;
	font-size: 14px;
	color: #000000;
	text-align: left;
	line-height: 17px;
}
/* post-title takes on pageHeaderTitle attributes */
.post-title {
	font-family: Tahoma, serifSansSerifMonospace;
	font-size: 20px;
	color: #000000;
	letter-spacing: 2px;
	margin-left: 8px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
}
.description {
	color:#000;
	font-family: Palatino, serif;
	font-size: 13px;
	line-height: 17px;
	margin-left: 30px;
	margin-right: 8px;
}
.post-footer em, .comment-timestamp, .comment-link {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: Palatino, serif;
	font-size: 10px;
	line-height: 13px;
}
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right: 1px;
}
.post-footer a:link, .comment-link a:link, .comment-timestamp a:link, .comment-poster a:link, .comment-body a:link {
	color: #314BCC;
	text-decoration: none;
}
.post-footer a:hover, .comment-link a:hover, .comment-timestamp a:hover, .comment-poster a:hover, .comment-body a:hover {
	text-decoration: none;
	background-color: #CCCCCC;
}
.post-footer a:visited, .comment-link a:visited, .comment-timestamp a:visited, .comment-poster a:visited, .comment-body a:visited {
	color: #7A4505;
	text-decoration: none;
}
.post-footer a:active, .comment-link a:active, .comment-timestamp a:active, .comment-poster a:active, .comment-body a:active {
	color: #7A4505;
	text-decoration: none;
	background-color: #D9D9D9;
}
/* h2/h3 and sidebar-title work together */
h2 {
	margin-left: 15px;
}
/* h2/h3 and sidebar-title work together */
.sidebar-title {
	font-family: Tahoma, serifSansSerifMonospace;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 400;
	line-height:17px;
	text-align: left;
}
/* regular text formatting for sidebar */
.sidebar {
	margin-left: 15px;
	font-family: Palatino, serif;
	font-size: 13px;
	color: #000000;
	text-align: left;
	line-height: 17px;
}
/* all sidebar links have same colors */
.sidebar a:link, .sidebar-title a:link {
	color: #314BCC;
	text-decoration: none;
}
.sidebar a:hover, .sidebar-title a:hover {
	text-decoration: none;
	background-color: #CCCCCC;
}
.sidebar a:visited, .sidebar-title a:visited {
	color: #7A4505;
	text-decoration: none;
}
.sidebar a:active, .sidebar-title a:active  {
	color: #7A4505;
	text-decoration: none;
	background-color: #D9D9D9;
}
/* single out the regular text cuz we want it to indent without sidebar-title links indenting too */
.sidebar a:link, .sidebar a:visited {
	margin-left: 15px;
}
/* fixes hover bkgd on email link img */
.item-action a:hover, .item-action.over {
	background-color: transparent;
}
/* ---------- End blog text and link formatting ----------- */
/* */
/* */
/* */
/* ---------- Start necessary code copied from styles.css ----------- */
/*CHANGES from styles.css file
	delete layers: columns, contentAreaFooter, RSSlink, nav5, SceneSelector stuff
	delete all layer heights except the ones inside the navBar
	delete background image info from #SPLASH and add { border: 1px solid #FFFFFF;	background-color: #E6E6E6; }
	add to #introBar {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	} 	
	add to #contentArea { background-color: #B3B3B3; float: left; }
	add to #contentText { padding-top: 10px; }
	add to #Splash { padding-bottom: 80px; }
	change body { background-color: #FFFFFF; }
	change all layers except the ones inside the navBar to { position: relative; }
	change #Footer z-index to 20
	change #photos to { left: 0px; } and add { background-color: #CCCCCC; float: right; }
	add layer #clearAll { clear: both; } after #photos layer
	#pageHeaderArea and #contentText left dimensions and widths need adjusted visually to match the layout of the regular site because of the h1 and other code inserted by blogger
/*  
/* */
/* ---------- Start body formatting ----------- */
body {
	background-color: #000000;
	text-align: left;
	vertical-align: top;
	margin: 0px;
}
/* ---------- End body formatting ----------- */
/* */
/* ---------- Start layer positioning ----------- */
/* navbar uses solid bkgd instead of png image in html */
#Footer {
	position: relative;
	visibility: visible;
	z-index: 20;
	width: 955px;
	left: 0px;
	top: 0px;
	clear: both;
}
#Splash {
	background-color: #333333;
	position: relative;
	visibility: visible;
	z-index: 0;
	width: 955px;
	top: 0px;
	left: 0px;
	padding-bottom: 80px;
	border: 1px solid #FFFFFF;
}
#navBar {
	position: relative;
	visibility: visible;
	z-index: 10;
	height: 24px;
	width: 955px;
	left: 0px;
	top: 0px;
	letter-spacing: 1px;
	background-color: #808080;
}
#EAT {
	position: absolute;
	visibility: visible;
	z-index: 13;
	left: 14px;
	width: 30px;
	height: 23px;
	top: 1px;
	overflow: visible;
}
#PLAY {
	position: absolute;
	visibility: visible;
	z-index: 12;
	left: 121px;
	width: 38px;
	height: 23px;
	top: 1px;
	overflow: visible;
}
#SHOP {
	position: absolute;
	visibility: visible;
	z-index: 12;
	left: 241px;
	width: 40px;
	height: 23px;
	top: 1px;
	overflow: visible;
}
#SLEEP {
	position: absolute;
	visibility: visible;
	z-index: 11;
	left: 363px;
	width: 45px;
	height: 24px;
	top: 1px;
	overflow: visible;
}
#homeHeaderLink {
	position: absolute;
	visibility: visible;
	z-index: 14;
	height: 28px;
	top: 1px;
	width: 380px;
	right: 8px;
}
#introBar {
	position: relative;
	visibility: visible;
	z-index: 1;
	width: 955px;
	left: 0px;
	top: 25px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #B3B3B3;
}
#contentArea {
	position: relative;
	visibility: visible;
	z-index: 2;
	width: 597px;
	float: left;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
}
#pageHeaderArea {
	position: relative;
	visibility: visible;
	z-index: 3;
	left: 9px;
	top: 8px;
	width: 589px;
}
#contentText {
	position: relative;
	visibility: visible;
	z-index: 4;
	width: 536px;
	left: 45px;
	/* instead of top, this must be padding-top, (use same value) otherwise the bottom edge of this div will not extend past the last line of text */
	padding-top: 23px;
}
#photos {
	position: relative;
	visibility: visible;
	z-index: 9;
	/* instead of top, this must be padding-top, (use same value) otherwise the bottom edge of this div will not extend past the last line of text */
	padding-top: 25px;
	width: 357px;
	left: -1px;
	float: right;
}
#clearAll {
	clear: both;
	height: 0px;
}
/* ---------- End layer positioning ----------- */
/* */
/* ---------- Start navBar home page text and link formatting ----------- */
.homeLink {
	font-family: Tahoma, serifSansSerifMonospace;
	font-size: 15px;
	color: #FFFFFF;
	letter-spacing: 1px;
	text-align: right;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
	padding-right: 2px;
}
.homeLink a:link, a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.homeLink a:hover {
	text-decoration: none;
	color: #FFFFFF; /* IE6 Bug */
	background-color: #4C4C4C;
}
.homeLink a:active {
	text-decoration: none;
	color: #999999; /* IE6 Bug */
	background-color: #4C4C4C;
}
/* ---------- End navBar home page text and link formatting ----------- */
/* */
/* ---------- Start footer text and link formatting ----------- */
.footer {
	font-family: Tahoma, serifSansSerifMonospace;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1px;
	text-align: center;
	color: #999999;
	line-height: 15px;
}
.footer a:link {
	color: #6A78CC;
	text-decoration: none;
}
.footer a:hover {
	background-color: #333333;
	text-decoration: none;
}
.footer a:visited {
	color: #845A16;
	text-decoration: none;
}
.footer a:active {
	color: #845A16;
	text-decoration: none;
	background-color: #999999;
}
.footerIMG {
	text-align: center;
}
/* ---------- End footer text and link formatting ----------- */
/* */
/* ---------- Start all main navBar drop down text and link formatting ----------- */
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0px;
}
ul li {
	position: relative;
}	
li ul {
	position: absolute;
	display: none;
	top: 22px;
	width: 130px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
li li ul {
	position: absolute;
	display: none;
	top: 0px;
	left: 130px;
}
/* Different size backgrounds for each level */
#EXPLORE2 {
	background-image: url(/images/navBar/dropDownBKGD.png);
	background-repeat: repeat;
	background-position: left top;
}
#EXPLORE3 {
	background-image: url(/images/navBar/dropDownBKGD.png);
	background-repeat: repeat;
	background-position: left top;
}
#EXPLORE3Play {
	background-image: url(/images/navBar/dropDownBKGD.png);
	background-repeat: repeat;
	background-position: left top;
}
#EXPLORE3Shop {
	background-image: url(/images/navBar/dropDownBKGD.png);
	background-repeat: repeat;
	background-position: left top;
}
#EXPLORE3Sleep {
	background-image: url(/images/navBar/dropDownBKGD.png);
	background-repeat: repeat;
	background-position: left top;
	width: 150px;
}
#EXPLORE4 {
	background-image: url(/images/navBar/dropDownBKGD.png);
	background-repeat: repeat;
	background-position: left top;
	width: 165px;
}
#EXPLORE4Cafes {
	background-image: url(/images/navBar/dropDownBKGD.png);
	background-repeat: repeat;
	background-position: left top;
}
#EXPLORE4Restaurants {
	background-image: url(/images/navBar/dropDownBKGD.png);
	background-repeat: repeat;
	background-position: left top;
	width: 155px;
}
#EXPLORE4Play {
	background-image: url(/images/navBar/dropDownBKGD.png);
	background-repeat: repeat;
	background-position: left top;
}
#EXPLORE4Shop {
	background-image: url(/images/navBar/dropDownBKGD.png);
	background-repeat: repeat;
	background-position: left top;
}
#EXPLORE4SleepBB {
	background-image: url(/images/navBar/dropDownBKGD.png);
	background-repeat: repeat;
	background-position: left top;
	position: absolute;
	left: 145px;
}
#EXPLORE4SleepHotels {
	background-image: url(/images/navBar/dropDownBKGD.png);
	background-repeat: repeat;
	background-position: left top;
	position: absolute;
	left: 145px;
}
/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* link states for Nav Menu */
ul li a:link {
	display: block;
	text-decoration: none;
	color: #FFFFFF; /* IE6 Bug */
}
ul li a:hover {
	display: block;
	text-decoration: none;
	color: #FFFFFF; /* IE6 Bug */
	background-color: #4C4C4C;
}
ul li a:active {
	display: block;
	text-decoration: none;
	color: #CCCCCC; /* IE6 Bug */
	background-color: #4C4C4C;
}
ul li a:visited {
	display: block;
	text-decoration: none;
	color: #FFFFFF; /* IE6 Bug */
}
li:hover ul, li.over ul {
	display: block;
}
ul ul li:hover ul, ul ul li.over ul {
	display: block;
}
li:hover ul ul, li.over ul ul {
	display: none;
}
ul ul ul li:hover ul, ul ul ul li.over ul {
	display: block;
}
li:hover ul ul ul, li.over ul ul ul {
	display: none;
}
/* ---------- Start main navBar base text and link formatting ----------- */
.navBarHeaders {
	font-family: Tahoma, serifSansSerifMonospace;
	font-size: 14px;
	letter-spacing: 3px;
	font-weight: 400;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
	padding-right: 2px;
}
.dropdownText {
	font-family: Tahoma, serifSansSerifMonospace;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 20px;
	letter-spacing: 1px;
}
.nonLinks {
	font-family: Tahoma, serifSansSerifMonospace;
	font-size: 14px;
	color: #C0C0C0;
	line-height: 20px;
	letter-spacing: 1px;
	cursor: default;	
}
.noHand {
	cursor: default;	
}
/* ---------- End main navBar text and link formatting ----------- */
/* */
/* ---------- End all main navBar drop down display and formatting ----------- */
/* */
/* ---------- End necessary code copied from styles.css ----------- */
