html, body, #logo {
   height:100%;
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
   background-color: #e2e1e0;
}
#logo td {
   vertical-align: middle;
   text-align: center;
}

.inner-div
{
     margin: 0 auto;
     max-width: 500px; 
}


   .title {
    font-family: 'Timmana', sans-serif;
    font-weight: 100;
    font-size: 26px;
    color: #5E5E5E;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
    text-decoration: none;
    line-height: 1;
    letter-spacing: 4px;
    margin: 0px;
    padding: 0px;    
} 

   .subtitle {
    font-family: 'Timmana', sans-serif;
    font-weight: 100;
    font-size: 14px;
    color: #5E5E5E;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
    text-decoration: none;
    letter-spacing: 4px;
    line-height: 1;
    margin: 0px;
    padding: 0px;
    
} 

   .date {
    font-family: 'Timmana', sans-serif;
    font-weight: 100;
    font-size: 14px;
    color: #5E5E5E;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
    text-decoration: none;
    letter-spacing: 4px;
    line-height: 1;
    margin: 0px;
    padding: 0px;
    
} 

   .email {
    font-family: 'Timmana', sans-serif;
    font-weight: 100;
    font-size: 14px;
    color: #5E5E5E;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
    text-decoration: none;
    letter-spacing: 2px;
    line-height: 1;
    margin: 0px;
    padding: 0px;
    
} 

   .gallerytext {
    font-family: 'Timmana', sans-serif;
    font-weight: 100;
    font-size: 14px;
    color: #5E5E5E;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
    text-decoration: none;
    letter-spacing: 2px;
    line-height: 1;
    margin: 0px;
    padding: 0px;
    
} 

   .description {
    font-family: 'Oswald', sans-serif;
    font-weight: 100;
    font-size: 14px;
    color: #5E5E5E;
    text-decoration: none;
    line-height: 1;
    margin: 0px;
    padding: 0px;
    
} 

   .text {
    font-family: 'Oswald', sans-serif;
    font-weight: 100;
    font-size: 14px;
    color: #5E5E5E;
    text-decoration: none;
    line-height: 1.2;
    margin: 0px;
    padding: 0px;
    
} 


   .journaltext {
    font-family: 'Oswald', sans-serif;
    font-weight: 100;
    font-size: 14px;
    color: #5E5E5E;
    text-decoration: none;
    line-height: 1.2;
    margin: 0px;
    padding: 0px;
    
} 

   .smalltext {
    font-family: 'Oswald', sans-serif;
    font-weight: 100;
    font-size: 12px;
    color: #5E5E5E;
    text-decoration: none;
    line-height: 1;
    margin: 0px;
    padding: 0px;
    
} 

   .introsmalltext {
    font-family: 'Arial', sans-serif;
    font-weight: 100;
    font-size: 8px;
    color: #5E5E5E;
    text-decoration: none;
    line-height: 1;
    margin: 0px;
    padding: 0px;
    
} 

body {
  background: #e2e1e0;
  text-align: center;
}

.photoframe {
    padding:35px;
    background: #fff;
    border: solid 1px #CCC;
    -moz-box-shadow: 0 8px 6px -6px #999;
    -webkit-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6 px #999;
    display: inline-block;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    width: auto;      
}

.photoframe2 {
    padding:15px;
    background: #fff;
    border: solid 1px #CCC;
    -moz-box-shadow: 0 8px 6px -6px #999;
    -webkit-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6 px #999;
    display: inline-block;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    width: auto;      
}

.textframe {
    padding:35px;
    background: #fff;
    border: solid 1px #CCC;
    -moz-box-shadow: 0 8px 6px -6px #999;
    -webkit-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6 px #999;
    display: inline-block;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: auto;      
}

.to-main:hover {
    filter: alpha(opacity=20);
    opacity: 0.2;
    -webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;

}
	
		
a.links:link {
    font-family: 'Timmana', sans-serif;
    font-weight: 100;
    font-size: 14px;
    color: #5E5E5E;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
    text-decoration: none;
    line-height: 1;
    margin: 0px;
    padding: 0px;
}
a.links:visited {
    font-family: 'Timmana', sans-serif;
    font-weight: 100;
    font-size: 14px;
    color: #5E5E5E;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
    text-decoration: none;
    line-height: 1;
    margin: 0px;
    padding: 0px;
}
a.links:hover {
    font-family: 'Timmana', sans-serif;
    font-weight: 100;
    font-size: 14px;
    color: #cccccc;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
    text-decoration: none;
    line-height: 1;
    margin: 0px;
    padding: 0px;
}
a.links:active {
    font-family: 'Timmana', sans-serif;
    font-weight: 100;
    font-size: 14px;
    color: #5E5E5E;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
    text-decoration: none;
    line-height: 1;
    margin: 0px;
    padding: 0px;
}



a.textlinks:link {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #5E5E5E;
    text-decoration: underline;
    line-height: 1;
    margin: 0px;
    padding: 0px;
}
a.textlinks:visited {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #5E5E5E;
    text-decoration: underline;
    line-height: 1;
    margin: 0px;
    padding: 0px;
}
a.textlinks:hover {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #cccccc;
    text-decoration: underline;
    line-height: 1;
    margin: 0px;
    padding: 0px;
}
a.textlinks:active {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #5E5E5E;
    text-decoration: underline;
    line-height: 1;
    margin: 0px;
    padding: 0px;
}

hr.divider { 
border: 0; 
height: 1px; 
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); 
}


.dot {
  height: 5px;
  width: 5px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}