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


		File:		master.css
		Author:		Dana Woodman
		Client:		Oasis CMS
		Date:		1/14/2008

		Table of Contents:
		------------------

			1. HTML
			2. Structure
			3. Elements
			4. Classes
			5. Calendar
			6. Tabs
			7. Rounded Boxes
			8. Clear Fix


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






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

		H T M L

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


/* Body
------------------------------------------------------------------- */
body {
	font: small Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	background: #EAEAEA;
}


/* Paragraphs
------------------------------------------------------------------- */
p {margin: 10px 0;}


/* Links
------------------------------------------------------------------- */
a {
	color: #069;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img  {border: none;}


/* Headings
------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
}
h1 {
	font-size: 210%;
	font-weight: normal;
	color: #CC0000;
	margin: 0;
	display: block;
	padding-bottom: 10px;
}
h1 em {
	display: block;
	font-size: 50%;
	font-weight: bold;
	color: #CCCCCC;
	font-style: normal;
	padding-bottom: 5px;
	border-bottom: 1px solid #EBEBEB;
}
h1 a {color: #CC0000;}
h1 a:hover {
	color: #006699;
	text-decoration: underline;
}
h2 {
	color: #CC0000;
	font-size: 180%;
	font-weight: normal;
}
h2 em {
	display: block;
	font-size: 50%;
	font-weight: bold;
	color: #CCCCCC;
	font-style: normal;
	padding-bottom: 5px;
	border-bottom: 1px solid #EBEBEB;
}
h3 {
	color: #CC0000;
	font-size: 1.6em;
	font-weight: normal;
	margin: 0 0 10px;
	padding: 0;
}
h4 {
	margin: 15px 0 10px;
	font-size: 1.5em;
	color: #5EA4C6;
	font-weight: normal;
}
h4 a {}
h5 {
	font-size: 115%;
	color: #CC0000;
	padding-bottom: 5px;
	margin: 0 0 10px;
}
h6 {}


/* Forms
------------------------------------------------------------------- */
label {
	float: left;
	width: 10.5em;
	text-align: right;
	padding-right: .7em;
	font-weight: bold;
	color: #3C779B;
}
label.required {color: #900;}
label em {font-weight: normal; font-style: normal; color: #666}
input, select, textarea {font: 100% Verdana, Arial, Helvetica, sans-serif;}


/* Horizontal Rule
------------------------------------------------------------------- */
hr {
	display: block;
	clear: both;
	border: 0 none;
	border-top: 1px solid #D1D1D1;
	margin: 25px 0;
}


/* Other HTML
------------------------------------------------------------------- */
abbr {}
address {
	font-style: normal;
	display: block;
	margin: 0;
	padding: 10px 0;
}




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

		S T R U C T U R E

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


/* Header
------------------------------------------------------------------- */
#header {
	float: left;
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #BEBEBE;
}
#headerInner {
	width: 1000px;
	margin: 0 auto;
}


/* Logo
------------------------------------------------------------------- */
#logo {
	margin: 40px 0 0 0;
	float: left;
}


/* Top Ad
------------------------------------------------------------------- */
#bannerAd {
	float: right;
	margin-top: 5px;
}
#bannerAd a {}
#bannerAd a img {
	background: #fff;
	padding: 4px;
	border: 1px solid #ccc;
}
#bannerAd a:hover img {
	border-color: #cc0000;
}


/* Main Search
------------------------------------------------------------------- */
#mainSearch {
	float: right;
	margin: 5px 0 0 0;
	padding: 0;
}
#mainSearch #mainSearchInput {
	margin: 0 0 .45em 0;
	padding: 3px 0 3px 6px;
	border: 1px solid #9A9A9A;
	width: 400px;
	color: #FF6600;
	font: bold 110% Verdana, Arial, Helvetica, sans-serif;
}
#mainSearch #mainSearchButton {}
#mainSearch #searchBar {}
#mainSearch #moreOptions {
	text-align: left;
	font-size: 80%;
	margin: 0 0 8px 0;
	padding: 0;
	color: #999999;
}


/* Menu
------------------------------------------------------------------- */
#menu {
	width: 100%;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}
#menu ul {
	background: #F8F8F8 url(../images/backgrounds/bg_menu.gif) repeat-x left bottom;
	margin: 0;
	padding: 0;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	list-style: none;
	float: left;
}
#menu li {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	text-align: left;
}
#menu li a {
	display: block;
	margin: 0;
	padding: 6px 15px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #fff;
	text-decoration: none;
	font-weight: bold;
	color: #676767;
}
#menu li a:hover {
	color: #000;
	text-decoration: none;
	background: #fff;
	border-right-color: #ccc;
	border-left-color: #ccc;
}
#menu .on, #menu .on:hover  {
	font-weight: bold;
	color: #cc0000;
	background: #fff url(../images/backgrounds/bg_menu_hover.gif) repeat-x left bottom;
	border-right-color: #ccc;
	border-left-color: #ccc;
}
/* The Drop Down: */
#menu .parent a {
	padding-right: 20px;
	background: url(../images/backgrounds/bg_down_arrow.png) no-repeat 95% center;
}
#menu .activeParent a, #menu .activeParent a:hover {
	padding-right: 20px;
	background: #fff url(../images/backgrounds/bg_down_arrow.png) no-repeat 95% center;
	border-right-color: #ccc;
	border-left-color: #ccc;
}
/* Hides the dropdown */
#menu .parent ul {display: none;}
#menu .activeParent ul {
	float: left;
	width: 15em; /* The width of the dropdown */
	margin: 0;
	padding: 0;
	border: none;
	position: absolute;
	top: 2.1em; /* The top margin from the main menu */
	left: 0;
	list-style: none;
	z-index: 1000;
	background: none;
}
#menu .activeParent li {
	float: left;
	margin: 0;
	padding: 0;
}
#menu .activeParent li a {
	float: left;
	width: 15em; /* The width of the dropdown */
	margin: 0;
	padding: 3px 8px;
	display: block;
	font-size: 90%;
	border-top: none;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #fff;
}
#menu .activeParent li a:hover {
	background: #E6E6E6;
	margin: 0;
	padding: 3px 8px;
}


