/*
Theme Name: OgopogoV2
Theme URI: http://www.kelowna.com
Description: Matches the look and feel of the main Kelowna.com site.
Version: 1.0
Author: Garrett Lajambe
Author URI: http://www.ogopogomedia.com
*/

/* Globals 
=================================== */

* { margin: 0; padding: 0; }

html {
	background: #FFFFFF url('images/bg.gif') repeat-y top center;
	height: 100%;
	margin: 0 0 1px;
	padding:0px;
}
body {
	color: #2F2F2F;
	font: 80%  Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0px;
	width: 1000px;
}
form
, fieldset {
	background-color: transparent;	
}
a:link {
	font-size: 13px;
	color:#CC0000;
	text-decoration:none;
}
a:visited {
	font-size: 13px;
	color:#8F2500;
	text-decoration:none;
}
a:hover {
	font-size: 13px;	
	color:#CC0000;
	text-decoration:underline;
}

.alt { background-color: #fff; }

pre, code { font: 1.0em Monaco, 'Courier New', monospace; }

pre, p { margin-bottom: 1.0em; }

.left { float: left; }

.right { float: right; }

.delete:hover {
	background-color: #c00;
	color: #fff;
}

h1, h2, h3 {
	color:#000;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin:0px;
}
h1,h2 {
	font-weight:normal;
}
h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited {
	color:#000;
}
h1 a:hover, h2 a:hover, h3 a:hover {
	color:#CC0000;
}
h2 { 
	font-size:16px;
}

fieldset {
	border-width: 0;
	padding: 0;
	margin: 0;
}

img.avatar { border: 1px solid #ddd; }

.bozo { background-color: #eeee88; }
.alt.bozo { background-color: #ffff99; }
.deleted { background-color: #ee8888; }
.alt.deleted { background-color: #ff9999; }

/* Structure
=================================== */

#wrapper {
	/*
	background: #fff url('images/page_header_tile.png') repeat-x 0px -15px;
	*/
	
	
	background: #FFFFFF url('images/bg-sprites-wide-short.gif') repeat-y top  left;
	background-position: 0px 0px;	
	padding-bottom: 25px;
}

/*
#header {
	background: transparent url('images/bg-sprites-wide-short.gif') no-repeat top left;
	background-position: -2000px 0px;

	height: 107px;
	position: relative;
}

#header>a {
	position: absolute;
	top: 10px;
	left: 20px;
	height: 80px;
	width: 280px;
	text-decoration: none;
	background-color: transparent;
	border: 0;	
}

#header h1
, #header p.description {
	display: none;
}

#header p { margin-bottom: 0; }

#header h1 a { color: #555; text-decoration: none; }
#header h1 a:hover { color: #666; }

#header div.search {
	margin: 60px 10px 0 0;
	float: right;
	padding: 4px;
	background-color: #aaa;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;

}

#header div.search input {
	border: 1px solid #999;
	background-color: #fdfdfd;
	padding: 2px;
	line-height: 14px;
	font-size: 12px;
	margin: 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#header div.search input.submit {
	background-color: #ccc;
	line-height: 15px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 2px 4px;
}

#header div.search input.submit:hover {
	background-color: #ddd;
	color: #CC0000;
}

#header div.search input.submit:active {
	border-color: #CC0000;
}
*/



#main {
	/*
	font-size: 1.2em;
	*/
	width: 1000px;
	margin: 0 auto 0;
	padding: 25px 0 15px 0;
	position: relative;
}

.bbcrumb {
	/* text-transform: uppercase; */
	font-size: 12px;
	padding: 0 40px 5px 40px;
}



#footer {
	background: transparent url('images/bg-sprites.gif') no-repeat top left;
	background-position: -1000px -115px;
	height:50px;
	margin:0px;
	padding-top:10px;
	padding-right:50px;
	text-align:right;
	clear:both;	
}

#footer a {
	color:#333;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
	color:#c00;
}
#copyright {
	text-align:right;
	padding: 0 10px 10px 10px;
}


.notice {
	border: 1px solid #4c9545;
	background-color: #abd8a2;
	color: #4c9545;
	font-size: 1.1em;
	font-weight: bold;
	padding: 10px 15px;
	margin: 0 0 1.1em;
}

.notice.error {
	border-color: #852424;
	background-color: #ca8a8a;
	color: #5d2424;
}

.notice p { margin-bottom: 0; }


/* Admin
=================================== */
div.admin {
	margin: 0 50px;	
	
}


/* Advertising
=================================== */
#banners {
	padding:5px 0px 0px 10px;
}
#banners img {
	margin: 0px 1px;
}


/* Search (front page)
=================================== */
#searchdiv {
	padding: 0 0 0 40px;	
	
}


