body, html {
	padding: 0;
	margin: 0;
}

* {
	font-family: Arial;
}

img {
	border: 0;
}



div.header div.box {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

div#crumbpath div.auth {
	float: right;
	width: 50px;
	margin-right: 20px;
}

#sitesearch {
	width: 300px;
	float: right;
	background: white url(images/search.png) no-repeat center right;
	border-width: 1px;
}

div.header {
	padding-top: 18px;
	background-color: #f0f0f0;
	padding-bottom: 8px;
	border-bottom: 1px dotted black;
}


div#container, ul.menu {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

h2 {
	padding-top: 18px;
	letter-spacing: -2px;
	font-size: 36px;
	text-align: center;
	margin-top: 0px;
}

h2 a {
	color: black;
	text-decoration: none;
}
	
ul.menu {
	padding: 0;
}

ul.menu li {
	display: block;
	float: left;
	width: 180px;
	letter-spacing: 1px;
}

a {
	color: black;
}

a:hover {
	background-color: #ffffc0;
}

div#crumbpath {
	padding: 4px 0px 4px 0;
	border-bottom: 1px solid #ddd;
}

div.error {
	padding: 8px;
	background-color: #ffe0e0;
	border: 1px solid #ffa0a0;
	margin-bottom: 8px;
}

div.message {
	padding: 8px;
	background-color: #e0ffe0;
	border: 1px solid #a0ffa0;
	margin-bottom: 8px;
}

div.notice {
	padding: 8px;
	background-color: #ffffe0;
	border: 1px solid #ffffa0;
	margin-bottom: 8px;
}

div.form label, div.form input, div.form select {
	font-family: Arial;
	font-size: 16px;
}

div.form label {
	float: left;
	width: 200px;
	height: 30px;
}

div.form label.option {
	width: auto;
}

div.form input {
	float: left;
}

div.form input.text, div.form select.wide, div.form textarea {
	width: 300px;
}

input#authorsearch {
	width: 300px;
}

div.form textarea.long {
	height: 200px;
}

div.form textarea.aboutme {
	width: 500px;
	height: 300px;
}

div.form input.focus {
	background-color: #fffff0;
}

div.form .error {
	border: 1px solid red;
}

div.form span.error {
	border: 0px;
	background-color: #fff0f0;
}

div.form br {
	clear: left;
}

p.logon_via {
	line-height: 32px;
	font-weight: bold;
}

ul.autocomplete {
	border: 1px solid black;
	width: auto;
	margin: 0;
	background-color: white;
	overflow: hidden;
}

ul.autocomplete li {
	list-style-type: none;
	cursor: hand;
	line-height: 32px;
	clear: left;
	height: 40px;
	border-bottom: 1px solid #ddd;
	padding: 0;
}

ul.autocomplete li img {
	float: left;
}

ul.autocomplete li.selected {
	background-color: #ffffe0;
}

ul.autocomplete li.hover {
	background-color: #ffffe0;
	cursor: pointer;
}

.contextMenu {
	background-color: #ffffe0;
	padding: 4px;
	border: 1px dotted black;
	text-align: left;
	white-space: nowrap;
}

.contextMenuTitle {
	font-weight: bold;
}

.mask {
	background-color: black;
}

.mask .box {
	border: 1px solid #ccc;
	background-color: white;
	padding: 4px;
	overflow: hidden;
	padding: 0;
}

div.maincontent {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
}

div.column_left {
	width: 187px;
	position: relative;	
	float: left;
}

div.column_left .smallbox {
	border: 1px dotted black;
	background-color: #ffffe0;
	padding: 6px;
	margin-bottom: 24px;
	text-align: center;
}

div.column_left .smallbox .title {
	margin-bottom: 6px;
}

div.column_center {
	margin-left: 207px;
}

div.column_center .content {
	float: left;
}

div.column_left .name {
	font-weight: bold;
}

div.column_center div.name h4 {
	display: inline;
}

div.column_center .navigation {
	border-bottom: 1px dotted black;
	margin-bottom: 8px;
}

div.column_center .navigation a {
	display: inline-block;
	margin: 0px 16px 8px 16px;
}

div.column_center .navigation .selected {
	font-style: italic;
}

div.book div.content dl,
div.profile div.content dl {
	font-size: 14px;
}

div.book div.content dl dt,
div.profile div.content dl dt {
	clear: left;
	float: left;
	width: 150px;
	color: #444;
}

