/* Cleaned CSS: */

.ContextualPopup, .icon-browser {
    background: #ffffff;
    color: #000000;
    }

.ContextualPopup a, .icon-browser a { color: #0000ff; }
.ContextualPopup a:visited { color: #ff0000; }
.ContextualPopup a:hover { color: ; }
.ContextualPopup a:active { color: #800080; }
/* Globals */
ul {
    margin-top: 0;
}

a {
    color: #0000ff;

}

a:visited {
    color: #ff0000;

}

a:focus, a:active {
    color: #800080;

}

q { font-style: italic;
}

/* All posts & all navigation */
#primary, #secondary, #tertiary, #footer {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-family: font-family: APHont, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 1em;
    color: #000000;
background-color: #ffffff;

    padding: 0px 1em;

}

@media only screen and (min-width: 40em) {
    #primary, #secondary, #tertiary, #footer {
        width: 80%;
    }
}

/* General page background */
body {
    margin: 0;
    font-family: font-family: APHont, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 1em;;
    color: #000000;
background-color: #ffffff;

}

#canvas {
    margin-left: 0em;
    margin-right: 0em;
    }

/* Modules */
.module h2 {
    font-family: APHont, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
}

.module-content {
    font-family: APHont, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
}

/*
 * Journal Header
 */

#header {
    padding: 10px;
    color: #000000 ;
    background-color: #ffffff ;
}

#header h1#title {
    font-weight: bold;
    margin-bottom: 0;
    font-family: APHont, "Helvetica Neue", Arial, Helvetica, Geneva, APHont, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 3em;
}

#header h1#title a {
    color: #000000;
    text-decoration: none;
}

#header h2#subtitle {
    font-style: italic;
    margin-top: 0;
    font-family: APHont, "Helvetica Neue", Arial, Helvetica, Geneva, APHont, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 1.5em;
}

#header h2#pagetitle {
    font-family: APHont, "Helvetica Neue", Arial, Helvetica, Geneva, APHont, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 1.5em;
}

#header h2#pagetitle:before {
    content: "This page: ";
}

/* Navigation at top/bottom of recent entries page */
.navigation {
    margin-top: 10px;
}

.navigation .inner ul:before {
    content: "Navigation: ";
}

.navigation ul {
    clear: left;
    font-weight: bold;
    padding-left: 0;
}

.navigation ul li {
    display: inline;
}

.navigation ul li.page-back:after {
    content: " posts";
}

/*
 * Page Header (module-section-one)
 */

ul.userlite-interaction-links {
    padding-left: 0;
}

ul.userlite-interaction-links.icon-links li {
    display: inline;
}

.module-section-one {
    clear: left;
}

h2.module-header {
    margin-top: 0;
    margin-bottom: 0;
    clear: left;
}

h2.module-header a {
    text-decoration: none;
}

.module-navlinks ul li {
    display: inline;
}

.module-tags_list ul.module-list {
    padding-left: 0;
    display: inline;
}

.module-tags_list ul.module-list li {
    display: inline;
}

.tags_cloud li, .module-tags_cloud li {
    display: inline;
}

.module-typelist .manage-link:before,
.module-tags_list .manage-link:before,
.module-tags_multilevel .manage-link:before {
    content: "(";
}

.module-typelist .manage-link:after,
.module-tags_list .manage-link:after,
.module-tags_multilevel .manage-link:after {
    content: ")";
}

.search-box {
    max-width:100%;
}

/*
 * Single Post and Comment pages
 */

#primary .entry, #primary .comment {
    position: relative;
}

.comment-wrapper {
    min-width: 15em;
}

.comment-posted {
    font-weight:bold;
}

.comment-title {
    font-family: APHont, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
    margin: 0;
    }

.comment .admin-poster {
    white-space: nowrap;
}

/* Entry header */

.has-userpic .entry .header {
    margin-bottom: 1em;
    position: relative;
    z-index: 99;
}

.entry {
    border-top: solid 2px ;
}

.entry .entry-title {
    font-family: APHont, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 2em;
    
}

/* ensure comment content stretches out horizontally so it's readable */
.comment-content:before {
    content: "";
    display: block;
    overflow: hidden;
    width: 10em;
}
.comment-content { border-top: 1px transparent solid; } /* for firefox */

