﻿html, body, h1, h2, h3, h4, h5, h6, dl, table, form, p, td, th { margin: 0px; padding: 0px; }

body {
	background: #fff url('/content/pagebg.gif') 0px -26px repeat-x;
	color: #5e5a4c;
	font: .8em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding-bottom: 10px;
	line-height: 1.1em;
}
	body.no-login { background-position: 0px 0px; }

a { color: #5e5a4c; }

dl { margin-bottom: .3em; }
	dt { padding: 0px; color: #b3a79f; }
	dd { margin: 0px 0px 1em 0px; padding: 0px; }
	
	.list-form { margin-bottom: 1em; }
	.list-form dt { width: 100px; float: left; clear: both;}
	.list-form dd { margin-bottom: 0px; }

h2 { font-size: 120%; margin-bottom: .7em;}
	.title { color: #3250b9; }
	.box-wide { background: url('/content/h-wide.gif') no-repeat; padding: 8px 15px; margin-bottom: 2px; }
	
h3 {
	color: #b3a79f;
	font-size: 11px;
	border-bottom: solid 1px #b3a79f;
	padding-bottom: 4px;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: .5em;
}
	h3 em { color: #5e5a4c; font-style: normal; }
	

input, textarea, select { font: 100% Verdana, Arial, Helvetica, sans-serif; }
	.inputmed { width: 110px; }
	
	.box textarea { width: 100%; height: 50px; }
	.bookinfo textarea { width: 355px; }

p { margin-bottom: .5em; }

table { border-spacing: 0px; border-collapse: collapse; }
	th { font-weight: normal; text-align: right; }
	
	td.profilepic { width: 60px; }

	.table-form td { padding: 0px 3px 3px 10px; vertical-align: top; }
	.table-form th { padding: 0px 0px 3px 15px; vertical-align: top; }
	
	.table-books td { padding: 0px 8px 8px 0px; vertical-align: top; }
	.table-books td.bookpic { width: 27px; }
	.table-books td.bookinfo { width: 365px; padding-right: 0px; }
	#body2 .table-books td.bookinfo { width: 128px; }
	#body2 .box .table-books td.bookinfo { width: auto; }
	
	.table-comments { width: 100%; }
	.table-comments td { padding: 8px 8px 8px 0px; vertical-align: top; border-bottom: solid 2px #e2d8d1; }
	.table-comments td .comment-meta { color: #b3a79f; font-size: .85em; }
	
	.table-friends td { width: 63px; padding-bottom: 5px; font-size: 85%; vertical-align: top; }
	
	.table-newfriends td, .table-newevents { font-size: .85em; line-height: 1.1em; padding: 0px 5px 5px 0px; vertical-align: top; }
	
	.table-photos td { padding: 0px 5px 5px 0px; vertical-align: middle; }
	
	.table-status td { padding: 0px 5px 10px 0px; vertical-align: top; }

ul.events { margin-top: 0px; margin-bottom: 1em; }
	ul.events li { margin-bottom: .5em; }
	
	ul.events ul { margin: 0px; padding: 0px; list-style: none; }
		ul.events ul li {
			border-left: solid 1px #e2d8d1;
			border-bottom: solid 1px #e2d8d1;
			background: #fbfaf9;
			margin-bottom: 0px;
			padding: .5em 0px .5em 1em;
			font-size: .9em;
		}
		
		ul.events textarea { width: 90%; }
		textarea.oneline { height: 1.2em; color: #cac0b9; border: solid 1px #cac0b9; }

/***** classes ***********/
.clear { clear: both; }
.larger { font-size: 110%; }
.note { font-size: 80%; color: #918c7d; }

/***** general layout ****/
#container {
	width: 1000px;
	margin: 0px auto;
	text-align: left;
}

#top {
	position: relative;
	z-index: 1;
	height: 49px;
}
	.no-login #top { height: 75px; }
	
	#logo a {
		display: block;
		text-indent: -99999px;
		font-size: 10px;
		width: 200px;
		height: 49px;
		background: url('/content/logo-sm.gif') no-repeat;	
	}
	
	.no-login #logo a { 
		width: 274px;
		height: 75px;
		background: url('/content/logo.gif') no-repeat;
	}
	
	#login { 
		position: absolute;
		top: 20px;
		right: 25px;
	}
	
	#login input, #login td, #login a { color: #918c7d; }
	
	#login td {
		font-size: 10px;
		padding: 0px 0px 3px 5px;
		vertical-align: middle;
	}
	
	#menu {
		position: absolute;
		top: 15px;
		right: 10px;
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
	#menu li { 
		display: inline;
		padding-left: 10px;
		font-size: 11px;
	}
	
	#menu a {
		font-weight: bold;
		text-decoration: none;
		color: #3250b9;
	}
	
	#menu a:hover { text-decoration: underline; }

