/* Grey-themed CSS Stylesheet */

body   { font-family: lucida grande,
                      verdana,
                      helvetica,
                      sans-serif;
         font-size: 14px;
         background-color: #377cb1; }
		 
div#page {  background-color: #ffffff;
           margin-left: auto;
           margin-right: auto;
           width: 760px; }

/* Login/logout link */
div#login {  margin: 0;
			background-color: #377cb1;
			color: white;
			height: 20px;
			padding: 1px; }
div#login form, div#login div { display: inline; }
div#login input { border: 1px solid grey;
			   color: white;
			   font-weight: bold;
			   background-color: #e1d4c0;
				cursor: pointer; }
div#login a, div#login a:visited { color: #377cb1; }
div#login:hover a { background-color: lightblue;
				  color: white;
				  font-weight: bold; }

div#banner { color: white;
  height: 100px;
  background: #acacac;
  background-image: url(../images/books-banner.png);
  margin: 0; }

div#banner h1 { font-family: Georgia, serif;
				font-size: 35px;
                text-align: center;
                position: absolute;
                left: -999em;
                top: 30px;
                margin: 0 0 0 0; }
				
h2 { width: 95%; border-bottom: 2px solid grey; }
				
div#nav { background-color: #e1d4c0;
		padding: 2px; }

div#content { margin-left: auto;
  margin-right: auto;
  width: 95%;
  padding-bottom: 10px; }

div#currently_reading { margin-left: 5%;
                        width: 75%; }

div#favourite_books { margin-left: auto;
                      margin-right: auto;
                      width: 90%; }

div#footer { background-color: #ffffc6;
             font-weight: bold;
             color: white;
             border-top: 2px solid lightgrey;
             border-bottom: 2px solid lightgrey;
             width: 100%; }

div#footer p { margin-left: 1em; }

span.book_title { font-weight: bold; }

span.reading_date { font-style: italic;
					font-size: 90%; }

span.review_coming { background-color: blue;
                     color: white;
                     font-weight: bold; }
					 
table#pending_reviews { border: solid 3px grey;
					border-collapse: collapse; }

table#pending_reviews td { border-bottom: solid 1px #e1d4c0;
						border-spacing: 0;
						font-size: 90%;
						font-style: italic; }

table#pending_reviews td.header_row { font-size: 100%;
									color: white;
									background-color: #e1d4c0;
									font-weight: bold;
									font-style: normal; }
						
/* Login form */
form#login { border: solid 1px grey;
			padding: 10px;
			width: 400px;
			margin-left: auto;
			margin-right: auto; }

form#login label{ clear: left;
				display: block;
				float: left;
				width: 100px;
				text-align: right;
				font-weight: bold;
				margin: 2px 5px; }

form#login input { margin: 2px 5px; }
			
form#login input#submit { background-color: green;
						border: solid 1px yellow;
						font-weight: bold; 
						color: yellow;
						padding: 2px;
						cursor: pointer; }
						
/* Edit book details form */
form#edit_book { background-color: #e1d4c0;
			border: solid 1px grey;
			padding: 10px;
			width: 75%;
			margin-left: auto;
			margin-right: auto; }
			
form#edit_book p { font-style: italic; }

form#edit_book label{ clear: left;
				display: block;
				float: left;
				width: 100px;
				text-align: right;
				font-weight: bold;
				margin: 2px 5px;
				padding: 2px; }

form#edit_book input { margin: 2px 5px; }
			
form#edit_book input#submit { background-color: green;
						border: solid 1px grey;
						font-weight: bold; 
						color: yellow;
						padding: 2px;
						cursor: pointer; }
						
form#edit_book input#submit:hover { background-color: green;
						color: white; }

p.login_error { color: red;
				font-weight: bold; }
						
/* Book management controls */
form.manage_book { margin: 2px; }

form.manage_book input { background-color: #e1d4c0;
						border: solid 1px grey;
						color: white;
						font-weight: bold;
						cursor: pointer; }

form.manage_book input:hover { background-color: orange;
							color: white; }
/* Review management controls */
form.manage_review { margin: 2px; }

form.manage_review input { background-color: #6699ff;
						border: solid 1px grey;
						color: white;
						font-weight: bold;
						cursor: pointer; }

form.manage_review input:hover { background-color: orange;
							color: white; }

/* Write/edit review form */
form#edit_review { background-color: #e1d4c0;
				  padding: 5px; }

form#edit_review textarea { margin-right: auto;
						margin-left: auto;
						margin-bottom: 10px;
						margin-top: 10px;
						display: block; }
						
form#edit_review input { background-color: #6699ff;
						border: solid 1px grey;
						color: white;
						font-weight: bold;
						cursor: pointer;}

form#edit_review input#publish { background-color: orange; }
							
/* Links are in green, visited links in brown */
a         { color: green; }
a:visited { color: brown; }
span.book_title a:visited { color: green; }

/* Make a container for content which doesn't span
   the whole page */
div.book_list { width: 90%; }