/* Set height to keep spacing */
/* Use standard H3 font size */
.no-subject .entry .entry-title {
    background: none;
    height: 1.17em;
}

.entry h3.entry-title a {
    text-decoration: none;
}

.entry .metadata-label {
    font-weight: bold;
}

.entry .metadata-label:first {
    text-transform: uppercase;
}

.entry .metadata ul {
    list-style: none;
    padding-left: 0;
}

.entry .metadata {
    margin-top: 1em;
    position: relative;
}

.entry .metadata.top-metadata {
    margin-top: 0;
}

.entry .contents .userpic a img {
    border: 0;
    margin-bottom: 10px;
}

.has-userpic .entry .poster {
    top:-35px;
    position:relative;
}

/* Main body of a post */
/* Pushed down in order to accomodate the header being next to the icon. */
.entry .contents {
    position: relative;
    bottom: 84px;
}

/* Single post metadata links location/etc. */
.entry .footer {
    position: relative;
    bottom: 84px;
}

/* Entry/Comment links */
ul.entry-interaction-links, ul.entry-management-links,
ul.comment-management-links, ul.comment-interaction-links {
    list-style: none;
    padding-left: 0;
    margin-bottom: 10px;
    margin-top: 10px;
}

/* entries w/o icons (especially feeds) needs to be styled separately */

.ljsyndicationlink {
    margin-top: 1em;
}

#primary .no-userpic .header {
    position: static;
    padding-bottom: 1em;
}

.no-userpic .poster .entry-poster {
    position: static;
}

.no-userpic .entry .contents {
    position: static;
}

.no-userpic .entry .footer {
    position: static;
}

/*
 * Calendar/Archive page
 * NB: This is horribly inaccessible so mostly I just have trashed/hidden it :)
 */

#archive-year table.month {
    display: none;
}

#archive-year .month .header h3,
#archive-year .month .footer a {
    margin-left: 0;
    float: left;
    clear: left;
}

/*
 * Comments
 */

.no-subject .comment .comment-title {
    background: none;
}

#comments .userpic a img, .comment-wrapper .userpic a img  {
    border: 0;
    margin-bottom: 10px;
}

#comments .comment-content, .comment-wrapper .comment-content {
    margin-top: 1em;
    margin-bottom: 1em;
}

ul.entry-interaction-links li, ul.entry-management-links li,
ul.comment-interaction-links li, ul.comment-management-links li {
    display: inline;
    font-weight: bold;
}

.tag {
    margin-top: 1em;
}

.tag ul {
    display: inline;
    padding-left: 0;
}

.tag ul li {
    display: inline;
}

/*
 * page footer
 */

.module-section-one {
    padding-top: 1em;
}

.module-section-two {
    border-top: solid  2px;
    padding-top: 1em;
}

ul.module-list {
    list-style: none;
    padding-left: 0;
}

module-section-two ul.module-list li {
    display: inline;

}

.page-top {
    text-align: right;
    margin-bottom: 10px;
}

/*
 * icons page
 */

.sorting-options ul {
    padding-left: 0;
    }

.sorting-options ul li {
    display: inline;
    }

.icons-container .icon {
    margin: 1em 0;
    }

.icon-image {
    float: left;
    clear: left;
    margin-bottom: .25em;
    min-width: 100px;
    padding-right: 1em;
    }

.icon-info {
    min-height: 100px;
    }

.icon-info span {
    font-weight: bold;
    }

.icon-info .default {
    text-decoration: underline;
    }

.icon-keywords ul {
    display: inline;
    padding-left: 0;
    }

.icon-keywords ul li {
    display: inline;
    }


        .has-userpic .entry .header {
            margin-left: 110px;
            }
        .has-userpic .comment .header {
            margin-left: 110px;
            }

        .has-userpic .entry .poster {
            margin-left: 110px;
            }

        #comments .userpic a img, .comment-wrapper .userpic a img  {
            float: left;
            margin-right: 10px;
            }
        #comments .comment-content, .comment-wrapper .comment-content {
            clear: left;
            }
        

/* End of CSS file */
