body {
        font-family: helvetica, verdana, sans-serif;
        margin-left: 7%;
        margin-right: 7%;
        margin-top: 3%;
        text-align: left;
        color: white;
        background: black;
        }

body.thumbnails {
        margin-left: 3%;
        margin-right: 3%;
        margin-top: 3%
        }

H1, H2, H3, H4, H5, H6 {
        font-family: sans-serif, helvetica, verdana;
        font-weight: bold
        }

H1 {
        font-size: 1.6em
        }

H2 {
        font-size: 1.2em
        }

H3 {
        font-size: 1em
        }
        
p {
	margin-bottom: 7%;
}

.special {
	margin-top: 1%;
	clear: left
	}

strong {
	font-weight: bold
	}
	
em {
	font-size: .8em
	}
	
div.float {
	float: left;
	margin-right: 20px;
	margin-bottom: 28px;
	margin-top: 60px;
	text-align: center;
	width: 150px
 	}

IMG {
	display: block
	}

.centered {
	display: block;
	margin-left: auto;
	margin-right: auto
	}

div.thumb {
	float: left;
	width: 200px;
	height: 200px;
	margin: 10px
	}
  
.grayed-out {
	color: gray;
	font-weight: bold;
	display: inline
	}

hr {
	width: 100%;
	clear: left;
	border: 1px dashed #333 
	}

/* links */

body {
        font-family: helvetica, verdana, sans-serif;
        margin-left: 7%;
        margin-right: 7%;
        margin-top: 3%;
        text-align: left;
        color: white;
        background: black;
        }

body.thumbnails {
        margin-left: 3%;
        margin-right: 3%;
        margin-top: 3%
        }

H1, H2, H3, H4, H5, H6 {
        font-family: sans-serif, helvetica, verdana;
        font-weight: bold
        }

H1 {
        font-size: 1.6em
        }

H2 {
        font-size: 1.2em
        }

H3 {
        font-size: 1em
        }
        
p {
	margin-bottom: 7%;
}

.special {
	margin-top: 1%;
	clear: left
	}

strong {
	font-weight: bold
	}
	
em {
	font-size: .8em
	}
	
div.float {
	float: left;
	margin-right: 20px;
	margin-bottom: 28px;
	margin-top: 60px;
	text-align: left;
	width: 150px
 	}
 
 div.a {
   text-align: left;
    margin-left: 90%;
    margin-right: 90%;
 }

IMG {
	display: block;
	max-width: 100%;
	max-height: 100%
	}

.centered {
	display: block;
	margin-left: auto;
	margin-right: auto
	}

div.thumb {
	float: left;
	width: 200px;
	height: 200px;
	margin: 10px
	}
  
.grayed-out {
	color: gray;
	font-weight: bold;
	display: inline
	}

hr {
	width: 100%;
	clear: left;
	border: 1px dashed #333 
	}

/* links */

A {
        color: #c22;
        }

a:link  {       
        text-decoration:        none;
        font-weight:    bold;
        color:  #c22;
        background: black
        }

a IMG {
	color: black;
	border: solid medium #eee 
	}           
  
a:visited {       
        text-decoration: none;
        font-weight: bold;
        color: #c22;
        background: black
        }       
                
a:active {       
        text-decoration: none;
        font-weight: bold;
        color: red;
        background: black
        }       
                
a:hover {       
        text-decoration: none;
        color: #e83;
        background: black
        }

a:hover IMG {
	border: medium solid #333;
	}
	


	
.fixed-ratio-resize { /* basic responsive img */
	max-width: 100%;
	height: auto;
	display: block;
  	margin-left: auto;
	margin-right: auto;
	
}

H1, H2, H3, p { /* basic responsive img */
	max-width: 850px;
	height: auto;
	display: block;
  	margin-left: auto;
	margin-right: auto;
	
}

.vertical {
	max-width: 490px;
	height: auto;
	display: block;
  	margin-left: auto;
	margin-right: auto;
	
}