div.book div.content dl dd,
div.profile div.content dl dd {
	float: left;
	width: 400px;
}

div.book div.content dl dd.last,
div.profile div.content dl dd.last {
	clear:left;
}

div.club h5,
div.profile h5 {
	clear: left;
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 1em;
	font-weight: bold;
}

div.club a.edit,
div.profile a.edit,
div.profile h5 a.edit {
	font-size: 12px;
	font-weight: normal;
}

div.club p,
div.profile p {
	font-size: 14px;
}

div.book_small,
div.tipper_small,
div.friend_small {
	font-size: 12px;
}

div.club div.wall_message,
div.review, 
div.profile div.book,
div.wall_message {
	clear: left;
	margin-bottom: 1em;
	padding: 4px;
	border: 1px solid #ccc;
}

div.requests div.request {
	border: 1px solid #ccc;
	padding: 4px;
	width: 700px;
}

div.membershiprequests div.request div.picture,
div.requests div.request div.picture,
div.friends div.requests div.request div.picture,
div.profile div.book div.picture,
div.review div.picture,
div.wall_message div.picture {
	width: 100px;
	text-align: center;
	float: left;
	clear: left;
}

div.requests div.request div.picture_right {
	width: 100px;
	text-align: center;
	float: right;
}

div.membershiprequests div.request div.content,
div.requests div.request div.content,
div.friends div.requests div.request div.content,
div.profile div.book div.content,
div.review div.content,
div.wall_message div.content {
	width: 500px;
}

div.wall_message div.content .says {
	font-style: italic;
	font-size: 14px;
}

div.review div.content .date,
div.wall_message div.content .date {
	font-size: 14px;
}

div.review div.content textarea,
div.wall_message div.content textarea {
	width: 500px;
	height: 48px;
}

div.wall_message .private {
	font-size: 12px;
}

ul.friendlist, 
ul.authorlist, 
ul.booklist {
	list-style-type: none;
	padding-left: 0;
}

ul.friendlist li,
ul.authorlist li,
ul.booklist li {
	float: left;
	width: 160px;
	margin-right: 16px;
	font-size: 14px;
	text-align: center;
	height: 220px;

}

ul.friendlist li {
	width: 120px;
	height: 120px;
}

ul.authorlist li span.author,
ul.booklist li span.author {
	font-style: italic;
}

div.authorlistlarge,
div.booklistlarge {
}

div.authorlistlarge div.author,
div.booklistlarge div.book {
	float: left;
	width: 160px;
	margin-right: 16px;
	text-align: center;
	font-size: 14px;
	height: 280px;
}

div.authorsearch {
	width: 400px;
	float: right;
}

div.booklistlarge div.book span.author {	
	font-style: italic;
}

div.profile div.clubs,
div.profile div.authors,
div.profile div.friends {
}

div.profile div.clubs div.club,
div.club div.members div.member,
div.profile div.authors div.author,
div.profile div.friends div.friend {
	width: 140px;
	float: left;
	text-align: center;
}

div.author div.fans div.fan,
div.author div.books div.book {
	width: 140px;
	float: left;
	text-align: center;
	height: 140px;
}

div.suggestions {
	float: right;
	width: 200px;
	padding-left: 4px;
	border-left: 1px solid #ccc;
	min-height: 400px;
}

div.buzz {
	width: 700px;
	border: 1px solid #ccc;
	margin-bottom: 1em;
	padding: 4px;
}

div.buzz div.picture_right {
	float: right;
	width: 120px;
	text-align: center;
}

div.buzz div.picture {
	float: left;
	clear: left;
	width: 120px;
	text-align: center;
}

div.buzz div.item {
	width: 460px;
}

div.listitem {
	width: 980px;
	border: 1px solid #ccc;
	margin-bottom: 1em;
	padding: 4px;
}

div.listitem div.picture_right {
	float: right;
	width: 120px;
	text-align: center;
}

div.listitem div.picture {
	float: left;
	clear: left;
	width: 120px;
	text-align: center;
}

div.listitem div.item {
	width: 740px;
}

div.pagination {
	text-align: center;
	border-bottom: 1px dotted black;
	margin-bottom: 8px;
}

div.pagination a {
	padding: 0 8px 0 8px;
	text-decoration: none;
}

div.pagination a.selected {
	font-weight: bold;
}

div#footer {
	width: 100%;
	clear: both;
	text-align: center;
	border-top: 1px dotted black;
	text-align: center;
	line-height: 32px;
}
