/*******************************************************************************
*  Publishing Hub 3 column design Chris Jennings
* ------------------------------------------------------------------------------
*******************************************************************************/
* html body
{
text-align: center;
/* hack to center this under IE5 */
}

* {
outline: none;
}

body {
color: #000;
background: #DEE6DF;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100.1%;
margin: 0;
padding: 0;
text-align: center;
}

img {
border: 0;
}

html p	  {
font-size: .9em;
line-height: 1.5em;
text-align: left;
margin-top: 0;
margin-bottom: 0.75em;
}

#everything {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
text-align: left;
color: #045500;
background: white url(http://www.publishinghub.net/images/fadeback0.jpg) repeat-y 2px;
padding: 0;
max-width: 890px;
min-width: 770px;
border-left: 1px solid gray;
border-bottom: 1px solid gray;
/* 	border-top: 1px solid gray; */
border-right: 1px solid gray;
padding-top: 0px;
/* 	height: 100%; */
}




/*
html>#everything	{
width: 100%;
}
*/

/* standard links */

div#content a, a:link {
border-bottom: 1px dotted;
}

div#content a:hover {
border-bottom: 0px dotted;
}

a:link, a   {
color: #62858A;
text-decoration: none;
background-color: transparent;
border: 0;
}

a:visited   {
color: #809CA0;
text-decoration: none;
background-color: transparent;
}

a:hover   {
color: #3E705E;
text-decoration: underline;
background-color: transparent
border: 0;
}

a:active   {
color: #3E705E;
text-decoration: none;
background-color: transparent;
}

/* for browsers that can't handle inheritance */

/*
p, td, th, li, ul, ol, h1, h2, h3, h4, h5, h6	{
font-family: Verdana, Helvetica, Arial, sans-serif;
}
*/


/* the whole page */

div#thepage  {
color: black;
/* 	float: left; */
font-weight: normal;
margin: 1px 0 0 0;
/* 	height: 100%; */
padding: 0px 0 0 0;
border-top: 1px solid white;
}

/* this goes right across the top of the page and is background for headerblock and search */
div#stretchbar {
background-color: transparent;
background-image: url(http://www.publishinghub.net/images/letterstrip.jpg);
background-repeat: repeat-x;
background-position: center 0;
/* 	width: 100%; */
/*	border-bottom: 1px solid white;*/
/* border: 1px solid green; */
margin: 0 auto;
padding: 0;
/* 	height: 115px; */
/* z-index: -4; */
}

/* image and search go here */

div#topbox {
background: transparent url(http://www.publishinghub.net/images/topboxback.jpg);
background-repeat: no-repeat;
background-position: left 0;
text-align: left;
color: #045500;
max-width: 890px;
min-width: 770px;
border-left: 1px solid gray;
border-right: 1px solid gray;
margin: 0 auto;
padding: 0;
height: 90px;
/* border-bottom: 1px solid green; */
}

div#topbox img {
margin: 0;
display: inline;
padding: 0;
}

/* the navigation stuff box on the left */

div#navbar {
float: left;
font-size: 80%;
background: transparent;
text-indent: 0;
margin-right: 0px;
margin-top: 0px;
padding: 10px 0;
width: 180px;
}

div#navbar p {
color: black;
font-size: .75em;
line-height: 1.3em;
background-color: transparent;
margin: 0 16px 4px 10px;
padding: 0;
}

div#navbar h2	{
margin: 0 0 0 10px;
padding: 0;
border-left: 0;
border-bottom: 1px solid silver;
}


/* the speacial stuff box on the right */

div#specialsbar {
float: right;
font-size: 85%;
background: transparent;
text-indent: 0;
margin-right: 0px;
margin-top: 0px;
width: 140px;
padding: 10px 0;
}

div#specialsbar p {
color: black;
font-size: 0.7em;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.0em;
background-color: transparent;
margin: 0 8px 4px 10px;
padding: 0; 
}

div#specialsbar img {
margin-right: auto;
margin-left: auto;
padding: 0px;
border: 1px solid silver;
}


div.feature   {	
color: black;
background: transparent;
margin: 8px 7px 16px 7px;
border: 0px solid silver;
padding: 0px 0;
}

#content div.feature   {	
background: #E7ECEC;
font-size: .8em;
width: 180px;
margin: 0;
padding: 0;
float: right;
border: 1px solid silver;
}

