/*  
Theme Name: Days inn Kelowna Template
Theme URI: http://www.daysinnkelowna.com/ 
Description: Theme for Days Inn Kelowna
Version: 1.0
Author: Kalani Diehl 
Author URI: http://www.peopleworkathome.com
	
	author email: kalani@diehldesigns.com

    This theme was designed and built by Kalani Diehl,
    It has been tested for IE6, 7 and FF 1, 2.

	Modifications:
	None reported

*/

/* ===== PAGE STRUCTURE ====== */
html, body {
	margin: 0px !important;
	padding: 0px;
	height: 100%;
	background: #FFFFFF url(images/bg.jpg) left top repeat-x !important;
}

#header {
	margin: 0px auto;
	width: 100%;
	height: 76px;
	padding: 0px;
	background: url(images/header-bg.jpg) left top no-repeat;
}

  #container {
	margin: 0px auto 0px auto;
	padding: 0px;
	height: auto !important;
	height:100%; 
	min-height:100%;
}

#grandwrapper {
	margin: 0px auto;
	padding: 0px;
	width: 860px;
	height: 100%;
	
}

#wrapper {
	margin: 0px auto;
	width: 100%;
	float: left;
	height: 100%;
}

#inner {
	padding-top: 10px;
}	

#inner img { margin-bottom: 10px; }

div#content {
	position: relative;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
}

#header #right {
	width: 700px;
	float: right;
	margin: 0;
	padding: 0;
	font: 0.9em Trebuchet MS, Arial, sans-serif;
	color: #fff;
}

#header #left {
	width: 120px;
	float: left;
	margin: 0;
	padding: 12px 0 0 20px;
}

#header #left .logo {
	background: url(images/reservation.jpg) left top no-repeat;
	width: 101px;
	height: 46px;
	display: block;
}


#main {
	padding: 10px 0 0 0;
}

.content {
	width: 860px;
	font: 0.8em Trebuchet MS, Arial, sans-serif;
	color: #777;
}

.content .left_content { 
	width: 415px;
	border: 1px solid #e4e4e4;
	padding: 5px;
	float: left;
	line-height: 24px;
}

.content .right_content {
	width: 430px;
	background-color: #f7f7f7;
	float: right;
}

.content .right_content .right {
	float: right;
	border-left: 1px solid #d6d6d6;
	width: 209px;
	padding: 0 3px;
}

.content .right_content .left ul, #left_column .left ul {
        list-style-image: url(images/bullet.jpg);
        list-style-type: circle;
        margin: 0;
        padding: 0 0 0 23px;
}

.content .right_content .left li, #left_column .left li {
        padding: 3px 0;
}

.content .right_content .left {
	float: left;
	width: 210px;
}

h2.attraction {
	background: url(images/attraction-bg.gif) top left no-repeat;
	width: 211px;
	height: 52px;
}

h2.services {
	background: url(images/services-bg.gif) top left no-repeat;
	width: 211px;
	height: 52px;
}

#left_column h2.services {
	background: url(images/services-bg.gif) center top no-repeat;
	width: 200px;
	height: 52px;
}

.right_content .picture {
	width: 204px;
	margin: 0 auto;
	background: url(images/golf-img.jpg) left top no-repeat;
	padding-top: 90px;
}

.right_content .picture2 {
	width: 204px;
	margin: 0 auto;
	background: url(images/services-img.jpg) left top no-repeat;
	padding-top: 90px;
}

#left_column .picture2 {
	width: 198px;
	margin: 0 auto;
	background: url(images/services-img.jpg) left top no-repeat;
	padding-top: 90px;
}

.right_content a:hover, .left_content a:hover {
	text-decoration: none;
	color: #777;
}

#center_column {
	width: 475px;
	margin: 0 156px 0 24%;
	font: 0.9em Trebuchet MS, Arial, sans-serif;
	color: #777;
}



/* PAGE TABS */

.tabs {
padding: 0 0 0 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.tabs ul{
font: normal 11px Trebuchet MS, Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
float: right;
line-height: 10px;

}

.tabs li{
display:block;
margin:0 2px 0 0;
padding:5px 0px 1px 0px;
background: url(images/tab-bg.gif) no-repeat left top;
width: 96px;
height: 20px;
float: left;
text-align: center;
}


.tabs a {
color: white;
margin: 0px;
text-decoration:none;
}

.tabs a:hover{
text-decoration: underline;
color: #ffea00;
}

.tabs a:hover span{
background-color: #8cb85c;
}

.tabs a.current, #tabs a.current span{ /*currently selected tab*/
background-color: #8cb85c;
}



