/*
 * Copyright Kisses That Count.
 *
 * Web Development by LOOKsystems Limited
 * mailto:info@looksystems.ltd.uk
 * http://www.looksystems.ltd.uk
 *
 */

/* GLOBAL STYLES */

body {
	background-color: #def;
	font-family: arial, helvetica, sans-serif;
	font-size: small;
	margin: 16px 0;
	padding: 0;
}

a {
	color: #68a;
	text-decoration: none;
}
a:hover {
	color: #e61;
	text-decoration: underline;
}
.plain {
	color: #000;
}

p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

/* PAGE STYLES */

#corners {
	background: #fff;
	margin: 0 auto;
	width: 728px;
}
#cornertop, #cornertop div, #cornertop span, #cornerbottom, #cornerbottom div, #cornerbottom span {
	height: 10px;
	display: block;
}
#cornertop {
	background: url(../img/corner_nw.gif) top left no-repeat;
	margin-bottom: -10px;
}
#cornertop div, #cornertop span {
	background: url(../img/corner_ne.gif) top right no-repeat;
	margin-bottom: -10px;
}
#cornerbottom {
	margin-top: -10px;
	background: url(../img/corner_sw.gif) bottom left no-repeat;
}
#cornerbottom div, #cornerbottom span {
	margin-top: -10px;
	background: url(../img/corner_se.gif) bottom right no-repeat;
}

#page {
	padding: 0px 32px 0px 16px;
}
html>body #page {
	padding-left: 32px;
}

#logo {
	float: left;
	display: block;
	width: 200px;
	height: 116px;
	background-color: transparent;
}
#logotext {
	text-indent: -9000px;
	display:block;
	width: 200px;
	height: 116px;
	background: url(../img/logo.gif) top left no-repeat;
}

#menu {
	margin: 20px 0 0 0;
	padding: 0;
	text-align: right;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu li {
	display: inline;
	padding: 0;
	margin: 0;
}
#menu a {
	color: #000;
	text-decoration: none;
}

#kissometer, #signin {
	float: right;
	background-color: #e8f4ff;
	margin: 15px 0 10px 15px;
	height: 100px;
}
#kissometer {
	width: 186px;
}
#kissometer_head {
	text-indent: -9000px;
	display: block;
	width: 60px;
	height: 60px;
	background: url(../img/head.gif) top left no-repeat;
}
#signin {
	width: 206px;
}
#signin .input, #signin .password {
	width: 110px;
	background-color: #fff;
	border: 1px solid #e8f4ff;
	padding: 2px;
	margin: 1px;
}
#signin .label {
	float: left;
	width: 50px;
	background-color: #e8f4ff;
	border: 1px solid #e8f4ff;
	padding: 0px;
	margin: 0px;
}
#signin a {
	font-size: 9px; 
	color: #000;
}
#signin .go {
	float: right;
	margin-top: -1.4em;
}

.boxtop, .boxtop div, .boxtop span, .boxbottom, .boxbottom div, .boxbottom span {
	height: 10px;
	display: block;
}
.boxtop {
	background: url(../img/box_nw.gif) top left no-repeat;
	margin-bottom: -10px;
}
.boxtop div, .boxtop span {
	background: url(../img/box_ne.gif) top right no-repeat;
}
.boxbottom {
	margin-top: -10px;
	background: url(../img/box_sw.gif) bottom left no-repeat;
	clear: both;
}
.boxbottom div, .boxbottom span {
	background: url(../img/box_se.gif) bottom right no-repeat;
}
.box {
	margin: 0;
	padding: 8px;
	display: block;
}

#content {
	clear: both;
	margin: 0 0 48px 16px;
	padding: 0;
}
html>body #content {
	margin-left: 0;
}

#footer {
	clear: both;
	color: #666;
	font-size: 85%;
	text-align: center;
}
#footer li {
	display: inline;
	padding: 0 .25em;
	margin: 0;
}
#footer a {
	color: #666;
	text-decoration: none;
}
#footer a:hover {
	color: #e61;
}

/* HOME STYLES */

#tickertape {
	width: 660px;
	overflow: hidden;
	margin-bottom: 8px;
}
#col1, #col2, #col3 {
	float: left;
	width: 210px;
}
#col2 {
	margin: 0 16px 16px 16px;
}
#col3 {
	float: right;
}

