/*
This is an extra stylesheet for Postpressed. It is a supplement to 
the content in BlueprintCSS.
*/

/* 
We make the background a nice shade of pastel blue - just like DaooSG. 
We also bump up the size of the font, and make Verdana the default. 
*/

body {
  background-color: #092E0C; 
  font-size: 87.5%;
  text-align: justify;
/* font-family: Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif; JK prefers serifs. */
  font-family: "Georgia", "Times New Roman", "New Century Schoolbook", "Palantino", "Times", serif;
}

/* However, the headings remain Arial. We bold h1 to h3. */
h1, h2, h3, h4, h5, h6 {
/* font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; Serifs here. */
  font-family: "Georgia", "Times New Roman", "New Century Schoolbook", "Palantino", "Times", serif;
  text-align: justify;
}

h1, h2, h3 { font-weight: bold; 
}

/* But we make all content in the container have a white background with a black border. */

#container {
  border: 1px solid #000000;
  background: url(/images/postpressed/bookbackground.png);
}

/* Centre everything in the banner, and add a line underneath. */

#banner {
  text-align: center;
}

/* We reduce the height difference between the lines and make it all bold. */

#banner p { font-weight: bold;  padding-top: 3px; padding-bottom: 3px; 
	margin-top: 3px; margin-bottom: 0px;}

/* We add a bit of gray to the top menu item. */

#top { background-color: #cccccc;   text-align: center;
  overflow: hidden;   border: 1px solid #000000; }

/* The photoarea is given an extra bit of margin power. */

#photoarea { padding-top: 1.5em; float:right; position: relative; padding-right: 10px; width: auto; max-width: 35%;} 

.photoarea_sub { padding-top: 1.5em; float:right; position: relative; padding-right: 10px; width: auto; max-width: 35%;}

.inphoto { text-align: right; }

#maininfo > h1 {padding-top: 16px; }
#maininfo p {padding-left: 16px; padding-right: 16px; }
#maininfo h1 {padding-left: 16px; padding-right: 16px; }
#maininfo h2 {padding-left: 16px; padding-right: 16px; }
#maininfo h3 {padding-left: 16px; padding-right: 16px; }

#rightcol { /*background-color: #eeeeee; */    padding-bottom : 2000px!important;
   margin-bottom : -2000px!important; border-left: 1px solid #000000;}

#rightcol > h3 {padding-top: 19px; }
#rightcol p {padding-left: 16px; padding-right: 16px; }
#rightcol h1 {padding-left: 16px; padding-right: 16px; }
#rightcol h2 {padding-left: 16px; padding-right: 16px; }
#rightcol h3 {padding-left: 16px; padding-right: 16px; }

#maincontent {overflow:hidden;}

/* 
This adds a nice footer with a top border and a grey background. We add a
little bit of margin around it.
*/

#footer {
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  background-color: #cccccc;
}

#footer p { margin: 10px; }

/* We like these anchor styles. */

a {
  color: #203F90;
  font-weight: 500;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:visited {
  color: #7F5A02;
}

/* Extra styling for tables. */

table {
  text-align: center;
  width: 95%;
}

/* Little styles that help Jon do his work. */

.left {text-align: left; }
.centre {text-align: center; }
.center {text-align: center; } /* For US and OZ spellings. */
.right {text-align: right; }
.justify {text-align: justify; }

caption {text-align: center;  font-weight: bold; } 

th {
  text-align: center;
  padding: 4px;
  font-weight: bold; 
}

td {
  padding: 4px;
}

tfoot {
  background-color: #cccccc;
}

tfoot tr td {
  text-align: center; 
}

.acb { background-color: #218928;}

.outofprint { color: #ff0000; font-weight: bold; font-style: italic;}


h1 {
  font-size: 150%;
}

h2 {
  font-size: 120%;
}

h3, h4 {
  font-size: 110%;
}

h4{
  font-style: italic;
}

h5, h6 {
  font-size: 100%;
}

h6{
  font-style: italic;
}


/* Make sure top image is centred. */

h1#postpressedbanner {text-align: center;}
.newlink {color: red;}
.outofprint {color: red;}

div.hr {
    color: white;
	background-color: white;
	height:1px;
	border:none;
}
div.hr hr {
  display: none;
      color: white;
	background-color: white;
}

.errortext {color: red; text-align: right; width: 70%; }
/*input.text, input.title {width:200px;padding:5px;} */

/*input, textarea {width: 400px; } */

input, textarea {width: 40%; }

input.button {width: auto; }

/* For Jon Knight's tables. */

table.jonstable {
  border-collapse: collapse;
}

th.jonstablehead {
  border: 1px solid #000000;
}

td.jonstablecell {
  border: 1px solid #000000;

}

form.bookdetailform {margin: 0; padding: 0;}