* { border-width: 0; padding: 0; }
q { quotes: #8220 #8221 #8216 #8217; }
h1 {font-size: 1.1em; }
h2 {font-size: 1.05em; }
//p, a { font-size: 0.9em; }

#content {
position: relative; top: 0px; left: 0px;
height: 100%; width: 750px;
margin-left: 1.25em; margin-right: 0;
padding-right: 0;
font-family: Lucida Sans Unicode;
letter-spacing: 0em;
font-size: 0.9em;
text-align: left;
}

html, body {
width: auto; height: auto;
}
body {
background-color: #f94;
}

#header { position: relative; top: 0; left: 0; width: 100%; margin-right: 0; padding-right: 0;}
#header ul { margin: 0; padding: 0; list-style: none; color: #421;}
#header a {color: #421;}
#header ul li { display: inline; }


#navbar { 
background-color: #f8eaba;
border: 1px solid #852;
margin: 0.5em 0 0.5em 0;
padding: 0.5em 0.25em 0.5em 0.25em;
width: 375px;
}

#navbar a{padding: 0 3px 0 3px; text-decoration: none;}
#navbar a:hover {

text-decoration: underline;
color: #black;
padding: 0 3px 2px 3px;
margin: 0.5em 0 0 0;

}

#div logos { margin-right: 0; padding-right: 0; }
#can_logo {
margin-right: 0.3em; padding-right: 0;
position: absolute;
top: 0; right: 0;
}

#can_logo img{
border: 1px solid #852;
height: 120px;
}


#main { position: relative; top: 0; left: 0; margin-top: 1.25em;}

#map {
position: relative; top: 0;
width: 750px; height: 450px;
border: 1px solid #852;
}

#journal{
position: relative;
padding: 0.5em 1em 0.5em 1em;
border: 1px solid #852;
background-color: #f8eaba;
line-height: 120%;
margin: 0.75em 0 0 0;
width: 96%;
}

#view_gallery {
position: absolute;
margin-right: 0.3em; padding-right: 0;
top: 3px; right: 0;
}
.date{
font-size: 8pt;
}
span.can { font-weight: bold; color #333; }

span.close { font-weight: bold; font-size: 14pt; }


#galleries {
width: 750px; height: 1335px;
border: 1px solid #852;
background-color: #f8eaba;
}

#galleries ul{ display: block; list-style: none; padding: 0.5em 0.5em 0.5em 1em; }
#galleries ul li{
display: inline;
width: 135px;
height: 168px;
margin-left: 5px;
float: left;
}

#galleries img {
cursor: pointer;
cursor: hand;
}

#galleries img , .thumbnails img { border: 1px solid #852; }
#galleries img:hover, .thumbnails img:hover{ opacity: 0.8; filter: alpha(opacity=80); }

#gallery_wrapper{
position: absolute; top: 50px; left: 0px;
z-index: 11;
padding: 0em 0.5em 0.5em 1em;
}

#panel {
border: 1px solid #852;
background-color: #f8eaba;
position: absolute; top: 0; left: 0;
width: 25%;
margin: 5px 5px 5px 3px;
padding: 0.5em 0.5em 0.5em 1.25em;
}

#panel ul.order { list-style: none; }
#panel ul.location{ list-style: none; }
#panel ul.location li:before { content: ":: "; }

#entries {
border: 1px solid #852;
background-color: #f8eaba;
position: absolute; top: 0; left: 30%;
margin: 5px;
padding: 0.5em 1em 0.25em 1em;
width: 70%;
}

#entries ul { list-style: none; }
#entries tr.name { font-size: 13pt; font-weight: bold; }
#entries tr.entry td{ width: 550px; }

#journal_entry {
border: 1px solid #852;
background-color: #f8eaba;
padding: 0.25em 1em 0.25em 1em;
margin: 5px;
width: 550px;
}


#location p.gallery, p.link {
color: #337;
border-bottom-style: dashed; border-bottom-width: 1px;
width: 115px;
cursor: pointer;
cursor: hand;
}

#location p.gallery:hover, p.link:hover { color: #733; }

span.contact { font-weight: bold; font-style: italic; }

#flat { 
border: 1px solid #852;
background-color: #f8eaba;
padding: 0.5em 1.5em 0.5em 1.5em;
width: 70%;
margin-top: 1.25em;
}

#photo_view {
min-height: 700px;
}
#photo_view img{
border: 1px solid #852;
}

#thumb_view {
width: 100%;
height: 158px;
overflow: auto;
background-color: #f8eaba;
border: 1px solid #852;
white-space: nowrap;
margin: 0 0 0 0;
padding: 0 0 0 0;
}


.thumbnails {
list-style: none;
width: 100%;
height: 135px;
margin: 0px 3px 0px 3px;
padding-top: 1px;
padding-bottom: 1px;
}

.thumbnails li {
display: inline;
height: 135px;
}

.thumbnails img {
cursor: pointer;
cursor: hand;

}