/* Login Form
=================================== */

.login {
	position: absolute;
	
	top: 75px;
	left: 0;
	font-weight: normal;
	color: #444;
	width: 100%;
	z-index: 1;
	font-size: 12px;
	padding: 0 0 0 75px;
}

form.login {
	bottom: 15px;
}

.login p { padding: 0 0 8px; }

.login label {
	display: block;
	float: left;
	padding-right: 10px;
	line-height: 14px;
}

form.login input {
	border: 1px solid #999;
	padding: 2px;
	line-height: 14px;
	font-size: 12px;
	margin: 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

form.login input.submit {
	background-color: #ccc;
	float: left;
	margin-top: 14px;
	margin-bottom: -10px;
	display: block;
	line-height: 15px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 2px 4px;
}

form.login input.submit:hover {
	background-color: #ddd;
	color: #CC0000;
}

form.login input.submit:active {
	border-color: #CC0000;
}


div.remember label {
	clear: both;
	padding: 0;
	margin: 6px 0 0 0;
	line-height: 12px;
}

form.login input#remember {
	border-width: 0;
	padding: 0;
	margin: 0;
	vertical-align: baseline;
}

/* Front Page
=================================== */


.leftcol {
	position: absolute;
	top: 0;
	left: 0;
	width: 250px;
	margin: 25px 0 25px 0;
	padding: 0 25px 0 25px;
	overflow: hidden;
}

#front-page #hottags {
	
}

#front-page #discussions {
	margin-left: 300px;
	width: 675px;
}

.frontpageheatmap {
	font-weight: normal;
	line-height: 30px;
	padding-bottom: 10px;
}

#userlogin {
	color: #555;
	border-bottom: 1px solid #ddd;
	margin: 0 50px 10px 0;
	padding: 0 0 5px;
}

#front-page #main h2, #forum-page #main h2, h2.post-form, #currentfavorites, #register, #passwordrecovery {
	color: #555;
	border-bottom: 1px solid #ddd;
	margin: 0 50px 10px 40px;
	padding: 0 0 5px;
}

#front-page #discussions ul { padding: 0 0 0 14px; }

.sticky { background-color: #d2d2d2; }



#front-page #viewdiv {
	margin: 25px 25px 25px 15px;
}

#views {
	list-style: none;
	margin-left: 1em;
	padding-left: 1em;
	text-indent: -1em;
}

.view {
	margin: 0 0 0 25px;
	padding: 0 0 8px 5px;	
}


#columnistdiv {
	margin-top: 15px; 	
}

.columnist {
	padding: 0 0 8px 5px;		
}




/* Page navigation
=================================== */

a.page-numbers,
span.page-numbers {
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	padding: 4px 4px 2px 5px;
	margin-left: 5px;
	background-image: url('images/page-links-background.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
}

span.page-numbers.current {
	color: #ffffff;
	background-position: 0 -100px;
}

#latest a.page-numbers {
	font-size: 0.8em;
	padding: 3px 3px 1px 4px;
	margin-left: 3px;
}

a.prev.page-numbers,
a.next.page-numbers,
span.page-numbers.dots {
	border-width: 0;
	padding: 0 4px;
	background-image: none;
}

span.page-numbers.dots {
	padding: 0;
}

a.page-numbers:hover {
	background-position: 0 -100px;
}

a.prev.page-numbers:hover,
a.next.page-numbers:hover {
	color: #006400;
}

/* Topic Page
=================================== */

.infobox {
	border: 1px solid #ccc;
	border-width: 1px 0 0 0;
	padding: 1em 0 .5em 0;
	margin: 0 40px;
}

.infobox ul {
	margin: 10px 0 10px 20px;
	padding: 0;
	list-style-type: disc;
}

.infobox ul li { padding-bottom: 3px; }


#topic-info {
	width: 100%;
	float: left;
	padding: 0 1em 0 0;
}


#topic-info .subTitleTable {
	padding: .5em 1em;
	margin: 0;
	width: 100%;
}
#topic-info .alignRight {
	text-align: right;	
}


#topic-tags {
	border-left: 1px solid #ccc;
	float: right;
	padding: 0 0 0 1em;
}

#tag-form p {
	margin-bottom: 0;
}

input#tag {
	border: 1px solid #999;
	padding: 2px;
	line-height: 14px;
	font-size: 12px;
	margin: 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

input#tagformsub {
	border: 1px solid #999;
	line-height: 14px;
	font-size: 12px;
	margin: 0;
	line-height: 15px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 2px 4px;
}

input#tagformsub:hover {
	background-color: #ddd;
	color: #cc0000;
}

input#tagformsub:active {
	border-color: #cc0000;
}

.nav {
	margin: 15px 0;
	padding: 12px 0;
	text-align: center;
}