/* Container
------------------------------------------------------------------- */
#container {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	clear: both;
}


/* Content
------------------------------------------------------------------- */
#content {
	float: left;
	width: 100%;
	margin-top: 15px;
}


/* Main Content
------------------------------------------------------------------- */
#mainContent {
	float: left;
	width: 650px;
}

/* Sidebar
------------------------------------------------------------------- */
#sidebar {
	float: right;
	width: 340px;
}


/* Footer
------------------------------------------------------------------- */
#footer {
	clear: both;
	font-size: 90%;
	color: #333333;
}




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

		S P E C I F I C    E L E M E N T S

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


/* Story Detail
------------------------------------------------------------------- */
#storyDetail {}
#storyDetail #storyHeading {
	color: #c00;
	font-size: 220%;
	font-weight: normal;
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e9e9e9;
}
#storyDetail #storyDescription {
	font-size: 110%;
	font-weight: bold;
	color: #6A6A6A;
}
#storyDetail #storyTeaser {
	float: right;
	background: #fff;
	padding: 10px;
	margin-left: 15px;
}
#storyDetail #storyTeaser img,
#storyDetail #storyTeaser a img {
	/* width: 250px;
	height: 250px; */
	padding: 5px;
	border: 1px solid #ccc;
	background: #fff;
	display: block;
}
#storyDetail #storyTeaser .photoCredit {
	display: block;
	text-align: right;
	font-size: .85em;
	color: #999;
	text-decoration: none;
}
#storyTeaser .photoDescription {
	padding: 5px 0;
	display: block;
	width: 250px;
	color: #666;
}
#storyDetail #storyTeaser a:hover .photoCredit {text-decoration: none;}
#storyDetail #storyTeaser #slideshowLink {
	display: block;
	margin: 5px 0 0 35px;
	padding: 5px 0 5px 20px;
	background: transparent url(../images/icons/icon_image.png) no-repeat left center;
}
#storyDetail #storyTeaser a:hover #slideshowLink {text-decoration: underline;}
#storyDetail a:hover #storyTeaser {border-color: #c00;}
#storyDetail #storyBody {
	margin: 15px 0;
	padding: 20px 10px;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
}








