/**
  * From css/main.css: @import "base.css";
  */

html { padding-bottom: 1.5em; }

body {
    background: #333;
    color: #888;
    font-family: Verdana, Arial, sans-serif;
    font-size: 76%;
}

.content p, .content ul.photosets {
    font-size: 1.3em;
}

.content p.whisper {
    font-size: 0.85em;
}

h3 {
    font-family: Georgia, "Times New Roman", Times, serif;
    margin: 0;
}

:link, :visited {
    text-decoration: none;
}

:link { color: #5D6C80; }
:visited { color: #675D80; }

:link:hover, :visited:hover {
    color: #5D6C80;
    border-bottom: 1px dotted #888;
}

#menu :link, #menu :visited { color: #5D6C80; }

#navigation {
    float: right;
    clear: none;
    font-size: 1.1em;
    text-align: right;
    padding: 0.5em 0 0 0;
    margin: 0;
}

#navigation ul.menu {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: right;
}

#navigation ul.menu li {
    float: left;
    padding: 0 0 0 3em;
}

a span {
    color: #ccc;
    font-weight: bold;
}

.wrapper {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 770px;
}

.main { text-align: left; }

.main h2 {
    font-style: italic;
    font-size: 2em;
    font-weight: bold;
    color: white;
    float: left;
    margin: 0;
    padding: 0;
}

.main .content {
    clear: both;
}

#messages {
    position: absolute;
    bottom: 1em;
    right: 1em;
    font-weight: bold;
}


#footer {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 770px;
    clear: both;
    padding-top: 1.5em;
    font-size: 0.9em;
}

#footer a {
    color: #777;
    border-bottom: 1px dotted #777;
}



/** End of base.css */


/**
  * From css/main.css: @import "photo.css";
  */

.photo {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.photo img#thephoto {
    border: 10px solid white;
    margin: 0;
    padding: 0;
}

.photo div.title {
    font-style: italic;
    font-size: 2em;
    font-weight: bold;
    color: white;
    float: left;
}

.photo .details {
    font-size: 0.9em;
    text-align: left;
    clear: left;
    float: left;
}

.photo .details .postdate {
    margin: 0;
}

.photo .caption {
    font-size: 0.9em;
    text-align: right;
    float: right;
    width: 50%;
}

.photo .caption p {
    margin-top: 0;
}

.photo #navigation {
    float: right;
    clear: none;
    padding: 0.5em 0 0 0;
    margin: 0;
}

.photo #menu {
    margin: 0;
}

.photo #menu li {
    padding: 0 0 0 3em;
}

/** End of photo.css */


/**
  * From css/main.css: @import "archives.css";
  */

.photo-collection {
    margin: 0;
    padding: 0;
}

.photo-collection img {
    float: left;
    border: 3px solid white;
    text-align: center;
    margin: 0 auto 0 auto;
}

.photo-collection li.photo {
    float: left;
    margin: 0.5em;
    list-style-type: none;
}

/** End of archives.css */


/**
  * From css/main.css: @import "forms.css";
  */

div.form {
    padding: 0.2em;
    margin: 0 auto;
}

div.form_field {
    clear: both;
    padding-top: 0.5em;
}

.twocolumn {
    width: 49%;
    float: left;
}

div.form_field label.label, div.form_field span.label {
    float: left;
    width: 15%;
    text-align: right;
    padding: 0.2em 0.5em 0 0;
}

div.form_field .hints {
    width: 83%;
    font-size: 0.9em;
    padding-top: 0.2em;
    float: right;
    text-align: left;
    color: #999999;
}

div.form_field .error, div.form_field .warning {
    float: right;
    width: 88%;
    text-align: left;
}

div.form_field span.formw {
    float: right;
    width: 88%;
    text-align: left;
}

input.text, input.date, input.password, textarea, select {
    border-top: 1px solid #7c7c7c;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #ddd;
    background: #fff url(/static/images/css/fieldbg.gif) repeat-x top;
    padding: 0.2em;
}

form input.ajaxautocompletes {
    background: #fff url(/static/images/css/fieldbg-autocomplete.gif) repeat-x top right;
    padding-right: 18px;
}

input.date {
    width: 10em;
}

.submit_button {
    display: block;
    clear: both;
}

.submit_button input {
    clear: both;
    margin: 0.5em 0 0 16%;
}

input.button {
    padding: 0.15em 1em;
    border: 1px outset rgb(82, 134, 201);
    background: rgb(82, 134, 201);
    color: #eee;
    font-weight: bold;
}

/*
These styles are meant to be placed after (and hence override) the current CSS
for forms.  Some of the rules aren't needed if previous behavior doesn't need to
be overridden.  ".inline" is our inline form class.
*/

div.inline .submit_button
{
}

div.inline div.form_field {
    float: left;

    /* to counter previous rules */
    clear: none;

    /* aesthetic */
    margin-right: 0.5em;
}

div.inline div.form_field label.label,
div.inline .hints,
div.inline .error
{
    display: block;

    /* to counter previous rules */
    float: none;
    width: auto;
    text-align: left;
}


div.inline .hints {
    display: none;

}

div.inline div.form_field label.label {
    /* aesthetic */
    padding-bottom: 0.1em;
}


/* So the admin ui is one row per line */

.jifty_admin.item.inline {
     clear: both;
 }

div.subline {
    display: inline;
    float: left;  
}


/** End of forms.css */


/**
  * From css/main.css: @import "calendar.css";
  */

.calendar {
    text-align: center;
    margin: 2em 0 0 0;
}

.calendar td, .calendar th { padding: 0.1em 0.25em 0.1em 0.25em; }

.calendar caption .month {
    padding: 0 1em 0 1em;
    font-size: 1.5em;
}
.select-free {
    overflow: hidden;
    z-index:10;
}

.select-free iframe {
    display:none;
    display/**/:block;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    filter:mask();
    width:3000px;
    height:3000px;
}

/** End of calendar.css */