div#content div.feature p.heading {
color: #2E5E8D;
background: white;
font-weight: bold;
text-indent: 0px;
line-height: 1.4em; 
margin: 0;
padding: 2px 4px;
border-bottom: 1px solid silver;
}

.feature  p.heading img {
margin: 0;
float: right;
border: 0;
padding: 0;
}


.feature a, .feature a:link, .feature a:visited { 
text-decoration: none;
}

.feature a:hover, .feature a:active { 
text-decoration: underline;
}

div#specialsbar div.feature > p:last-child {
border-bottom: none;
}

.feature img { 
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 8px;
margin-top: 8px;
}

div#specialsbar div.feature p.heading {
color: #2E5E8D;
background: transparent;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-indent: 0px;
font-size: 0.8em;
line-height: 1.4em; 
margin: 0;
padding: 2px 4px;
border-bottom: 1px solid silver;
}



div#footerbar { 
color: gray;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 16px;
background-color: #D0E0D7;
text-align:left; 
text-indent:6px;
padding: 12px;
margin: 0;
border-top: 6px solid #B1CBBC;
clear: both;
}



/* the main content box */

div#content { 
color: black; 
font-weight: normal; 
background-color: transparent; 
text-indent: 0; 
margin-left: 181px;
margin-right: 140px;
margin-top: 0;
padding: 16px 0;
vertical-align: top;
border-right: 1px solid #FEFDFA;
}

div#content p {
font-size: .85em;
line-height: 1.5em;
padding-bottom: 2px;
padding-left: 0px;
padding-top: 0px;
margin: 0px 18px 6px 16px;
text-align: left;
}

div#content .entry blockquote { 
background: white url(http://www.publishinghub.net/images/rightquote.gif) bottom right no-repeat;
font-size: 1.2em;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
margin: 2px 18px 18px 18px;
padding: 0;
border: 1px solid #DFE6E1;
}

div#content .entry blockquote p { 
background: transparent url(http://www.publishinghub.net/images/leftquote.gif) -4px -4px no-repeat;
margin: 0px;
padding: 10px;
}

div#content .entry blockquote.single p { 
background: transparent url(http://www.publishinghub.net/images/leftquote.gif) -4px -4px no-repeat;
/*font-family: Georgia, "Times New Roman", Georgia, Times, serif;*/
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0px;
padding: 10px;
font-size: 1.4em;
font-style: italic;
}

div#content .entry blockquote.comment { 
background: white url(http://www.publishinghub.net/images/rightcomment.gif) bottom right no-repeat;
margin: 2px 18px 18px 18px;
padding: 0;
border: 1px solid #66B68E;
}

div#content .entry blockquote.comment p { 
background: transparent url(http://www.publishinghub.net/images/leftcomment.gif) -4px -4px no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 10px;
font-size: .8em;
font-style: normal;
}

.entry {
}

/* images in the content area can be designated as float to the left or right*/

#content img {
display: block;
border: 1px solid gray;
margin-top: 4px;
padding-right: 0px;
padding-left: 0px;
margin-left: 0px;
margin-right: 4px;
}


body#blog #content img, body#openbooksblogentry #content img, body#events #content img, body#blogedit #content img, body#site_post #content img {
display: inline;
margin: 0;
padding: 0;
border: none;
}

body#blog #content a:link, body#openbooksblogentry #content a:link,  body#events #content a:link, body#blogedit #content a:link, body#site_post #content a:link {
border: none;
}


div#content .entry .thumb, div#content .entryalt1 .thumb, div#content .entryalt2 .thumb {
font-size: .5em;
padding: 2px;
margin-left: 2px;
margin-right: 12px;
margin-top: 0px;
margin-bottom: 0px;
float: right;
}

div#content .entry .thumb img, div#content .entryalt1 .thumb img, div#content .entryalt2 .thumb img  {
padding: 3px;
border: 1px solid silver;
}

#content img.left {
float: left;
}	

#content img.right {
float: right;
margin-left: 4px;
}

/*
#content blockquote {
line-height: 1.4em;
font-size: .9em;
margin: 0px;
padding: 0px 10px 4px 16px;
}
*/

/* 	list items in content area will be in Verdana */

div#content li {
list-style: disc;
list-style-position: outside;

font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: transparent;
margin: 3px 6px 0 0px;
padding: 0px;
}

div#content ul {
font-size: 10px;
line-height: 1.3em;
margin: 6px 0 20px 6px;
padding-left: 30px;
}

