html, body {
	height: 100%;
}
body {
	background-color: #73BF43;
	margin: 0;
	font-family: Lucida Grande, Verdana, Sans-serif;
	font-size: 14px;
	color: #636363;
}

a {
	color: #D96600;
	font-weight: bold;
}

#mainBody {
	width: 900px;
	min-height: 100%;
	margin: 0 auto;
	background-color: #fff;
	border-left: thin solid #000;
	border-right: thin solid #000;
	padding: 45px 30px 0;
}
#footer {
	border-top: thin solid #ADADAD;
	clear: both;
}

#footer p {
	text-align: right;
	font-size: x-small;
	padding: 10px 0 60px 0;
	margin: 0;
}

.clearSection {
	clear: both;
}
#titleBanner {
	display: block;
	height: 66px;
	margin-bottom: 40px;
}
#titleBanner h1 {
	text-indent: -9999px;
	padding: 0;
	margin: 40px 0;
	background: url(images/notes/tagline.gif) no-repeat;
	width: 402px;
	height: 24px;
	float: right;
}
#titleBanner a {
	text-indent: -9999px;
	width: 236px;
	height: 66px;
	background: url(images/notes/logo.gif) no-repeat 25px;
	display: block;
	float: left;
}
#leftMain {
	background: url(images/notes/background.jpg) no-repeat;
	width: 584px;
	min-height: 518px;
	text-align: center;
	float: left;
	clear: left;
	position: relative;
	padding-top: 30px;
}
#rightColumn {
	float: right;
	position: relative;
}
#noteList {
	width: 284px;
	height: 348px;
	overflow: auto;
}
#noteList ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 2px;
}
#noteList li {
	padding: 0;
	font-size: 11px;
	border-bottom: thin solid #D5E2AC;
	min-height: 77px;
}
#noteList li p {
	padding: 0;
}
#noteList .thumbImage {
	float: left;
	margin-right: 8px;
}
#noteList .thumbImage img {
	border-style: none;
	margin-bottom: 5px;
	cursor: pointer;
}
#noteList .noteLocation {
	color: #336600;
}
h2.noteListHeader {
	background: url(images/notes/recent_notes.gif) no-repeat 0 12px;
	width: 286px;
	height: 22px;
	text-indent: -9999px;
	margin: 0 0 14px 0;
	padding-top: 12px;
	display: block;
}
#appStoreCallout {
	background: #fff url(images/notes/iphone.jpg) no-repeat 105px;
	width: 204px;
	height: 105px;
	position: absolute;
	left: 680px;
	bottom: 0;
}
#getAppLink {
	background-image: url(images/notes/app_store.jpg);
	width: 105px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	margin-top: 69px;
}
#flipButton {
	text-indent: -9999px;
	display: inline-block;
	height: 27px;
	width: 83px;
	background: url(images/notes/flip_card.png) no-repeat;
	position: absolute;
	top: 226px;
	left: 434px;
	cursor: pointer;
}
#contentBody {
	display: block;
	min-height: 518px;
	clear: both;
}
#cardMainNote {
	margin: 60px 60px 10px 60px;
	line-height: 145%;
	text-align: left;
	top: 300px;
	position: absolute;
}
#cardPosted {
	text-align: left;
	font-size: 12px;
	position: absolute;
	bottom: 10px;
	left: 60px;
}
#cardRightWidget {
	font-weight: bold;
	position: absolute;
	bottom: 10px;
	right: 10px;
	text-align: left;
	font-size: 12px;
}
#cardLike {
	background: url(images/notes/smile.gif) no-repeat;
	text-indent: 34px;
	line-height: 23px;
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: thin solid #D5E2AC;
}
#moreNoteBtn {
	cursor: pointer;
	text-indent: 34px;
	display: block;
	background: url(images/notes/arrow.gif) no-repeat;
	color: #D96600;
}
.smallFont {
	font-size: 11px;
}
.greenFont {
	color: #336600;
}
.orangeFont {
	color: #D96600;
}
#cardFrontImage, #cardBackImage {
	position: absolute;
	margin-left: -140px;
	left: 50%;
}
#cardBackImage {
	display: none;
}
#loadingSpin {
	display: none;
	position: absolute;
	margin-left: -16px;
	left:  50%;
	top: 132px;
}