/***************
 * Various browsers have various default values for padding and margin,
 * so just clarify our own defaults right from the start!
 ***************/
* {
	padding: 0;
	margin: 0;
}
img {
	border: 0;
}

h1 {
font-size: 200%;

}

/***** TRICK TO STICK THE FOOTER TO THE BOTTOM *******/

#footer {
	width: 100%;
	border-top: 2px solid #390;
	clear:both;
	color: #555;
	background-color: #aea;
	padding: 10px;
	margin-top: 40px;
}
#footer a:hover {
	text-decoration: underline;
	background-color: inherit;
	color: inherit;
}

div.clearing {
	clear: both;
}


/******* END OF FOOTER TRICK *******/



/******** GENERAL STYLES **********/
body {
	font-family: Georgia, "lucida grande", verdana, arial;
	font-size: 80%;
}

a {
	text-decoration: none;
	color: #f00;
}

a:hover {
	background-color: #390;
	color: white;
}

p {
	margin-top: 10px;
	margin-bottom: 10px;
}

#main {
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 100px;
}



/***** HEADER AND FOOTER ************/

#header {
	margin-bottom: 0px;
	padding: 10px 0 20px 10%;
	background: #aea;
}

	#header h2.tagLine {
		font-size: 100%;
		color: #777;
	}

	#countdown {
		position: absolute;
		left: 10px;
		top:10px;
		width: 8%;
		max-width: 80px;
		text-align: center;
		background-color: #eee;
		vertical-align: middle;
		padding: 3px;
		padding-bottom: 10px;

		background-color: #F5F500;
		border-right:1px solid #ccc;
		border-bottom:1px solid #999;
		color: #888;
	}
	#countdown span.number {
		font-size: 30px;
		font-weight: bold;
		height: 50%;
	}

	#countdown span.text {
		display: block;
		font-size: 80%;
	}

#loginbox {
	float: right;
	padding-right: 10px;
}

#loginbox ul#userGiftSummary {
	margin-top: 5px;
	text-align: right;
}

#footer li {
	display: inline;
	padding-left: 20px;
}
#footer li.copyright {
	color: #999;
	padding-left: 50px;
}

#footer li.usageStats {
	color: #999;
	font-size: 80%;
}
/*******************************/

a.userLink,
#phase {
font-style: italic;
	padding-left: 3px;
	padding-right: 2px;
}

#ads {
	float:left;
	width: 150px;
	padding: 10px;
	text-align: center;
}
	#ads img {
		display: block;
		margin-bottom: 20px;
	text-align: center;
	}

#phase {
	color: #999;
	font-size: 60%;
	font-weight: normal;
	position: relative;
	left: -5px;
	top: -10px;
}

ul {
	list-style: none;
}

.clearer {
clear:both;
}


/********* LOGIN / REGISTER STYLES *************/
#loginPage {
	margin-top: 40px;
	padding: 20px;
	height: 300px;
}

#loginPage form {
	padding-top: 20px;
	padding-bottom: 20px;
}

#loginPage form tr.submitButton{
text-align: right;
}


/** REGISTRATION FORM STYLES **/
#register {
	text-align: center;
}
	#register h2 {
		text-transform: uppercase;
	}

div.regForm,
div.form {
	width: 50%;
}

div.regForm table td {
padding-right: 10px;
}

form .instructions {
	font-size: 80%;
	color: #999;
	background-color: #fff;
	padding: 0;
}
form p {
	padding: 10px;
	background-color: #eee;
}

p.error {
background-color: #fdd;
padding: 3px;
}

tr.break {
border-bottom: 2px solid black;
}

fieldset {
border: 0;
margin-bottom: 20px;
}

/*****************************************/


/************ MENU STYLES *************/
#menu {
	margin-bottom: 20px;
}
#menu ul {
	margin-top: 5px;
}
#menu li {
	display: inline;
}