h1	{
font-size: 1.0em;
line-height: 1.4em;
font-weight: normal;
color: #007934;
background-color: transparent;
padding-bottom: 2px;
padding-left: 2px;
padding-top: 0px;
margin: 0px 8px 3px 8px;
}


/* this seems to solve the problem with ie windows 5 */

html>body h1 {
margin-right: 8px;
}

h1 strong {
font-weight: bold;
}

/*  */

h2	{
font-size: 1em;
font-weight: normal;
color: #007934;
background-color: transparent;
padding-bottom: 1px;
padding-left: 4px;
padding-top: 0px;
margin: 0px 8px 3px 12px;
border-left: 4px solid #C3E1C3;
}	

div#content h2 a, div#content h2 a:link {
border-bottom: 0px dotted;
padding-right: 1em;
background: transparent url(http://www.publishinghub.net/images/navtriangle.gif) no-repeat right center;
}

h2 strong {
background-color: transparent;
font-weight: bold;
}


h3	{
font-size: .8em;
color: #35679A;
background-color: transparent;
margin: 0px 8px 3px 12px;
padding-bottom: 1px;
padding-left: 4px;
}

h3 strong {
font-size: 12px;
font-weight: bold;
}

h4	{
font-size: .75em;
background-color: transparent;
margin: 0px 8px 3px 12px;
padding-bottom: 1px;
padding-left: 4px;
}

#pageheading   {
color: black;
background: #F7FAFA;
margin: 1px 16px 16px 16px;
padding: 10px;
border: 4px solid #A8C4C4;
}

div#pageheading h2	{
font-size: 1em;
font-weight: normal;
color: #35679A;
margin: 0;
padding: 0;	
background-color: transparent;
border-bottom: 0px solid silver;
border-left: 0;
}

div#pageheading h3	{
font-size: .9em;
font-weight: bold;
color: #35679A;
margin: 0;
padding: 0;	
background-color: transparent;
border-bottom: 0px solid silver;
border-left: 0;
}




div#pageheading p {
color: #045500;
font-size: .7em;
line-height: 1.6em;
margin: 2px 10px 0 0px;
padding: 4px 0;
}


/* 	and breadcrumbs */

#breadcrumbs   {
color: black;
background-color: transparent;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-top: 6px;
padding-bottom: 4px;
padding-left: 6px;
height: 1px;
}


/* picture credits */
.credit {
color: gray;
font-size: 9px;
line-height: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: transparent;
}

/* 	in the early browser stylesheet this will show */

#showhidemessage {
text-align:right;
color: gray;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: transparent;
display: none;
}


div.menus {
border: 1px solid silver;
color: black;
background: transparent;
padding: 0;
margin-bottom: 11px;
margin-top: 8px;
padding-top: 0px;
margin-left: 10px;
width: 158px;
}

div#featured {
border: 1px solid #2E8B57;
}


div#navbar div.menus h2 {
color: white; 
font-size: .9em; 
line-height: 1.8em;
margin: 0;
border: 0;
padding: 0px 3px 2px 4px;
background: #A6BCC6;
font-weight: bold;
}

div#navbar div#featured h2 {
background: #70A489;
}



div#navbar div.menus p {
margin-top: 10px;
}

div.menus ul {
margin: 0; 
padding: 0; 
background: transparent;
border-left: 0px solid gray;
border-right: 0px solid gray;

}

.menus li {
font-size: .8em; 
line-height: 1em;
/* position: relative; */
list-style: none; 
margin: 0;
padding: 4px 1px;
border: 0;
background: transparent;
}


li:hover {
background: #D4E9F4;
text-decoration: none;
}


li a:hover  /* Insert for IE's sake */ {
text-decoration: none;
}

div.menus li a {
color: gray;
display: block; 
text-decoration: none;
border: 0;
padding: 0.28em 0 0.3em 3px;

}



/*
div.menus ul ul {
position: absolute; 
width: 155px;
left: 153px;
display: none;
border: 1px solid black;
background: #F0EB9E;
}
*/

/* proper value */

/*
html>body div.menus ul ul {
left: 157px;
}
*/


/* in the specials bar on the right */

#specialsbar div.menus {
border: 1px solid silver;
color: black;
background: transparent;
padding: 0;
margin-left: 0px;
margin-bottom: 11px;
margin-top: 8px;
padding-top: 0px;
margin-left: 10px;
width: 118px;
}

