/*CALIFORNIA TRAVEL EXPERT STYLE SHEET
**ORGINALLLY CREATED APRIL 2009*/

body {
	font-size: small;
	line-height: 1.2em;
	font-family: arial, tahoma, verdana, sans-serif;
	color: #363636;
	text-align: center;
	padding:0;
	margin: 0;
}


/********MAIN STRUCTURE DIVS********/
#container {
	margin: 0 auto;
	width:1001px;
	height:auto;
	text-align: left;
	position: relative;
	left:0px;
}
#head {
	float:left;
	width:1001px;
	height:267px;
	margin:0;
}
#body {
	float: left;
	position: relative;
	width:1001px;
	height: auto;
	color:#363636;
	padding-bottom:40px;
}
#foot {
	float:left;
	position: relative;
	width:1001px;
	height:146px;
	margin:0;
	text-align: center;
	font-size: 14px;
	margin-right:-3px;
}



/********HEAD AREA STYLES********/
#logo {
	float:left;
	position: relative;
	left:-170px;
	width:678px;
	height:367px;
}
#utilities {
	float:left;
	display: inline;
	width:453px;
	height:200px;
	margin:0 0 0 -140px;
}
#bizNav {
	float: left;
	display: inline;
	width:453px;
	height:auto;
	margin:20px 0 0 0;
}
#bizNav ul {
	float: left;
	list-style-type: none;
	margin:0;
	padding:0;
	width:390px;
	height:26px;
}
#bizNav ul li {
	float:left;
	width:auto;
	margin:0 20px;
	padding:0;
}
#bizNav ul li a {
	color:#44c3f3;
	text-decoration: none;	
}
#bizNav ul li a:hover {
	color:#006389;
}
#search {
	float: left;
	width: 453px;
	height:27px;
}
#searchText {
	float:left;
	width:388px;
	height:20px;
	border:1px solid #cfcfcf;
}
#searchButton {
	float:left;
	width:26px;
	height:26px;
	margin:0 0 0 10px;
}
#contentNav {
	float: left;
	width: 478px;
	height:75px;
	margin:30px 0 0 0;
}
#contentNav a {
	color:#006389;
	text-decoration: none;
}
#contentNav a:hover {
	color:#44c3f3;
}
#contentNav div.navUnit {
	float:left;
	position: relative;
	width:auto;
	height:76px;
	padding:0px;
	margin:0 10px 0 0;
	text-align: center;
	z-index: 2;
}
#contentNav div.navUnit img {
	bottom:30px;
	left:0px;
}
#contentNav div.navUnit p {
	bottom:0px;
	left:0px;
	text-align: center;
	width:auto;
}
#contentNav div#stay {
	margin-top:19px;
}
#contentNav div#do {
	margin-top:29px;
}
#contentNav div#eat {
	margin-top:9px;
}
#contentNav div#pick {
	margin-right:-3px;
}

#contentNav div#outside {
	
}
#bgRight {
	position: absolute;
	top:100px;
	left:1040px;
	height:272px;
	width:271px;
	background: url(images/bgRight271x272.jpg) no-repeat;
}
/*category nav styles*/
#contentNav div.navON {
	border-top:1px solid #cfcfcf;
	border-left:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
	background: #fff;
}
#contentNav div#do {
	height:66px;
}
#contentNav div#eat {
	height:86px;
}
#catRegionNav_stay, #catRegionNav_do, #catRegionNav_eat {
	float:left;
	position: relative;
	width:999px;
	border:1px solid #cfcfcf;
	height:60px;
	margin:-149px 0 0 -9999990px;
	z-index: 1;
	color:#f89700;
}
#catRegionNav_stay.showRegion, #catRegionNav_do.showRegion, #catRegionNav_eat.showRegion {
	margin:-149px 0 0 0;
}
a.caliIcon {
	display: block;
	float:left;
	display: inline;
	height:31px;
	width:200px;
	color:#44c3f3;
	text-decoration: none;
	padding:20px 0 0 45px;
	margin:5px 54px 0 0;
}
a.caliNIcon {
	background: url(images/caliIconNOff40x51.jpg) no-repeat;
	margin-left: 100px;
}
a:hover.caliNIcon {
	background: url(images/caliIconNON40x51.jpg) no-repeat;
	color:#f89700;
}
a.caliNIcon.caliCurrent {
	background: url(images/caliIconNON40x51.jpg) no-repeat;
	color:#f89700;
	cursor: default;
}
a.caliCIcon {
	background: url(images/caliIconCOff40x51.jpg) no-repeat;
}
a:hover.caliCIcon {
	background: url(images/caliIconCON40x51.jpg) no-repeat;
	color:#f89700;
}
a.caliCIcon.caliCurrent {
	background: url(images/caliIconCON40x51.jpg) no-repeat;
	color:#f89700;
	cursor: default;
}
a.caliSIcon {
	background: url(images/caliIconSOff40x51.jpg) no-repeat;
}
a:hover.caliSIcon {
	background: url(images/caliIconSON40x51.jpg) no-repeat;
	color:#f89700;
}
a.caliSIcon.caliCurrent {
	background: url(images/caliIconSON40x51.jpg) no-repeat;
	color:#f89700;
	cursor: default;
}