#menu li a {
	border: 1px solid #aea;
	border-bottom-width: 3px;
	padding: 5px 10px 3px 10px;
}

#menu li.selected a,
#menu li a:hover {
	border-bottom: 3px solid #390;
	background-color: #aea;
	color: #280;
}


#bannerAds {
margin-top: 10px;
margin-bottom: 20px;
}

/** TABBED MENU STYLES **/
ul.menu {
	font-weight: bold;
}

	ul.menu {
		border-bottom: 5px solid #000;
	}

	ul.menu li {
		display: inline;
		margin-right: 5px;
		padding-left: 5px;
		padding-right: 5px;
		border: 1px solid #000;
	}

	ul.menu li.selected {
		background-color: #000;
		color: #fff;
	}

/***************  **************/

/************* **********/

.inviteChoice {
	text-align: center;
	width: 60%;
}

.inviteChoice p {
	font-size: 150%;
}
.inviteChoice p.option {
	margin: 10px;
	padding: 20px;
	background-color: #eee;
	border: 1px solid #eee;
}
.inviteChoice p.option:hover {
	background-color: #ddd;
	border: 1px solid #999;
}


/*********** ********/

/************* LIST PAGE ****************/
div#christmasList {
	width: 100%;
	clear: both;
	margin-top: 10px;
}

table.christmasList {
	font-size: 100%;
	margin-bottom: 30px;
	background-color: #eeffee;
	border: 2px solid #ddd;
	padding: 5px;
}

table.christmasList,
#amazonWishList {
	width: 100%;
}

	table.christmasList th {
		text-align: left;
		white-space: nowrap;
	}
	table.christmasList td {
		border-bottom: 1px solid #eee;
		padding-right: 20px;
	}

	table.christmasList td.type {
		color: #999;
		font-style: italic;
		font-size: 90%;
	}


	table.christmasList h3 {
		margin-top: 10px;
	}
	p.emptyList,
	table.christmasList td.emptyList {
		color: #ccc;
	}

	table.christmasList .notes {
		color: #999;
		font-size: 80%;
	}

	#sbContent {
		width: 75%;
		float: left;
	}

#sidebar {
	float: right;
	width: 20%;
}
	.contactList {
	}

	.contactList h3 {
		border-bottom: 5px solid #cec;
		margin-bottom: 10px;
	}

	.contactList ul {
		list-style: none;
		margin-bottom: 20px;
	}

	table.contactList td.name {
		padding: 2px 15px 2px 2px;
	}

table.contactsDetails {
	white-space: nowrap;
	font-size: 100%;
	margin-top: 5px;
	margin-bottom: 10px;
}

	table.contactsDetails th {
		text-align: left;
	}
	table.contactsDetails th,
	table.contactsDetails td {
		padding-right: 20px;
	}

	table.contactsDetails td.about {
		white-space: normal;
	}




#peopleSearchForm,
#addPresentForm {
	border: 1px solid #ccc;
	padding: 10px;
	width: 80%;
}
#peopleSearchForm:hover {
	background-color: #eee;
	border: 1px solid #999;
}

#peopleSearchForm input,
#addPresentForm input.main {
	font-size: 150%;
	padding: 3px;
}

#addPresentForm ul {
margin-top: 10px;
margin-bottom: 20px;
}

#addPresentForm label {
margin-right: 20px;
}

/************* END LIST PAGE ****************/

/********** SHOPPING PAGE *************/

ul.stillToBuy li {
	padding-bottom: 20px;
}

ul.stillToBuy a {
	font-size: larger;
}
ul.stillToBuy a.more {
font-size: smaller;
}

ul.stillToBuy ul {
	margin-left: 20px;
}

ul.stillToBuy li ul li,
ul.stillToBuy li ul {
	padding-bottom: 0;
}

/************* END SHOPPING PAGE ****************/

a.help {
float: right;
}

a.bigButton {
font-size: 150%;
color: #390;
}
a.bigButton:hover {
	background-color: #ccc;
}

