body {
   /*
   margin: 0px 50px 0px 50px;
   width: auto;
   */
   margin: 20px 0px 20px 0px;
   font-family: "DejaVu Sans", "Bitstream Vera Sans", "Verdana", sans-serif;
   font-size: 12px;
   color: #EEEEEC;  
/*   background: #343D42;  */
   background: #43484A;
   overflow-y: scroll;
}

img {
   border: 0px;
}

a:link {
   color: #C9CED1;
}

a:visited {
   color: #C9CED1;
}

a:hover {
   color: #A3BED4;
}

div.navigation {
    position: fixed;
    z-index: 1;
    top: 0px;
    background-color: #606466;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    border-top: 10px solid #43484A;
    border-bottom: 1px dotted #80878A;
}

.navigation tr td:first-child {
	padding-left: 15px;
}

.navigation tr td:last-child {
	padding-right: 20px;
}

div.desc {
    margin-left: 15px;
    margin-top: 60px;
    margin-bottom: 40px;
    font-size: 21px;
    font-weight: bold;
    color: #EEEEEC;
}

div.desc_date {
    font-size: 11px;
    font-weight: normal;
    color: #D0D0D0;
}

div.desc_text {
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 40px;
    font-size: 12px;
    font-weight: normal;
    line-height: 140%;
    color: #D0D0D0;
}

div.footer {
    text-align: center;
    margin-top: 10px;
    background-color: #4F5659;
    width: 100%;
    padding: 3px;
    font-size: 11px;
    font-family: "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", sans-serif;
    color: #9A9C97;
    border-top: 1px dotted #7C8285;
    position: fixed;
    bottom: 0px;
}

a.footermail {
   color: #B1B3AD;
   text-decoration: none;
}

a.footermail:hover {
   color: #C5C7C0;
   text-decoration: underline;
}

div#img_preview {
   text-align: center;
}

div.exif {
    margin-left: 15px;
    margin-top: 30px;
    margin-bottom: 40px;
    font-size: 12px;
    color: #EEEEEC;
}

.exif tr td:first-child {
	color: #babdb6;
}

.exif td + td {
	text-align: left;
	padding-left: 2px;
}

.exif table {
  padding-left: 30px;
  padding-top: 10px;
  font-size: 9px;
	
}

a.exif_line_a {
/*   color: #B1B3AD;  */
   text-decoration: none;
   font-weight: bold;
   border-bottom: 1px solid;
}

a.exif_line_a:hover {
   color: #C5C7C0;
   border-bottom: 1px dotted;
}




div.bigthumbnails {
   text-align: left;
   padding-left: 20px;
   padding-right: 20px;
   margin-bottom: 50px;	
   color: #babdb6;
   font-size: 11px;
}


div.bigthumbnails table {
   float: left;
   text-align: center;
/*   text-decoration: none;   */
   font-size: 11px;
   border: 0px;
}

div.one_thumbnail {
   float: left;
   text-align: center;
   width: 215px;
   height: 232px;
}

div.bigthumbnails a {
   position: relative;
/*   display: block;  */
   float: left;
   width: 205px;
   height: 220px;
/*   text-align: center;   */
   text-decoration: none;
   background-color: #232729;
   margin: 1px;     /*  Needs to be changed below in div.bigthumbnails a:hover */
   border: 1px solid #6b6c69;
   -moz-border-radius: 6px;
}

div.bigthumbnails a:hover {
   background-color: #32332F;
   margin: 0px;    /*  div.bigthumbnails a->margin - 1px  */ 
   border: 2px solid #A3BED4;
}

div.bigthumbnails img {
	/* landscape */
   padding-top: 25px;
   padding-bottom: 30px;
}

div.bigthumbnails img.portrait {
	 /* portrait */
   padding-top: 10px;
   padding-bottom: 4px;
}

.thumb_name {
   position: absolute;
   bottom: 10px;
   left: 65px;
}

