.bordertop, .bordertop div, .borderbottom, .borderbottom div {
	height: 10px;
	display: block;
	border: none;
}
.bordertop {
	margin-bottom: -10px;
}
.borderbottom {
	margin-top: -10px;
}
.border_n {
	margin: 0 10px;
	background: url(../img/border.gif) top left repeat-x;
}
.border_nw {
	float: left;
	width: 10px;
	background: url(../img/border_nw.gif) top left no-repeat;
}
.border_ne {
	float: right;
	width: 10px;
	background: url(../img/border_ne.gif) top right no-repeat;
}
.border_s {
	margin: 0 10px;
	background: url(../img/border.gif) bottom left repeat-x;
}
.border_sw {
	float: left;
	width: 10px;
	background: url(../img/border_sw.gif) bottom left no-repeat;
}
.border_se {
	float: right;
	width: 10px;
	background: url(../img/border_se.gif) bottom right no-repeat;
}
.borderbox {
	border-left: 2px solid #def;
	border-right: 2px solid #def;
	padding: 0 10px;
}
html>body .borderbox {
	margin: 10px 0;
}

/* GALLERY STYLES */

#gallery {
	margin: 0;
	padding: 0;
	list-style: none;
}

.designs .arrow {
	width: 40px;
}
.designs .thumb {
	vertical-align: middle;
	text-align: center;
}
.designs .thumb a {
	display: block;
	border: 3px solid #fff;
	padding: 4px;
}
.designs .thumb a:hover {
	border: 3px dotted #def;
}
.designs .thumb img {
	border: none;
}

.thumbtext {
	display: block;
	overflow: hidden;
	font-size: 80%;
}

.kiss, .bigkiss {
	color: #fff;
	display: block;
}
.kissbox {
	padding: 16px;
}
.note {
	color: #aaa;
	font-size: 80%;
	padding-left: 10px;
}

/* NEWS STYLES */

.news {
	margin-bottom: 32px;
}

.news_heading {
	border-bottom: 1px solid #000;
	padding-bottom: 4px;
	margin-bottom: 8px;
}

.news_title {
	font-size: 120%;
	font-weight: bold;
}

.news_date {
	position: relative;
	top: -1em;
	float: right;
}

.news_text {
	margin-bottom: 8px;
}

.news_links {
	height: 1em;
	list-style: none;
	padding: 0;
	margin: 0;
}
.news_links li {
	display: inline;
	padding: 0;
	margin: 0;
}
a.news_rightlink  {
	padding-left: 4px;
	float: right;
	color: #999;
}
a.news_rightlink:hover {
	color: #e61;
}

/* THERMOMETER STYLES */

.donate {
	width: 428px;
	padding: 8px 12px;
	border: 2px dashed #cde;
	background: #f0f8ff;
}
.thermometer {
	float: left;
	width: 27px;
	height: 120px;
	background: url(../img/thermometer.gif) top left no-repeat;
}
.thermobar {
	display: block;
	position: relative;
	left: 12px;
	width: 3px;
	background: #eb3e3e;
}
.donate_text {
	margin-left: 43px;
}
.donate form {
	padding: 4px 0;
	margin-top: 4px;
	margin-bottom: 8px;
}

/* GENERAL STYLES */

.replace {
	text-indent: -9000px;
	overflow: hidden;
}

.inline {
	overflow: hidden;
	visibility: hidden;
	display: block;
	display: inline-block;
}
html>body .inline {
	display: -moz-inline-box;
}

.button, .cancel {
	font-size: 90%;
	border: none;
	cursor: pointer;
	cursor: hand;
	padding: 1px 8px;
	padding-top: 2px;
}
.button {
	color: #fff;
	background-color: #666;
}
.cancel {
	color: #fff;
	background-color: #999;
}

.invalid {
	color: #600;
	background: #fee;
}
.invalid td {
	color: #600;
}
.invalid a {
	color: #600;
	text-decoration: underline;
}

.record {
	background-color: #e8f4ff;
}
.delete {
	background: #fdd;
}
.valid {
	background: #dfd;
}

/* BLANK PAGE */

#blank {
	color: #000;
	background-color: #fff;
	padding: 8px;
}
#blank a {
	color: #000;
	text-decoration: none;
}
#blank a:hover {
	text-decoration: underline;
}

/* ACCESS KEYS */

a.accesskey {
	top: 0;
	display: block;
	position: absolute;
	text-indent: -9000px;
	overflow: hidden;
	height: 0px;
}