#footer {
	clear: both;
	padding: 5px 25px;
	background: url('/content/footerbg.gif') no-repeat 10px bottom;
	font-size: 10px;
}
	#footer ul  { margin: 0px; padding: 0px; list-style: none; }
	#footer li { display: inline; padding-right: 5px; }
	
/******* page layouts *******/

#body1col {
	width: 990px;
	padding: 10px;
}
	#body1col.nopad { padding: 0px 10px; }

	#body1col.narrow { width: 550px; margin: 0px auto; }

#body2col { width: 1000px; }

#body2col #body2 {
	width: 350px;
	float: right;
	padding: 10px 0px;
}

#body2col #body1 {
	width: 615px;
	float: left;
	padding: 10px 20px 10px 10px;
}

#body2col #body1_1 {
	width: 400px;
	float: right;
}

#body2col #body1_2 {
	width: 180px;
	float: left;
}

/****** page-specific ******/

#home-map {
	width: 980px;
	height: 335px;
	background: #99b3cc; 
}

#profilepic, #bookshelfpic { margin-bottom: 1em; }

#picture {
	text-align: center;
	margin-bottom: 1em;
	border: solid 1px #b3a79f;
	background: #f9f7f6;
	padding: 10px;
	margin-right: 10px;
}

.forum-header { position: relative; width: 615px; }
	.forum-header .actionlinks a { font-weight: bold; }

