body {
	cursor: default;
	margin: 0.8em;
	padding: 0;
	font: 75%/1.5em Verdana, Arial, Sans-serif;
}

a {
	cursor: pointer
}

a img {
	border: 0
}

form {
	margin: 0
}

#title {
	margin: 0.9em 0 0 0;
	background: #e5eef8 url(http://imageserver.speeple.com/common/title_bg.gif) repeat-x top;
	border-bottom: #d3e1f4 1px solid;
	font-size: 130%;
	font-weight: normal;
	padding: 0.1em 0 0.25em 0.5em;
	color: #777
}

#title strong {
	font-weight: normal;
	color: #b44322
}

#title a {
	color: #06c;
	text-decoration: none
}

#title a:hover {
	color: #000
}

#speeple {
	text-align: left
}

#speeple div {
	clear: left
}

#speeple a {
	color: #777
}

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

#speeple li {
	float: left;
	margin: 0 0.25em 0.4em 0;
	padding: 0
}

#speeple li * {
	display: block
}

#people * {
	background: transparent url(http://imageserver.speeple.com/common/people_bg.gif) no-repeat right top
}

#news * {
	background: transparent url(http://imageserver.speeple.com/common/news_bg.gif) no-repeat right top
}

#blogs * {
	background: transparent url(http://imageserver.speeple.com/common/blogs_bg.gif) no-repeat right top
}

#groups * {
	background: transparent url(http://imageserver.speeple.com/common/groups_bg.gif) no-repeat right top
}

#people strong, #news strong, #blogs strong, #groups strong {
	background-position: 100% -225px
}

#people strong span, #news strong span, #blogs strong span, #groups strong span {
	background-position: 0 -225px
}

#people span, #news span, #blogs span, #groups span {
	padding: 0.4em 0 0.2em 0.8em;
	background-position: left top;
	background-color: white
}

#people a, #people strong, #news a, #news strong, #blogs a, #blogs strong, #groups a, #groups strong {
	padding-right: 0.8em
}

#people a {
	color: #bfbd96
}

#people a:hover, #people strong {
	color: #807b2e
}

#news a {
	color: #93bb88
}

#news a:hover, #news strong {
	color: #287812
}

#blogs a {
	color: #7f9ac7
}

#blogs a:hover, #blogs strong {
	color: #003590
}

#groups a {
	color: #d9a190
}

#groups a:hover, #groups strong {
	color: #b44322
}

#people a:hover, #news a:hover, #blogs a:hover, #groups a:hover {
	background-position: 100% -225px
}

#people a:hover span, #news a:hover span, #blogs a:hover span, #groups a:hover span {
	background-position: 0 -225px
}

#searchInput li a {
	text-decoration: none
}

#searchInput {
	padding-left: 0.8em;
	background: transparent url(http://imageserver.speeple.com/common/sb_sep.gif) no-repeat left center;
	vertical-align: top
}

#searchInput p strong {
	color: #333;
	font-weight: normal
}

#searchInput p {
	margin: 0.3em 0 0 0;
	color: #ccc
}

#searchInput p a {
	text-decoration: none;
	padding-bottom: 0.1em;
	border-bottom: #ddd 1px solid
}

#searchInput p a:hover {
	border-color: #777
}

#searchInput p, #footer, #emotions {
	font-size: 90%
}

.searchBox {
	color: #06c;
	padding-left: 0.3em;
	padding-bottom: 0.2em;
	background: white url(http://imageserver.speeple.com/common/s_bg.gif) no-repeat top left;
	border: #ccc 1px solid
}

#searchFooter {
	background: url(http://imageserver.speeple.com/common/searchFooter_bg.gif) repeat-x;
	text-align: center;
	margin: 0;
	border-top: #d3e1f4 1px solid;
	padding-top: 0.5em;
	clear: both
}

#searchFooter input, #searchFooter select {
	font-size: 90%
}

#footer {
	font-size: 90%;
	color: #777;
	text-align: center;
	margin-top: 0.5em
}

#footer a {
	color: #06c;
	text-decoration: none;
	border-bottom: #b7c6ff 1px solid;
	padding-bottom: 0.1em
}

#footer a:hover {
	border-color: #06c
}

h3 {
	text-align: center;
	font-weight: normal;
	font-size: 115%;
	margin: 1.5em 0 1.5em 0
}

h3 a, h3 strong {
	padding: 0.1em 0.5em 0.2em 0.5em
}

h3 strong {
	background-color: #e2e2e2;
	border: #ccc 1px solid;
	font-weight: normal
}

h3 a {
	color: #b44322;
	border: #b2cf97 1px solid;
	text-decoration: none
}

h3 a:hover {
	border-color: #393
}

.thumb {
	width: 100px;
	padding: 0.5em 1em 0 0;
	text-align: center;
}

#subTitle {
	background: transparent url(http://imageserver.speeple.com/common/subtitle_bg.gif) no-repeat bottom left;
	margin: 0 0 1em 0;
	border-left: #d3e1f4 1px solid;
	padding: 0 0 0.5em 1em;
	line-height: 2.5em;
	color: #666;
	font-size: 90%;
	font-weight: normal
}

#subTitle input {
	font-size: 90%
}

#subTitle a {
	color: #393;
	text-decoration: none;
	border-bottom: #c1e0c1 1px solid;
	padding-bottom: 0.1em
}

#subTitle a:hover {
	border-color: #393
}

#subTitle em {
	font-style: normal;
	color: #517154
}

#subTitle sup {
	font-size: smaller;
	vertical-align: baseline;
	position: relative;
	bottom: 0.33em
}

h2 {
	color: #343900;
	font-size: 115%
}

/*
Below is paging styles... needs a cleanup...
*/

.pagingNavigationMenu {
	position: absolute;
	font-size: 90%;
	width: 7.5em;
	background: #cfe9cf url(http://imageserver.speeple.com/common/pn_bg_tl.gif) no-repeat top left
}

.previous div {
	background: url(http://imageserver.speeple.com/common/pn_bg_br.gif) no-repeat bottom right
}

.next div {
	background: url(http://imageserver.speeple.com/common/pn_bg_bl.gif) no-repeat bottom left
}

.pagingNavigationMenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	background: url(http://imageserver.speeple.com/common/pn_bg_tr.gif) no-repeat top right
}

.pagingNavigationMenu a {
	display: block;
	width: 100%;
	color: #730000;
	padding-top: 0.1em
}

.pagingNavigationMenu span {
	padding-bottom: 0.2em;
	display: block;
	width: 100%;
	cursor: pointer
}

.pagingNavigationMenu a:hover {
	color: #000;
	background: transparent url(http://imageserver.speeple.com/common/pn_link_over.gif) no-repeat top center
}

.pagingNavigationMenu a:hover span {
	background: transparent url(http://imageserver.speeple.com/common/pn_link_over.gif) no-repeat bottom center
}

.pagingNavigation, .pagingNavigationOver {
	padding: 0 0.3em 0.1em 0.3em;
	font-size: 1.5em;
	font-family: Courier New
}

.pagingNavigation {
	color: #393;
	border: #dbf3db 1px solid
}

.pagingNavigationOver {
	color: #fff;
	border: #99cc99 1px solid;
	background-color: #abdbab;
	cursor: pointer
}