/* Detail Box - for directory/events/etc...
------------------------------------------------------------------- */
.detailBox {}
.detailImages {
	float: left;
}
.detailImages h6 {
	display: block;
	color: #999999;
	font-size: 100%;
	padding: 0;
	margin: 5px 0;
}
.detailImages img {
	padding: 5px;
	border: 1px solid #ccc;
	background: #fff;
	width: 220px;
	height: 220px;
	margin: 10px 0;
}
.detailImages img.contestPhoto {
		width: 125px;
		height: 175px;
}
.detailImages #mapContainer img {border: none; padding: 0; background: none; margin: 0;}
.detailInfo {
	margin-left: 250px;
}
.detailInfo h3 {
	font-size: 150%;
	color: #006699;
	font-weight: normal;
	padding-bottom: 8px;
}
.detailInfo table {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.detailInfo table tr {
	text-align: left;
	vertical-align: top;
}
.detailInfo table th {
	padding: 4px 8px;
	color: #333333;
	text-align: left;
	background: #E5E5E5;
	vertical-align: top;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	white-space: nowrap;
}
.detailInfo table td {
	padding: 4px 10px 4px 10px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #ccc;
}
.detailInfo table a {}
.detailInfo table a:hover {}

.clear {clear: both;}

.ratingCont {
	width: 50px;
	height: 10px;
	background: url(../images/backgrounds/bg_rating_container.png) no-repeat left top;
}
.ratingCont .rating {
	height: 10px;
	background: url(../images/backgrounds/bg_rating.png) no-repeat left top;
}














/*	Detail Page
	- Used for event detail, directory detail, and restaurant detail pages.
-------------------------------------------------------------------


	/* Cuisine
	-------------------------------------------------------------------
	.cuisine {
		margin: 0 0 10px;
		padding: 5px 5px 5px 10px;
		display: block;
		background: #F9F9F9;
		border-top: 1px solid #F2F2F2;
		border-bottom: 1px solid #F2F2F2;
		font-size: 0.95em;
	}
	.cuisine span {
		color: #ACACAC;
		font-weight: bold;
		padding-right: 15px;
	}


	/* Phone Number
	-------------------------------------------------------------------
	.phone {
		font-weight: bold;
		font-size: 1.35em;
		color: #666;
		display: block;
		margin: 0;
		padding: 8px 0 8px 30px;
		background: url(../images/icons/icon_telephone.png) no-repeat left center;
	}

	/* Website
	-------------------------------------------------------------------
	.website {
		display: block;
		background: url(../images/icons/icon_internet.png) no-repeat left center;
		margin: 0;
		padding: 5px 0 5px 30px;
		font-size: 0.95em;
	}
	.website a {
		font-weight: bold;
	}


	/* Email
	-------------------------------------------------------------------
	.email {
		display: block;
		margin: 0;
		background: url(../images/icons/icon_email_2.png) no-repeat left center;
		padding: 5px 0 5px 30px;
		font-size: 0.95em;
	}
	.email a {
		font-weight: bold;
	}


	/* Address
	-------------------------------------------------------------------
	.address {
		margin: 0;
		padding: 5px 0 5px 30px;
		display: block;
		font-weight: bold;
		color: #666666;
		background: url(../../../default-media/images/icons/icon_home.png) no-repeat left 5px;
	}


	/* Address
	-------------------------------------------------------------------
	.tags {
		background: url(../images/icons/icon_tag_blue.png) no-repeat left center;
		margin: 0;
		padding: 5px 0 5px 25px;
	}
	.tags span {
		font-weight: bold;
		padding-right: 15px;
		color: #386776;
	}


	/* Editor Rating
	-------------------------------------------------------------------
	.editorRating {
		float: right;
		background: #fff;
		display: block;
		padding: 5px 10px;
		border: 1px solid #EBEBEB;
	}
	.editorRating span {
		display: block;
		margin-bottom: 5px;
		font-weight: bold;
		color: #999999;
		font-size: 0.9em;
	}


	/* Ratings
	-------------------------------------------------------------------
	.ratingCont {
		width: 100px;
		height: 20px;
		background: url(../images/backgrounds/bg_rating_container.png) no-repeat left top;
	}
	.ratingCont .rating {
		height: 20px;
		background: url(../images/backgrounds/bg_rating.png) no-repeat left top;
	}


	/* Pricing
	-------------------------------------------------------------------
	.pricing {
		margin: 0;
		padding: 10px 0;
	}
	.pricing span {
		font-size: 0.95em;
		font-weight: bold;
		color: #999;
		display: block;
		padding-bottom: 5px;
	}


	/* Prace Range
	-------------------------------------------------------------------
	.priceRangeCont {
		width: 100px;
		height: 25px;
		background: url(../images/backgrounds/bg_price_range_container.png) no-repeat left top;
	}
	.priceRange {
		height: 25px;
		background: url(../images/backgrounds/bg_price_range.png) no-repeat left top;
	}


	/* Map
	-------------------------------------------------------------------
	.map {
		float: right;
		padding: 5px;
		background: #fff;
		border: 1px solid #EBEBEB;
		margin: 0 0 0 15px;
	}


	/* Photo
	-------------------------------------------------------------------
	.photo {
		float: right;
		margin: 10px 0 10px 15px;
	}
	.photo img {
		height: 220px;
		width: 220px;
		margin: 0;
		padding: 5px;
		border: 1px solid #EBEBEB;
		display: block;
	}

*/


/* Featured Story
------------------------------------------------------------------- */
#featuredStoryLink {
	display: block;
	text-align: center;
	padding: 5px;
	background: #F7F7F7;
	border: 1px solid #CCCCCC
}
#featuredStoryHeading {
	color: #666666;
	margin: 0 0 5px;
	padding: 0 0 3px;
	font-size: 140%;
	font-weight: normal;
	border-bottom: 1px solid #F2F2F2;
}


/*	Show Times
	- The heading for "Showings of..."
----------------------------------------------------------- */
.showTimes {
	padding: 4px 4px 4px 15px;
	margin: 25px 0 12px 0;
	background: #FCF9F5;
	border-top: 1px solid #F1DADA;
	border-bottom: 1px solid #F1DADA;
	color: #CF4923;
	font-size: 1.4em;
	font-weight: normal;
}


/* Marketplace
------------------------------------------------------------------- */
#marketplace {clear: both;}






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

		C O M M O N    E L E M E N T S

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