.forum-tabs {
	border-bottom: solid 1px #c1b5ad;
	padding: 0px 3px;
	height: 1.3em;
}
	.forum-tabs ul { margin: 0px; padding: 0px; list-style: none; }
	.forum-tabs li { float: left; }
	.forum-tabs a { color: #b3a79f; font-size: .85em; text-decoration: none; background: #f2f0ee; padding: 3px; position: relative; bottom: 1px; margin-right: 9px; border-top: solid 1px #fff; border-right: solid 1px #fff; border-left: solid 1px #fff; }
	.forum-tabs a:hover { background: #fff; border-top: solid 1px #c1b5ad; border-right: solid 1px #c1b5ad; border-left: solid 1px #c1b5ad; }
	.forum-tabs .selected a { text-transform: uppercase; background: #fff; border-top: solid 1px #c1b5ad; border-right: solid 1px #c1b5ad; border-left: solid 1px #c1b5ad; border-bottom: solid 1px #fff; }

.forum-index-item, .forum-comment-item {
	border-bottom: solid 1px #c1b5ad;
	padding: 10px 3px;
	position: relative;
	width: 609px;
}
	.forum-featured {
		background: #fff6ec;
	}
	.forum-posts, .forum-views {
		width: 41px;
		height: 31px;
		padding-top: 4px;
		color: #fff; 
		background: url('/content/forumicons.gif') no-repeat;
		text-align: center;
		line-height: .8em;
		font-size: .75em;
		position: absolute;
		top: 10px;
		left: 3px;
	}
		.forum-hot .forum-posts { background-position: 0px -52px; }
		.forum-views {
			width: 43px;
			background-position: -45px 0px;
			left: 50px; 
		}
			.forum-body .forum-views { float: right; margin-left: 10px; position: static; }
		.forum-hot .forum-views { background-position: -45px -52px; }
		.forum-posts strong, .forum-views strong { font-size: 1.3em; }
		.forum-posts a, .forum-views a {
			color: #fff;
			text-decoration: none;
			display: block;
			width: 41px;
			height: 31px;
		}	
	
	.forum-summary {
		padding-left: 100px;
	}
		.forum-comment-item .forum-summary { padding-left: 50px; }
		.forum-summary h3 {
			border-bottom: none;
			text-transform: none;
			font-weight: bold;
			font-size: 1.2em;
			margin-bottom: 0px; 
			line-height: 1.1em;
		}
			.forum-summary h3 a { color: #235aac; text-decoration: none; }
	
		.forum-meta {
			color: #b3a79f;
			font-size: .85em;			
		}
		
		.forum-tags {
			font-size: .85em;
		}
		
#profileMessage { margin: 10px; padding: 5px; font-size: .85em; background: #fcdada; border: solid 1px #e3a1a1; }

/****** boxes and content areas ***/

.box {
	width: 346px;
	background: url('/content/boxbg.gif') bottom left no-repeat;
}
	.box-inner {
		width: 301px;
		background: url('/content/boxt.gif') top left no-repeat;
		padding: 20px 25px 25px 20px;
		font-size: 85%;
	}
	
	.box-inner h2 { font-size: 150%; }
	
.boxm { 
	width: 406px;
	background: url('/content/boxmbg.gif') bottom left no-repeat;
	margin-right: -6px;
}
	.boxm .box-inner {
		width: 361px;
		background: url('/content/boxmt.gif') top left no-repeat;
	}
	
	.boxm .box-inner-left { float: left; width: 275px; }
	.box-inner-right { float: right; width: 75px; }
	
.listing {
	margin: 0px 0px 5px 0px !important;
	border-top: solid 1px #b3a79f;
	border-bottom: solid 1px #b3a79f;
	padding: 1em 0px;
}
	
.section {
	margin-bottom: 1em;
	position: relative;
	font-size: .85em;
	zoom: 1;
}
	#body2 .section { padding-right: 10px; }
	.section-forum { padding-top: 2.1em; }
	
	.section a, .actionlinks a { color: #235aac; text-decoration: none; }
	.section a:hover, .actionlinks a:hover { text-decoration: underline; }
	
	.actionlinks {
		margin: 0px;
		padding: 0px;
		list-style: none;
		position: absolute;
		top: 0px;
		right: 0px;
		font-size: 11px;
		text-transform: lowercase;
	}
		#body2 .actionlinks { right: 10px; }
		.actionlinks li { display: inline; }
	
	.actionbuttons {
		margin: 0px;
		padding: 0px;
		list-style: none;
		float: right;
	}
		.b-delete { 
			font-size: 5px; 
			width: 9px;
			height: 9px;
			display: block;
			background: url('/content/b-icon-delete.gif') no-repeat;
			text-indent: -99999px;
		}
			.b-delete:hover { background-position: 0px -9px; }

#stars {
	width: 80px;
	height: 20px;
}
	#stars a {
		display: block;
		float: left;
		width: 14px;
		height: 14px;
		background: url('/content/stars.gif') no-repeat;
		text-indent: -9999px;
		font-size: 6px;
	} 
	
	#stars a:hover { background-position: 0px -14px; }
	
	#stars a.on { background-position: 0px -14px; }
	#stars a.on:hover { background-position: 0px 0px; }
	
.cloud { line-height: 2em; }
	.cloud a { padding-right: 5px; }
	.cloud2 { font-weight: bold; }
	.cloud3 { font-weight: bold; font-size: 120%; }
	.cloud4 { font-weight: bold; font-size: 140%; }
	
#PostText
{
    width:500px;
    height:400px;
}

.book-index-item, .book-comment-item {
	border-bottom: solid 1px #c1b5ad;
	padding: 10px 3px;
	position: relative;
	width: 400px;
}

#Day
{
    width:20px;
}

#Bio
{
    width:250px;
    height:100px;
}

#LogDiv
{
    background-color:White;
}

#read
{
    width:498px;
    float:left;
}

#wantToRead
{
    margin-left:10px;    
}

#searchBar
{
    text-align:center;
    font-size :medium;
}

#SearchTerms{
	background-image:url('/content/form_bg.jpg');
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	width: 230px;
	color:#333333;
	padding:3px;
	margin-right:4px;
	font-family:tahoma, arial, sans-serif;
}

.SimilarBookImage img
{
    border:none;
}

.divider 
{
    width:300px;
border-top:1px solid #CCCCCC;
clear:both;

}

#username, #password
{
    color:Gray;
}