/******** WELCOME PAGE ************/
#welcome {
	padding-top: 30px;
}

#welcome table {
	font-size: 150%;
	list-style: none;
	text-align:left;
	margin-top: 20px;
	margin-bottom: 20px;
}

#welcome ul table {
	padding-top: 5px;
	padding-bottom: 5px;
}

#welcome table td,
#welcome table th {
vertical-align: middle;
vertical-align: center;
margin-bottom: 5px;
margin-top: 5px;
}

#welcome table th {
	padding-right: 10px;
	 font-size: 150%;
	 color: #390;
	 float:left;
}
/******** END WELCOME PAGE ************/

/********************* ************/

	.text ul {
		list-style-type: disc;
		list-style-position: inside;
		margin-left: 20px;
	}

/******* *********/



/******************* tagCloud styles ************/

	.giftCloud {
		width: 95%;
		font-size: 120%;
		text-align: justify;
		line-height: 1.2;
	}
	.giftCloud p {
		text-align: center;
		font-size: 70%;
		color: #999;
	}
	.giftCloud a {
		margin-right: 5px;
	}
	.giftCloud a.odd {
		color: #222;
	}

	.giftCloud a.even {
		color: #390;
	}

	.giftCloud a:hover {
		background-color: #ccc;
	}


		.tagCloud span {
			white-space: nowrap;
		}
		.tagCloud {
			text-align: justify;
			font-size: 120%;
		}
		.tagCloud span a:hover {
			background-color: #999;
			text-decoration: none;
		}

		.tag1 {
			font-size: 100%;
		}

		.tag2 {
			font-size: 110%;
		}

		.tag3 {
			font-size: 130%;
		}

		.tag4 {
			font-size: 150%;
		}

		.tag5 {
			font-size: 160%;
		}

		.tag6 {
			font-size: 180%;
		}

		.tag7 {
			font-size: 200%;
		}

/******************** ************/


/**************** SHOPS PAGE STYLES *****************/

#shops img {
	border: 0;
}

#shops {
	padding-top: 10px;
}



/************************************/

#amazonWishList {
	background: #fff url('/img/bg-light-greenish.jpg') repeat-x;
padding: 10px;
border: 2px solid black;
background-color: #fff;
margin-bottom: 30px;
}

#amazonWishList li {
	border-bottom: 1px solid #eee;
}

#amazonWishList .bought td.bought {
    text-decoration: line-through;
}
#amazonWishList .bought a {
    color: #999;
}

#amazonWishList .warning {
    border: 1px solid #999;
    background-color: #eee;
    text-align:center;
    margin-left: 15%;
    margin-right: 15%;"
}
.contactList li.bought a:hover {
    color: #fff;
}
.contactList li.bought a {
    color: #999;
    text-decoration: line-through;
}

ul#homepageOptions {
	font-size: 250%;
	text-align: center;
	line-height: 2;
}

div.message {
	background-color: #383;
	color: #fff;
	padding: 5px;
}

div.error-message {
	background-color: #f00;
	color: #fff;
	padding: 2px;
}


table.allPresents {
	border-collapse: collapse;
}

table.allPresents tr {
background-color: #eeffee;
}
table.allPresents tr.alt {
background-color: #fff;
}

table.allPresents tr.bought td.present span.present a {
	text-decoration: line-through;
	color: #999;
}

table.allPresents td {
	white-space: nowrap;
	vertical-align: top;
	padding: 3px;
}

table.allPresents td p {
margin: 0;
}

table.allPresents td.wanter {
	text-align: right;
}


table.allPresents td.present {
	white-space: normal;
	width: 50%;
}

table.christmasList td {
	white-space: nowrap;
}
table.christmasList td.present {
	white-space: normal;
}

table.christmasList tr:hover {
	background-color: #dfd;
}

p.comments {
	font-size: 90%;
}
p.comments,
ul.comments {
	margin: 3px;
}