/*
html>body #specialsbar div.menus {
width: 118px;
}
*/


#specialsbar div.menus h2 {
color: white; 
font-size: .8em; 
line-height: 2.2em;
font-weight: bold;
margin: 0;
border: 0;
padding: 0px 0px 2px 4px;
background: #70A489;
}

#specialsbar div.menus h2.showoff {
background: #335242;
font-size: .85em; 
}

#specialsbar div.menus li a {
color: gray;
display: block; 
text-decoration: none;
border: 0;
width: 100px;
padding: 0.28em 0 0.3em 3px;
}

div#specialsbar div.feature p { 
font-weight: normal; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: .7em;
line-height: 1.8em; 
text-align: left; 
text-indent: 0px;
padding: 0;
margin: 2px 4px;
background:transparent;
border-bottom: 1px dotted #EAD0D0;
}


/* special stuff in the specials bar not menu */

#specialsbar div.featureditem {
border: 1px solid #70A489;
color: black;
background: transparent;
padding: 0px;
margin-bottom: 11px;
margin-top: 8px;
padding-top: 0px;
margin-left: 9px;
width: 120px;
}

html>body #specialsbar div.featureditem {
width: 120px;
}

#specialsbar div.featureditem h2 {
color: #275937; 
font-size: .8em; 
line-height: 1.5em;
font-weight: bold;
margin: 0;
border: 0;
border-bottom: 1px solid gray;
padding: 0px 3px 2px 4px;
background: transparent;
}


/*
html>body div.featureditem h2 {
width: auto;
}
*/

#specialsbar div.featureditem p {
color: gray;
font-size: .8em;
line-height: 1.3em;
padding: 2px 3px 2px 4px;
margin: 0;
}

#specialsbar div.featureditem li a {
color: gray;
display: block; 
text-decoration: none;
border: 0;
width: 114px;
padding: 0.28em 0 0.3em 3px;
}

/* +++++++++++++*/



/* next and previous buttons */

div#nextandprevious {
height: 15px;
background-color: white;
padding: 4px 9px;
margin-bottom: 6px;
}

a.next {
font-size: 9px; 
width: 200px;
background: #F3F5F0;
border: 1px solid gray;
padding: 3px;
text-align: center;
margin-left: 280px;
}

a.previous {
font-size: 9px; 
width: 300px;
background: #F3F5F0;
border: 1px solid gray;
padding: 3px;
text-align: center;
}


#content .paginate {
clear: both; 
font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size: .7em;
font-weight: normal;
letter-spacing: .1em;
padding:	10px 6px 10px 4px;
margin:	4px 8px;
background-color:	transparent;  
}

.pagecount {
font-family: Verdana, Geneva, Tahoma, "Trebuchet MS", Arial, Sans-serif;
font-size: 9px;
color: #666;
font-weight: normal;
background-color: transparent;  
}

.entry, .entryalt1, .entryalt2  {
color: black;
background: transparent;
font-style: normal;
font-weight: normal;
font-size: .9em;
line-height: 1.5em;
padding-bottom: 8px;
margin-bottom: 5px;
margin-left: 2px;
padding-top: 0px;
border-bottom: 1px dotted silver;
}

#content > div.entry:last-child, #content > div.entryalt1:last-child, #content > div.entryalt2:last-child {
border-bottom: none;
}


.entry p, .entryalt1 p, .entryalt2 p {
padding-bottom: 8px;
margin: 0;
vertical-align: top;
}

.postdetails {
font-size: .7em;
line-height: 1.2em;
color: gray;
font-weight: normal;
}

#content div.entry  p.postdetails, #content div.entryalt1  p.postdetails, #content div.entryalt2  p.postdetails {
font-size: .7em;
line-height: 1.2em;
color: gray;
font-weight: normal;
}

div.feature p.postdetails {
font-size: .7em;
line-height: 1em;
color: red;
font-weight: normal;
}


/*alternating entry styles for events etc*/

.entryalt1  {
color: black;
background: #F8FBF9;
margin: 12px 16px;
padding: 6px;
border: 1px solid #E4EAED;
}

.entryalt2  {
color: black;
background: white;
margin: 12px 16px;
padding: 6px;
border: 1px solid #EDF1F3;
}
/*end of alternating entry*/

#content .datestamp {
font-size:   .8em;
margin-left: 0px;
margin-bottom: 2px;
padding-bottom: 4px;
color:gray;
font-weight: normal;
}