#thread {
	list-style: none;
	margin: 1em 0 0 0;
	padding: 0 50px;
}

#thread li {
	line-height: 1.5em;
	clear: both;
	/* Hack to force padding on .threadauthor on IE */
	border-top: 1px solid #fff;
}

#thread li ol, #thread li ul { margin-left: 40px; }

#thread li ol li, #thread li ul li { padding: 0; }

.threadauthor {
	float: left;
	padding: 1em 1em 0 1em;
	width: 120px;
}

.threadauthor p { margin: 0; }

.threadauthor small { font: 11px Verdana, Arial, Helvetica, sans-serif; }

.threadpost {
	padding: 1.5em 1em;
	margin-left: 140px;
	background-color: #eee;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#thread li.alt .threadpost { background-color: transparent; }

#thread li.deleted { background-color: transparent; }

#thread li.deleted .threadpost { background-color: #ee8888; }

#thread li.alt.deleted .threadpost { background-color: #ff9999; }

#thread li .post-undelete-link, #thread li.deleted .post-delete-link { display: none; }
#thread li.deleted .post-undelete-link { display: inline; }

#thread li.deleted .before-post-delete-link, #thread li .before-post-undelete-link { display: none; }
#thread li.deleted span.before-post-undelete-link { display: inline; }
#thread li.deleted div.before-post-undelete-link { display: block; }
#thread li.deleted li.before-post-undelete-link { display: block; }

#thread li.pingback {
	margin-left: 140px;
	margin-top: 2px;
	margin-bottom: 2px;
	background-color: #e4f3e1;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 0.2em solid #e4f3e1;
}

#thread li.pingback.alt {
	background-color: #fff;
}

#thread li.pingback .threadpost {
	background-color: #f3e4e1;
}

#thread li.pingback.alt .threadpost {
	background-color: #fff;
}

#thread li.pingback .threadauthor {
	float: none;
	padding: 0.9em 0.9em 0;
	width: auto;
}

#thread li.pingback .threadauthor strong {
	font-weight: normal;
}

#thread li.pingback .threadauthor small {
	color: #333;
}

#thread li.pingback .threadpost {
	margin-left: 0;
	padding: 0.5em 0.9em 1.5em;
}

#thread li.pingback .post {
	font-style: italic;
	color: #333;
	margin: 0 0 0 2.4em;
	padding: 0 0 0 0.8em;
	border-left: 3px dotted #ccc;
}

#thread .post {
	_height: 90px; /* Hack to fix broken .alt coloring in IE6 */
}

#thread .post blockquote {
	margin: 0 0 0 2.4em;
	padding: 0 0 0 0.8em;
	border-left: 3px solid #ccc;
}

#thread .post li { clear:none; }

.poststuff {
	clear:both;
	_clear: none; /* Hack to fix broken .alt coloring in IE6 */
	border-top: 1px dotted #ccc;
	margin: 10px 0 0;
	padding: 5px 0 0;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.num, #forumlist small {
	font: 11px Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
	white-space: nowrap;
}

h2.post-form {
	border-bottom-width: 0;
	margin: 50px 40px 2px 40px;
	
}

.postform {
	background-color: transparent;
	padding: 0 50px;
	margin-bottom: 1em;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}



.postform textarea {
	height: 12em;
	margin: 5px 0 0 0;
	padding: 5px;
	width: 724px;
	max-width: 724px;
	border: 1px solid #ccc;
	display: block;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.postform label { display: block; }

.postform #topic,
.postform #tags-input {
	margin: 5px 0;
	padding: 5px;
	width: 724px;
	border: 1px solid #ccc;
	display: block;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.postform p#post-form-forum-container label span {
	font-weight: bold;
	font-style: italic;
}

#manage-tags {
	margin: 10px 0;
	list-style: none;
}

#manage-tags li {
	float: left;
	width: 200px;
	padding-bottom: 10px;
}

p.submit { text-align: right; }

p.allowed { margin-bottom: 0; }

.topiclink { display: block; }

.topictitle {
	font-size: 26px;
	font-weight: normal;
	display: inline;
}

p.rss-link {
	text-align: right;
	margin: 0 50px;
}

a.rss-link {
	padding: 6px 0 6px 20px;
	background-image: url('images/feed-icon-16x16.gif');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

#topic-move { 
	display: inline;
	 
}

#topic-move fieldset {
	display: inline;
}

#topic-move fieldset div {
	position: relative;
	top: .5em;	
}

p.message {
	margin: 0 50px;	
}


/* Other
=================================== */

#content .frontpageheatmap a {
	font-weight: normal;
	text-decoration: none;
}

#content .infobox li { margin-bottom: 2px; }