/*	Listing
	- Used for search results as well as front page listings
------------------------------------------------------------------- */
.listingEntry {
	border-top: 1px solid #F7F7F7;
	border-bottom: 1px solid #E4E4E4;
	width: 100%;
	clear: both;
	background: #fff;
}
.listingEntry.alt {background: #EEEEEE;}
.listingEntryContainer {padding: 8px 12px;}
.listingImg {
	float: left;
	padding-bottom: 8px;
}
.listingImg a img {
	width: 100px;
	height: 100px;
	padding: 4px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}
.listingImg a:hover img {border-color: #CC0000;}
.listingDetails {
	margin-left: 120px;
}
.listingDetails h6 {
	font-size: 135%;
	font-weight: normal;
	text-decoration: none;
	margin: 0;
}
.listingDetails h6 a {
	text-decoration: none;
}
.listingDetails h6 a:hover {
	text-decoration: underline;
}
.listingDetails p {
	margin: 0;
	padding: 5px 0;
	font-size: 95%;
	color: #333333;
}
.listingDetails .listingMeta {
	font-size: 85%;
	color: #666;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #DADADA;
	margin-top: 10px;
}
.listingDetails .listingMeta a {
	color: #333;
	text-decoration: underline;
}
.listingDetails .listingMeta span {
	margin-right: 10px;
}
.listingDetails .listingMeta span strong {
	color: #4D738A;
}


/* 	Teaser Boxes
	- Small teaser boxes, using 60px by 60px images.
	- Different than listings.
------------------------------------------------------------------- */
.teaserHeading {
	font-size: 200%;
	font-weight: normal;
	color: #c00;
	margin: 0 0 5px;
	padding: 0 0 4px;
	font-style: italic;
	border-bottom: 1px solid #eaeaea;
}
.teaserEntry {
	border-top: 1px solid #f7f7f7;
	border-bottom: 1px solid #e4e4e4;
	width: 100%;
	clear: both;
}
.teaserEntry.alt {background: #eee;}
.teaserEntryContainer {padding: 8px;}
.teaserImg {
	float: left;
	padding-bottom: 8px;
}
.teaserImg a img {
	width: 60px;
	height: 60px;
	padding: 4px;
	border: 1px solid #ccc;
	background: #fff;
}
.teaserImg a:hover img {border-color: #c00;}
.teaserDetails {
	margin-left: 80px;
}
.teaserDetails h6 {
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
}
.teaserDetails h6 a {
	text-decoration: none;
}
.teaserDetails h6 a:hover {
	text-decoration: underline;
}
.teaserDetails p {
	margin: 0;
	padding: 5px 0;
	font-size: 90%;
	color: #333;
}
.teaserDetails .teaserCategory {
	font-size: 80%;
	color: #999;
}
.teaserDetails .teaserMeta {
	font-size: 80%;
	color: #999;
}
.teaserDetails .teaserMeta span {display: block;}


/*	Detail Page
	- Used for event detail, directory detail, and restaurant detail pages.
------------------------------------------------------------------- */
/* Cuisine */
.cuisine {
	margin: 0 0 10px;
	padding: 5px 5px 5px 10px;
	display: block;
	background: #F9F9F9;
	border-top: 1px solid #F2F2F2;
	border-bottom: 1px solid #F2F2F2;
	font-size: 0.95em;
}
.cuisine span {
	color: #ACACAC;
	font-weight: bold;
	padding-right: 15px;
}
/* Phone Number */
.phone {
	font-weight: bold;
	font-size: 1.35em;
	color: #666;
	display: block;
	margin: 0;
	padding: 8px 0 8px 30px;
	background: url(../images/icons/icon_telephone.png) no-repeat left center;
}
/* Website */
.website {
	display: block;
	background: url(../images/icons/icon_internet.png) no-repeat left center;
	margin: 0;
	padding: 5px 0 5px 30px;
	font-size: 0.95em;
}
.website a {
	font-weight: bold;
}
/* Email */
.email {
	display: block;
	margin: 0;
	background: url(../images/icons/icon_email_2.png) no-repeat left center;
	padding: 5px 0 5px 30px;
	font-size: 0.95em;
}
.email a {
	font-weight: bold;
}
/* Address */
.address {
	margin: 0;
	padding: 5px 0 5px 30px;
	display: block;
	font-weight: bold;
	color: #666666;
	background: url(../../../default-media/images/icons/icon_home.png) no-repeat left 5px;
}
/* Address */
.tags {
	background: url(../images/icons/icon_tag_blue.png) no-repeat left center;
	margin: 0;
	padding: 5px 0 5px 25px;
}
.tags span {
	font-weight: bold;
	padding-right: 15px;
	color: #386776;
}
/* Editor Rating */
.editorRating {
	float: right;
	background: #fff;
	display: block;
	padding: 5px 10px;
	border: 1px solid #EBEBEB;
}
.editorRating span {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
	color: #999999;
	font-size: 0.9em;
}
/* Ratings */
.ratingCont {
	width: 100px;
	height: 20px;
	background: url(../images/backgrounds/bg_lrg_rating_container.png) no-repeat left top;
}
.ratingCont .rating {
	height: 20px;
	background: url(../images/backgrounds/bg_lrg_rating.png) no-repeat left top;
}
/* Pricing */
.pricing {
	margin: 0;
	padding: 10px 0;
}
.pricing span {
	font-size: 0.95em;
	font-weight: bold;
	color: #999;
	display: block;
	padding-bottom: 5px;
}
/* Price Range */
.priceRangeCont {
	width: 100px;
	height: 25px;
	background: url(../images/backgrounds/bg_price_range_container.png) no-repeat left top;
}
.priceRange {
	height: 25px;
	background: url(../images/backgrounds/bg_price_range.png) no-repeat left top;
}
/* Map */
.map {
	float: right;
	padding: 5px;
	background: #fff;
	border: 1px solid #EBEBEB;
	margin: 0 0 0 15px;
}
/* Photo */
.photo {
	float: right;
	margin: 10px 0 10px 15px;
}
.photo img {
	height: 220px;
	width: 220px;
	margin: 0;
	padding: 5px;
	border: 1px solid #EBEBEB;
	display: block;
}





/*	Related Links
	- Box containing related links to objects.
	- Located in the side bar and similar styling to the search box.
------------------------------------------------------------------- */
.relatedHeading {
	font-size: 135%;
	font-weight: normal;
	color: #333333;
	margin: 0 0 8px;
	padding: 0;
}
.relatedLinks {
	margin: 0;
	padding: 0;
	list-style: none;
}
.relatedLinks li {
	margin: 0;
	padding: 0;
}
.relatedLinks li a {
	padding: 4px 4px 4px 15px;
	color: #666666;
	text-decoration: none;
	display: block;
	font-weight: bold;
	border-top: 1px solid #F2F2F2;
	border-bottom: 1px solid #CCCCCC;
	margin: 0;
}
.relatedLinks li.alt a {
	background: #F4F4F4;
}
.relatedLinks li a:hover {
	background: #E8E8E8;
	color: #333333;
	text-decoration: none;
}


/*	Comments
	- Display of comments posted by users.
------------------------------------------------------------------- */
#comments {}
#comments h4 {
	font-size: 130%;
	color: #006699;
	margin-bottom: 20px;
}

.comment {
	background: #fff;
	border-top: 1px solid #F3F3F3;
	border-bottom: 1px solid #BFBFBF;
}
.comment.alt {
	background: #F2F2F2 url(../images/backgrounds/bg_comment_alt.jpg) repeat-x left top;
	border-top-color: #FFFFFF;
}
.comment:hover {
	background: #FFF7C4;
}
.comment.alt:hover {
	background: #FFF7C4;
}
.comment .commentContent {
	padding: 15px 30px;
	color: #333333;
}
.comment .commentAuthor{
	padding: 0 25px 8px;
	color: #999999;
	text-align: right;
	font-size: 90%;
}


/* Post Comment
------------------------------------------------------------------- */
#postComment {}
#postComment h5 {
	font-size: 120%;
	color: #006699;
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #E1E1E1;
}
#postComment p {
	margin: 8px 0;
	padding: 0;
}
#postComment label {
	color: #666666;
	display: block;
	font-weight: bold;
	padding-bottom: 4px;
}


