/*
-----------------------------------------------
Travel Oregon - HOME PAGE STYLES

author:		opus:creative
website:	www.opuscreative.com
----------------------------------------------- */





#header { background: transparent url(../images/bg-header-home.gif) no-repeat; }
.body-content {
	clear: both;
	margin: 0 0 0 16px;
	width: 752px;
	}
#col-left {
	float: left;
	width: 427px;
	}
#col-left p { margin-bottom: 0; }
#col-right {
	display: inline; /* IE */
	float: right;
	margin-right: 2px;
	width: 302px;
	}
#col-right .col-left {
	float: left;
	width: 196px;
	}
#explore-oregon {
	background: transparent url(../images/bg-explore-home.jpg) no-repeat left bottom;
	margin: 0px 0 10px 0;
	padding: 0 0 15px 0;
	width: 424px;
	}
#id-11 #col-left .photo {
}
	
#explore-oregon h2 {
	background-image: url(../images/headers/home/explore-oregon.gif) ;
position: relative;
top: 6px;
	height: 40px;
	margin-top: 182px;
	width: 240px;
	display: block;
	}
#explore-oregon h2 a {
	
	display: block;

	height: 40px;
	width: 240px;
	
	}	
#explore-oregon p {
	margin: 0 20px 6px 17px;
	}
#explore-oregon img {
	float: right;
	margin-left: 5px;
	}

/* ---- [ whats new in the blog ] ---- */
#promo-blog h3 {
	background-image: url(../images/headers/home/blog.gif);
	height: 53px;
	margin: 0 auto;
	width: 270px;
	}
/* ---- [ places to stay ] ---- */
.container-callout-places {
	background: transparent url(../images/box-home-places.gif) no-repeat top left;
	float: left;
	text-align: center;
	width: 182px;
	}
.callout-places {
	background: transparent url(../images/box-home-places-cap.gif) no-repeat bottom left;
	padding: 18px 24px 25px 14px;
	}
.callout-places h2 {
	background-position: right;
	background-image: url(../images/headers/places.gif);
	height: 30px;
	margin-bottom: 8px;
	width: 146px;
	}
.callout-places em {
	display: block;
	padding: 4px 0;	
	}	


/* ---- [ things to do ] ---- */
.container-callout-todo {
	background: transparent url(../images/box-home-thingstodo.gif) no-repeat top left;
	float: left;
	width: 222px;
	}
.callout-todo {
	background: transparent url(../images/box-home-thingstodo-cap.gif) no-repeat bottom left;
	padding: 18px 29px 25px 22px;
	}
.callout-todo h2 {
	background-image: url(../images/headers/thingstodo.gif);
	background-position: right;
	height: 30px;
	margin-bottom: 8px;
	width: 161px;
	}


/* ---- [ calendar table ] ---- */
table.calendar-home {
	border-collapse: collapse;
	color: #fcd4be;
	margin: 8px 0;
	width: 100%;
	}	
table.calendar-home td {
	border: 2px solid #fff;
	font: 11px/15px "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6", "MS-Gothic", "ＭＳ ゴシック", sans-serif;
	text-align: center;
	vertical-align: middle;
	}
table.calendar-home a {
	display: block;
	text-decoration: none; 
	width: 100%;
	}	
table.calendar-home a:link, table.calendar-home a:visited,
table.calendar-home a:hover, table.calendar-home a:active { color: #fff; }
	
/* title */	
table.calendar-home td.CalTitle {
	border: 0;
	border-top: 1px solid #fff;
	padding-top: 4px;
	}
table.calendar-home td.CalTitle td {
	border: 0;
	color: #fff;
	font: bold 14px/1em "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6", "MS-Gothic", "ＭＳ ゴシック", sans-serif;
	padding-bottom: 5px;
	width: auto !important;
	}
table.calendar-home td.CalTitle td.CalNextPrev {
	font: normal 9px/12px "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6", "MS-Gothic", "ＭＳ ゴシック", sans-serif !important;
	width: 11px !important;
	}
table.calendar-home td.CalTitle td.CalNextPrev a {
	background: transparent url(../images/icons/circle-white.gif) no-repeat top center;
	display: block;
	height: 11px;
	width: 11px;
	}

/* days */
table.calendar-home td.CalDayHeader {
	background-color: #fff;
	color: #c37447;
	font: bold 9px "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6", "MS-Gothic", "ＭＳ ゴシック", sans-serif;
	text-transform: uppercase;
	width: 4em;
	}
table.calendar-home td.CalDay { width: 4em; }
table.calendar-home td.CalDay a:hover {
	background-color: #fff;
	color: #c37447;
	font-weight: bold;
	}
table.calendar-home td.CalOtherMonthDay a:link, table.calendar-home td.CalOtherMonthDay a:visited {
	background-color: #d88250;
	color: #eee;
	}
table.calendar-home td.CalOtherMonthDay a:hover {
	background-color: #fff;
	color: #c37447;
	font-weight: bold;
	}
table.calendar-home td.CalSelectedDay a:link, table.calendar-home td.CalSelectedDay a:visited,
table.calendar-home td.CalSelectedDay a:hover, table.calendar-home td.CalSelectedDay a:active {
	background-color: #fff;
	color: #c37447;
	font-weight: bold;
	}