#content .nav a {
	border: 1px solid #ccc;
	font-weight: normal;
}
#content .nav a:hover {
	border: 1px solid #999;
}
#content a:visited {
	font-weight: normal;
}

#front-search {
	float: right;
	margin-top: -8px;
}



#latest a
, #latest a:active
, #latest a:link
, #latest a:visited
, #forumlist a
, #forumlist a:active
, #forumlist a:link
, #forumlist a:visited
, #viewTable a
, #viewTable a:active
, #viewTable a:link
, #viewTable a:visited
, #forumTable a
, #forumTable a:active
, #forumTable a:link
, #forumTable a:visited
, #subforumTable a
, #subforumTable a:active
, #subforumTable a:link
, #subforumTable a:visited {
	color:#333333;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:14px;
}

#latest a:hover
, #forumlist a:hover
, #viewTable a:hover 
, #forumTable a:hover
, #subforumTable a:hover {
	text-decoration: underline;	
}


#latest a.redlink
, #latest a.redlink:active
, #latest a.redlink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#CC0000;
	text-decoration:none;
}

#latest a.redlink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#8F2500;
	text-decoration:none
}

#latest a.redlink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	color:#CC0000;
	text-decoration:underline;
}




#latest td, #forumlist td, #favorites td, #viewTable td, #forumTable td, #subforumTable td { padding: 5px 10px; }

#forumlist tr td div.nest {
	padding-left: 2.5ex;
}

#latest tr:hover, #forumlist tr:hover, #favorites tr:hover { 
	/* background-color: lightyellow; */
}

#latest th, #forumlist th, #favorites th, #viewTable th, #forumTable th, #subforumTable th {
	text-align: center;
	background-color: rgb(102, 102, 102);
	font: 11px Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	padding: 5px 9px;
	color: rgb(255, 255, 255);
}

#latest th a, #forumlist th a, #favorites th a, #viewTable th a, #forumTable th a, #subforumTable th a {
	color: rgb(200, 200, 200);
	font-style: italic;
}

#latest th a:hover, #forumlist th a:hover, #favorites th a:hover, #viewTable th a:hover, #forumTable th a:hover, #subforumTable th a:hover {
	color: rgb(255, 255, 255);
}

tr.bb-category td {
	background-color: #ddd;
}


#latest
, #forumlist
, #favorites {
	background-color: #f7f7f7;
	/*
	margin-bottom: 3em;
	*/
	width: 100%;
	
}

#latest, #forumlist {
	/* 
	margin-top: -0.9em;
	*/
}

#discussions .nav {
	margin-top: -2em;
	margin-bottom: 1em;
}

div#main > table#latest
, #viewTable
, #forumTable
, #subforumTable {
	width: 900px;
	margin: 0 50px 15px 50px;	
	
}

/* Profile Page
=================================== */

.profilelist {
	margin: 0 50px 0 50px;
}


#profile-menu {
	list-style: none;
	position: absolute;
	top: 10px;
	right: 5px;
}

#profile-menu li {
	display: inline;
	margin-left: 3px;
}

#profile-menu li a {
	font-size: 1.1em;
	background-color: #ddd;
	padding: 4px 7px;
	border-top: 3px double #9e9e9e;
	position: relative;
	top: -10px;
	-moz-border-radius-bottomleft: 6px;
	-khtml-border-bottom-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-khtml-border-bottom-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

#profile-menu li.current a {
	background-color: #bbb;
	border-top: 1px solid #9e9e9e;
}

#profile-menu li a:hover {
	/*
	background-color: #e4f3e1;
	*/
	background-color: lightyellow;
}

#useravatar { margin-bottom: 1em; }

#useravatar img { display: block; border-width: 3px; border-style: double; }

#userinfo { margin-top: 10px; }

#userinfo dt { font-weight: bold; }

#userinfo dd { margin: 0 0 5px; } 

#useractivity { margin: 15px 0 5px; }

.user-recent { margin: 0 0 10px; }

.user-recent ol { margin: 5px 0 0 28px; }

.user-recent ol li { margin: 0 0 3px; }

/* Search
=================================== */

#topic-search-form fieldset {
	border-top: 3px double #ccc;
	border-bottom: 1px solid #ccc;
	border-left: none;
	border-right: none;
	padding: 10px 0 10px 10px;
	margin-bottom: 15px;
	background-color: #f6f6f6;
}

#topic-search-form div {
	clear: both;
}

#topic-search-form div label {
	display: block;
	float: left;
	padding: 5px;
	text-align: right;
	width: 20%;
	vertical-align: top;
	padding-right: 1em;
	font-weight: bold;
}

#topic-search-form div div {
	display: block;
	float: left;
	clear: none;
	padding: 5px;
}