/*********GLOBAL REUSABLE STYLES*********/
/*ROUNDED CORNERS STYLES*/
.rcTL {
	position: absolute;
	top:-1px;
	left:-1px;
	height:10px;
	width:10px;
	background: url(images/rcTopLeft10x10.jpg) no-repeat;
}
.rcTR {
	position: absolute;
	top:-1px;
	right:-1px;
	height:10px;
	width:10px;
	background: url(images/rcTopRight10x10.jpg) no-repeat;
}
.rcBL {
	position: absolute;
	bottom:-1px;
	left:-1px;
	height:10px;
	width:10px;
	background: url(images/rcBtmLeft10x10.jpg) no-repeat;
}
.rcBR {
	position: absolute;
	bottom:-1px;
	right:-1px;
	height:10px;
	width:10px;
	background: url(images/rcBtmRight10x10.jpg) no-repeat;
}
/*YELLOW LABEL STYELS*/
div.yellowLabel {
	position: absolute;
	height:21px;
	padding:5px 30px 0 30px;
	width:auto;
	background: url(images/labelRepeat1x26.jpg) repeat-x;
	color:#f89700;
}
div.yellowLabel .yellowLabelLeft {
	position: absolute;
	top:0;
	left:0;
	width:9px;
	height:26px;
	background: url(images/labelLeft9x26.jpg) no-repeat;
}
div.yellowLabel .yellowLabelRight {
	position: absolute;
	top:0;
	right:0;
	width:9px;
	height:26px;
	background: url(images/labelRight9x26.jpg) no-repeat;
}
/*STANDARD TEXT/LINK STYLES*/
.bodyText {
	color:#363636;
	font-size:small;
	line-height: 1.3em;
}
.bodyText a {
	color:#f89700;
	text-decoration: none;
}
.bodyText a:hover {
	color:#44c3f3;
}


/*********FOOTER STYLES*********/
#foot a {
	color:#363636;
	text-decoration: none;
}
#foot a:hover {
	color:#44c3f3;
}
#bgBottom {
	position: absolute;
	top:-20px;
	left:-120px;
	width:279px;
	height:166px;
	background: url(images/bgBottom279x166.jpg) no-repeat;
}



