

body
{
    font-family:            Georgia, Times, "Times New Roman", serif;
    color:                  #333333;
    background:             #FFFEFD;

    background-image:       url( "images/paper.png" );

    font-size:              100%;

    margin:                 0px;
}


img
{
    border:                 none;
}


a
{
    text-decoration:        none;
}


a.child
{
    font-size:              1.3em;
    letter-spacing:         0.03em;
}


a.breadcrumbLink
{
    font-size:              0.8em;
    letter-spacing:         0.01em;
    vertical-align:         bottom;
}


a:link   { color: #cc2222; }
a:hover  { color: #ff3333; }
a:active { color: #ff3333; }
a:visited{ color: #cc2222; }

a.view:link   { color: #333333; }
a.view:hover  { color: #cc2222; }
a.view:active { color: #cc2222; }
a.view:visited{ color: #333333; }


#frontPage
{
    position:               absolute;
    overflow-y:             auto;
    overflow-x:             auto;

    top:                    0em;
    left:                   0em;
    right:                  0em;
    bottom:                 0em;
}


#menu
{
    font-size:              2em;
    letter-spacing:         0.05em;

    position:               absolute;
    overflow:               hidden;

    white-space:            nowrap;

    top:                    0px;
    left:                   0px;
    right:                  0px;
    height:                 1em;

    padding-top:            0.2em;
    padding-bottom:         0.3em;
    padding-left:           1.5em;
    padding-right:          1.5em;
}


#menuleft
{
    display:                inline;
    float:                  left;
}


#menuright
{
    text-align:             right;
}


#menuphoto
{
    text-align:             center;
}


#content
{
    font-size:              1.2em;
    letter-spacing:         0.02em;
    text-align:             justify;

    background-image:       url( "images/paper.png" );
    background-attachment:  local;

    position:               absolute;
    overflow-y:             auto;
    overflow-x:             hidden;

    top:                    2.6em;
    left:                   0px;
    right:                  0px;
    bottom:                 0.8em;

    padding-top:            1.2em;
    padding-left:           2.6em;
    padding-right:          2.6em;

    border-color:           #333333;
    border-style:           solid;
    border-width:           0px;
    border-top-width:       0.2em;
    border-bottom-width:    0.1em;
}


#contentView
{
    font-size:              1.2em;
    letter-spacing:         0.02em;

    background-image:       url( "images/paper.png" );
    background-attachment:  local;

    position:               absolute;
    text-align:             center;

    overflow-y:             auto;
    overflow-x:             auto;

    top:                    2.666666em;
    left:                   0px;
    right:                  0px;
    bottom:                 0.8em;

    padding-left:           1.3em;
    padding-right:          1.3em;
    padding-top:            2.6em;
    padding-bottom:         2.6em;

    border-color:           #333333;
    border-style:           solid;
    border-width:           0px;
    border-top-width:       0.2em;
    border-bottom-width:    0.1em;
}


.photoView
{
    position:               absolute;
    
    left:                   0;
    right:                  0;
    top:                    0;
    bottom:                 0;

    margin:                 auto;

    height:                 auto;
    width:                  auto;
    max-width:              95%;
    max-height:             95%;


    border-width:           1px;
    border-style:           solid;
    border-color:           #333333;
}

#photoPrevNext
{
    position:               absolute;
   
    left:                   0;
    right:                  0;
    bottom:                 0.25em;
    
    margin-left:            auto;
    margin-right:           auto;
    
    font-size:              2em;
}


#copyright
{
    font-size:              0.7em;
    letter-spacing:         0em;
    padding:                0.1em;

    position:               fixed;

    bottom:                 0em;
    left:                   0em;
    right:                  0em;

    text-align:             right;

    background-image:       url( "images/paper.png" );
}


.ruler
{
    font-size:              1.3em;
    letter-spacing:         0.03em;

    position:               relative;

    clear:                  both;

    margin-top:             0.1em;
    margin-bottom:          0.4em;
    margin-left:            -1em;
    margin-right:           -1em;

    padding-left:           1em;
    padding-right:          1em;
    padding-bottom:         0.1em;

    border-color:           #cc2222;
    border-style:           solid;
    border-width:           0px;
    border-bottom-width:    2px;
}


.bigText
{
    font-size:              1.15em;
    letter-spacing:         0.01em;
}


.gallery
{
    position:               relative;
    overflow:               hidden;
    text-align:             center;
    padding-top:            0.5em;
    padding-bottom:         0.5em;
}


.thumbBox
{
    display:                inline-block;
    overflow:               hidden;
    width:                  25%;
    text-align:             center;
    vertical-align:         middle;
}


.thumb
{
    border-width:           1px;
    border-style:           solid;
    border-color:           #333333;
}


.code
{
    font-size:              0.85em;
    position:               relative;
}


.image
{
    position:               relative;
    text-align:             center;
}


.photoBox
{
    position:               relative;
    text-align:             center;
}


.photo
{
    border-width:           1px;
    border-style:           solid;
    border-color:           #333333;
}


.audio
{
    position:               relative;
}


.audioPlayer
{
    display:                inline-block;
    width:                  100%;
}


.children
{
    position:               relative;
    overflow:               hidden;
    text-align:             left;
}


.childTable
{
    margin:                 0px;
    padding:                0em;
    border:                 0px;
}


.icon
{
    width:                  52px;
}


.childIcon
{
    text-align:             center;
    vertical-align:         top;
    width:                  52px;
    height:                 52px;
    
    padding-top:            0.125em;
    padding-left:           0.666666em;
    padding-right:          0.666666em;
    
    }


.childIconLink
{
    text-align:             left;
    vertical-align:         top;

    padding-top:            0em;
    padding-bottom:         0em;
}

.childIconDescription
{
    text-align:             left;
    vertical-align:         top;
    font-size:              1.1em;
    letter-spacing:         0.03em;
    padding-bottom:         1em;
}


.childLink
{
    text-align:             right;
    vertical-align:         top;
    padding:                0.2em;
    padding-left:           0em;
}


.childDescription
{
    text-align:             left;
    vertical-align:         top;
    font-size:              1.3em;
    letter-spacing:         0.03em;
    padding:                0.2em;
    padding-right:          0em;
    padding-left:           0.5em;    
}


.video
{
    position:               relative;
    text-align:             center;
}


.videoPlayer
{
    display:                inline-block;
}


.breadcrumbs
{
    font-size:              0.6em;
    letter-spacing:         0.02em;
    position:               relative;
    display:                inline;
}


input
{
    font-family:            Menlo, monospace;

    border-style:           solid;
    border-width:           1px;
    border-color:           #333333;
    
    padding:                0.25em;
}


textarea
{
    resize:                 none;

    font-family:            Menlo, monospace;

    border-style:           solid;
    border-width:           1px;
    border-color:           #333333;
    
    padding:                0.25em;

}


#editFieldTitle
{
    width:                  53em;
    height:                 1.1em;
    overflow:               hidden;
}


#editFieldDescription
{
    width:                  53em;
    height:                 1.1em;
    overflow:               hidden;
}


#editFieldKeywords
{
    width:                  53em;
    height:                 3.5em;
    overflow:               hidden;
}


#editFieldContent
{
    width:                  53em;
    height:                 64em;
    overflow-y:             auto;
}


#editFieldContentAceBox
{
    position:               relative;
    top:                    0;
    left:                   0;
    right:                  0;
    bottom:                 0;
}


#editFieldContentAce
{
    position:               absolute;
    top:                    0;
    left:                   0;
    right:                  0;
    bottom:                 0;
    
    font-family:            Menlo, monospace;
    font-size:              0.66em;
    font-weight:            normal;
    
    border-style:           solid;
    border-width:           1px;
    border-color:           #333333;    
}


#editCursorPosition
{
    float:                  left;
}


#siteMapEdit
{
    font-size:              1em;
    letter-spacing:         0em;

    position:               absolute;
    overflow-y:             auto;
    overflow-x:             hidden;
    white-space:            nowrap;

    top:                    0px;
    left:                   1em;
    width:                  10.666666em;
    bottom:                 0px;

    padding-top:            0.5em;
    padding-left:           1em;
    padding-right:          2.333333em;
}


#editFields
{
    font-size:              1em;
    letter-spacing:         0em;

    position:               absolute;
    overflow-y:             auto;
    overflow-x:             hidden;

    top:                    0px;
    left:                   15em;
    right:                  16em;
    bottom:                 0px;

    padding-top:            0.5em;
    padding-left:           1em;
    padding-right:          1em;
}


#files
{
    font-size:              1em;
    letter-spacing:         0em;

    position:               absolute;
    overflow-y:             auto;
    overflow-x:             hidden;
    white-space:            nowrap;

    top:                    0px;
    right:                  0em;
    width:                  11.666666em;
    bottom:                 0px;

    padding-top:            0.5em;
    padding-left:           1em;
    padding-right:          2.333333em;
}


.editFieldName
{
    text-align:             right;
    vertical-align:         top;
}


.editFieldInput
{
    text-align:             left;
    vertical-align:         top;
}


#googleMapBox
{
    position:               relative;
    text-align:             center;
}


#googleMap
{
    width:                  800px;
    height:                 300px;

    display:                inline-block;

    border-width:           1px;
    border-style:           solid;
    border-color:           #333333;
}


.dropImage
{
    float:                  left;
    margin-top:             0.125em;
    margin-right:           1em;
    margin-bottom:          0.75em;
}


.dropPhoto
{
    float:                  left;
    margin-top:             0.125em;
    margin-right:           1em;
    margin-bottom:          0.75em;

    border-width:           1px;
    border-style:           solid;
    border-color:           #333333;
}


.dropIcon
{
    float:                  left;
    margin-top:             0.125em;
    margin-right:           1em;
    margin-bottom:          0.75em;
}
