/* ---------------------------------------------------
	* Filename: base.css
	* Description: Global css for public site
	* Website: guidemag.com
	* Author: Carol Levesque
	* Date Created: August 26, 2009

== STRUCTURE: ========================================
	* Page width: 1002px (8px + 986px + 8px)
	* Number of columns: 2
	* Header, 2 Footers, Main Content, Right Sidebar

== COLORS: ========================================
	green - color:#488925
	grey - color:#666666
	blue - color:#1C3474
	brown - color:#DB651D
	red - color: #B7031E
	purple - color:Purple




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

/* =Typography
-----------------------------------------------------------------------------*/
body
{
	border:0px solid black;
	/*background-color:#d4d5d7;*/
	background-color:#c3d8dd;
    color: #000000;
    font-family: Verdana, Arial, Courier; 
	background-image: url("../Content/images/background.jpg");
    background-repeat:repeat-x;
}

h1 {
	font-size:175%;
}

h2 {
	font-size:160%;
}

h3 {
	font-size:150%;
}

h4 {
	font-size:130%;
}

h5 {
	font-size:110%;
}

h6 {
	font-size:105%;
}

p {
}

a {



}

a:hover, a:focus, a:active {
}


/* =Master Pages - framework
-----------------------------------------------------------------------------*/
#bodycontent
{
	border:0px solid black;
    color: #000000;
	margin: 0;
    padding: 0;
    z-index:0;
}









#container
{
    background-color: #FFF;
	margin: 0px auto 0px auto;
	padding:8px;
	width: 986px; /*1002px - 8px - 8px*/
	overflow: hidden;
    z-index:0;
}

#fullheader
{
	position:relative;	
	float:left;
	border:0px solid black;

	clear:both;
	/*height:0px;*/
}

#fullfooter 
{
	position:relative;

	border:0px solid black;
	clear:both;
	height:143px;


}

#sidebar-right {
	float: right;
	overflow: hidden;
	width: 300px;
	position:relative;
	z-index:0;


}

#contentmaster 
{
	border:0px solid black;
	float:left;
	height: 1%; /* IE6 hack... it's very minor, though */
	width:auto;
	position:relative;
	z-index:0;
}

#contentmaster-inner {
	font-size:1em;
	overflow: hidden;
	width: 100%;
	position:relative;

	z-index:0;	




}

/* =Design
-----------------------------------------------------------------------------*/
/* =Header
-----------------------------------------------------------------------------*/
#header
{
	border:1px solid #818486;



	float:left;
	font-size:1em;
	width:984px;
	height:144px;
	margin-bottom:15px;
	overflow:hidden;
	clear:both;
	background-image:url("../Content/images/headerbackground.jpg");
}

#headerSearch
{
	position:absolute;
	margin:0 10px;
	height:34px;
	bottom:16px;
	right:1px;
}

#searchForm
{
	float:left;

}

.headerButton
{
	border:1px solid #3c3c3e;
	float:left;
	color:#b8031e;
	background-color:White;
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	margin:8px 10px 8px 0;	
	font-style:italic;
	font-weight:bold;
}
.headerButtonhov
{
	cursor:pointer;

}


/* =Footer
-----------------------------------------------------------------------------*/
#footer
{
	position:relative;
	border-top:1px solid #818486;
	border-bottom:1px solid #818486;	
	margin:15px 0 12px 0;
	padding:0;
	float:left;
	width:986px;
	height:94px;
	font-size:1em;	
	clear:both;	
}

#footerAd {	float:left;width:728px;height:90px; margin:2px 0 2px 0; }
#footerLogos { float:left;margin:25px 5px 10px 20px; }
#footerLogos img{ margin:0 10px; }

#footerBottom { background-color:#B7031E;height:15px;width:100%;clear:both;color:White;font-size:0.6em;padding-top:5px;float:left; }
#footerBottom a {color:White;padding:5px;text-decoration:none;}
#footerMenu {float:left;}
#copyright
{
	color:#FFF;
	font-style:italic;
	float:right;
	margin-right:5px;
}

/* =RightSidebar
-----------------------------------------------------------------------------*/
#sidebarContent 
{

}

.sidebarItem 
{
	float:left;
	clear:both;	
	width:300px;
	height:100%;
	margin-bottom:10px;

}

.sidebarItem .storyText
{
	font-size:0.75em;

	float:left;
	padding:6px 10px 5px 9px;
	width:280px;
	clear:both;


}

.sidebarItem .storyText .content 
{
	float:left;line-height:25px;
}

.sidebarItem .storyText .content .right


{
	float:left;



}
.sidebarItem .storyText .content .left

{



	float:left;
	width:75px;
	clear:both;	
}