/*******HOMEPAGE SPECIFIC STYLE********/
/*THE LATEST*/
#theLatest {
	float:left;
	position: relative;
	width:665px;
	height: 700px;
	border: 1px solid #cfcfcf;
	margin:-30px 24px 30px 0;
}
#theLatest div.yellowLabel {
	top:-13px;
	left:50px;
}
div.articleListUnit {
	float:left;
	display: inline;
	width:189px;
	height:300px;
	margin:30px 10px 0 20px;
}
div.articleListUnit img {
	border: 1px solid #0fb2f0;
}
div.articleListUnit h2 {
	font-weight: normal;
	font-size: 16px;
	margin:10px 0;
}
div.articleListUnit h2 a {
	color:#f89700;
	text-decoration: none;
}
div.articleListUnit h2 a:hover {
	color:#44c3f3;
}
div.articleListUnit p {
	margin:0;
}
/*PICK OF THE DAY*/
#pickOfTheDay {
	float:left;
	position: relative;
	width:250px;
	padding:0 29px;
	height:700px;
	border: 1px solid #cfcfcf;
	margin:-30px 0 30px 0;
}
#pickOfTheDay a {
	color:#f89700;
	text-decoration: none;
}
#pickOfTheDay a:hover {
	color: #44c3f3;
}
#pickOfTheDay div.yellowLabel {
	top:-13px;
	left:68px;
}
#dayDate {
	font-size:38px;
	line-height: 1.3em;
	font-weight: bold;
	text-align: center;
	height:100px;
	width:250px;
	margin:30px 0 30px 0;
	padding:0;
	border-bottom: 1px dotted #000;
}
#pickOfTheDay h3 {
	font-size: 18px;
	line-height: 1em;
	color:#fc3d32;
	margin:0 0 10px 0;
}
#pickText {
	border-bottom:1px dotted #000;
	padding:5px 0 30px 0;
}
#pickText .readMore {
	text-align: right;
	margin:10px 0 0 0 ;
}
#pickOfTheDay h4 {
	font-size:17px;
	text-align: center;
}
#pickOfTheDay p.signUp {
	font-size: 14px;
	line-height: 1.3em;
}
form.subscribe {
	font-size: 14px;
	line-height: 1.3em;
	text-align: right;
}
form.subscribe div.name input, form.subscribe div.email input {
	width:195px;
	border:1px solid #cfcfcf;
	margin-top:5px;
}
form.subscribe div.submit {
	margin-top:15px;
}
/*LATEST TOP SPOTS*/
#latestTopSpots {
	float:left;
	position: relative;
	width:999px;
	height:380px;
	border: 1px solid #cfcfcf;
	margin:20px 0 40px 0;
}
#latestTopSpots div.yellowLabel {
	top:-13px;
	left:38px;
	line-height: 18px;
	padding-top:4px;
	height:22px;
}
#latestTopSpots div.yellowLabel img {
	vertical-align: text-bottom;
}
#hideTheOverflow {
	width:999px;
	height:360px;
	overflow: hidden;
}
#latestTopSpots div.articleListUnit {
	margin:30px 18px 0 38px;
}
#latestTopSpots h4 {
	font-size: 13px;
	margin:5px 0 0 0;
	color:#44c3f3;
	text-transform: uppercase;
}
/*ABOUT*/
#about {
	float:left;
	position: relative;
	width:272px;
	padding:30px 26px 0 26px;
	height:228px;
	border:1px solid #cfcfcf;
	margin:0 0 40px 0;
}
#about div.yellowLabel, #buddy div.yellowLabel {
	top:-13px;
	left:38px;
}
/*BE MY BUDDY*/
#buddy {
	float:left;
	position: relative;
	width:321px;
	height:208px;
	padding:50px 0 0 0;
	border:1px solid #cfcfcf;
	margin:0 20px;
}
#buddy a {
	display: block;
	width:170px;
	height:23px;
	padding:10px 0 0 130px;
	color:#363636;
	text-decoration: none;
	margin:0 0 30px 26px;
}
#buddy a:hover {
	color:#44c3f3;
}
#buddy a.twitter {
	background: url(images/socTwit116x24.jpg) no-repeat;
}
#buddy a.youTube {
	background: url(images/socYouTube84x33.jpg) no-repeat;
}
#buddy a.facebook {
	background: url(images/socFacebook116x34.jpg) no-repeat;
}
/*AD BLOCK*/
#homeAdBlock {
	float:left;
	position: relative;
	width:300px;
	height:250px;
	padding:4px;
	border:1px solid #cfcfcf;
}
.homeAdBlockSpacer {
	position: relative;
	width:300px;
	height:250px;
	background: #c0c0c0;
	z-index: 2;
}
/*FOOTER AD BANNER*/	
#homeFooterAd {
	float:left;
	position: relative;
	width:999px;
	border:1px solid #cfcfcf;
	height:102px;
}
#homeFooterAd .homeFooterAdSpacer {
	float:left;
	position: relative;
	height:90px;
	width:728px;
	margin:6px 0 0 6px;
	z-index: 2;
	background: #c0c0c0;
}
#homeFooterAd .advertiseHere {
	float:left;
	position: relative;
	height:70px;
	width:248px;
	padding:20px 0 0 0;
	margin:6px 0 0 6px;
	border-left:1px dotted #000;
	text-align: center;
	line-height:2em;
	font-size: 14px;
}


