/* Journal of Artists' Books
 */

/* WHOLE PAGE STUFF */

html{
    font-size: 100%;
}

* {
	padding: 0;
	border: 0;
	margin: 0;
}
a {
	color: #333399;
	color: #124371;
	color: #1f5d99; 

}
a:hover,a:active {color: #0033cc; text-decoration: underline;}
a:hover,a:active {color: #cc9900; text-decoration: underline;}


/* had html, body text-align = center. any advantage for centered content? */

body {
	background-image: url(images/jab10covergrey-blue.gif);
        position: relative;
	background-color: #9d9288; 
	background-color: black;
}

h1, h2, h3, h4, h5, h6, p, li {
	color: black;
}

/* MAIN (establishes small margins on edges of page) */

div#main {

	margin: 0% auto;
	position: relative;
	width: 95%; 
    
}

/* HEADER  - Image at top */

div#header {
    clear: both;
    margin: 0 0 0 7.5em;

}
div#header img {
    margin:0 0 0 0;
}
div#header a {
    text-decoration: none;
}

/* NAVIGATION BAR */ 

div#navwrap {
    background: #e8debb;
    display: inline;
    float: left;
    margin: 0 0 0 0; /* was 2.5em, 4.3 top */
    width: 7.5em;  /*   =right margin of contentwrap */
    margin-top: 1.25em; /* =height of blue bar */
}
div#navboxtop {
    position: absolute; 
    margin: 0 0 0 0;
    padding: 0em 0em 0 0;
    position: relative;  
    text-align: left;
    height: 0px;   /* was 8px; */
    border-top: 2px #124371 solid; 
}

div#nav {
    font-size: .8em;
    width: 100%;
    border-left: 2px #124371 solid; 
}

div#navboxbot {
    background: #ded9be;
    height: 0px;
    border-left: 2px #124371 solid;
    border-bottom: 2px #124371 solid;
}	
div#nav a {
    display: block;
    font-family: "Trebuchet MS", Verdana, sans-serif;
    font-weight: bold;
    line-height: 1.5;
    text-decoration: none;
    text-align: right;
    padding: .18em 0;
    padding-right: .7em;
 }

div#nav a:hover {
    font-weight: bold;
    color: #d3a51a;
    background: #f0ebcf;
    border-right: 2px #124371 solid;
   }

li#youarehome {
    display: block;
    font-family: "Trebuchet MS", Verdana, sans-serif;
    line-height: 1.5;
    text-decoration: none;
    text-align: right;
    padding: .18em 0;
    padding-right: .7em;
    background: #faf4d7;
    font-weight: bold;
    color: #d4a606;
    border-right: 2px #124371 solid;
   }
li#youarehere {
    display: block;
    font-family: "Trebuchet MS", Verdana, sans-serif;
    line-height: 1.5;
    text-decoration: none;
    text-align: right;
    padding: .18em 0;
    padding-right: .7em;
    background: #faf4d7;
    font-weight: bold;
    color: #d4a606;
    border-right: 2px #124371 solid;
   }

div#nav span {
    background: white;
    display: block;
    font-size: .7em;
    font-weight: bold;
    line-height: 1.81;
    padding: .18em 0;
    text-decoration: none;
}
div#nav li {
    list-style-type: none;
}

/* BREADCRUMBS, FOOTER */

div#breadcrumbs {
    background: #124371;
    margin: 0 0 0 0;
    padding:.4em .4em .4em .4em;
    letter-spacing: .09em;
}

div#breadcrumbs p {
    color: #ffcc66;
    font-family: "Trebuchet MS", Verdana, sans-serif;
    font-weight: normal;
    font-size: .75em;
    margin: 0 .3em 0 .3em;
    padding-top: 0;
    padding-bottom:10px;
}
div#footer {
    background:  #124371;
    clear: both;
    font-family: "Trebuchet MS", Verdana, sans-serif;
    font-size: .7em;
    padding: 3px 3px 3px 3px;
    height: 1.2em;
    margin: 2em 0 0 0;
    color: #ffcc66;
}
div#footer div {
    height: .6em;
}


/* CONTENTWRAP (content column, includes breadcrumbs, titles, text and footer) */

div#contentwrap {
    background: #fbfbf3;
    margin: 0 0 0 7.5em; /* right margin = width of navbar */
    text-align: left;
    border-left:  #124371 medium solid;
    border-right: #124371 medium solid;
    width: 680px;
}

div.content h1 {
    display: block;
    color:#0f365b;
    font-family:"Trebuchet MS", Verdana, sans-serif;
    font-size: 1.3em;
    padding: 0 0 0 2%;
    margin: 1.1em 0 0 0;
    vertical-align: baseline;
    border-bottom: 1px #124371 solid;
    line-height: .9em;
    font-variant: small-caps;
    letter-spacing: .05em;
    text-align: left;
    width: 98%;
}
div.content h2 {
    color:#0f365b;
    font-family: "Trebuchet MS", Verdana, sans-serif;
    font-size: 1em;
    font-weight: bold;
    line-height: 1em;
    padding: .75em 5% 0em 0;
    margin: 0 0 0 1em;
    border-bottom: 1px #124371 solid;
    width: 80%;

}
div.content h3 {
    color: #0f365b;
    font-family: "Trebuchet MS", Verdana, sans-serif;
    font-size: .9em;
    font-weight: lighter;
    line-height: .2em;
    padding: 1.1em 5% 0em 5%;
}    
div.content h4 {
    color: #0f365b;
    font-family: "Trebuchet MS", Verdana, sans-serif;
    font-size: .7em;
    font-weight: lighter;
    font-style: italic;
    line-height: .2em;
    padding: 1.1em 5% 0em 5%;
}