#topic-search-form div div input {
	width: 280px;
	border: 1px solid #ccc;
	padding: 2px;
	line-height: 14px;
	font-size: 12px;
	margin: 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#search-for { margin: 15px 0 5px; }

.search-results { margin: 0 0 10px; }

.search-results ol { margin: 5px 0 0 28px; }

.search-results ol li { margin: 0 0 3px; }

/* Login, Register, Profile Edit
=================================== */
#login-page #main {
	width: 960px !important;
}
#login-page fieldset,
#register-page fieldset,
#profile-page fieldset {
	border-top: 3px double #ccc;
	border-bottom: 1px solid #ccc;
	border-left: none;
	border-right: none;
	padding: 10px 0 10px 10px;
	margin: 0 50px 15px 50px;
	background-color: #f6f6f6;
}

#login-page legend,
#register-page legend,
#profile-page legend {
	font-weight: bold;
	padding: 0 15px;
}

#login-page fieldset table,
#register-page fieldset table,
#profile-page fieldset table {
	text-align: left;
	margin: 0 15px;
	width: 95%;
	border-collapse: collapse;
}

#login-page fieldset table th,
#register-page fieldset table th,
#profile-page fieldset table th {
	padding: 5px;
	text-align: right;
	width: 20%;
	vertical-align: top;
	padding-right: 1em;
}

#login-page fieldset table tr.error th em,
#register-page fieldset table tr.error th em,
#profile-page fieldset table tr.error th em {
	position: absolute;
	/* fieldset:padding-left + table:margin-left + table:width + td:padding-left + input:width + input:padding-right */
	left: 458px; /* 10 + 15 + 20% * ( 95% * (760 - 10)  ) + 5 + 280 + 5 */
	margin-left: 1em; /* th:padding-right = 1em */
	color: red;
	font-style: normal;
}

#login-page fieldset table td,
#register-page fieldset table td,
#profile-page fieldset table td {
	padding: 5px;
}

#login-page fieldset table td p,
#register-page fieldset table td p,
#profile-page fieldset table td p{
	margin: 5px 0;
}

#login-page fieldset input[type=text],
#register-page fieldset input[type=text],
#profile-page fieldset input[type=text],
#login-page fieldset input[type=password],
#profile-page fieldset input[type=password] {
	width: 280px;
	border: 1px solid #ccc;
	padding: 2px;
	line-height: 14px;
	font-size: 12px;
	margin: 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#login-page fieldset p,
#register-page fieldset p,
#profile-page fieldset p {
	font-size: 11px;
	margin: 10px 16px;
}

#login-page tr.form-required label:before,
#register-page tr.form-required label:before,
#profile-page tr.form-required label:before,
p.required-message:before {
	content: ' * ';
	color: red;
	vertical-align: 10%;
}

.form-invalid {
	background-color: #ffebe8 !important;
}

.form-invalid input {
	padding: 1px;
	border: 1px solid #c00 !important;
}

.hidden {
	display: none;
}

#pass-strength-result {
	padding: 2px;
	text-align: center;
	width: 280px;
	border: 1px solid #ccc;
	background-color: #e3e3e3;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#pass-strength-result.bad {
	background-color: #ffeff7;
	border-color: #c69;
}

#pass-strength-result.good {
	background-color: #effff4;
	border-color: #66cc87;
}

#pass-strength-result.short {
	background-color: #e3e3e3;
}

#pass-strength-result.strong {
	background-color: #59ef86;
	border-color: #319f52;
}

p.submit input {
	background-color: #ccc;
	border: 1px solid #999;
	padding: 2px 4px;
	line-height: 14px;
	font-size: 12px;
	margin: 0;
	line-height: 15px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

p.submit input:hover {
	background-color: #ddd;
	color: #CC0000;
}

p.submit input:active {
	border-color: #CC0000;
}



/*
*
* HEADER
*
*/
div.weather {
	float:left;
	margin:0px 4px 0px 0px;
	padding:2px 5px 0px 5px;
	width: 108px;
	height: 86px;
	border: 1px solid #cccccc;
	background-color:#f6f6f6;
	font-size:12px;
	color:#555;
	overflow:hidden;
}
div.weather #weather-icon { margin: -5px 5px 0 5px; border: 0px; padding: 0px; }
div.weather #tempbox { display:block; text-align:right; padding: 10px 4px 0 0; }
div.weather #tempC { font-size:12px; color: #444; font-weight:bold;}
div.weather #tempF { font-size:10px; color: #777; }
div.weather a:link, div.weather a:visited, div.weather a:active {
	text-decoration:none;
	color:#555;
	font-weight:normal;
}
div.weather a:hover {
	text-decoration:underline;
}

#headdate {
	float:right;
	padding-top:51px;
	width:200px;
	font-size:12px;
}



