html,body {
color:white;
height:100%;
margin:0;
padding:0;
background-color:#121212;
}

html,body {
width:100%;
height:100%;

}


#content {
margin:0 auto;
background-color:#424242;
width:48%;
height:100%;
float:left;
}

.side2{
float:left;
width:25%;
background-color:#121212;
height:100%;
}
html,body {
width:100%;
height:100%;
margin:0 auto;
}


.side2 img {
width:96.8%;
border:0;
cursor:pointer;

}
.side2 {
height:100% important;
}

.side2 img{
margin-top:-10px;
border-right:5px solid black;
opacity:1;
}
/*
.side2 img:hover {
border:3px solid white;
top:-=50px;
    opacity: .65;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
cursor:pointer;
}*/


#image_divs {
width:100%;
top:40px;
bottom:0;
margin:0 auto;
z-index:1;
position:absolute;
overflow:auto;
}




#header {
position:absolute;
width:100%;
height:50px;
z-index:1011;
background-color:#222222;
color:white;
opacity:0.9;
border-bottom:2px solid black;
text-align:center;
font-family:Garamond;
font-size:50px;

}
#header_button {
display:inline-block;border:3px solid #0f0f0f;width:200px;height:47px;cursor:pointer;border-bottom:3px solid black;margin:0 auto;background-color:#111111;opacity:1;
}
#header_button:hover {
background-color:#1a1a1a;
}



small {
position:relative;
right:0;
font-size:12px;
}

#header small {
color:#999999;
}





#tools {
bottom:0;
left:40%;
margin:0 auto;
position:Absolute;
}
.tool {
display:inline-block;
position:relative;
z-index:1012;
margin-left:0;
width:50px;
height:40px;
background-color:black;
border-radius:5px;
border:5px solid black;
color:white;
padding-top:5px;
text-align:center;
cursor:pointer;
border:2px solid #222222;
opacity:0.8;

}

#menu .tool {
color:#555555;
}

.tool:hover,.tool:active {

background-color:#232323;

}


/*this is for top menu*/
#toolset {
top:4px;
background-color:#050505;
border-radius:10px;
border:5px solid black;
color:white;
padding-top:5px;
text-align:center;
cursor:pointer;
border:2px solid #222222;
opacity:0.8;
z-index:1011;
position:absolute;
width:50px;
height:30px;
color:#cfcfcf;
left:0;
margin-left:5%;
padding-top:10px;

}
#toolset:hover,#toolset:active {
color:white;
}
#toolset:active {
background-color:#151515;

}

#menu {
width:75%;
max-height:75%;
background-color:#0a0a0a;
opacity:0.95;
top:0;
left:13%;
position:absolute;
display:block;
border:2px solid #000;
padding:3px;
color:#cfcfcf;
text-align:center;
overflow:auto;
display:block;
top:50px;
z-index:1000;

}

#memorial {
font-style:italic;
max-height:35%;
padding-bottom:5px;
border:0px solid #111111;
overflow:auto;
border-top:3px solid #282828;
box-shadow: 0px 8px 20px #2a2a2a;
font-size:15px;
font-family:Arial;
color:#9c9c9c;
background-color:#222222;
}

* {
-moz-user-select: none; 
        -khtml-user-select: none; 
        -webkit-user-select: none; 
        -o-user-select: none; 
        }
        
#menu {
-moz-user-select: all; 
        -khtml-user-select: all; 
        -webkit-user-select: all; 
        -o-user-select: all; 

}


#extra {
margin:15px;
}
 
 /*table*/       

#menu table {
margin:0 auto;
cursor:pointer;
}

#menu td {
color:#cfcfcf;
font-family:Garamond;
font-size:25px;	
cursor:pointer;
text-align:left;

}     



#menu tr {
cursor:pointer;
border-spacing:20 px;

}   
        
        #menu {
        display:none;
        }
/*default menu option stuff*/
#about,#leaveMessage,#seeMessages,#seeImage,#picUpload {
display:none;
}
#leaveMessage{
font-family:Calibri;
}
       
       
       
       

img {
opacity:1;
}
.img_container {
width:100%;
}

.img_container:hover .info {
display:block;
}

.info {
display:none;
opacity:0.45;
position:absolute;
background-color:black;
margin-left:10px;

}


#header, #menu {
position:fixed;

}

hr {
width:40%;background-color:black;height:1px solid;border:2px solid #121212;left:0;
}

#closeHover {
position:fixed;
float:right;background-color:#232323;width:30px;height:25px;font-family:Garamond;color:#cc0000;cursor:pointer;
opacity:0.7;
}
#closeHover:hover,#closeHover:active {
background-color:#292929;
opacity:0.96;
}

#menu_tools {
position:absolute;
}







/*--*/


      /*stuff for different sizes*/ 
       
@media (max-width:1200px) {
small {
font-size:13px;
}


}
@media (max-width:640px) {
small {
font-size:12px;
}

#menu {
font-family:Arial;

font-size:14px;
}

#memorial {
font-size:13px;
}
#menu td {
font-size:20px;
}

.user_message {
font-size:11px;
}

}