/* TEXT pages (contentwrap > text) */

div#quote {
    font-size: 95%; 
    font-style:italic; 
    font-family: "Trebuchet MS", Verdana, sans-serif;
    margin: 1em 8% .5em 8%;
    padding: .5em 0 .5em 0;
    border-top: 1px #124371 solid;
    border-bottom: 1px #124371 solid;
}

div.text p, div.text td {
    font-family:  Helvetica, Arial, sans-serif;
    font-size: .8em;
    line-height: 1.2;
    margin: 0 10% 0 5%;
    padding: .72em 0 .4em 0;
}

div.text b {
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-weight: bold;
}
div.text ol {
    margin: 0 5% 0 5%;
    padding: 0 0 0 1em;
}
div.text ul {   
    margin: .5em 5% 0 5%;
    padding: 0 0 0 1em;
}
div.text li {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: .8em;
    margin-bottom: .5em;
    list-style-type: none;
}

div#toc {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: .7em;
    margin: 0 5% 2em 5%;
    padding: .5em .75em .75em .75em;
    border-top: none;
    border-bottom: none;
    width: 90%;
}
  

div.text a{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
div.text table {
    width: 82%;
    margin: .5em 5% .72em 5%;
}
div.text tr {border:1px solid #000;}
div.text td {
    padding: 0 ;
    vertical-align: top;
    width: 50%
}
div.text table i{font-size:.9em}
div.text table h2{padding: 0; font-size: 1.1em; margin:0;}


/* upcoming surrounds the listings of future issues  */

div#upcoming { 
    width: 80%;
}

div#upcoming p {  
    margin-right: 10%
}

/* pastissues surrounds the entire listing of past issues  */

div.pastissues {
    margin-top: 1.5em;  
    width: 100%;
}

div.coverimage {
    float:left; 
    margin-right:1em; 
    margin-top:.5em ;  
}

div.coverimage img {
    margin: .5em 10px 10px 15px;
    padding: 0 0 0 0;
    border: 1px #4e5161 solid;
}

div.issue {
    width:100%;
}

   
/* h2 is the JAB Title line  */
div.issue h2{
    line-height: 1.2em;
    border: none;
    width: 50%
}

div.pastissues b { 
    font-weight: bolder;
    color: #0f365b;
} 

/* backissue surrounds line for availability of original or facsimile */
div.backissues {
    font-family: Helvetica, Arial, sans-serif;
    font-size: .85em;
    margin-bottom: 1em;
    border-bottom: 1px black solid;
}

/* onlineissues styles the online pdf link  */
div.onlineissues {
    font-family: Helvetica, Arial, sans-serif;
    font-size: .85em;
    margin-top: -3px;
    margin-bottom:1em;
    padding-top: 0;
    padding-right: 5%;
    text-align: right;
    line-height: 0;
}

div.pastissues ul {
    padding-left: 140px;
    padding-bottom: 1em;
    margin-right: 5%;
} 

div.pastissues li {
   font-family: Helvetica, Arial, sans-serif;
}

.toctitle {
    font-family: "Trebuchet MS", Verdana, sans-serif;
    font-weight: bold;
}



/* used for the word JAB  */
span.jab {
    font-weight: bold;
    font-style: oblique;
    color:#4e5161;
}

/* Links Page */

div#links h2{
    width: 50%;
    margin-top: 1.5em;
 }


/* Alpha list on Index page*/
div.alpha {
    margin: 1em 0 1em 1em;   
    border-bottom: 1px #124371 solid;
    width: 90%
}

div.alpha h2{
    display: inline;
    font-size:1.3em;
    margin: 0 0 0 0;
    border-bottom: none;
 }

div.alpha span {
    font-size: .8em;
    padding-right: 10px;
    padding-left: 70%;
    text-align: right;
}

div.alpha a{
     text-decoration: none;
}

div.articleindex b{
         color:#333333;
   
}

dl {
	padding: .5em 0 0em 5%;
        margin: 0 0 0 0;       

}

dt {
	color: #124371;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: .8em;
	font-weight: bold;
	line-height: 1em;
}

dd {
 	font-family: Helvetica, Arial, sans-serif;
	font-size: .8em;
        margin: 0 3em 0 1.5em;
        text-indent: -1em;
}

span.samplepages {
   
    float:left; 
    font-size:.75em;
    text-align:center;   
    padding: 0 1em 5px 0;
}
span.samplepages img{
    margin: 0 0 0 0; 
    padding:0 0 0 0;
    border: 1px #777777 solid;
}
span.samplepages a{
    text-decoration: none;
}


span.samplepagesR {
    float:right; 
    font-size:.75em;
    text-align:center; 
        padding: 0 0 5px 0;
}
span.samplepagesR a{
    text-decoration: none;
}

span.samplepagesR img{
    margin: 0 0 2px 10px; 
    padding:0 0 0 0;
    border: 1px #777777 solid;
}

/* surrounds the content on the details pages  */

div.details h2{
    border: none;
    margin: .3em 0 0 0;
    padding: 0;
    font-size: 80%;
}

div.details img {
    border: 1px black solid;
}
div.spread {
    padding: 1.5em 5% 2.5em 5%; 
    font-family:Trebuchet MS,Verdana,sans-serif;
}
span.note {
    font-size: 90%;
    font-style: italic;
    padding: 1em;
}