/*
*
* BOXES (General)
*
*/
.box {
	background: transparent url('images/bg_infobox_btmbox.gif') repeat-x bottom left;
	border: 1px solid #CCC;
	padding-bottom:5px;
	margin-bottom:25px;
	padding-top:0px;
	margin-top:0px;
}
.excerpt {
	margin:0px 5px;
}

.box h4, .pagetitle {
	margin:0px;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	text-indent:30px;
	height:19px;
	text-transform:uppercase;
	padding-top:6px;
	overflow:hidden;
	background-image:url(images/color_sprites.png);
	background-position:0px -300px;
	background-repeat:no-repeat;
}

.pagetitle {
	margin:-5px -5px 5px -5px;
}

.pagetitle {
	margin:0px 0px 10px 0px;
}
.box h4 a:link, .box h4 a:visited, .box h4 a:hover {
	color:#fff;
	text-decoration:none;
}
.box h4 a:hover {
	text-decoration:underline;
}
.box h4 span {
	font-size:17px;
	line-height:0px;
}


.box.Red h4, .pagetitle.Red         {background-position:0px 0px;}
.box.Blue h4, .pagetitle.Blue       {background-position:0px -120px;}
.box.Teal h4, .pagetitle.Teal       {background-position:0px -60px;}
.box.Magenta h4, .pagetitle.Magenta {background-position:0px -240px;}
.box.Tan h4, .pagetitle.Tan         {background-position:0px -180px;}

.box p, .box h2, .box img {
	margin:5px;
}


.box li a:link, .box li a:visited {
	font-size:14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#333;
}



/*
*
* BOXES (Specific)
*
*/
.morenews {
	background-image:none;
	border:none;
}

.morenews li {
	color:#c00;
}

.morenews ul {
	padding:0px;
	margin:0px;
	margin-left:20px;
}

.multimedia {
width:92px;
float:left;
margin:0px 0px 0px 5px;
overflow:hidden;
}
.multimedia h2 {
display:block;
height:30px;
font-size:12px;
font-weight:bold;
margin-top:0px;
padding-top:0px;
}
.multimedia h2 a:link, .multimedia h2 a:visited {
color:#C00;
}
.multimedia a img {
margin:5px 0px 0px 0px;
border: 1px solid #666;
}
.multimedia .excerpt {
margin-top:0px;
font-size:11px;
}
.footpost {
width:235px;
float:left;
margin-right:10px;
}

.regional {
width:315px;
float:left;
border-bottom:1px;
margin-right:10px;
overflow:hidden;
}
.last {
margin-right:0px;
}
.featureStoryDate, .mainStoryDate {
margin:0px;
font-size:11px;
color:#c00;
white-space:nowrap;
}

.topstory {
background-image:url(images/bg_hp_mainstory.gif);
background-position:bottom left;
border:1px solid #C00;
}
.topstory h2 {
 font-size:20px;
}
.clear {
clear:both;
}
span.clear {
display:block;
margin:0px;
padding:0px;
width:1px;
height:1px;
}
.colbanner {
text-align:center;
white-space:nowrap;
margin:10px 0px;
}
.colbanner i img {
    float:left;
}
.colbanner.center {
margin:10px -2px;
}
.colbanner fieldset {
margin:10px auto;
width:748px;
}
.feature {
border:none;
background-image:url(images/bg_hp_featurestory.gif);
background-position:bottom left;
}

#hp:link, #hp:visited, #hp:active {
background:transparent url(images/icon_home.gif) no-repeat top left;
display:block;
float:right;
height:20px;
margin-top:3px;
padding: 5px 95px 0px 30px;
color:#c00;
}

img.cfialignleft, img.cfialignright, img.cfialigncenter {
border:1px solid #777;
}
img.cfialignleft {
float:left;
margin-right:10px;
}
img.cfialignright {
float:right;
margin-left:10px;
}
img.cfialigncenter {
float:none;
display: block;
margin: 0px auto !important;
}
table.lifestyle {
width:645px;
margin-left:5px;
border-bottom:1px solid #CCCCCC;
}
table.lifestyle tr td {
text-align:center;
}


.narrowcolumn h3 {
margin-top:20px;
}

div.indent 
, h2.indent {
	padding-left: 40px;	
	
}

.googleSearchWrap {text-align:center; padding:0; margin:10px 0px;}
.googleSearchWrap input.searchBox {padding:1px; font-size:10px; vertical-align:top;}
.googleSearchWrap input.submitButton {width:28px; height:22px; font:10px Arial, Helvetica, sans-serif; text-align:center; vertical-align:top; padding:0; margin:0;}



/* For the redesign.  ToDo: Integrate this fully with the rest of this file. */