/*******THE ABOUT PAGE STYLES*********/
#theAboutPage {
	float:left;
	position: relative;
	width:999px;
	height: auto;
	border: 1px solid #cfcfcf;
	margin:-30px 0 30px 0;
	padding:0 0 30px 0;
}
#theAboutPage div.yellowLabel {
	top:-13px;
	left:38px;
}
#aboutText {
	float:left;
	display: inline;
	width:532px;
	height:auto;
	margin:70px 0 0 39px;
}
#aboutText h1 {
	font-size:27px;
	line-height:1.2em;
	color:#f89700;
	padding: 0;
	margin:0 0 40px 0;
}
#aboutText p {
	margin:20px 0 0 0;
}
#aboutPics {
	float:left;
	width:356px;
	height:auto;
	margin:40px 0 0 44px;
}
#aboutPics img {
	float:left;
	width:356px;
	height:267px;
	margin:0 0 21px 0;
}


/*********DEALS PAGE STYLES********/
/*LEFT COLUMN*/
#leftColumn {
	float:left;
	width:326px;
	height:auto;
	margin:-30px 0 0 0;
	padding-bottom: 30px;
}
/*about, subscribe, ads, calendar*/
#dealsAbout, #dealsSubscribe, div.dealsAd, #dealsCalendar {
	float:left;
	position: relative;
	width:324px;
	height:auto !important;
	min-height:200px;
	height:200px;
	border:1px solid #cfcfcf;
	margin:0 0 30px 0;
	padding-top:12px;
}
#dealsAbout p, #dealsSubscribe p {
	padding:30px 40px 15px;
	width:244px;
	line-height: 1.4em;
}
#dealsAbout .yellowLabel, #dealsSubscribe .yellowLabel, #dealsCalendar .yellowLabel {
	top:-13px;
	left:38px;
}
#dealsSubscribe form.subscribe {
	width:284px;
	margin-top:-20px;
}
div.dealsAd div.dealsAdHolder {
	width:300px;
	height:250px;
	background: #cdcdcd;
	margin:0 12px 12px 12px;
}
#dealsCalendar {
	padding:20px 10px 10px 10px;
	width:304px;
}

/*RIGHT COLUMN*/
#rightColumn {
	float:left;
	position: relative;
	width:656px;
	height:auto;
	margin:-30px 0 0 16px;
	border:1px solid #cfcfcf;
	padding:20px 0 30px 0;
}
#rightColumn .yellowLabel {
	top:-13px;
	left:38px;
}
div.pickUnit {
	float:left;
	display: inline;
	width:463px;
	height:auto;
	margin:40px 0 0 90px;
}
div.pickTitle {
	float:left;
	width:463px;
	min-height:50px;
	height:auto !important;
	height:50px;
}
div.pickDate {
	float:left;
	position: relative;
	width:78px;
	height:auto;
	padding:10px;
	border:1px solid #cfcfcf;
	text-align: center;
	font-size:24px;
	line-height: 1.3em;
	font-weight: bold;
}
div.pickDate span { 
	font-size:29px;
}
div.pickUnit h2 {
	float:left;
	font-size:21px;
	line-height:1.2em;
	color:#f89700;
	height:auto;
	width:300px;
	margin:30px 0 0 15px;
}
div.pickText {
	float:left;
	width:463px;
	height:auto;
	line-height:1.4em;
	border-bottom:1px dotted #000;
	padding-bottom:20px;
	margin-top:10px;
}
div.pickTools {
	float:right;
	height:30px;
	margin:7px 0 0 0;
}
div.pickTools a img {
	border: none;
}
#dealPagination {
	float:left;
	display: inline;
	width:463px;
	margin:70px 0 0 90px;
	font-size: 17px;
	font-weight: bold;
	color:#cfcfcf;
}
#dealPagination a {
	color:#fc3d32;
	text-decoration: none;
}
#dealPagination a:hover {
	color:#44c3f3;
}
#dealPagination .prev {
	float: left;
}
#dealPagination .next {
	float:right;
}


