/*
    Stylesheet for photograph/picture pages in
    bradfordhistorical.org.uk
*/

body { background-color: #ddddaa;
       color: #000000;
       font-style: normal;
       font-variant: normal;
       font-weight: normal;
       font-stretch: normal;
       font-size: medium;
       text-align: left;
       margin: 0;
       padding: 0;
       max-width: 800px }


div { position: static;
      background-color: #ffffcc;
      margin: 1em;
      padding: 0.5em;
      border-style: double;
      border-color: #996300 }
div.main   { margin-top: 0 }
div.header { min-height: 55px }
div.footer { background-color: #ddddaa;
             border-bottom-style: none;
	     border-right-style: none;
	     border-left-style: none }


span { float: none }
span.emailaddress { font-weight: bold }
span.author { font-weight: bold }
span.book { font-style: italic }
span.note { font-size: smaller }


h1  { margin-top: 0;
      margin-bottom: 1em;
      margin-left: 0;
      margin-right: 0;
      font-size: x-large;
      font-weight: bold;
      text-align: left;
      color: #996300;
      clear: both }
	 
h2  { margin-top: 2.5em;
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 0;
      font-size: large;
      font-weight: bold;
      text-align:
      left; color: #996300;
      clear: both }

h3  { margin-top: 2.5em;
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 0;
      font-size: medium;
      font-weight: bold;
      text-align: left;
      color: #996300;
      clear: both }

h4 { margin-top: 2.5em;
     margin-bottom: 0;
     margin-left: 0;
     margin-right: 0;
     font-size: medium;
     font-style: italic; 
     text-align: left;
     color: #000000 }

h5 { margin-top: 2.5em;
     margin-bottom: 0;
     margin-left: 0;
     margin-right: 0;
     font-size: small;
     font-weight: bold;
     text-align: left;
     color: #000000 }

h6 { margin-top: 1.5em;
     margin-bottom: 0;
     margin-left: 0;
     margin-right: 0;
     font-size: small;
     font-style: italic;
     width: auto;
     text-align: left;
     color: #000000 }

	 
p { margin-top: 1.5em;
    margin-bottom: 0;
    margin-left: 2em;
    margin-right: 0;
    font-size: medium;
    text-align: left;
    width: auto }

p.header { margin: 0;
           text-align: center }
p.footer { margin-top: 3em;
           margin-bottom: 0;
	   font-size: x-small }
p.update { margin-top: 0;
           text-align: right;
           font-size: x-small }
p.navigation { margin-top: 0;
               text-align: center }

p.clear { clear: both }

p.center { text-align: center }
p.right { text-align: right }
p.bold  { font-weight: bold }
p.italic { font-style: italic }


table { clear: both;
        border-collapse: collapse;
	empty-cells: show;
        margin-top: 1.5em;
        margin-bottom: 0;
	margin-left: 5em;
	margin-right: 5em;
	font-size: small;
	width: auto }
table.standalone { font-size: medium }
table.bordered { border-style: solid;
                 border-width: thin }

th { vertical-align: bottom;
     margin-bottom: 1em;
     font-weight: bold }
th.center { text-align: center }
th.bordered { border-style: solid;
              border-width: thin }
th.centerbordered { text-align: center;
	            border-style: solid;
                    border-width: thin }
th.number { text-align: right }

td { vertical-align: top;
     padding: 0.5em }
td.bold { font-weight: bold }
td.italic { font-style: italic }
td.right { text-align: right }
td.center { text-align: center }
td.number { text-align: right }
td.separated { padding-top: 1em;
               padding-bottom: 1em }
td.bordered { border-style: solid;
              border-width: thin }
td.boldbordered { font-weight: bold;
	          border-style: solid;
                  border-width: thin }
td.italicbordered { font-style: italic;
	            border-style: solid;
                    border-width: thin }
td.rightbordered { text-align: right;
	           border-style: solid;
                   border-width: thin }
td.centerbordered { text-align: center;
	            border-style: solid;
                    border-width: thin }
td.numberbordered { text-align: right;
	            border-style: solid;
                    border-width: thin }

caption { caption-side:top;
          margin-top: 2em;
          margin-bottom: 0;
	  margin-left: 0;
	  margin-right: 0;
	  text-align: center;
	  font-weight: bold }


img { margin-top: 0;
      margin-bottom: 0.5em;
      margin-left: 0;
      margin-right: 0.5em;
      border-style: none;
      float: left }
img.right { margin-left: 0.5em;
            margin-right: 0;
            float: right }
img.char { margin-bottom: 0;
           margin-right: 0;
	   float: none }
img.middle { margin: 0;
             vertical-align: middle;
             float: none }


ol { margin-top: 1.5em;
     margin-bottom: 0;
     margin-left: 3em;
     margin-right: 0;
     font-family: sans-serif;
     font-size: small;
     width: auto;
     text-align: left }

ul { margin-top: 1.5em;
     margin-bottom: 0;
     margin-left: 3em;
     margin-right: 0;
     text-align: left }
ul.table { margin-top: 0;
           margin-left: 0 }
ul.level01 { margin-top: 0;
             margin-left: 2em;
	     margin-right: 0;
	     width: auto }

li { margin-top: 0;
     margin-bottom: 0;
     margin-left: 0;
     margin-right: 0;
     text-align: left }


hr { margin-top: 1.5em; 
     margin-bottom: 1.5em;
     margin-left: 1em;
     margin-right: 1em }
hr.above { margin-top: 2.5em;
           margin-bottom: 0.5em;
	   clear: both }
hr.below { margin-top: 0.5em;
           margin-bottom: 2.5em;
	   clear: both }
hr.break { margin-top: 2.5em;
           margin-bottom: 2.5em;
	   width: 45% }
hr.table { margin: 0 }


em { font-style: italic }

strong { font-weight: bold }

p.photo    { text-align: center }
p.caption  { margin-top: 12px;
             margin-bottom: 6px;
	     font-weight: bold;
	     font-size: medium;
	     text-align: center }
p.copy     { font-style: italic;
             font-size: x-small;
	     text-align: center }

img.photo { margin-top: 0;
            margin-bottom: 0;
            margin-left: 0;
            margin-right: 0;
            border-style: solid;
            border-color: #000000;
            border-width: 10px;
	    float: none }