#topHeaderLeftCol {
	float: left;
	width: 238px;
	}
	#topHeaderLeftColContent {
		padding: 10px 0 0 0;
		}
		#topHeaderDate {
			clear: both;
			margin: 0 0 16px 0;
			font-size: 11px;
			}
			
	#topHeaderCategoriesCont {
		width: 184px;
		height: 59px;
		border: 1px solid #ccc;
		}
		#topHeaderCategoriesContent {
			padding: 9px 0 0 0;
			font-size: 12px;
			}
			#topHeaderCategoriesContent a {
				text-decoration: none;
				color: #393939;
				}
				#topHeaderCategoriesContent a:hover {
					color: #CC0000;
					text-decoration: none;
					}
			#topHeadHotels {
				float: left;
				width: 82px;
				height: 25px;
				}
				#topHeadHotels a {
					float: right;
					display: block;
					width: 50px;
					height: 13px;
					padding: 0 0 0 19px;
					background: url(images/icon_top_hotels.gif) no-repeat;
					}
			#topHeadRestaurants {
				float: left;
				width: 102px;
				height: 25px;
				}
				#topHeadRestaurants a {
					display: block;
					height: 14px;
					width: 75px;
					padding: 0 0 0 21px;
					background: url(images/icon_top_restaurants.gif) no-repeat;
					}
			#topHeadGolf {
				float: left;
				width: 82px;
				height: 25px;
				}
				#topHeadGolf a {
					float: right;
					display: block;
					width: 50px;
					height: 14px;
					padding: 0 0 0 24px;
					background: url(images/icon_top_golf.gif) no-repeat;
					}
			#topHeadWineries {
				float: left;
				width: 102px;
				height: 25px;
				}
				#topHeadWineries a {
					display: block;
					width: 58px;
					height: 15px;
					padding: 0 0 0 21px;
					background: url(images/icon_top_wineries.gif) no-repeat;
					}
					
#topHeaderMidCol {
	float: left;
	width: 386px;
	}
	#topHeaderMidColContent {
		padding: 14px 0 0 112px;
		}
		#topHeaderKelownaLogo {
			margin: 0;
			padding: 0;
			background: none;
			}
			#topHeaderKelownaLogo a {
				display: block;
				width: 274px;
				height: 84px;
				text-indent: -9999px;
				text-align: left;
				text-decoration: none;
				outline: none;
				background: url(images/logo_kelowna_right_now.gif) no-repeat;
				}
				
				
#topHeaderRightCol {
	float: right;
	width: 238px;
	}
	#topHeaderRightColContent {
		padding: 10px 0 0 0;
		}
		#topHeaderNavLinks {
			float: right;
			list-style: none;
			background: none;
			padding: 0;
			margin: 0 0 16px 0;
			font-size: 11px;
			}
			#topHeaderNavLinks li {
				display: block;
				float: left;
				margin: 0;
				padding: 0 4px 0 0;
				}
				#topHeaderNavLinks li.last { margin: 0 !important; padding: 0 !important; }
				#topHeaderNavLinks li a {
					color: #414141;
					text-decoration: none;
					}
					#topHeaderNavLinks li a:hover {
						color: #CC0000;
						text-decoration: none;
						}
		#bMakeUsYourHomepage {
			float: right;
			display: block;
			width: 184px;
			height: 19px;
			background: url(images/b_make_us_your_homepage.gif) no-repeat;
			text-indent: -9999px;
			text-align: left;
			outline: none;
			}
			#bMakeUsYourHomepage:hover { background-position: 0 -19px; }
		#topHeaderSearchBox {
			float: right;
			margin: 0 0 9px 0;
			}
			#topHeaderSearchBox .submitButton {
				float: right;
				display: block;
				cursor: pointer;
				margin: 0;
				padding: 0;
				background: url(images/b_search_go.gif) no-repeat;
				width: 32px;
				height: 23px;
				border: none;
				text-indent: -9999px;
				text-align: left;
				font-size: 0;
				line-height: 100px;
				}
			#topHeaderSearchBox .searchBox {
				float: right;
				width: 139px;
				height: 17px;
				color: #969696;
				font-size: 11px;
				padding: 4px 7px 0px 7px;
				border: 1px solid #ccc;
				margin: 0;
				}
				
	#topHeaderFollowUsCont {
		float: right;
		width: 186px;
		background: url(images/bg_follow_us_on.gif) top left no-repeat;
		}
		#topHeaderFollowUsCont ul {
			margin: 0;
			padding: 0;
			list-style: none;
			width: 74px;
			float: right;
			}
			#topHeaderFollowUsCont ul li {
				display: block;
				float: left;
				margin: 0;
				padding: 0 5px 0 0;
				background: none;
				}
				#topHeaderFollowUsCont ul li.last { margin: 0 !important; padding: 0 !important; }
				.followTwitter a {
					display: block;
					width: 14px;
					height: 14px;
					text-align: left;
					text-indent: -9999px;
					outline: none;
					background: url(images/icon_top_twitter.gif) no-repeat;
					}
				.followFacebook a {
					display: block;
					width: 15px;
					height: 14px;
					text-align: left;
					text-indent: -9999px;
					outline: none;
					background: url(images/icon_top_facebook.gif) no-repeat;
					}
				.followRSS a {
					display: block;
					width: 15px;
					height: 14px;
					text-align: left;
					text-indent: -9999px;
					outline: none;
					background: url(images/icon_top_rss.gif) no-repeat;
					}
				.followUsBreak {
					display: block;
					width: 5px;
					height: 14px;
					background: url(images/bg_follow_us_bullet.gif) no-repeat;
					}
			
