/* 	Index CSS
	Created by Bryan Cronk, 3/20/09
	----------------------------------*/

@import url(reset.css);
@import url(styles4.css);
@import url(photo-video.css);
/*@import url(news_tips.css);*/
/*@import url(ttod.css);*/

h2 {
	padding-bottom:5px;
	font-size:16px;
	font-weight:bold;
}


.fc-maincontent {
	float:left;
	width:580px;
	_width:600px;
	margin:10px 10px 25px 10px;
	padding:10px;
	border:1px #999 solid;
	background:#fff url(/images/fodors-choice-sprite.png) no-repeat 45px 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:1px 1px 5px #999;
	-webkit-box-shadow:1px 1px 5px #999;
	box-shadow:1px 1px 5px #999;
	-webkit-gradient(linear, 100% 0%, 90% 100%, from(#CFA92A), to(#FFFFFF))
}

.fc-header {
	background:transparent url(/images/fodors-choice-sprite.png) no-repeat -581px 0;
	height:50px;
	_height:65px;
	border-bottom:1px dotted #666;
	margin-bottom:10px;
	padding-bottom:5px;
}

.badge-header {
	background:transparent url(/images/fodors-choice-sprite.png) no-repeat -581px -68px;
	height:65px;
	_height:80px;
	border-bottom:1px dotted #666;
	margin-bottom:10px;
	padding-bottom:5px;
}

.ga-header {
	background:transparent url(/images/fodors-choice-sprite.png) no-repeat -581px -147px;
	height:55px;
	_height:70px;
	border-bottom:1px dotted #666;
	margin-bottom:10px;
	padding-bottom:5px;
}

.hidden {
	position:absolute;
	left:-9999px;
}

h2.fc-gold {
	color:#cfa92a;
}
a.fc-gold {
	color:#cfa92a;
}

a:hover.fc-gold {
	text-decoration:underline;
}

a:visited.fc-gold {
	color:#cfa92a;
}

.location {
	padding-left:10px;
	color:#999;
}
.fc-desc {
	width:255px;
	float:left;

}

.fc-nav  {
	width:315px;
	float:left;
	padding-left:10px;
}


.fc-nav li {
	border-bottom:1px dotted #666;
	margin-left:10px;
	margin-bottom:10px;
	padding-bottom:10px;
	color:#999;
	font-size:14px;
	font-weight:bold;
}

p {
	padding-bottom:12px;
	
	line-height: 1.5em;
}

.star-red {
	background:transparent url(/images/fodors-choice-sprite.png) no-repeat right -325px;
	padding:0 20px 2px 0;
}

.star-gold {
	background:transparent url(/images/fodors-choice-sprite.png) no-repeat right -306px;
	padding:0 25px 0px 0;
}

.fc-home-image {
	width:300px;
	
}

.dashed {
	border-top:1px dotted #666;
	border-bottom:1px dotted #666;
	margin:10px 0;
	padding:10px 0;
}
.ga-list {
	border-top:1px dotted #666;
	margin-top:10px;
	padding-top:10px;
}

.section-header {
	border-bottom:1px dotted #666;
	margin-bottom:10px;
	padding-bottom:10px;
	
	font-size:16px;
	font-weight:bold;
}
.section-content {
	border-bottom:1px dotted #666;
	margin-bottom:10px;
	padding-bottom:10px;
}

.badge {
	width:100%;
}

.badge-icon {
	float:left;
}

.code {
	float:right;
	width:350px;
	border-bottom:1px dotted #666;
	margin-bottom:10px;
	padding-bottom:10px;
}

.codeBox {
	background:#ccc;
}

.ga-categories {
	position:relative;
}

.ga-categories li {
	display:block;
	width:260px;
}

.ga-categories li a {
	display:block;
	background: #fff url(/images/arrow.png) no-repeat right top;
	padding:5px 10px 20px 0;
	color:#666;
	font-size:14px;
	font-weight:bold;
	line-height:auto;
}

.ga-categories a:visited {
	color:#666;
}

.ga-categories li a:hover,
.ga-categories li.current a {
	background: #fff url(/images/arrow.png) no-repeat right 50%;
	color:#f60;
}

.ga-categories a:active {
	color:#666;
}


.fc-cat-image {
	margin:0 auto 10px;
}

.alpha {
	width:100%;
}
.alpha em {
	float:left;
}
.photo-credit {
	float:right;
	color:#999;
}

.details {
	position:absolute;
	top:0;
	left:270px;
	width:310px;
	display:none;
	font-size:13px;
	font-weight:bold;
}

.details img {
	position:absolute;
	top:90px;
	left:-10px;
}

.bottom-nav {
	border-bottom:1px dotted #666;
	margin-bottom:10px;
	padding-bottom:10px;
	width:100%;
	text-align:center;
	font-size:13px;
	font-weight:bold;
}

.bottom-nav li {
	float:left;
	width:33%;
}

.decals {
	cursor:pointer;
}
.decals-content {
	display:none;
}

/* clearfix
----------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}