/*	Pagenation Links
	- Display for multiple pages in a story.
------------------------------------------------------------------- */
.pagenation {
	text-align: right;
}
.pagenation .pageTitle {
	color: #ccc;
	font-weight: bold;
	padding-right: 10px;
}
.pagenation .pageNumber {
	font-weight: bold;
	padding: 5px;
}
.pagenation .viewAsPage a {
	padding: 5px 10px;
}


/*	Navigation Links
	- Previous/next buttons at the bottom of search results.
------------------------------------------------------------------- */
.navLinks {
	text-align: center;
	margin: 15px 0;
	clear: both;
	padding: 10px;
}
.navLinks a {border: none;}


/*	Search Options
	- Inline search for listings pages.
------------------------------------------------------------------- */
#toggle {
	display: block;
	font-weight: bold;
	margin: 10px 0;
	padding: 5px 0 5px 20px;
	background: url(../images/icons/icon_plus.png) no-repeat left center;
}
#searchOptions {
	margin: 10px 0;
	padding: 15px;
	border: 1px solid #ccc;
	background: #F9F9F9;
}
#searchOptions p {
	margin: 6px 0;
}
#searchOptions label {
	float: left;
	display: block;
	width: 10em;
	text-align: right;
	padding-right: 10px;
	color: #006699;
	font-weight: bold;
}


/* Tools - print, email, rss
------------------------------------------------------------------- */
#tools {}
#tools h6 {
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	color: #666666;
	margin: 12px 20px 0 0;
	padding: 8px;
}
#tools.box-content {padding: 2px 10px;}
#tools p {
	float: left;
	margin: 0;
	padding: 2px;
}
#tools a {
	display: block;
	padding: 35px 5px 5px 5px;
	font-weight: bold;
	color: #006699;
	text-decoration: none;
}
#tools a:hover {
	background-color: #F4F4F4;
	text-decoration: none;
	color: #003366;
}
#tools .email {background: url(../images/icons/icon_email.png) no-repeat center 5px;}
#tools .print {background: url(../images/icons/icon_print.png) no-repeat center 5px;}
#tools .rss {background: url(../images/icons/icon_rss.png) no-repeat center 5px;}




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

		C A L E N D A R

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


/* Calendar
------------------------------------------------------------------- */
#calendarContainer {font-size: .8em;}
#monthBox {
	text-align: center;
	padding: 0 0 5px;
}
#monthBox #prevMonth, #monthBox #nextMonth {
	font-size: 1.2em;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
	cursor: pointer;
	padding: 4px 12px;
}
#monthBox #prevMonth:hover, #monthBox #nextMonth:hover {
	color: #FF0000;
	text-decoration: none;
}
#monthBox #month {
	font-size: 115%;
	font-weight: bold;
	color: #003366;
	padding-right: 25px;
	padding-left: 25px;
}

#calendarContainer table {
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #B2B2B2;
	width: 100%;
}
#calendarContainer table thead {}
#calendarContainer table thead tr {
	background: #f2f2f2 url(../images/backgrounds/bg_calendar_thead.png) repeat-x left bottom;
	color: #393022;
}
#calendarContainer table thead th {
	text-align: center;
	vertical-align: middle;
	padding: 4px 10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #999;
}
#calendarContainer table tbody {font-size: 90%;}
#calendarContainer table tbody tr {}
#calendarContainer table tbody td {
	padding: 1px;
	text-align: center;
	vertical-align: middle;
}
#calendarContainer table tbody td a {
	padding: 5px;
	text-decoration: none;
	display: block;
	border: 1px solid #EAEAEA;
	color: #006699;
	cursor: pointer;
}
#calendarContainer table tbody td a:hover {
	color: #003366;
	background: #EAF9FF;
	border-color: #C8C8C8;
}
/* The current day (selected) */
#calendarContainer #today {}
#calendarContainer #today a {
	color: #333333;
	border-color: #999999;
	background: #EBEBEB;
	font-weight: bold;
}
#calendarContainer #today a:hover {
	background: #EAEAEA;
	border-color: #CC0000;
}
#calendarContainer .currentDate {}
#calendarContainer .currentDate a {
	border-color: #FF6600;
	background: #FFF3E1;
	color: #FF3300;
}
#calendarContainer .currentDate a:hover {
	color: #FF0000;
	background: #FFE6BF;
	border-color: #FF3300;
}




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

		T H I C K B O X

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


#TB_window {
	color: #333;
}
#TB_secondLine {
	color: #666;
}
#TB_window a:link {color: #666;}
#TB_window a:visited {color: #666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666;}
#TB_window a:focus{color: #666;}