/********CATEGORY PAGE STYLES*********/
/*left column*/
#catLeftCol {
	float:left;
	width:308px;
	height:auto;
}
#catSideAd {
	float:left;
	position: relative;
	width:320px;
	height:260px;
	border:1px solid #cfcfcf;
	margin:50px 0 20px 0;
	padding:10px 0 0 0;
}
div.catSideAdHolder {
	width:300px;
	height:250px;
	background: gray;
	margin:0 0 0 10px;
}
#catMap {
	float:left;
	position: relative;
	width:320px;
	height:448px;
	border:1px solid #cfcfcf;
	padding-bottom: 10px;
}
#catMap h2 {
	float:left;
	display: inline;
	width:275px;
	font-size:21px;
	line-height: 40px;
	text-transform: uppercase;
	color:#fc3d32;
	border-bottom:1px dotted #000;
	text-align: center;
	margin:10px 0 0 22px;
}
div.theMap {
	float:left;
	display: inline;
	width:275px;
	height:176px;
	border:#9b9b9b;
	margin:20px 0 0 22px;
}
div.catMapText {
	float:left;
	display: inline;
	width:275px;
	padding:0;
	border-top:1px dotted #000;
	margin:20px 0 0 22px;
}
/*right column*/
#catRightCol {
	float:left;
	display: inline;
	width:665px;
	height:auto;
}
#catWhereToStay {
	float:left;
	display: inline;
	position: relative;
	width:665px;
	height: 750px;
	border: 1px solid #cfcfcf;
	margin:50px 0 30px 24px;
}
#catWhereToStay.noSpace, #catSideAd.noSpace {
	margin-top:0;
}
#catWhereToStay div.yellowLabel {
	top:-13px;
	left:50px;
}
#catListNav {
	float:left;
	width:605px;
	margin:30px 0 0 30px;
	font-weight: bold;
	text-align: center;
	color:#cfcfcf;
}
#catListNav a {
	color:#fc3d32;
	text-decoration: none;
}
#catListNav a:hover {
	color:#44c3f3;
}
#catListNav .catListPrev {
	float:left;
}
#catListNav .catListNext {
	float:right;
}
/*deals of the day signup*/
#catDealsOfTheDay {
	float:left;
	position: relative;
	width:272px;
	padding:30px 26px 0 26px;
	height:228px;
	border:1px solid #cfcfcf;
	margin:0 0 40px 0;
}
#catDealsOfTheDay div.yellowLabel {
	top:-13px;
	left:38px;
}
#catDealsOfTheDay form.subscribe {
	float:left;
	margin:10px 0 0 0;
}