#content .category {
text-align: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:   9px;
margin-right: 40px;
margin-bottom: 0;
color:black;
font-weight: normal;
/*  	width: 400px; */
}

#content .category em {
font-weight: bold;
}

.webclick {
color: black;
background: white;
font-size:   .7em;
width: 12em;
margin: 6px 20px 18px 18px;
padding: 0;
text-align: center;
border: 1px solid silver;
float: right;
}

#content .more {
color: black;
background: white url(http://www.publishinghub.net/images/navtriangle.gif) no-repeat 3px center;
font-size:   .7em;
font-weight: bold;
}

#content .entry .more {
clear: right;
}

#content .more a, #content .more a:link {
text-decoration: none;
border: none;
padding: 2px 14px;
margin: 0;
}

form {
padding: 0;
margin: 0;
}

#searchbox { 
text-align: left;
background: transparent;
margin: 26px 0px 0 0;
font-size: 9px;
width: 190px;
padding: 0;
float: right;
}

#searchbox p { 
font-size: 9px;
text-align: left;
padding: 4px 0 0 0;
margin: 0;
}

#searchbox .input { 
width: 116px;
margin: 0 10px 0 0px;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
background: white;
border: 1px solid gray;
}

#searchbox .input:focus { 
background: #EEF9F4;
border: 1px solid black;
}

#searchbox .submit { 
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
border: 1px solid gray;
margin: 0;
}

#searchbox fieldset {
border: 0px solid silver;
margin: 0;
padding: 0;
}

#content fieldset {
border: 1px solid #C3E1C3;
margin: 8px 17px;
padding: 4px 0px 4px 0;
/* clear: right; */
}

fieldset#comments {
border: 0px solid silver;
padding: 0 0 8px 0;
margin: 0;
}

#content fieldset#comments {
border: 0px solid silver;
padding-bottom: 8px;
}

div#content fieldset p {
font-size: .7em;
}


div#content .input {
width: 80%;
margin: 0px 10px 3px 0px;
padding: 3px;
font-size: .9em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
background: white;
border: 1px solid gray;
}

body#events div#content .input, body#site_post div#content .input, body#blogedit div#content .input {
width: auto;
margin: 0px 3px 3px 0px;
}


div#navbar .input {
width: 100%;
margin: 0px 4px 3px 0px;
padding: 3px;
font-size: .9em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
background: white;
border: 1px solid gray;
}

div#content .textarea {
width: 99%;
margin: 0px 8px 3px 0px;
padding: 0px;
font-size: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
background: white;
border: 1px solid gray;
}

.ratingbuttons {
font-size: .65em;
line-height: 0.8em;
color: gray;
font-weight: normal;
}

div#content .radio {
font-size: .9em;
line-height: 2.8em;
margin: 1px 1px 0 4px;
padding: 0;
width: 14px;
height: 14px;
border: 0px solid gray;
}


#content .input:focus, div#content .textarea:focus { 
background: #EEF9F4;
border: 1px solid black;
}

#content .submit { 
font-size: 1em;
line-height: 2em;
padding: 4px 8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
background: #D4EADF;
border: 1px solid gray;
}

body#events div#content .submit, body#site_post div#content .submit, body#blogedit div#content .submit { 
margin: 0px 10px 3px 0px;
padding: 2px;
font-size: .9em;
line-height: 1em;
}

#content .submit:focus {
border: 1px solid black;
}


#content div.entry  blockquote.comment p.editcomment {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-size: .6em;
line-height: 1em;
text-align: right;
background: transparent;
color: gray;
font-weight: normal;
padding:0 4px 4px 0;
margin: 0;
}

.editCommentBox {
font-style: normal;
font-size: .6em;
border: 0px solid silver;
padding: 2px 0px;
margin: 0px 10px;
}

.editCommentBox input, fieldset#comments input { 
border: 1px solid gray;
}

fieldset#comments textarea { 
border: 1px solid gray;
background: transparent;
margin: 0;
padding: 0;
width: 400px;
}

.editCommentBox textarea { 
border: 1px solid green;
background: #FAF9DE;
}

fieldset#comments textarea:focus { 
border: 1px solid green;
background: white;
}

.editCommentBox textarea:focus { 
border: 1px solid black;
background: #FFFFCC;
}

.editCommentBox submit, fieldset#comments submit { 
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
border: 1px solid gray;
}

.editCommentBox submit:focus, fieldset#comments submit:focus { 
border: 1px solid green;
background: white;
}