.sidebarItem #link
{
	margin:5px 0 0 0;





}

.sidebarItem #link a
{
	text-decoration:none;

}
.sidebarItem #link a:hover


{
	text-decoration:underline;

}

.sidebarItem .content h1
{
	color:#1d3575;	
	font-size:1.1em;

	margin:0;
	line-height:20px;
	font-weight:bold;
}

.sidebarItem .content h2


{
	font-size:0.9em;
	color:#1d3575;		
	line-height:20px;
	font-weight:bold;	
}







.sidebarItem .content h3
{
	font-size:0.8em;
	color:black;		
	line-height:15px;
	margin:10px 0 5px 0;
}

.sidebarItem .content p
{
	line-height:15px;
	font-size:0.8em;
	background-color:White;		
}

.rightsidebarAd
{
	clear:both;	
	padding:12px 0 15px 0;margin:0;
	width:300px;
}

.moreCitySidebar
{
	float:left;
	width:100%;
}

.moreCitySidebar img
{
	width:140px;
	height:115px;
}
.moreCitySidebar a

{
	color:#595959;
	text-decoration:none;
	font-size:0.8em;
}

.moreCitySidebar div
{
	width:140px;
	margin-bottom:10px;	



}
.moreCitySidebar div.floatLeft

{
	float:left;
	clear:left;
}
.moreCitySidebar div.floatRight

{
	float:right;
	clear:right;	







}

.guideToCity
{










	
}
.guideToCity img
{
	display:block;
	width:140px;
	height:115px;
	margin:0;
	padding:0;
}

.guideToCity .storyText
{
	padding-top:0;	


}

.guideToCity .storyText .content
{
	color:#666666;



}

.guideToCity .storyText .content h2
{
	color:#666666;
}
.guideToCity .storyText .content .readmore
{
	line-height:15px;


}

.guideToCity .storyText .content a


{
	color:#666666;
	font-weight:normal;
	font-size:0.9em;
	text-decoration:underline;

}

/* =Common
-----------------------------------------------------------------------------*/
.searchbox {
	float:left;
	border:1px solid #3c3c3e;
	width:160px;
	margin:8px 5px 0 0;
}

.dropdownbox
{
	border:1px solid #3c3c3e;
	width:160px;	
	height:20px; /*Drop downs seem to include the border as part of the height*/
	padding:0;
}

.textbox  
{
	border:1px solid #3c3c3e;	
	width:160px;
	height:18px; /*textbox seem to NOT include the border as part of the height*/
	padding:0;
}

.textarea
{
	border:1px solid #3c3c3e;	
	padding:0;
	margin-bottom:5px;
}

.titlebar
{
	position:relative;
	background-image: url("../Content/images/title_background.jpg");
    background-repeat:repeat;
	width:100%;
	height:22px;	
	clear:both;
	z-index:160;
}

.skyscraperAd
{
	/*width:160px;*/
	/*height:600px;*/
	padding:0 8px 10px 0;
	margin:0;
	float:left;
}

.fullBanner {width:508px; /*height:60px;*/ float:left; margin:0 0 10px 0; text-align:center;}

.addthis_toolbox { float:left;width:45px;}

.floatRight
{
	float:right;
}

.floatLeft
{
	float:left;
}

ul.sitemap 
{
	margin:18px 0 0 0;
	font-size:0.85em;
	line-height:15px;
}
ul.sitemap li
{
	margin:2px 0 2px 0;
}
ul.sitemap li a
{	
	color:#B7031E;
	text-decoration:none;
}
ul.sitemap li a:hover
{
	text-decoration:underline;
}

ul.sitemapSection, ul.sitemapCity
{
	margin-left:20px;
}

.nocontent
{
height:30px;margin:10px 0 0 10px;font-size:0.8em;	
}

/*Entry Form
-------------------------*/
.standardForm
{
	padding:0 0 10px 0;
	margin:0;
	width:100%;
	float:left;
}
.standardForm p
{
	margin:10px 5px 10px 5px;
	font-size:0.8em;
	line-height:15px;
}

#profileSignUpForm
{
	width:508px;
	float:left;
}

fieldset
{
	float:left;
	margin:4px 0 0 5px;
	padding:0 0 15px 0;
	width:95%;
}

.formItem
{
	margin:0 30px 15px 0;
	float:left;
	width:220px;
}