#toppatch {
	height: 109px;	
	background-color:#eeeeee;
	width:978px;
	margin-left:10px;
	border: solid 1px #ccc;
	background: url(images/bg_top_header_new.jpg) no-repeat !important;
	border: none !important;
	}
	

	

/* NavMenu ----------------------------------------------------------------------------------- */ 
#navWrap { height: 25px; margin:0 10px; position:relative; background-repeat: no-repeat; background-image: url(images/color_sprites.png); background-position: -25px -300px;}

div#nav1 { position:absolute; height: 25px; left:0; width: 980px; margin: 0 !important;}

ul.navMenu{ font: 12px Arial, Helvetica, sans-serif; font-weight:normal; position:relative; color: #fff; white-space: nowrap;}
ul.navMenu, ul.navMenu ul { padding: 0; margin: 0; list-style: none; }
ul.navMenu li { height: 25px; line-height: 25px; position: relative; float: left; }
ul.navMenu>li li { float: none; /* Needed for Opera 9, maybe because it's decent CSS. Hide from IE6 */ }
ul.navMenu li a, ul.navMenu li span { display: block; height: 25px; text-decoration: none; color: #ffffff; background-repeat: no-repeat; background-image: url(images/color_sprites.png); background-position: -25px -300px; padding: 0 10px; border-left: 1px solid #999; }
ul.navMenu li a:hover, ul.navMenu ul li:hover a:hover, ul.navMenu li span:hover, ul.navMenu ul li:hover span:hover, ul.navMenu li span.sfhover, ul.navMenu ul li.sfhover span.sfhover { background-position:-25px -35px; /* The hovered style for submenus */ }
ul.navMenu li ul { position : absolute; left: -999em; z-index: 700; /* Hides the first unhovered submenu */ }
ul.navMenu li:hover ul, ul.navMenu li li:hover ul, ul.navMenu li li li:hover ul { top: 0; left: -1px; margin-left: 100%; font-size: 11px; z-index: 700; }
ul.navMenu li:hover ul, ul.navMenu li a:focus ul { top: 100%; margin-left: 2px; }
ul.navMenu li ul li, ul.navMenu li ul li a { font-size: 11px !important; }

/* Colour offsets ................................ */
ul.navMenu li a { background-repeat: no-repeat; background-image: url(images/color_sprites.png);  }
ul.navMenu > li.Red > a {background-position: -25px -0px; }
ul.navMenu > li.Teal > a { background-position: -25px -95px; }
ul.navMenu > li.Blue > a { background-position: -25px -155px; }
ul.navMenu > li.Tan > a { background-position: -25px -215px; }
ul.navMenu > li.Magenta > a { background-position: -25px -275px; }

/* Real Estate menu exception ................................ */
ul.pageMenu > li.Blue > ul > li > a { background-repeat: no-repeat; background-image: url(images/color_sprites.png); background-position: -25px -300px; }
ul.pageMenu > li.Blue > ul > li > a:hover { background-repeat: no-repeat; background-image: url(images/color_sprites.png); background-position: -25px -155px; }

/* PageMenu ----------------------------------------------------------------------------------- */
ul.pageMenu {float: right; }


/* nav2 --------------------------------------------------------------------------------------- */
#nav2 { height:25px; width:970px; padding:0; margin:0px 0px 0px 10px; color:#ccc; }
#nav2 ul { margin:0; padding:7px 0px 0px 0px; }
#nav2 ul li { height:15px; list-style: none; display:inline; padding: 0 3px 0 3px; }
#nav2 a { font:11px Arial, Helvetica, sans-serif; color:#222; }
#nav2 a:link, #nav2 a:active, #nav2 a:visited { text-decoration:none; }
#nav2 a:hover { color:#CC0000; text-decoration:underline; }