p.comments,
#comments .comment {
	background-image: url('/img/icons/comment.png');
	padding-left: 20px;
	background-repeat: no-repeat;
}
#comments {
border-top: 2px solid #595;
}
#comments .comment{
	margin: 10px;
}

#comments .commentMeta {
	color: #555;
}

#comments .comment {
	border: 1px solid #aca;
	background-color: #efe;
}

#comments .commentMeta {
	margin-top: 10px;
}

#presentInfo {
	padding: 10px;
	margin-bottom: 20px;
	margin-top: 10px;
}

#newCommentForm {
background-color: #efe;
border: 1px solid #ded;
padding: 10px;
}


/*
table.cake-sql-log {
margin-top: 500px;
clear: both;
}

pre.cake-debug {
z-index: 1000;
margin-top: 300px;
}
*/





.topButton.add {
	background-image: url(/img/icons/add.png);
}
.topButton.edit {
	background-image: url(/img/icons/page_edit.png);
}
.topButton.print {
	background-image: url(/img/icons/printer.png);
}

.topButton.left {
	float: left;
}

.topButton {
	background-repeat: no-repeat;
	background-position: 3px center;
	padding: 3px;
	padding-left: 25px;
	border: 1px solid green;
	display: inline;
	float: right;
}

div.tip {
	color: #555;
}

div#presentInfo {
	width: 40%;
	padding-top: 0;
}

table.giftTag {
	border: 2px solid #ccc;
	background-color: #ffe;
	width: 90%;
}
	table.giftTag th {
		text-align: right;
		font-weight: bold;
		font-style: italic;
		vertical align: middle;
		padding: 10px 5px 10px 10px;
		width: 20%;
	}
	table.giftTag td {
		border-bottom: 3px dotted black;
		padding: 3px;
		padding-right: 5px;
	}

	div#suggested {
		background-color: #efe;
		text-align: center;
	width: 80%;
	margin-left: 5%; margin-right: 5%;
	}

	h4.forOrFrom {
		font-weight: normal;
		color: #999;
	}

div.userHeading {
	margin-bottom: 10px;
}
div.userHeading h2 {
	display: inline;
}
div.userHeading img {
	vertical-align: middle;
	float: right;
}

div.input label {
display: block;
color:Ê#555;
}
div.input {
margin-bottom: 10px;
}

table.contacts {
	border-collapse: collapse;
	font-size: 100%;
}

	table.contacts tr td {
		border-bottom: 1px solid #999;
	}
	table.contacts td.gravatar {
		padding: 5px;
	}
	table.contacts td.name {
		padding: 10px;
		text-align: left;
	}
	table.contacts td.name p.name {
		font-weight: bold;
		font-size: 120%;
	}
	table.contacts td.name p.links a {
		font-size: 90%;
	}

	table.contacts td.date {
	width: 10%;
	text-align: center;
	padding: 5px;
	}
	table.contacts td.date span {
	border: 1px solid #ccc;
	width: 100%;
	display: block;
	padding: 2px;
	font-weight: bold;
	}

	table.contacts td.date span.month {
		color: white;
		background-color: red;
		font-size: 80%;
		text-transform: uppercase;
	}

	table.contacts td.date span.day {
		text-align:center;
		font-weight: bold;
	}


	table.contacts tr.month {
		font-weight: bold;
		font-size: 140%;
	}


a.rsslink {background:url(/img/icons/feed.png) top left no-repeat; padding-left: 25px;}

div#sbContent {
	float: left;
	width: 70%;
}


div#forAndFromLinks {
	font-size: 120%;
	text-align: center;
}

div#boughtByMe {
	padding: 20px;
	float:right;
	border: 2px solid green;
	background-color: #ffe;
	margin-top: 5px;
}

table.christmasList td.description {
	white-space: normal;
}

div#amazon {
padding-top: 50px;
padding-bottom: 30px;
	text-align: center;
	clear: both;
	width: 60%;
}