/* light up where we are */

body#home li.home, body#openbooks li.openbooks, body#news li.news, body#contactus li.contactus {
background: #F9F8C7 url(http://www.publishinghub.net/images/navtriangle.gif) no-repeat right center;
font-weight: bold;
}

body#blog li.blog, body#blog li.blog, body#openbooksblogentry li.openbooksblogentry, body#openbooksblog li.openbooksblog {
background: #F9F8C7 url(http://www.publishinghub.net/images/navtriangle.gif) no-repeat right center;
font-weight: bold;
}

body#events li.events, body#evententry li.evententry, body#aboutopenbooks li.aboutopenbooks{
background: #F9F8C7 url(http://www.publishinghub.net/images/navtriangle.gif) no-repeat right center;
font-weight: bold;
}


/* light up where we are sub pages*/

body.sub_participants li.participants, body.sub_events li.events, body.sub_news li.news, body.sub_films li.films, body.sub_filmstills li.filmstills, body.sub_books li.books {
background: #FDF6F5;
}

#specialsbar.title li.title, #specialsbar.bydirector li.director, #specialsbar.by_year li.year  {
background: #FDF6F5 url("http://www.publishinghub.net/images/youarehere.gif") no-repeat left center;
padding-left: 10px;
}

.important_link {
background: white url(http://www.publishinghub.net/images/navtriangle.gif) no-repeat 3px center;
padding: 8px 0px 2px 0px;
font-weight: bold;
margin: 10px 16px;
}

div#content .important_link a, div#content .important_link a:link {
border-bottom: 0px dotted;
}


* acronym {
border-style: dotted;
border-width: 0 0 1px 0;
cursor: help;
}


/* tabs stuff */
/* the navigation */

#navigation   {
float: left;
position: relative;
bottom: 24px;
left: 190px;
margin: 0 0 0px 0px;
padding: 0px 0;
background: transparent;
font-size:0.6em;
line-height:1.5em;
width: auto;
height: 0px;
width: auto;
/*	min-width: 500px;*/
}

#navigation ul {
/*
position: absolute;
bottom: 0px;
*/
margin:0 1px;
padding: 0px 0px 0px 0px;
list-style:none;
}

#navigation li {
display:inline;
margin: 0;
padding:0 0px;
}

#navigation a {
width: 9em;
display: block;
float: left;
padding: 0px 0;
margin: 1px 2px 0 0;
text-align: center;
color: white;
background: #2D674F url(http://www.publishinghub.net/images/tab_back.jpg) bottom repeat-x;
margin: 0 4px;
padding: 2px;
text-decoration:none;
border-top: 1px solid #214332;
border-left: 1px solid #214332;
border-right: 1px solid #214332;
border-bottom: 1px solid #2D674F;
}

#navigation a:hover {
background: #B5D0C2 url(http://www.publishinghub.net/images/tab_back_over.jpg) bottom repeat-x;
color: black;
border-bottom: 0px solid white;
}


#navigation a span {
float:left;
display:block;
background: transparent;
padding:2px 15px 2px 6px;
color:black;
border-top: 1px solid silver;
border-left: 1px solid silver;
border-right: 1px solid silver;
/* border-bottom: 1px solid silver;*/
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
/*  #navigation a span {float:none;}*/
/* End IE5-Mac hack */
/*
#navigation a:hover span {
color:black;
background:white;
}
#navigation a:hover {
background-position:0% -42px;
}
#navigation a:hover span {
background-position:100% -42px;
}
*/

/* light up where we are */

body#home #navigation li.home a, body#news #navigation li.news a, body#blog #navigation li.blog a, body#events #navigation li.events a, body#podcasts #navigation li.podcasts a, body#textbooks #navigation li.textbooks a, body#sites #navigation li.sites a, body#site_post #navigation li.sites a {
background: #f7f8f0;
color: black;
font-weight: bold;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
border-bottom: 1px solid #f7f8f0;
padding: 3px;
}

body#about #navigation li.about a, body#contact #navigation li.contact a, body#deliveries #navigation li.deliveries a {
background: white;
color: black;
font-weight: bold;
}

	/* to display the message as it was entered */
	
pre {
	background-color: #F8FAFB;
	color: #0046AD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin: 12px;
	padding: 0.5em 0.5em 0.5em 0em;
	padding: 3px;
white-space: pre; /* CSS2 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
border: 1px solid silver;
}