/* BYLD INIT SECTION

style[view_width] = 2
style[thumb_width] = 2
style[album_width] = 2
style[cover_width] = 2
edit[cols] = 0
edit[rows] = 5

BYLD PHOTO END SECTION */

/* CSS                                                 Hello! Photo
   ----------------------------------------------------------------

   Grid style for Byld.

   ---------------------------------------------------------------- */

/* BODY (and other generic stuff)                      Hello! Photo
   ---------------------------------------------------------------- */
body {
     border: 0;
     margin: 0;
     padding: 0;

     background-color: #fff;
     color: #000;

     font-family: verdana, arial, helvetica, sans-serif;
     font-size: 80%;
}

div {
     border: 0;
     margin: 0;
     padding: 0;
}

div.albumpage, div.loginpage, div.aboutpage, div.licensepage,
div.changelogpage, div.setuppage, div.welcomepage { margin: 1em; }

div.albums, div.thumbnails, div.login, div.license,
div.changelog, div.setup, div.error, div.message {  }

div.generic { margin-bottom: 1em; }

small { font-size: 80%; }

a:link, a:hover, a:active, a:visited {
        text-decoration: none;
        color: #66C;
}

/* LOCATION AND FOOTER                                 Hello! Photo
   ---------------------------------------------------------------- */
div.footer, div.location { padding: 0.2em 1em 0.2em 1em; }

div.location {
        color: #000;
        font-size: 100%;
        font-weight: bolder;
        border-bottom: 1px solid #000;
        margin-bottom: 1.5em;
}
div.footer {
             border-top: 1px solid #000;
}

div.location table { width: 100%; }
td.title { text-align: left; }
td.location { text-align: right; }

div.footer table { width: 100%; }
td.copyright { text-align: left; padding-right: 1em; }
td.options { padding-left: 1em; text-align: right; vertical-align: top; }

/* COVER VIEW                                          Hello! Photo
   ---------------------------------------------------------------- */

div.cover { text-align: center; }
div.coveritem { text-align: center; margin-left: auto; margin-right: auto; }

img.cover { border: 1px solid #000; }
div.coveritem p.fileinfo { text-align: right; float: right; }
div.coveritem p.description { text-align: left; float: left; }

/* ALBUM VIEW                                          Hello! Photo
   ---------------------------------------------------------------- */

div.albumitem input.text,
div.albumitem textarea,
div.thumbitem textarea,
div.coveritem textarea {
        width: 90%;
        max-width: 100%;
        min-width: 100%;
        padding: 4px;
        border: 1px solid #888;
        background: #f8f8ff;
}
div.albumitem input.text {
        color: #66C;
        font-weight: bolder;
        margin-bottom: 0.2em;
}

img.thumb, img.album { border: 1px solid #000; }

div.thumbitem, div.albumitem {
        float: left;
        margin: 0.5em;
        padding: 0;
}

div.broken {
        float: left;
        width: 100%;
        height: 100px;
        background: #eee;
        border: 1px dashed #888;
        margin-bottom: 1em;
}

div.buttons { clear: both; margin: 1em; text-align: right; }

div.statsfirst { line-height: 0.5em; }
div.statslast { display: none; }

div.clearer { display: none; }

div.footer { clear: both; }

div.seperator { border-top: 1px solid #000; clear: both; }

div.description p.description { }

p.fileinfo, p.albuminfo { font-size: 80%; color: #888; }

p.fileinfo a:link,
p.fileinfo a:hover,
p.fileinfo a:active,
p.fileinfo a:visited,
p.albuminfo a:link,
p.albuminfo a:hover,
p.albuminfo a:active,
p.albuminfo a:visited { text-decoration: none; color: #888; }

/* this really messes up the grid layout, so let's just
   take it out of the layout. */
div.create {
        position: absolute;
        top: 10px;
        left: 10px;
        border: 1px solid #888;
        background: #fff8f8;
        color: #000000;
        text-align: center;
        padding: 1em;
}

p.title a {
        color: #66C;
        font-size: 100%;
        font-weight: bolder;
        text-decoration: none;
}

div.create { }

/* IMAGE VIEW                                          Hello! Photo
   ---------------------------------------------------------------- */

div.imagepage { text-align: center; }

div.image { margin-left: auto; margin-right: auto; text-align: left; }

div.view { }

img.view { border: 1px solid #000; }

div.description, div.comments { }

div.description p.description { }

div.navbar.top { border-bottom: 1px solid black; margin-bottom: 1em; }
div.navbar.bottom { border-top: 1px solid black; }

div.navbar { width: 100%; }

table.navbar { width: 100%; }
td.prev { text-align: left; }
td.index { text-align: center; }
td.next { text-align: right; }

/* IMAGE VIEW COMMENTS                                 Hello! Photo
   ---------------------------------------------------------------- */

div.comments { margin-top: 1em; }
div.addbutton { text-align: right; margin-bottom: 1em; }
div.addform { display: none; text-align: center; }

p.author {
        margin-top: 2em;
        margin-bottom: 0;
        padding-bottom: 0.2em;
        text-align: right;
}
p.author span.nick { font-weight: bolder; }
p.author span.date { font-size: 80%; color: #888; }

p.comment {
        margin-top: 0;
        margin-bottom: 2em;
        padding: 1em;
        background-color: #f4f4ff;
        border-bottom: 1px solid #888;
        border-top: 1px solid #888;
}

table.addform { width: 100%; }
td.addnick0 { text-align: right; width: 20%; }
td.addnick1 { width: 80%; }

td.addtext0 { text-align: right; vertical-align: top; }

td.addnick1 input,
td.addtext1 textarea {
        width: 98%;
        padding: 4px;
        border: 1px solid #888;
        background: #f8f8ff;
}

td.addnick1 input { font-weight: bolder; }

td.addsubmit { text-align: right; }

td.addnick1, td.addtext1 { text-align: left; }

/* SETUP                                               Hello! Photo
   ---------------------------------------------------------------- */

div.setupbuttons { text-align: right; }

table.setup td.label { width: 15em; vertical-align: top; }

/* DOCUMENTATION                                       Hello! Photo
   ---------------------------------------------------------------- */

div.license, div.about { text-align: justify; }

div.changelog pre { font-size: 140%; }

div.setupsection h3 { margin-top: 0; }
div.setupsection {
        border: 1px dotted #888;
        background: #f8f8ff;
        padding: 1em;
        margin-top: 1em;
        margin-bottom: 1em;
}

td.input input { padding-left: 0.3em; }

div.about { }