#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}
.TB_overlayMacFFBGHack {background: url(../images/backgrounds/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color: #fff;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
	 position: absolute;
	 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color: #000000;
	display: none;
	border: 4px solid #525252;
	text-align: left;
	top: 50%;
	left: 50%;
}
* html #TB_window { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
	display: block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}
#TB_caption {
	height: 25px;
	padding: 7px 30px 10px 25px;
	float: left;
}
#TB_closeWindow {
	height: 25px;
	padding: 11px 25px 10px 0;
	float: right;
}
#TB_closeAjaxWindow {
	padding: 7px 10px 5px 0;
	margin-bottom: 1px;
	text-align: right;
	float: right;
}
#TB_ajaxWindowTitle{
	float: left;
	padding: 7px 0 5px 10px;
	margin-bottom: 1px;
}
#TB_title{
	background-color: #e8e8e8;
	height: 27px;
}
#TB_ajaxContent{
	clear: both;
	padding: 2px 15px 15px 15px;
	overflow: auto;
	text-align: left;
	line-height: 1.4em;
}
#TB_ajaxContent.TB_modal{
	padding: 15px;
}
#TB_ajaxContent p{
	padding: 5px 0px 5px 0px;
}
#TB_load{
	position: fixed;
	display: none;
	height :13px;
	width: 208px;
	z-index: 103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
	z-index: 99;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	border: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height: 100%;
	width: 100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
	clear: both;
	border: none;
	margin-bottom: -1px;
	margin-top: 1px;
	_margin-bottom: 1px;
}




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

		T A B S

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


/* Tab Boxes
------------------------------------------------------------------- */
.tabBox {clear: both;}
/* Search Box Menu */
.tabBox ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(../images/backgrounds/bg_tab.png) repeat-x left bottom;
}
.tabBox ul li {
	float: left;
	margin: 0;
	padding: 0;
}
.tabBox ul li a {
	float: left;
	display: block;
	padding-right: 10px;
	background: transparent /*url(images/backgrounds/bg_tab_right.png) no-repeat right top*/;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	font-size: .9em;
}
.tabBox ul li a span {
	float: left;
	background: transparent /*url(images/backgrounds/bg_tab_left.png) no-repeat left top*/;
	cursor: pointer;
	padding: 4px 0 4px 10px;
}
.tabBox ul li a:hover {
	text-decoration: none;
	background: transparent url(../images/backgrounds/bg_tab_hover_right.png) no-repeat right top;
}
.tabBox ul li a:hover span {background: transparent url(../images/backgrounds/bg_tab_hover_left.png) no-repeat left top;}
.tabBox .tab-active {
	color: #000;
	background: transparent url(../images/backgrounds/bg_tab_right.png) no-repeat right top;
}
.tabBox .tab-active span {background: transparent url(../images/backgrounds/bg_tab_left.png) no-repeat left top;}
/* Search Box Cells */
.tabBox .cell {
	padding: 5px 15px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #F0F0F0;
	clear: both;
	display: none;
}


/* Search Box
------------------------------------------------------------------- */
.tabBox .cell label {display: none;}
.tabBox .cell label.showLabel {
	float: none;
	width: inherit;
	display: inline;
	font-weight: bold;
	color: #000000;
}
.tabBox div .full input {width: 98%;}
.tabBox div .full select {width: 100%;}
/* Hides Tabs */
.tabBox .cell {display: none;}
.tabBox .cell.active {display: block;}


/* Related Box
------------------------------------------------------------------- */
#relatedBox .cell {padding: 15px;}
#relatedBox .cell p {margin: 0;}
#relatedBox .cell p a {
	display: block;
	padding: 4px 12px;
	margin: 0;
	border-top: 1px solid #D8D8D8;
	border-right: 1px solid #F9F9F9;
	border-bottom: 1px solid #F9F9F9;
	border-left: 1px solid #D8D8D8;
	font-weight: bold;
	text-decoration: none;
}
#relatedBox .cell p.alt a {background: #F5F5F5;}
#relatedBox .cell p a:hover {
	background: #E0E0E0;
	text-decoration: none;
	color: #003366;
}




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

		R O U N D E D   B O X E S

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


.box {
	border: 1px solid #ACACAC;
	margin: 10px 0;
	padding: 20px;
	background: #fff;
	display: block;
}
.box-container {
	margin: 10px 0;
	background: #fff url(../images/backgrounds/bg_box_bl.gif) no-repeat bottom left;
	direction: block !important;
	display: inline-block; /* Fixes IE Peekaboo Bug */
	width: 100%;
}
.box-br {background: url(../images/backgrounds/bg_box_br.gif) no-repeat bottom right;}
.box-tl {background: url(../images/backgrounds/bg_box_tl.gif) no-repeat top left;}
.box-tr {background: url(../images/backgrounds/bg_box_tr.gif) no-repeat top right;}
.box-content {padding: 20px;}


/* Footer
------------------------------------------------------------------- */
#footer.box {background: #C3C3C3;}
#footer.box-container {background: #C3C3C3 url(../images/backgrounds/bg_footer_bl.gif) no-repeat bottom left;}
#footer .box-br {background: url(../images/backgrounds/bg_footer_br.gif) no-repeat bottom right;}
#footer .box-tl {background: url(../images/backgrounds/bg_footer_tl.gif) no-repeat top left;}
#footer .box-tr {background: url(../images/backgrounds/bg_footer_tr.gif) no-repeat top right;}




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

		R E - U S A B L E    C L A S S E S

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