/* latest articles and posts */
#right_column {
	float: right;
	width: 166px;
	margin: 0px;
	padding: 0px;
	font: 0.9em Trebuchet MS, Arial, sans-serif;
}

/* menu */
#left_column {
	padding: 0%;
	margin: 0px 0px 0px 0px;
	width: 203px;
	float: left;
	border: 0 !important;
	font: 0.9em Trebuchet MS, Arial, sans-serif;
}

#services {
	padding: 8px 0 0 0;
	margin: 0 auto 7px auto;
	width: 860px;
	height: 211px;
	color: #fff;
	font: 0.7em Trebuchet MS, Arial, sans-serif;
}


#services h2, #right_column .attraction h2 { color: #fff; font-size: 1em; text-transform: uppercase; }

#services .info, #right_column .info {
    height: 82px;
}
#services .info p, #right_column .info p { margin: 0; padding: 0; }

#services .corporate {
	width: 136px;
	height: 145px;
	background: url(images/corporate.jpg) left top no-repeat;
	float: left;
	margin-right: 7px;
	padding: 66px 15px 0;
}

#services .rooms {
	width: 136px;
	height: 145px;
	background: url(images/rooms.jpg) left top no-repeat;
	float: left;
	margin-right: 6px;
	padding: 66px 15px 0;
}

#services .packages {
	width: 136px;
	height: 145px;
	background: url(images/packages.jpg) left top no-repeat;
	float: left;
	margin-right: 5px;
	padding: 66px 15px 0;
}

#services .attraction {
	width: 136px;
	height: 145px;
	background: url(images/attraction.jpg) left top no-repeat;
	float: left;
	margin-left: 4px;
	padding: 66px 15px 0;
}

#right_column .attraction {
	width: 136px;
	height: 145px;
	background: url(images/attraction.jpg) left top no-repeat;
	float: left;
	margin-left: 0px;
	padding: 66px 15px 0;
	color: #FFF;
	font: 0.75em Trebuchet MS, Arial, sans-serif;
}

#right_column .reservation {
	background: url(images/reservation-side.gif) center top no-repeat;
	width: 166px;
	height: 70px;
	display: block;
}

#services .location {
	width: 136px;
	height: 145px;
	background: url(images/location.jpg) left top no-repeat;
	float: right;
	margin-right: 0px;
	padding: 66px 15px 0;
}

#services .readmore, #right_column .readmore { display: block; background: url(images/read-more.png) left top no-repeat; height: 40px; margin-top: 18px; }
#services .readmore:hover, #right_column .readmore:hover { background: url(images/read-more-o.png) left top no-repeat; }



/* internal main content */

.left_column h2 a {
	font-size: 1.5em;
	text-decoration: none;
	line-height: 1.2em;
}




/* HEADINGS */

h1 {
	margin: 0;
	padding: 0;
	color: #000000;
}

h2, h2 a {
	color: #1d51a7;/*0d8803*/
	margin: 0px;
	padding: 0px;
	line-height: normal;
	text-decoration: none;
}

h2 a:hover {
	text-decoration: underline !important;
	color: #777;
}

h3 {
	margin: 0px;
	padding: 0px;
	color: #389307;
	background: none;
}

h4 {
	color: #389307;
	margin: 0px;
	padding: 0px;
}

h5 {
	color: #389307;
	margin: 0px;
	padding: 0px;
}


/* COMMENTS */	
.comments-nice-bg {
	padding: 0px;
}

.comments-nice {
	padding: 0px;
}

.comments {
	padding: 0px;
	margin: 20px 0 0 0px;
}

.comments a:link, .comments a:visited {
	font-weight: bold;
	text-decoration: none;
}

.comments a:hover, .comments a:active {
	color: #fff;
	font-weight: bold !important;
	text-decoration: none;
}

.alt {
	padding: 10px 10px 0 10px !important;
	margin: 0px 0px;
}

.commentlist {
	padding: 0;
	margin: 0px 0px 0px 0px;
}

.commentlist li {
	list-style: none;
	padding: 0;
	margin: 3px 0px;
	
}

.commentlist p {
	font-size: 1.0em;
}

p.metadate {
	font-weight: normal;
	margin: 0;
	padding: 0px;
	text-transform: lowercase;
	font-style: italic;
}

p.comment_meta {
	margin: 3px 0 5px 0;
	font-size: 0.9em;
	padding: 0;
	background: none;
}

p.comment_meta a, a:visited, a:active {
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	display: inline;
}

.commentlist .comment_author {
	font-weight: bold;
	text-decoration: none;
	border:0;
	background: none;
	margin: 0;
	padding: 0;
	display: inline;
	text-transform: uppercase;
}