/********ARTICLE PAGE STYLES********/
#artContentArea {
	float:left;
	position: relative;
	width:959px;
	height:auto;
	padding:20px;
	min-height:400px;
	margin:50px 0 30px 0;
	border:1px solid #cfcfcf;
}
#artContentArea.noSpace {
	margin-top:0;
}
#artTools {
	float:right;
	position: relative;
	width:300px;
	height:17px;
	border: 1px solid #cfcfcf;
	padding:3px 10px 0 10px;
	text-align: center;
	top:-30px;
	background: #fff;
}
#artContentArea h1 {
	font-size: 24px;
	padding:0;
	line-height:1.4em;
	margin:0 0 5px 0;
}
#topSpotLabel {
	background: url(images/topSpotStart26x25.jpg) no-repeat;
	padding:8px 0 0 29px;
	height:17px;
	color:#f89700;
	font-size:16px;
}
/*article text*/
div.returnRelatedBelow {
	float:left;
	width:965px;
	border-top:1px dotted #000;
	padding-top:10px;
	margin-top:10px;
}
#artText {
	float:left;
	width:632px;
	height:auto;
	padding:0 10px 0 0;
	border-right:1px dotted #000;
	margin:0 20px 0 0;
}
#artText .byLine {
	margin:10px 0;
}
#artText .summaryLine {
	
}
#artText .holdsTheText {
	float:left;
	width:621px;
	line-height:1.4em;
}
#artText .holdsTheText p {
	margin: 15px 0;
}
/*image tables and caption*/
table.imageTableleft {
	margin:5px 5px 5px 0px;
}
table.imageTableright {
	margin:5px 0px 5px 5px;
}
table.imageTablecenter {
	margin:5px 0px;
}
span.caption {
	font-size:small;
	font-family:arial,sans-serif;
	font-style: italic;
	line-height:1em;
}
/*sidebar*/
#artText .artSidebar {
	float:left;
	width:300px;
	padding:15px 20px 0 0;
	height:auto;
}
#artText .artSidebar .artSidebarAd {
	float:left;
	width:300px;
	height:250px;
	margin:0 0 20px 0;
	background: #cfcfcf;
}
#artText .artSidebar #artSnapshot {
	float:left;
	width: 288px;
	border:1px dotted #000;
	padding:5px 5px 15px 5px;
	margin:0 0 20px 0;
}
#artText .artSidebar #artSnapshot img {
	padding: 5px 10px;
	border-bottom: 1px dotted #000;
	width: 268px;
}
#artText .artSidebar #artSnapshot p {
	padding:0 10px;
}
#artImages {
	float:left;
	width:302px;
}
#artImages .artImageHolder {
	float:left;
	margin:0 0 30px 0;
}
/*comments*/
#artComments {
	float:left;
	position: relative;
	width:959px;
	height:auto !important;
	min-height: 300px;
	height:300px;
	border-top:1px dotted #000;
	margin:30px 0 0 0;
}
/*related content*/
#relatedContent {
	float:left;
	position: relative;
	left:-20px;
	width:949px;
	padding:0 0 0 50px;
	height:320px;
	border-top:1px solid #cfcfcf;
	margin:30px 0 0 0;
}
#hideOverflow {
	width:949px;
	height:320px;
	overflow: hidden;
}
#relatedContent div.yellowLabel {
	top:-13px;
	left:38px;
}
#relatedContent .articleListUnit {
	margin:30px 20px 0 20px;
}


/**********VIDEO PAGE STYLES*********/
/*video area*/
#vidAdImage {
	float:left;
	width: 302px;
}
#vidAdImage .vidAd {
	float:left;
	width:300px;
	border:1px solid #cfcfcf;
	height:250px;
	margin:0 0 20px 0;
}
#vidAdImage .vidImage {
	float:left;
	width:302px;
	height:226px;
	margin:0 0 20px 0;
}
#vidVideo {
	float:left;
	width:640px;
	margin:0 0 0 20px;
}
#vidVideo .theVideo {
	float:left;
	width: 640px;
	height:385px;
	background: #cfcfcf;
}
#vidVideo .theVideoSummary {
	float:left;
	width:640px;
	margin:20px 0 0 0;
}
/*comments area*/
#adCommentForm {
	float:left;
	width:302px;
	margin:30px 0 0 0;
}
#adCommentForm .adAboveCommentForm {
	float:left;
	width:300px;
	height:250px;
	border:1px solid #cfcfcf;
	margin:0 0 20px 0;
	padding-bottom:20px;
}
#adCommentForm .commentForm {
	float:left;
	width:302px;
	height:auto;;
	background: #fff;
}
#commentDisplay {
	float:left;
	width:550px;
	margin:30px 0 0 70px;
	min-height: 300px;
}
#commentDisplay h3 {
	float:left;
	font-size:24px;
	height: 27px;
	width:510px;
	color:#fc3d32;
	background: url(images/comment31x21.jpg) no-repeat;
	padding:3px 0 20px 40px;
	margin:0;
}
#commentDisplay .commentUnit {
	float:left;
	width:550px;
	margin:10px -3px 30px 0;
	line-height: 1.3em;
}
#commentDisplay .commentUnit p.nameDate a {
	color:#44c3f3;
	text-decoration: none;
}
#commentDisplay .commentUnit p.nameDate a span {
	font-weight: bold;
}
#commentDisplay .commentUnit p.nameDate a:hover {
	color:#006389;
}
#commentDisplay .commentUnit p.theComment {
	margin:10px 0 0 0;
}