/*
Theme Name: Kensington
Theme URI: http://www.visitkensington.com
Description: Kensington Theme
Author: Han Siu
Author URI: http://www.hansiu.com
Template:
Version: 1.0
.
General comments/License Statement if any.
.
*/


a:link, a:visited { color: #A352EB; text-decoration: none; }
a:active, a:hover { color: #CCCCCC; text-decoration: none; }

.current a:link, .current a:visited { color: #CCCCCC; text-decoration: none; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #ADADAD;
	background: #000000;
	margin: 0px;
}

img {
	border: 0px;
}

#sun-bg-container {
	background-image: url('images/bg-blur.jpg'); background-repeat: no-repeat;
	background-position: 640px 0px;
}

#main-container {
	width: 900px;
	margin: 0 auto;
	position: relative;
}

#logo-container {
	width: 922px;
	margin: 0 auto;
}

#logo {
	position: absolute;
	left: -11px;
}

#top-container {
	width: 900px;
	height: 309px;
	position: relative;
}

#content-container {
	padding: 10px 14px 10px 14px;
	background: #121212;
	min-height: 200px;
	background-image: url('images/bg1.png'); background-repeat: no-repeat;

}
#content-container-top {
	margin-top: 27px;
	height: 10px;
	background-image: url('images/bg2-top.png'); background-repeat: no-repeat;
}
#content-container-bottom {
	height: 10px;
	background-image: url('images/bg2-bottom.png'); background-repeat: no-repeat;
}

#dot-border-top {
	background-image: url('images/dot-bg.gif'); background-repeat: repeat-x;
	height: 25px;
}

.dot-border {
	background-image: url('images/dot-bg.gif'); background-repeat: repeat-x;
	height: 25px;
}

.dot-border-left {
	border-left: 1px dotted #333333;
}

.hr-line {
	margin-top: 15px;
	padding-bottom: 15px;
	border-top: 1px dotted #333333;
}

.hr-line2 {
	margin-top: 12px;
	padding-bottom: 8px;
	border-top: 1px dotted #333333;
}

/* FOOTER start */

#footer-container {
	background-image: url('images/bg-footer.gif'); background-repeat: no-repeat;
	height: 84px;
	text-align: center;
	font-size: 85%;
	margin-top: 26px;
	margin-bottom: 20px;
	padding-top: 16px;
}

#footer-container a:link, #footer-container a:visited { color: #FFF; text-decoration: none; padding: 2px 5px 2px 5px; }
#footer-container a:active, #footer-container a:hover { color: #FFF; text-decoration: none; background: #7B3EB0; }

#footer-navlist {
	margin-top: 8px;
}

#footer-navlist ul, #footer-navlist li {
	display: inline;
	margin: 0;
	padding: 0;
}

#footer-navlist li {
	padding: 5px;
	margin: 5px;
}

/* FOOTER end */

/* HOME PAGE start */
.column-container {
	margin-bottom: 10px;
}

.column-container .col1 {
	width: 281px;
	padding-right: 20px;
	border-right: 1px dotted #333333;
}

.column-container .col2 {
	width: 337px;
	padding-left: 14px;
	padding-right: 14px;
	border-right: 1px dotted #333333;
}

.column-container .col3 {
	width: 188px;
	padding-left: 14px;
}

.column-container .col1a {
	width: 570px;
	padding-right: 14px;
	border-right: 1px dotted #333333;
}

.column-container .col2a {
	width: 271px;
	padding-left: 14px;
	padding-right: 14px;
	border-right: 1px dotted #333333;
}

.column-container .col3a {
	width: 271px;
	padding-left: 15px;
}

.column-container .col1b {
	width: 571px;
	padding-right: 14px;
	border-right: 1px dotted #333333;
}

.column-container .col1c {
	width: 604px;
	padding-right: 14px;
	border-right: 1px dotted #333333;
}

.column-container .col2c {
	width: 240px;
	padding-left: 14px;
}

.dot-border-right {
	border-right: 1px dotted #333333;
}

/* HOME PAGE end */


/* CONTENT PAGE start */

.content-main {
	width: 600px;
	float: left;
}

.content-sidebar {
	width: 240px;
	float: right;
	padding-left: 10px;
}

/* CONTENT PAGE end */

#side-nav {
	margin-bottom: 25px;
}

#side-nav ul {
	margin-left: 28px;
	padding-left: 0;
}

#side-nav li {
	margin-bottom: 8px;
	padding-left: 0;
}

/* SIDEBAR start */

.notice-box1 {
	/*background: #611B3E;*/
	padding: 10px;
	color: #CCB77E;
	font-size: 90%;
	border-top: 2px dotted #611B3E;
	border-bottom: 2px dotted #611B3E;
}

/* SIDEBAR end */

/* NAVIGATION start */

#nav-container {
	position: absolute;
	top: 0px;
	left: 776px;
	width: 124px;
	height: 309px;
	background: url('images/bg-nav.png') no-repeat;
}

#nav-inner {
	margin-top: 28px;
	margin-left: 14px;
	font: bold 15px "Trebuchet MS",  Arial, Helvetica, sans-serif;
	line-height: 2.1em;
}

#nav-container a:link, #nav-container a:visited { color: #FFFFFF; text-decoration: none }
#nav-container a:active, #nav-container a:hover { color: #C99F1E; text-decoration: none }

#nav-container #current {
	color: #C99F1E;
}

/* NAVIGATION end */

/* FLASH start */

#flash-container {
	width: 759px;
	height: 309px;
}

/* FLASH end */

/* HEADINGS start */