div.thumbnail_text {
   padding-top: 3px;	
}

.thumbnail_text {
   padding-top: 3px;	
   font-size: 12px;
}

a#thumbnail_text_a {
/*   color: #B1B3AD;  */
   text-decoration: none;
   font-weight: bold;
   border-bottom: 1px solid;
}

a#thumbnail_text_a:hover {
   color: #C5C7C0;
   border-bottom: 1px dotted;
}























div.albumlist {
   text-align: left;
   padding-left: 20px;
   padding-right: 20px;
   margin-bottom: 50px;	
}

div.one_album {
   float: left;
   width: 600px;
   height: 230px;
}

div.albumlist a {
   position: relative;
   display: block;
   float: left;
   width: 580px;
   height: 210px;
   text-decoration: none;
   background-color: #232729;
   margin: 1px;     /*  Needs to be changed below in div.bigthumbnails a:hover */
   border: 1px solid #6b6c69;
   color: #babdb6;
   -moz-border-radius: 4px;
}

div.albumlist img {
    /* landscape */
   position: absolute;
   left: 15px;
   top: 15px;
}

div.albumlist a:hover {
   background-color: #32332F;
   margin: 0px;    /*  div.bigthumbnails a->margin - 1px  */ 
   border: 2px solid #A3BED4;
   color: #A3BED4;
}

.album_text {
   font-size: 20px;
   font-weight: bold;
   position: relative;
   left: 215px;
   top: 15px;
}

.album_subtext {
   font-size: 16px;
   font-weight: normal;
   position: relative;
   left: 215px;
   top: 15px;
}

.album_note {
   font-size: 11px;
   font-weight: normal;
   position: absolute;
   right: 25px;
   bottom: 20px;
}

.album_text_portrait {
   font-size: 20px;
   font-weight: bold;
   position: relative;
   left: 155px;
   top: 15px;
}

.album_subtext_portrait {
   font-size: 16px;
   font-weight: normal;
   position: relative;
   left: 155px;
   top: 15px;
}



div.contentx {
	height: 200px;
	width: 300px;
	overflow: auto;
	border: 1px solid #666;
	background-color: #ccc;
	padding: 8px;

}


/*
 *  Separators
 */
div.separators {
    position: relative; 
    display: block; 
    float: left; 
    width: 100%;
    text-align: left;
    font-variant: small-caps;
    font-family: "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", sans-serif;
    color: #C0C0C0;
}

div.album_list_separator {
    margin: 70px 0px 30px 0px;
    font-size: 35px;
    letter-spacing: 2px;
    border-bottom: 1px solid #606060;
}

div.index_separator {
    margin: 50px 0px 20px 0px;
    font-size: 28px;
    letter-spacing: 1px;
    border-bottom: 1px solid #606060;
}



/*
 *  Image border styles
 */
img#border_single {
   background-color: #6b6c69;
   padding: 1px;
}

img#border_none {
   padding: 0px;
   margin: 0px;
}

img#frame_black {
   background-color: #909090;
   padding: 1px;
   border: 20px solid black;
}

img#frame_white {
   background-color: #444444;
   padding: 1px;
   border: 20px solid white;
}

img#frame_black_horiz {
   background-color: #A0A0A0;
   padding: 1px 0px 1px 0px;
   border-top: 35px solid black;
   border-bottom: 35px solid black;
}

img#frame_white_horiz {
   background-color: #444444;
   padding: 1px 0px 1px 0px;
   border-top: 35px solid white;
   border-bottom: 35px solid white;
}

img#frame_black_vert {
   background-color: #A0A0A0;
   padding: 0px 1px 0px 1px;
   border-left: 40px solid black;
   border-right: 40px solid black;
}

img#frame_white_vert {
   background-color: #444444;
   padding: 0px 1px 0px 1px;
   border-left: 40px solid white;
   border-right: 40px solid white;
}