#reply {
	font-weight: normal;
	font-size: 1.8em;
	margin: 10px 0 0 0px;
}

#comment {
	border: 0px solid #ff0000;
	color: #666666;
}


/* ===== SIDEBAR STYLES ===== */

h2.articles, h2.blogs, h2.news, #right_column h2.recent_article, h2.recent_post {
	margin: 0px;
}



/*right sidebar styles */

#right_column ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#right_column ul li {
	margin: 0;
	padding: 0px 0px;
}

#right_column ul li a {
	text-decoration: none;
	padding: 0px;
	display: block;
}

#right_column ul li a:hover {
	text-decoration: underline;
	padding: 0px;
}


/* left sidebar link style */


#left_column ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.menudiv li.categories { 
	border: 0px; 
	padding: 0 2px 10px 2px; 
	margin-bottom: 10px;
}

.menudiv li.cat-item,.menudiv li.cat-item, .subcat-item-2{
	border-bottom: 1px solid #aaa;
	padding: 0px;
 }

.menudiv li.cat-item a, .menudiv li.cat-item a:active, .menudiv li.cat-item a:visited, .subcat-item-2 a {
	text-decoration: none;
	display: block;
	font-size: 0.9em;
	padding: 5px 10px;
}

.menudiv li.cat-item a:hover, .subcat-item-2 a:hover  {
	text-decoration: underline;
}

.menudiv li.current-cat a:hover {
	text-decoration: underline;
}

#left_column .menudiv .children li.cat-item {
	border-bottom: 0px;
	font-size: 12px;
}

#left_column .menudiv .children li.cat-item a, .children li.cat-item a:active, .children li.cat-item a:visited {
	padding: 3px 25px;
}

.children li.cat-item a:hover{
	background: none !important;
}

.catpager, .catpager:active, .catpager:visited {
	font-size: 12px;
	display: block;
	padding: 3px;
	margin: 5px auto;
	width: 50px;
	text-align: center;
}

.catpager:hover {
	display: block;
	padding: 3px;
	margin: 5px auto;
}


/* SEARCH FORM STYLES */
#search {
	margin: 0px;
	padding: 10px 0px 20px 0px;
	width: 100%;
	float: right;
}

#searchform {
	margin: 0;
	padding: 0;
	float: right;
}

#s-input {
	padding: 2px 0px 0px 4px;
	margin: 0px 3px;
	border: 0px;
	height: 18px;
	width: 116px;
	font-size: 0.9em;
	background: url(images/s-input.jpg) left top no-repeat;
}

.s-submit {
	margin: 0px;
	padding: 0px;
	height: 20px;
	border: 0;
	font-size: 10px;
}


/* MISC STYLES */

/* Edits the styles for date posted and author etc. */
.meta {
	font-size: 0.7em;
	text-transform: uppercase;
	padding: 1px 3px;
	margin: 0 0 10px 0;
	color: #000000;
}
.meta a {
	color: #000000;
	display: inline;
	list-style: none;
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	font-weight: normal;
}

#center_column ul {
    margin: 0 0 0 5px;
    padding: 0px;
}

#skip {
	display: none;
}

hr {
	display: none;
}


/* CFORMS */
.linklove { display:none; }
.cform input.sendbutton { margin: 0 0 0 100px !important; width: 100px !important;}
.cform {
	width:100% !important;
}
.cform label { text-align: left !important; }

.cform textarea, .cform input {
	width:225px !important;
}


/* RESERVATION */
iframe { overflow: hidden; border: 0; }
table.header { display: none !important; }

/* FOOTER STYLES */
#footer {
	margin: 0px auto;
	width: 860px;
	clear: both;
	font-size: 0.7em;
	height: 50px;
	font: 0.8em Trebuchet MS, Arial, sans-serif;
	color: #aaa;
	text-decoration: none;
        padding-top: 20px;
}

#footer p.left {
	margin: 0px;
	padding: 5px 0px;
	float: left;
	text-align: left;
}

#footer ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
}

#footer ul li {
    display: inline;
    padding-right: 10px;
}

#footer p.right {
	margin: 0px;
	padding: 0px 0px;
	float: right;
	text-align: right;
}
#footer a, #footer a:link {
	margin: 0;
	padding: 0;
	display: inline;
	color: #aaa;
	text-decoration: none;
}
#footer a:hover {
	margin: 0;
	padding: 0;
	display: inline;
	color: #aaa;
	text-decoration: underline;
}

.fs_powered_by {
	float: right;
	margin-right: 10px;
}
.fs_powered_by img{
    vertical-align: middle;
}