/* -----------------------------------
simple reset
----------------------------------- */
* {
    box-sizing: border-box;
}

img{
    display:block;
}
html, body, ul, ol, li, form, fieldset, legend{
	margin: 0;
	padding: 0;
}

table{
    border-collapse: collapse;   
}
th, td{
    color:black;
    border:1px solid black;
    padding:10px;
    font-size:14px;
}

ul li { list-style: none; }

sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }


body{
	color:       #999;
	background:  #000;
	font-family: Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6{
	margin: 0 0 .5em;
	color: #ff8000;
}

h1 {
    font-size: 200%;
    text-align:center;
    padding-top:20px;
}
h2 { font-size: 180%; }
h3 { font-size: 160%; }
h4 { font-size: 140%; }
h5 { font-size: 120%; }
h6 { font-size: 100%; }

p{	
    line-height: 1.4;
    color:       black;
    font-size:   14px;
}



p.highlight {
    border:  2px solid #ff8000;
    padding: 5px;
}
/* -----------------------------------
layout
----------------------------------- */
/*#mobile{
    background-color:red;
    font-size:8px;
    text-align:center;
    display:none;
}
#tablet{
    background-color:green;
    font-size:8px;
    text-align:center;
    display:none;
}
#widescreen{
    background-color:blue;
    font-size:8px;
    text-align:center;
    display:none;
}
*/

body{
    background-color:#333;
    
}

.thumbnail{
    width:110px;
    float:left;
    border:2px solid white;
    padding:5px;
    margin:10px;
}

#container { 
    width:80%;
    min-width:320px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
}
#header {
    background-color: white;
    padding:20px;
}
#logo{
    width:250px;
    margin: 0px auto;
}

.image_menu {
    width:320px;
    margin:0px auto;
    width:100%;
    text-align:center;
    
}
.image_menu a img{
    display:inline;
    width:75px;
}

.image_menu a { 
    display:inline-block;
    vertical-align: top;
    text-align:center;
    color:white;
    font-size:100%;
    font-weight:bold;
    text-decoration:none;
}
.image_menu p {
    color: grey;
    font-weight:normal;
    max-width:75px;
    margin:0px auto;
}

#blurb{
    width:100%;
    max-width:450px;
    margin:0px auto;
    padding:5px;
}
#blurb img{
    margin:0px auto;
    margin-bottom:20px;
    width:310px;
}
#blurb table{
    margin:0px auto;
}

.photo_border {    
    float:left;
    width:110px;
    border:2px solid white;
    padding:5px;
    margin:10px;
    
    text-align:center;
    color:white;
    font-size:90%;
    font-weight:bold;
    text-decoration:none;   
    
}

.image_menu a:hover {
    border-color:#ff8000;
}


a:link { 
    color: grey;
}
a:visited {
    color: grey;
}
a:focus{
	color: black;
	outline: thin dotted;
}

a:active {
    color: #f80;
}