.heading1 {
	font-weight: bold;
	font-size: 120%;
	color: #ADADAD;
}
.heading1 a:link, .heading1 a:visited { color: #FFFFFF; text-decoration: none }
.heading1 a:active, .heading1 a:hover { color: #777777; text-decoration: none }

.feature-thumbnail {
	width: 100px;
	margin-right: 20px;
	margin-bottom: 30px;
	float: left;
}

.feature-desc1 {
	width: 161px;
	margin-bottom: 30px;
	float: left;
}

.feature-desc2 {
	width: 217px;
	margin-bottom: 30px;
	float: left;
}

h4 {
	color: #FFFFFF;
	font-size: 120%;
	margin-top: 12px;
	margin-bottom: 10px;
}
h4 a:link, h4 a:visited { color: #FFFFFF; text-decoration: none }
h4 a:active, h4 a:hover { color: #A352EB; text-decoration: none }

h5 {
	color: #FFFFFF;
	font-size: 110%;
	margin-top: 0;
	margin-bottom: 10px;
	font-weight: normal;
}
h5 a:link, h5 a:visited { color: #FFFFFF; text-decoration: none }
h5 a:active, h5 a:hover { color: #A352EB; text-decoration: none }

/* HEADINGS end */

/* BLOG start */

.postmetadata {
	font-size: 90%;
}

/* BLOG end */

/* BUSINESSES START */

#biz-dir {

}

#biz-dir .col1 {
	width: 420px;
	line-height: 1.5em;
}

#biz-dir .col2 {
	line-height: 2.5em;
}

.biz-url {
	font-size: 0.8em;
}

.biz-name {
	color: #DEDEDE;
}

/* BUSINESSES END */


/* FORMS START */

.inputbox {
	background: #CCCCCC;
	border: 2px solid #666666;
}

.inputbox2 {
	background: #CCCCCC;
	border: 2px solid #666666;
	float: left;
	display: block;
	margin-bottom: 10px;
}

.submit-button {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}

.wpcf7 br {
	margin-bottom: 4px;
}

.wpcf7 p {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 90%;
}

#contact-table {
	margin-top: 16px;
}

#contact-table td {
	padding-bottom: 20px;
	padding-right: 20px;
}

#contact-table .heading {
	color: #EEE;
}

label {
	float: left;
	display: block;
	width: 175px;
}

.list-block .wpcf7-list-item {
	display: block;
}

/* FORMS END */


/* EVENTS start */

#more-events {
	margin-top: 5px;
}

/* EVENTS end */

/* COMMENTS start */

#comment {
	width: 600px;
}

/* COMMENTS end */

.vendor-logo {
	float: left;
	width: 127px;
    height: 76px;
	text-align: center;
	margin-bottom: 20px;
	margin-right: 20px;
}

.vendor-logo-no-margin {
	float: left;
	width: 127px;
    height: 76px;
	text-align: center;
	margin-bottom: 20px;
	margin-right: 0px;
}

.subtle1 {
	font-size: 90%;
}

.more {
	font-size: 90%;
}

.clearb {
	clear: both;
	height: 0;
	font-size: 1px;
}

/* SUN AND SALSA start */

.pageant-winners-container {
	margin-top: 16px;
	width: 761px;
	margin: 16px auto 10px auto;
}

.pageant-winners {
	line-height: 1.5em;
	font-size: 11px;
	text-align: center;
	margin-bottom: 12px;
	width: 240px;
}

.pageant-winners img {
	border: 4px solid #FFF;
}

.float-winners1 {
	margin-right: 20px;
	float: left;
}

.float-winners2 {
	float: left;
}

.ken-photo {
	padding: 6px;
	background: #000;
	margin: 20px auto 10px auto;
	text-align: center;
}

.ken-photo .caption {
	margin-top: 12px;
	font-size: 0.9em;
	margin-bottom: 8px;
}

.ken-photo .caption br {
	margin-bottom: 0.7em;
}

/* SUN AND SALSA end */

/* BUTTONS start */

.button1 {
	overflow:hidden;
	height:37px; /* trips haslayout, wrap floats IE, same height as PNG button */
	list-style:none;
	font:bold 16px/37px Arial, Helvetica, sans-serif; /* 37px same as height */
	/*width: 800px; Set this if need more buttons on a row */
	padding-left: 0;
}

.button1 li {
	display:inline;
}

.button1 a {
	float:left;
	position:relative;
	padding-left:14px;
	margin-right:30px; /* button spacing */
	text-decoration:none;
	color:#EEE;
	background:url(images/button1.png) 0 0 no-repeat;
}

.button1 a span {
	position:absolute;
	top:0;
	left:100%;
	width:14px;
	height:37px; /* same as height as PNG button */
	background:url(images/button1.png) -474px 0px no-repeat; /* actually PNG width - 10px (width above) = 474px */
}

.button1 .current a {
	color:#EEE;
	background:url(images/button1-hover.png) 0 0 no-repeat;
}

.button1 .current a span {
	background:url(images/button1-hover.png) -474px 0px no-repeat; /* actually PNG width - 10px (width above) = 474px */
}

.button1 a:active,
.button1 a:focus,
.button1 a:hover {
	color:#EEE;
	background:url(images/button1-hover.png) 0 0 no-repeat;
}

.button1 a:active span,
.button1 a:focus span,
.button1 a:hover span {
	background:url(images/button1-hover.png) -474px 0px no-repeat; /* actually PNG width - 10px (width above) = 474px */
}

.button1-preload {
	background:url(images/button1-hover.png); /* preload the hover button */
}



/* BUTTONS end */


/* Begin Images */
img {
	border: 0;
}

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px 0px 4px 12px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px 12px 4px 0px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

img.absmiddle {
	vertical-align: middle;
	margin-bottom: .25em;
}
/* End Images */