.formItem a {color:#B7031E; text-decoration:none;}


.formItem label
{
	font-size:0.7em;		
	margin:0 0 2px 0;
	padding:0;
	display:block;
	width:100%;
}

.formItem label a { color: #B7031E;}
.formItem label a:hover { text-decoration:underline; }

.formNote
{
	font-size:0.6em;
	margin:2px 0 0 0;
	width:150px;	
}

.formButton
{
	background-color:#B7031E;
	color:White;
	border:0;
	margin:0;
	font-size:0.75em;
	padding:2px;
}
.formButton:hover
{
	cursor:pointer;
}

input[type="checkbox"]
{
	float:left;
	margin:0 10px 0 0;
}

.validation-summary-errors
{
	font-size:0.8em;
	color:Red;
	margin:0 0 5px 5px;
	line-height:1em;





}
/*END Entry Form
-------------------------*/

/* =Colors
---------*/
.titleText { font-size:0.9em;line-height:22px;font-weight:bold;padding:0 0 0 7px; }
.greenTitle { color:#488925; border-bottom:2px solid #488925; }
.greenBottomBorderThin { border-bottom:1px solid #488925; }
.greenText, .LodgingsText { color:#488925; }
.greyTitle { color:#666666;  border-bottom:2px solid #666666; }
.greyBottomBorderThin { border-bottom:1px solid #666666; }
.blueTitle { color:#1C3474; border-bottom:2px solid #1C3474; }
.blueBottomBorderThin { border-bottom:1px solid #1C3474; }
.blueText, .RestaurantsCafesText { color:#1C3474; }
.brownTitle { color:#DB651D; border-bottom:2px solid #DB651D; }
.brownBottomBorderThin { border-bottom:1px solid #DB651D; }
.brownText, .BarsClubsText { color:#DB651D; }
.redTitle { color:#B7031E; border-bottom:2px solid #B7031E; }
.redText, .ShoppingServicesText { color:#B7031E; }
.redBottomBorderThin { border-bottom:1px solid #B7031E; }

.greyText, .etcText { color:#666666; }
.purpleText, .SaunasSexClubsText { color:Purple;}
/* =End Colors
---------*/

.boldText { font-weight:bold; }

.readmore a
{
	float:right;
	clear:both;
	color:#B7031E;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
	height:18px;
	line-height:18px;
	overflow:hidden;
}

.readmore a:hover
{
	text-decoration:underline;

}

#regularcontent
{
	width:676px;
	overflow:hidden;
	position:relative;

}

/* =END Common
--------------------*/
/* =Search Page
****************************************************************************/
#regularPage { float:left;width:676px;height:auto;position:relative;z-index:200; }

#regularPage .content
{
	margin:5px 0 5px 0;
	padding:5px 0 5px 0;
	font-size:0.7em;
	line-height:15px;

}

#errorPage { float:left;width:676px;height:auto;position:relative;z-index:200; }

#errorPage .content
{
	margin:20px 0 5px 0;
	padding:5px 0 5px 0;
	font-size:1em;
	line-height:20px;
}
#errorPage .content a
{
	color:#B7031E;
	text-decoration:none;
}
#errorPage .content a:hover
{
	text-decoration:underline;	
}

/* =Home Page - FeaturedCity
-----------------------------------------------------------------------------*/
#featuredCity { float:left;width:676px;height:auto;/*margin-bottom:19px;*/position:relative;z-index:200; }
#featuredCityBorder { float:left;width:auto; }

#featuredCityImage
{
	width:676px;
	/*height:325px;*/
	overflow:hidden;
}
#featuredCityImage a 
{
	/*float:left;*/
	margin:0;
	border:0;
	padding:0;	
	/*height:468px;*/
}
#featuredCityImage img
{
	margin:0;
	border:0;
	padding:0;	
	height:468px;
	vertical-align:bottom;
}

#featuredCityImage #caption
{
	width:668px;	
	position:relative;
	float:left;
	border:1px solid black;	
	padding:5px 1px 5px 5px;
	font-size:0.70em;
	line-height:15px;



}
#featuredCityImage #caption a
{
	margin:0;
	padding:0;

}

#featuredCityImage #caption #photographer
{
	position: absolute;
	bottom:0px;
	right:0px;
	margin:0 1px 5px 0;
}

#featuredCity .storyText
{
	font-size:0.7em; 
	float:left;
	/*height:103px;*/
	width:669px;
	padding:0 0 13px 7px;
	background-color:white;	
	position:relative;	
	z-index:500;
}

#featuredCity .storyText .content 
{
}

#featuredCity .storyText .content h1
{
	color:#488925;	
	font-size:1.1em;
	margin:10px 0 5px 0;
}

#featuredCity .storyText .content h2
{
	font-size:1em;
	line-height:15px;
	margin:10px 0 10px 0;
}

#featuredCity .storyText .content p
{
	line-height:15px;
	padding-bottom:5px;




}


#featuredCityBar
{
	height:24px;
	width:676px;
	line-height:18px;



}

.CityBar
{
	float:left;
	height:19px;
	padding:0;
	line-height:18px;
}

.cityBoxes
{
	float:left;
}

.cityBoxes a
{
	float:left;
	/*width:24px;*/
	/*width:168px;*/
	margin:0;
	color:#488925;
	text-decoration:none;
}

.CityBox
{
	display:none;
	float:left;
	/*width:24px;*/
	width:168px;
	height:21px;
	color:#488925;
	text-align:center;
	padding-top:3px;
	font-weight:bold;
	margin:0;
	background-image:url("images/title_background.jpg");
	border-bottom:1px solid #666;	
	font-size:0.85em;
}

.CityBox:hover
{
	background:#488925;color:White;	
















}

.boxfirst
{
	border-left:1px solid #666;
}

.boxlast
{
	width:167px;	
	border-right:1px solid #666;	
}

.activeFC {background:#488925;color:White;height:27px;border-right:1px solid #666;border-left:1px solid #666;border-bottom:1px solid #666;padding-top:8px;margin-bottom:5px;}

#featuredCityImages {float:left; width:676px;}
#featuredPic
{
	width:300px;
	float:left;
	margin-right:8px;	
	z-index:0;
}

#pic { width:300px; height:280px; }
#pic img { width:298px; height:278px; border:1px solid #666666;  } 

/*End FeaturedCity - Home Page
**********************************************************************************************/


/* Travel - Common
------------------------------------*/
#travelMenu
{
	float:left;
	border-bottom:2px solid #488925;
	width:100%;
	height:32px;
	/*margin-top:19px;*/
}

/**Menu*/
#menu {
	margin:8px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	font-weight:bold;
	height:23px;
}

#menu li 
{
	float:left;
	height:23px;
	/*width:90px;*/
	background-image:url("../Content/images/title_background.jpg");
	font-size:0.75em;
	border-top:1px solid #dbdbdb; /*Color?*/
	border-right:1px solid #dbdbdb;
	border-left:1px solid #dbdbdb;
	margin:0 10px 0 0;
}
#menu li.inactive 
{
	border-top:1px solid #f3f2f2;
	border-right:1px solid #f3f2f2;
	border-left:1px solid #f3f2f2;	
}
#menu li a {/*width:90px;*/ height:13px;display:block; text-align:center; color:#488925; text-decoration:none; padding:6px 5px 4px 5px; line-height:13px; }
#menu li a:hover, #menu li a.active  { color:#FFF;background-color:#488925; }
/*#menu li a.inactive, #menu li a.inactive:hover  { color:#666; background-color:Transparent; }*/
#menu li span.inactive { height:13px;display:block; text-align:center; color:#f3f2f2; text-decoration:none; padding:6px 5px 4px 5px; line-height:13px; }

.active a { color:#FFF;background-color:#488925; }

#featuredCityTravel
{
	float:left;
	border-bottom:1px solid #488925;
	margin-bottom:10px;
	padding-bottom:5px;
	width:676px;
	clear:both;
}

#featuredCityTravel .storyText
{
	font-size:0.7em; 




	float:left;
	/*height:103px;*/
	width:669px;
	padding:0 0 13px 7px;
	background-color:white;	
	position:relative;	
	z-index:500;
}

#featuredCityTravel .storyText .content 
{

}

#featuredCityTravel .storyText .content h1
{
	color:#488925;	
	font-size:1.2em;
	margin:10px 0 15px 0;
}

#featuredCityTravel .storyText .content h2
{
	font-size:1em;
	line-height:15px;
	margin:10px 0 10px 0;
}

#featuredCityTravel .storyText .content h3
{
	font-size:1em;
	line-height:15px;
	margin:5px 0 0 0;
}

#featuredCityTravel .storyText .content p
{
	line-height:15px;
	padding-bottom:5px;
}

#featuredCityTravel .storyText .content .author
{
	margin:5px 0;
	font-style:italic;
}

.onSquirt
{
	width:508px;
	float:left;
	padding-bottom:15px;
	border-bottom:1px solid #488925;
	margin-bottom:10px;
}
.onSquirt img
{
	float:left;
}
.squirtContent
{
	width:208px;height:105px;float:left;padding:10px 10px 0 10px;font-size:0.8em;color:#B7031E;font-weight:bold;
	line-height:18px;
	text-align:center;	
}
.squirtContent hr
{
	color:Black;
	background-color:Black;
	border:0;
	height:1px;
}
.squirtLinks
{
	margin:10px 15px 10px 15px;
}
.squirtLinks img
{
}
.squirtLinks a
{
	color:Black;
	text-decoration:none;
	line-height:30px;
}

.checkOutListings


{



	float:left;
	border-bottom:1px solid #488925;	
	width:100%;
}

.checkOutListings ul
{

	margin:0;


	float:left;
	width:100%;
}
.checkOutListings ul li

{
	width:300px;
	margin:0 0 20px 0;
}
.checkOutListings ul li.left
{
	float:left;
	margin-left:20px;	
}
.checkOutListings ul li.right

{
	float:right;
	margin-right:20px;	




}

.checkOutListings ul li a
{
	color:#595959;
	text-decoration:none;
	font-size:0.75em;
}

.checkOutListings ul li a.imageLink
{
	width:300px;
	height:250px;
	float:left;
	margin:0 auto 2px auto;
	text-align:center;	
	line-height:247px; /*Used a 3px difference from actual height because a gap is displayed otherwise.*/
}

.checkOutListings ul li a.imageLink img
{
	margin:0 auto 0 auto;
	vertical-align:middle;
}

.checkOutListings ul li img.globe
{
	float:right;
}


/* =Travel - Map & Listing
-----------------------------------------------------------------------------*/
#featuredMapLarge
{
	position:relative;
	width:676px;
	float:left;
	z-index:200;
}
/* =Travel - Pics & Events
-----------------------------------------------------------------------------*/
#featuredCityPic
{
	margin:0 auto 0 auto;	
	width:676px;
	/*height:538px;*/
	overflow:hidden;
}

.slideshow
{
	float:right;
	margin:5px 0 -5px 0;
	height:22px;
	font-size:0.7em;
}
.slideshow img
{
	vertical-align:middle;
	margin:0 2px 0 2px;
}

#eventsPlanner
{
	float:left;
	width:100%;
	clear:both;
	margin-bottom:10px;
}

.events
{
	margin:10px 8px 5px 8px;
	font-size:0.75em;


}
.event
{
	margin:0 0 15px 0;
	padding:0 5px 5px 0;
	border-bottom:1px dotted #666;
}
.event .month
{
	font-weight:bold;
	color:Black;
	margin-bottom:5px;
}

.event .info
{
	margin:5px 0 1px 0;
	line-height:15px;
	color:#4e4e50;
}
.event .img
{
	position:relative;
	float:left;
	margin:4px 0;padding:0;
	clear:both;


}
.event .img a

{
	text-decoration:none;
	font-weight:bold;




}
.event .img a:hover
{
	text-decoration:underline;
}
.event .img a img

{
	vertical-align:middle;	
	margin:0 3px 0 0;
}

.event a.link
{
	color:#4e4e50;


}

#topExperiences
{
	float:left;
	clear:both;
	width:100%;
	margin-bottom:10px;	
}

.experiences
{
	float:left;
	margin:10px 8px 5px 8px;
	font-size:0.75em;
}
.experience
{
	float:left;
	width:670px;
	color:#4e4e50;
	margin:0 0 10px 0;
	padding:0 5px 0 0;
	clear:both;
	border-bottom:1px dotted #666;
}
.experience .expName

{
	font-weight:bold;
	margin-bottom:10px;
}

.experience .img
{
	position:relative;
	float:left;
	margin:0;padding:0;
	clear:both;
}
.experience .img a img
{
	vertical-align:middle;	
	margin:0 3px 0 0;
}

.experience .img a
{
	font-weight:bold;	
	text-decoration:none;


}
.experience .img a:hover














{
	text-decoration:underline;





}

.experience .img a.text
{
	text-decoration:underline;
}
.experience .text

{
	margin:0 0 5px 20px;
	clear:both;
	width:90%;
	line-height:15px;


}

#gallery
{
	width:676px;
	height:468px;
}
#gallery img
{
	display:block;
	margin:0 auto 0 auto;
}
#galleryInfo
{
	position:relative;
	bottom:0;
	border:1px solid black;
	font-weight:bold;
	height:38px;color:#000000;font-size:0.65em;padding:5px 0 5px 5px;
	background-color:#FFFFFF;line-height:10px; 
	text-align:left;	
}
#galleryInfo .photographer { position:absolute; bottom:0; right:0; margin:0 2px 2px 0; }
#imageCounter { float:left;color:#797979;font-size:0.7em;font-weight:normal;margin-top:7px;}
#navigation 
{
	float:right;


}
#navigation img {float:left;margin:5px;}
#navigation a{font-size: 12px; text-decoration: none;}
#navigation a:hover{text-decoration: underline;}

/*Listed - Free & Paid
****************************************************/
.listing
{
	width:100%;
	float:left;
	margin:0 0 10px 0;	








}

#listedfreeMapSmall
{
	position:relative;
	width:248px;
	height:198px;



	float:left;
	z-index:200;
	border:1px solid #666666;


}
#listedfreeMapSmall .mapSmall { width:248px; height:198px;position:relative;z-index:150; }

.listing .listingInfo {float:left;margin:5px 10px 10px 10px;width:375px;font-size:0.8em;line-height:15px;}
.listing .listingInfo p {margin:5px 0 10px 0;}
.listing .listingInfo p a {text-decoration:underline;}
.listing .listingInfo p.title {float:left;width:85%;font-weight:bold;}
.listing .listingInfo label {font-weight:bold;margin-right:5px;float:left;}
.listing .listingInfo img { margin:0 5px 0 0; float:left;}
/*Listing Free*/

.listingInfo {margin:10px;font-size:0.75em;line-height:15px;}
.listingInfo p {margin:5px 0 10px 0;}
.listingInfo p a {text-decoration:underline; font-weight:bold;}
.listingInfo label {font-weight:bold;margin-right:5px;}

.listingTitle
{
	float:left;	
	margin:-15px 0 0 10px;
	font-size:0.8em;
	font-weight:bold;
	width:80%;
}
.listingTitle img
{
	vertical-align:middle;
	margin-right:5px;
	float:left;

}

.listingTitle p.title {float:left;font-weight:bold; margin:3px 20px 0 0;}
/*Listing Paid*/
.listingMapPin { float:left; position:relative; }
.listingInfo .toolbox
{
	margin:25px 5px 5px 10px;

}

.moreListingInfo
{
	float:right;	
	margin:10px 0 20px 10px;



}

#listedPaidMapSmall
{
	position:relative;
	width:248px;
	height:198px;
	float:left;
	z-index:200;
	border:1px solid #666666;
	float:right;
	margin-left:10px;
}
#listedPaidMapSmall .mapSmall { width:248px; height:198px;position:relative;z-index:150; }


/*End of Listed
********************/







/*Article (Guide)
****************************************************/
#inFocus {
	float:right;
	margin:15px 0 15px 15px;
	height:136px;
	width:334px;
	font-size:1em;
}
#featuredCityTravel #inFocus h2

{
	margin:0 0 8px 0;
	padding:0;
	color:#488925;	
}

#inFocus #inFocusContent
{
	border-top:1px solid #488925;
	border-bottom:1px solid #488925;
	height:115px;
}

#inFocus #inFocusContent img
{
	float:left;	


}
#inFocus #inFocusContent .storyText

{
	font-size:1em;	
	width:184px;
	height:105px;
	margin:0;
	padding:5px;
	background-color:#eff4ed;	
}
#inFocus #inFocusContent .storyText .content
{

}
#inFocus #inFocusContent .storyText .content h3
{
	color:#488925;

}

#inFocus #inFocusContent .storyText .content .readmore a
{
	float:right;
	clear:both;
	color:#666;
	text-decoration:underline;
	font-weight:bold;
	font-style:italic;
	height:18px;
	line-height:18px;
	overflow:hidden;
}

/*End Article (Guide)*/


/*Comments
*****************************/
.comments
{
	width:508px;
	float:left;
	border-bottom:1px solid #595959;

}
ul#comments
{
}

ul#comments li
{
	float:left;
	width:100%;
	color:Black;
	margin:10px 10px 5px 10px;
	padding-bottom:5px;
	border-bottom:1px solid #595959;
}
.commText
{
	font-size:0.75em;
	color:#595959;
	width:95%;
}

.commDetails
{
	font-weight:bold;
	font-size:0.65em;
	padding:5px 0 5px 0;	
	float:left;
	width:100%;
}

.commImages
{
	float:right;
	/*width:110px; //This width was used when all 3 images appeared.  Not doing this in this phase*/
	width:50px;
	text-align:center;

}
.commImages a:hover
{
	cursor:pointer;
}

.commImages img
{
	margin:0 1px 0 10px;
	vertical-align:middle;
}

#commentForm
{
	display:none;
	width:100%;
	float:left;
}

ul#comments li.older
{
	display:none;
}

.commLink
{
	font-size:0.75em;margin:10px 0 15px 10px;	
}

.commLink a
{
	color:#B7031E;font-weight:bold;	
	text-decoration:none;
}
.commentButton
{
	border:1px solid #3c3c3e;
	float:right;
	color:#b8031e;
	background-color:White;
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	margin:8px 0 8px 0;	
	font-style:italic;
	font-weight:bold;
}

.ui-dialog
{
	/* css3 drop shadow */  
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);  
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);  	
}

#dialog-modal, #dialog-modal-success, #dialog-modal-commentsuccess
{
	font-size:0.7em;	
	line-height:18px;
	display:none;



}

.ui-dialog .ui-dialog-titlebar
{
	line-height:20px;
}

.ui-dialog .ui-dialog-buttonpane button.commentLink1, .ui-dialog .ui-dialog-buttonpane button.commentLink2, .ui-dialog .ui-dialog-buttonpane button.commentLink3
{
	font-size:0.8em;
	color:Black;
	background-color:White;
	text-decoration:underline;
	border:0;
	margin:35px 65px 0 0;
	padding:0;
}
.ui-dialog .ui-dialog-buttonpane button.commentLink2
{
	color:Blue;
}

#displayAllComments
{
	float:right;margin-right:10px;

}

/*END COMMENTS
********************************************/

/*Search Results
********************/
#searchResults {
	
}
.searchKeywords {
	color:Black;
	font-size:1.1em;
	margin:10px 5px 15px 5px;
}
#searchResults .content
{


	font-size:0.8em;

	float:left;
	line-height:18px;

}

.travelResults
{
	float:left;
	width:100%;
	margin:0 0 10px 0;
}

#destResultList, #venueResultList, #eventResultList, #topexperienceResultList
{
	float:left;
	width:100%;





}

#destResultList ul, #venueResultList ul, #eventResultList ul, #topexperienceResultList ul
{
	float:left;
	width:100%;



}

#destResultList ul li.destResult, #venueResultList ul li.venueResultImage
{
	width:134px;
	font-size:0.75em;
	float:left;
	margin-right:46px;
	margin-bottom:10px;
}

#destResultList ul li.fourthDest { float:right; margin:0; }

#destResultList ul li.destResult img, #venueResultList ul li.venueResultImage img
{
	width:134px;
	height:111px;	
}

#destResultList ul li.destResult a, #venueResultList ul li.venueResultImage a, #venueResultList ul li.venueResult a, #eventResultList ul li.eventResult a, #topexperienceResultList ul li.topexperienceResult a
{
	text-decoration:none;

}

#destResultList ul li.destResult a.numOfListings, #venueResultList ul li.venueResultImage a.numOfListings, #venueResultList ul li.venueResult a.numOfListings,  #eventResultList ul li.eventResult a.numOfListings,  #topexperienceResultList ul li.topexperienceResult a.numOfListings
{




	font-size:0.9em;
	font-style:italic;
	margin:2px;
	color:#666666;


}

#venueResultList ul li.venueResult, #eventResultList ul li.eventResult, #topexperienceResultList ul li.topexperienceResult
{
	clear:both;
	font-size:0.8em;
	line-height:18px;
	margin-top:2px;
}

#eventResultList ul li.eventResult
{
	
}

#moreLink { 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	/*border: 1px solid #666; */
	/*background:url('/content/images/styles/gradient-backgrounds.png') repeat-x 0 -300px; */
	width: 35px; 
	display: block; 
	float:left;
	/*padding: 0.4em 0 0.4em 0.4em; */
	font-weight: bold; 
	background-color:#B7031E;  
	color:White;
	height:18px;
	clear:both;
	text-decoration: none; 	
	background-color:#B7031E;
	color:White;
	border:0;
	margin:5px 0 5px 0;
	font-size:0.75em;
	padding:4px 2px 2px 4px;
	font-style:italic;	
}

#moreLink:hover { 
	/*background-position: 0 -364px; 
	border: 1px solid #888888;*/
	text-decoration: underline; 





}

/*
.imageRowSearchResults
{
	float:left;
	width:100%;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}

.imageSearchResult
{
	width:134px;
	font-size:0.75em;
	float:left;
	margin-right:46px;

}
.imageSearchResult a

{
	text-decoration:none;

}

.lastImageSearchResult
{
	float:right;margin:0;	



}

.imageSearchResult img
{
	width:134px;
	height:111px;	
}

.imageSearchResult a.numOfListings
{
	font-size:0.9em;
	font-style:italic;
	margin:2px;
	color:#666666;
}

.textSearchResults
{
	font-size:0.8em;
	line-height:15px;


}
.textSearchResults a
{
	text-decoration:none;
}

a.textSearchResultComment
{
	text-decoration:underline;
	font-size:0.8em;
	color:#666;

}
*/
/*End of Search Results
********************/

/*Other Map Items
******************************/
#allCityListings
{
	width:300px;
	max-height:680px;
	overflow:auto;
	margin: 0 0 20px 0;
}

#allCityListingsMain
{
	float:left;
	width:283px; /*We use this width because of the scrollbar!*/
	margin:0px 0 5px 0;
	border-bottom:1px solid #488925;
}
#allCityListingsMain div {line-height:15px; width:140px; height:100%; }
#allCityListingsMain div:hover { cursor:pointer; } 	
#allCityListingsMain div.sidebarrow {width:283px;height:100%;float:left; margin:0;padding:0;}
#allCityListingsMain div.floatLeft
{
	float:left;
	/*clear:left;*/
	/*height:165px;*/
}
#allCityListingsMain div.floatRight
{
	float:right;
	clear:right;
	/*height:165px;*/
}
#allCityListingsMain a { color:Black; text-decoration:none;}
#allCityListingsMain img.venueImage {width:140px;height:115px;}
#allCityListingsMain .imageTitle { margin:5px 0 0 0;padding:0; width:140px; height:100%; clear:both; overflow:hidden;}
#allCityListingsMain .imageTitle img { vertical-align:top; float:left;}
#allCityListingsMain .imageTitle p {font-size:0.65em;width:80%;font-weight:bold;margin:0 0 2px 28px; /*height:28px;*/}

#allCityListingsMain div img.iglta { float:none; margin:1px 41px 1px 0; clear:right;}
#allCityListingsMain .info { font-size:0.9em; font-weight:normal; clear:left; /*width:80%;border:0;margin:0 0 0 28px;*/}
#allCityListingsMain div img.mappin { margin-bottom:5px; float:left; }


#allCityListingsOther
{
	float:left;
	width:283px;	
	margin:0 0 10px 0;
	
}
#allCityListingsOther div {line-height:18px;width:283px;float:left;border-bottom:1px solid #666666;margin:5px 0 10px 0;padding:0 0 5px 0}
#allCityListingsOther div:hover { cursor:pointer; } 	
#allCityListingsOther a { color:Black; }
#allCityListingsOther p {float:right;font-size:0.75em;width:80%;font-weight:bold;margin:0 30px 0 0;}
#allCityListingsOther .info {float:right;font-size:0.70em;width:80%;font-weight:normal;margin:-3px 30px 0 0;color:#666666; clear:both;}

#allCityListingsOther div img.mappin { margin-bottom:5px; float:left;}
#allCityListingsOther div img.iglta { margin:1px 1px 1px 2px; clear:both;}

a.mapbin
{
	margin:5px 0 0 0;	
	text-decoration:none;
}
a.mapbinText { text-decoration:none; }
a.mapbin
{
	text-decoration:none;
}



a.mapbin img


{
	vertical-align:middle;
}

/*END Other Map Items
-----------------------------------------*/

/*Uploadify
-----------------------------------------*/
.uploadFile
{
}
#fileInput
{
}

.uploadFile p
{
	clear:both;
	line-height:20px;


}

.uploadFile a
{
	color:Black;
	text-decoration:none;
	margin:0;
	padding:10px 0 0 0;
	font-size:0.9em;
	line-height:18px;
}
.uploadFile a:hover
{
	text-decoration:underline;
}

#fileQueue
{
	float:right;
	margin:0 5px 0 0;
	font-size:0.9em;
	color:red;
}
/*END Uploadify
-----------------------------------------*/

/*Text Overlaying Image - Home Page - May use this on other pages*/
.featCity { text-decoration:none; } /* Needed for Safari */
.jshide { display: none; } /* Don't see this being used, but was in the sample site */
.c { display: block; clear: both; width: 100%; height: 0px; font-size: 1px; line-height: 1px; }
.imginfo  
{
	position:relative; 	
	height:16px; 
	line-height:16px;
	z-index: 700; 
	bottom:17px; /*This may need to be adjusted depending on where it has to be placed on image*/
	display: block; 
	background: transparent url("images/black.png") 0 0 repeat; 
	color: #FFF; 
	overflow:hidden;	
}
.imginfo .btminf { display: block; height:inherit; margin:0 0 0 5px; font-size:0.6em; }
.imginfo .btminf .iileft { float: left; }
.imginfo .btminf .iiright { float: right; color: #888; margin-right:5px; }
.imginfo .btminf a { display: inline; }

.imginfoPE
{
	position:relative; 	
	height:48px; 
	line-height:16px;
	z-index: 700; 
	bottom:49px; /*This may need to be adjusted depending on where it has to be placed on image*/
	display: block; 
	background: transparent url("images/black.png") 0 0 repeat; 
	color: #FFF; 
	overflow:hidden;	
}
.imginfoPE .btminf { display: block; height:inherit; margin:0 0 0 5px; font-size:0.6em; }
.imginfoPE .btminf .iileft { float: left; }
.imginfoPE .btminf .iiright { float: right; color: #888; }
.imginfoPE .btminf a { display: inline; }
.imginfoPE .btminf .photoCredit {position:relative;float:right;margin-right:5px;bottom:-25px;}