/*	Generic Form
----------------------------------------------------------- */
.genericForm {
	margin-top: 30px;
	margin-bottom: 30px;
	border-top: 1px solid #EDEBE0;
	border-right: 1px solid #DED6CF;
	border-bottom: 1px solid #DED6CF;
	border-left: 1px solid #EDEBE0;
}
.genericForm .row {
	display: block;
	padding: 12px 25px;
	border-top: 1px solid #FEFEFE;
	border-bottom: 1px solid #E9E6D8;
	clear: both;
}
.genericForm .row.alt {
	background: #F8F7F3;
	border-top: 1px solid #FEFEFE;
	border-bottom: 1px solid #E6E2D5;
}
.genericForm .row.required {
	background-image: url(../images/icons/bullet_star.png);
	background-repeat: no-repeat;
	background-position: 5px 3px;
}
.genericForm .row.required label {color: #CC3300;}
.genericForm .row.rowError {
	background: #F8DCDC url(../images/icons/bullet_error.png) no-repeat 5px 5px;
	border-top: 3px double #E49E9E;
	border-bottom: 3px double #E49E9E;
}
.genericForm .row.rowError label {color: #CA3333;}
.genericForm .row.rowError input,
.genericForm .row.rowError textarea,
.genericForm .row.rowError select {border: 2px solid #DE7C7C;}
.genericForm .row.rowError .formHint {color: #900;}
.genericForm label {
	font-weight: bold;
	color: #7D6A55;
	display: block;
	float: left;
	width: 10em;
	padding-right: 10px;
}
.genericForm .formData {
	display: block;
	margin-left: 11em;
}
.genericForm .formError {
	color: #990000;
	padding: 3px 10px 3px 20px;
	margin-left: 10px;
	background: #FAF1F1;
	border-top: 1px solid #EDCBCB;
	border-right: 1px solid #E3B0B0;
	border-bottom: 1px solid #E3B0B0;
	border-left: 1px solid #EDCBCB;
}
.genericForm .formHint {
	margin: 7px 0px;
	color: #7B6D53;
	font-style: italic;
	font-size: 0.95em;
}
.genericForm .fieldset {
	display: block;
	border-top: 1px solid #E8E4D9;
	border-right: 1px solid #D7D1BD;
	border-bottom: 1px solid #D7D1BD;
	border-left: 1px solid #E8E4D9;
	margin: 20px;
}
.genericForm .fieldset .legend {
	display: block;
	margin: 0;
	padding: 7px 12px 7px 25px;
	position: relative;
	font-weight: bold;
	background: #AF9C8D;
	color: #FFFFFF;
	border-top: 1px solid #F5F3F1;
	border-bottom: 1px solid #8F7765;
	text-transform: uppercase;
}
.genericForm textarea {
	width: 100% !important;
	width: 98%;
}


/*	Generic Table
----------------------------------------------------------- */
.table caption {
	font-size: 130%;
	text-align: left;
	padding: 4px 0 4px 8px;
	font-weight: bold;
	color: #BC605A;
}
.table caption a {
	font-weight: bold;
	color: #D54542;
}
.table {
	border-bottom: 1px solid #E5E5E5;
	font-size: 90%;
}
.table tr th {
	color: #5C5C5C;
	text-align: left;
	vertical-align: top;
	padding: 3px 10px;
	background: #F7F7F7 url(../images/backgrounds/bg_table_th.gif) repeat-x left bottom;
	border-top: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
}
.table tr td {
	padding: 3px 8px;
	border-top: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
}


/*	Columns
	- Generic 50% width columns.
------------------------------------------------------------------- */
.columnContainer {
	width: 100%;
	clear: both;
}
.columnLeft {
	float: left;
	width: 49%;
}
.columnRight {
	float: right;
	width: 49%;
}


/*	Section Name
	- The section of the site (story,event,directory,restaurant).
	- Shown on the global search results page.
------------------------------------------------------------------- */
.sectionName {
	float: right;
	color: #999999;
	font-size: 1.1em;
	font-weight: bold;
}


/* Yes/No Classes
	- Used for indicating clearly whether something is or is not available.
	- Example would be if delievery is accepted at a restaurant or not.
------------------------------------------------------------------- */
.yes {
	background: url(../images/icons/icon_success.png) no-repeat left center;
	padding-left: 25px;
	font-weight: bold;
	color: #339900;
}
.no {
	background: url(../images/icons/icon_delete.png) no-repeat left center;
	padding-left: 25px;
	font-weight: bold;
	color: #CC3300;
}


/* Error handling
------------------------------------------------------------------- */
.errorMsg {
	padding: 10px 35px 10px 60px;
	color: #900;
	background: #F8DCDC url(../images/icons/icon_warning.png) no-repeat 23px center;
	border-top: 3px double #E49E9E;
	border-bottom: 3px double #E49E9E;
}
.errorMsg p {
	margin: 8px 0;
	padding: 0;
}
.error, .warning, .success {
	clear: both;
	margin: 15px 0;
	padding: 15px 30px 15px 45px;

}
.error strong, .warning strong, .success strong {display: block;}
.error {
	color: #990000;
	background: #FEF5F3 url(../images/icons/icon_error.png) no-repeat 15px center;
	border-top: 1px solid #F4C8B9;
	border-bottom: 1px solid #F4C8B9;
}
.formError {
	background: #FBEEEE url(../images/icons/icon_error.png) no-repeat 10px center;
	border-top: 1px solid #F3C7C7;
	border-bottom: 1px solid #F3C7C7;
	padding: 3px 15px 3px 35px;
	margin: 0;
}
.warning {
	background: #FFFEF9 url(../images/icons/icon_error.png) no-repeat 15px center;
	border-top: 1px solid #F8D389;
	border-bottom: 1px solid #F8D389;
	color: #704D25;
}
.success {
	background: #F9FBF4 url(../images/icons/icon_success.png) no-repeat 15px center;
	border-top: 1px solid #C4DCAD;
	border-bottom: 1px solid #C4DCAD;
	color: #006600;
}
.note {
	padding: 5px;
	margin: 0;
	font-size: 95%;
	color: #B7B7B7;
}
span.note {display: inline;}


/* Replacable text styling */
.replaceText {color: #999;}


/* Images
----------------------------------------------------------- */
.imgRight, .imgLeft {
	margin: 0;
	padding: 4px;
	border: 1px solid #ccc;
	background: #fff;
}
.imgRight {
	float: right;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.imgLeft {
	float: left;
	margin-right: 15px;
	margin-top: 5px;
	margin-left: 5px;
}


/* Text align
----------------------------------------------------------- */
.textRight {text-align: right;}
.textLeft {text-align: left;}
.textCenter {text-align: center;}


/* Display
----------------------------------------------------------- */
.clear {clear: both;}
.noClear {clear: none;}
.hide {display: none;}
.show {display: inherit;}
.visible {display: inherit;}
.hidden {display: none;}
.block {display: block;}
.inline {display: inline;}
.noStyling {border: none; background: none; text-decoration: none;}
.floatLeft {float: left;}
.floatRight {float: right;}


/* Column Classes
----------------------------------------------------------- */
.col10 {width: 10%; float: left; display: block; margin: 0; padding: 0;}
.col15 {width: 15%; float: left; display: block; margin: 0; padding: 0;}
.col20 {width: 20%; float: left; display: block; margin: 0; padding: 0;}
.col25 {width: 25%; float: left; display: block; margin: 0; padding: 0;}
.col33 {width: 33%; float: left; display: block; margin: 0; padding: 0;}
.col40 {width: 40%; float: left; display: block; margin: 0; padding: 0;}
.col45 {width: 45%; float: left; display: block; margin: 0; padding: 0;}
.col50 {width: 50%; float: left; display: block; margin: 0; padding: 0;}
.col55 {width: 55%; float: left; display: block; margin: 0; padding: 0;}
.col60 {width: 60%; float: left; display: block; margin: 0; padding: 0;}
.col65 {width: 65%; float: left; display: block; margin: 0; padding: 0;}
.col66 {width: 66%; float: left; display: block; margin: 0; padding: 0;}
.col70 {width: 70%; float: left; display: block; margin: 0; padding: 0;}
.col75 {width: 75%; float: left; display: block; margin: 0; padding: 0;}
.col80 {width: 80%; float: left; display: block; margin: 0; padding: 0;}
.col90 {width: 90%; float: left; display: block; margin: 0; padding: 0;}
.col100 {width: 100%; float: left; display: block; margin: 0; padding: 0;}


/* Padding Classes
----------------------------------------------------------- */
.pad5 {padding: 5px; margin: 0;}
.pad10 {padding: 12px; margin: 0;}
.pad15 {padding: 15px; margin: 0;}
.pad20 {padding: 20px; margin: 0;}
.pad25 {padding: 25px; margin: 0;}
.pad30 {padding: 30px; margin: 0;}
.pad35 {padding: 35px; margin: 0;}
.pad40 {padding: 40px; margin: 0;}
.pad45 {padding: 45px; margin: 0;}
.pad50 {padding: 50px; margin: 0;}




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

		C L E A R F I X

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


/* Clearfix
------------------------------------------------------------------- */
#header:after,
#headerInner:after,
#menu:after,
#searchBox:after,
#searchBox ul:after,
.box:after,
.box-container:after,
.box-content:after,
.columnContainer:after,
.teaserEntry:after,
.listingEntry:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}






















/* Browse Box  (UNIMPLEMENTED CURRENTLY)
-------------------------------------------------------------------
#browse {}
#browseList {
	margin: 0;
	padding: 0;
	list-style: none;
}
#browseList li {
	margin: 0;
	padding: 0;
}
#browseList li a {
	display: block;
	font-weight: bold;
	color: #006699;
	padding: 4px 0 4px 30px;
	text-decoration: none;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #F7F7F7;
}
#browseList li a:hover {
	color: #003366;
	background-color: #F2F2F2;
}
#browseList ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#browseList ul li {}
#browseList ul li a {
	color: #666666;
	font-size: 90%;
	text-decoration: none;
}
#browseList ul li a:hover {
	color: #333333;
	text-decoration: none;
	background-color: #F5F5F5;
}
#browseList .listParent a {background: url(../images/icons/icon_plus.png) no-repeat 8px center;}
#browseList .listParent a:hover {background: #F5F5F5 url(../images/icons/icon_plus.png) no-repeat 8px center;}
#browseList .listActive a {background: #EEF9FD url(../images/icons/icon_minus.jpg) no-repeat 8px center;}
#browseList .listActive a:hover {background: #E4F5FC url(../images/icons/icon_minus.jpg) no-repeat 8px center;}
#browseList .listActive ul a {background: none;}
#browseList .listActive ul a:hover {background: #F7F7F7;}
#browseList .listParent ul {display: none;}
#browseList .listActive ul {display: inherit;}
*/