layerinfo type = "layout";
layerinfo name = "Transmogrified";
layerinfo redist_uniq = "transmogrified/layout";
layerinfo author_name = "Yvonne";
layerinfo author_email = "absolut@livejournal.com";
layerinfo des = "Transmogrified, a style you can change easily";

set layout_authors = [ { "name" => "Yvonne" } ];

propgroup presentation {
    property use num_items_recent;
    property use num_items_reading;
    property use num_items_icons;
    property use use_journalstyle_entry_page;
    property use layout_type;
    property use sidebar_width;
    property use medium_breakpoint_width;
    property use large_breakpoint_width;
    property use margins_size;
    property use margins_unit;
    property use reverse_sortorder_group;
    property use reg_firstdayofweek;
    property use tags_page_type;
    property use icons_page_sort;
    property use userpics_style_group;
    property use userpics_position;
    property use entry_metadata_position;
    property use use_custom_friend_colors;
    property use use_shared_pic;
    property use userlite_interaction_links;
    property use entry_management_links;
    property use comment_management_links;
    property use entry_datetime_format_group;
    property use comment_datetime_format_group;
    property use all_entrysubjects;
    property use all_commentsubjects;
}

set layout_type = "two-columns-right";
set sidebar_width = "230px";
set margins_size = "2";
set margins_unit = "%";
set tags_page_type = "";
set userpics_position = "right";
set entry_management_links = "text";
set comment_management_links = "text";
set all_commentsubjects = true;
set custom_colors_template = "%%new%% .userpic a {background-color: %%background%%; border: solid 1px %%foreground%%;}";

propgroup colors {
    property use color_page_background;

    property Color color_page_title_background { des = "Title background"; }
    property use color_page_title;
    property Color color_header_background { des = "Header background"; }
    property Color color_header_text { des = "Header text"; }
    property Color color_header_hover_background {des = "Header link background when hovered over"; }
    property Color color_header_hover { des = "Header link text when hovered over"; }

    property Color color_main_background { des = "Main background"; }
    property use color_page_text;

    property use color_page_link;
    property use color_page_link_hover;
    property use color_page_link_active;
    property use color_page_link_visited;

    property use color_module_link;
    property use color_module_link_hover;
    property use color_module_link_active;
    property use color_module_link_visited;
    property use color_module_border;
    property use color_module_text;
    property use color_module_background;
    property use color_module_title;
    property Color color_module_title_background { des = "Sidebar box title background"; }
    property Color color_module_title_border { des = "Sidebar box title border"; }

    property use color_entry_border;
    property use color_entry_background;
    property use color_entry_link;
    property use color_entry_link_hover;
    property use color_entry_link_active;
    property use color_entry_link_visited;
    property use color_entry_text;
    property use color_entry_title;
    property Color color_entry_title_border { des = "Entry\Comment subject border"; }
    property Color color_entry_title_background { des = "Entry\Comment subject background"; }

    property Color color_entry_border_alt { des = "Alternate entry\Comment border"; }
    property Color color_entry_background_alt { des = "Alternate entry\Comment background b"; }
    property Color color_entry_link_alt { des = "Alternate entry\Comment b links"; }
    property Color color_entry_link_hover_alt { des = "Alternate entry\Comment b hover links"; }
    property Color color_entry_link_active_alt { des = "Alternate entry\Comment b active links"; }
    property Color color_entry_link_visited_alt { des = "Alternate entry\Comment b visited links"; }
    property Color color_entry_text_alt { des = "Alternate entry\Comment b text"; }
    property Color color_entry_subject_alt { des = "Alternate entry\Comment subject b"; }
    property Color color_entry_subject_alt_border { des = "Alternate entry\Comment subject border b"; }
    property Color color_entry_subject_alt_background { des = "Alternate entry\Comment subject background b"; }

    property Color color_comments_form_border { des = "Comments form border"; }

    property Color color_footer_background { des = "Footer background"; }
    property Color color_footer_text { des = "Footer text"; }
    property Color color_footer_link { des = "Footer link"; }

    property Color color_archivemonth_background { des = "Archive month background"; }
    property Color color_archivemonth_border { des = "Archive month border"; }
    property Color color_archivemonth_title_background { des = "Archive month title background"; }
    property Color color_archivemonth_title_border { des = "Archive month title border"; }
    property Color color_archivemonth_title { des = "Archive month title text"; }

    property Color color_navigation_background { des = "Page back/forwards background"; }
    property Color color_navigation_text { des = "Page back/forwards text"; }
    property Color color_navigation_border { des = "Page back/forwards border"; }

    ### Also used for the custom Icons page; implemented later hence the inaccurate name.
    property Color color_tagspage_background { des = "Tags and Icons page background"; }
    property Color color_tagspage_border { des = "Tags and Iconspage border"; }
    property Color color_tagspage_title { des = "Tags and Icons page title text"; }
    property Color color_tagspage_title_border { des = "Tags and Icons page title border"; }
    property Color color_tagspage_title_background { des = "Tags and Icons page title background"; }

}

propgroup images {
    property use image_background_page_group;
    property use image_background_header_group;
    property use image_background_header_height;
    property use image_background_entry_group;
    property use image_background_module_group;
}

propgroup fonts {
    property use font_base;
    property use font_fallback;
    property use font_base_size;
    property use font_base_units;
    property use font_journal_title;
    property use font_journal_title_size;
    property use font_journal_title_units;
    property use font_journal_subtitle;
    property use font_journal_subtitle_size;
    property use font_journal_subtitle_units;
    property use font_entry_title;
    property use font_entry_title_size;
    property use font_entry_title_units;
    property use font_comment_title;
    property use font_comment_title_size;
    property use font_comment_title_units;
    property use font_module_heading;
    property use font_module_heading_size;
    property use font_module_heading_units;
    property use font_module_text;
    property use font_module_text_size;
    property use font_module_text_units;
    property use font_sources;
}

set font_base = "Verdana";
set font_fallback = "sans-serif";
set font_base_size = "1";
set font_base_units = "em";
set font_module_heading_size = "1.1";
set font_module_heading_units = "em";

propgroup modules {
    property use module_userprofile_group;
    property use module_navlinks_group;
    property use module_calendar_group;
    property use module_pagesummary_group;
    property use module_tags_group;
    property use module_active_group;
    property use module_links_group;
    property use module_syndicate_group;
    property use module_time_group;
    property use module_poweredby_group;
    property use module_customtext_group;
    property use module_credit_group;
    property use module_search_group;
    property use module_cuttagcontrols_group;
}

set module_layout_sections = "none|(none)|one|Header|two|Main Module Section|three|Footer";
set module_navlinks_section = "one";
set module_userprofile_section = "two";
set module_pagesummary_section = "two";
set module_tags_section = "two";
set module_links_section = "two";
set module_syndicate_section = "two";
set module_calendar_section = "two";
set module_poweredby_section = "three";
set module_time_section = "none";
set module_customtext_section = "two";
set module_active_section = "two";
set module_credit_section = "two";
set module_search_section = "two";
set module_cuttagcontrols_section = "two";

propgroup text {

    property use text_module_userprofile;
    property use text_module_links;
    property use text_module_syndicate;
    property use text_module_tags;
    property use text_module_popular_tags;
    property use text_module_pagesummary;
    property use text_module_active_entries;
    property use text_module_customtext;
    property use text_module_customtext_url;
    property use text_module_customtext_content;
    property use text_module_credit;
    property use text_module_search;
    property use text_module_cuttagcontrols;

    property use text_view_recent;
    property use text_view_friends;
    property use text_view_network;
    property use text_view_friends_comm;
    property use text_view_friends_filter;
    property use text_view_archive;
    property use text_view_userinfo;
    property use text_view_memories;
    property use text_view_tags;

    property use text_post_comment;
    property use text_max_comments;
    property use text_read_comments;
    property use text_post_comment_friends;
    property use text_read_comments_friends;
    property use text_read_comments_screened_visible;
    property use text_read_comments_screened;

    property use text_skiplinks_back;
    property use text_skiplinks_forward;
    property use text_meta_music;
    property use text_meta_mood;
    property use text_meta_location;
    property use text_meta_xpost;
    property use text_tags;

    property use text_entry_prev;
    property use text_entry_next;
    property use text_edit_entry;
    property use text_edit_tags;
    property use text_tell_friend;
    property use text_mem_add;
    property use text_watch_comments;
    property use text_unwatch_comments;
    property use text_permalink;
    property use text_stickyentry_subject;

    property use text_module_customtext;
    property use text_module_customtext_content;
    property use text_module_customtext_url;
}

propgroup customcss {
    property use external_stylesheet;
    property use include_default_stylesheet;
    property use linked_stylesheet;
    property use custom_css;
}

function Page::print()
{
    """
    <!DOCTYPE html>
    <html>
    <head>""";
        $this->print_meta_tags();
        $this->print_head();
        $this->print_stylesheets();
        $this->print_head_title();
    println "</head>";
    $this->print_wrapper_start();
    $this->print_control_strip();
    """
            <div id="container">
            <div id="header">
    """;
    $this->print_global_title();
    $this->print_global_subtitle();
    """
            </div>
    """;
    $this->print_module_section("one");
    """
            <div id="wrap">
    """;
            if ($*layout_type == "one-column-split") {
                $this->print_module_section("two");
            }
    """
            <div id="content">
    """;
    $this->print_body();
    """
            </div>
    """;
            if ($*layout_type != "one-column-split") {
                $this->print_module_section("two");
            }
    """
            </div><div style="clear:both;"></div>
        </div>
        <div id="footer">
    """;
    $this->print_module_section("three");
    """
        </div>
        <div id="body-footer">
    """;
            print safe """<div class="page-top"><a href="#">$*text_page_top</a></div>""";
    """
        </div>
    """;
    $this->print_wrapper_end();
    """
    </html>
    """;
}

function Page::print_default_stylesheet () {
    var string medium_media_query = generate_medium_media_query();
    var string large_media_query = generate_large_media_query();

    var string sidebar_positioning = "";
    var string sidebar_position = "";
    var string sidebar_position_alt = "";
    if ($*layout_type == "two-columns-right") { $sidebar_positioning = "margin-right: -$*sidebar_width;"; $sidebar_position = "right"; $sidebar_position_alt = "left"; }
    elseif ($*layout_type == "two-columns-left") { $sidebar_positioning = "margin-left: -$*sidebar_width;"; $sidebar_position = "left"; $sidebar_position_alt = "right"; }

    var string page_background = generate_background_css ($*image_background_page_url, $*image_background_page_repeat, $*image_background_page_position, $*color_page_background);
    var string header_background = generate_background_css ($*image_background_header_url, $*image_background_header_repeat, $*image_background_header_position, new Color);
    if ($*image_background_header_height > 0) {
        $header_background = """
            $header_background
            height: """ + $*image_background_header_height + """px;""";
    }

    var string entry_background = generate_background_css ($*image_background_entry_url, $*image_background_entry_repeat, $*image_background_entry_position, $*color_entry_background);
    var string module_background = generate_background_css ($*image_background_module_url, $*image_background_module_repeat, $*image_background_module_position, $*color_module_background);

    var string page_colors = generate_color_css($*color_page_text, $*color_main_background, $*color_page_border);
    var string page_title_colors = generate_color_css($*color_page_title, new Color, new Color);

    var string page_link_colors = generate_color_css($*color_page_link, new Color, new Color);
    var string page_link_active_colors = generate_color_css($*color_page_link_active, new Color, new Color);
    var string page_link_hover_colors = generate_color_css($*color_page_link_hover, new Color, new Color);
    var string page_link_visited_colors = generate_color_css($*color_page_link_visited, new Color, new Color);

    var string page_font = generate_font_css("", $*font_base, $*font_fallback, $*font_base_size, $*font_base_units);
    var string page_title_font = generate_font_css($*font_journal_title, $*font_base, $*font_fallback, $*font_journal_title_size, $*font_journal_title_units);
    var string page_subtitle_font = generate_font_css($*font_journal_subtitle, $*font_base, $*font_fallback, $*font_journal_subtitle_size, $*font_journal_subtitle_units);
    var string entry_title_font = generate_font_css($*font_entry_title, $*font_base, $*font_fallback, $*font_entry_title_size, $*font_entry_title_units);
    var string comment_title_font = generate_font_css($*font_comment_title, $*font_base, $*font_fallback, $*font_comment_title_size, $*font_comment_title_units);
    var string module_font = generate_font_css($*font_module_text, $*font_base, $*font_fallback, $*font_module_text_size, $*font_module_text_units);
    var string module_title_font = generate_font_css($*font_module_heading, $*font_base, $*font_fallback, $*font_module_heading_size, $*font_module_heading_units);

    var string entry_userpic_shift = "";
    if ( $*entry_userpic_style == "" ) { $entry_userpic_shift = "-66px"; }
    elseif ( $*entry_userpic_style == "small" ) { $entry_userpic_shift = "-50px"; }
    elseif ( $*entry_userpic_style == "smaller" ) { $entry_userpic_shift = "-33px"; }

    var string comment_userpic_shift = "";
    if ( $*comment_userpic_style == "" ) { $comment_userpic_shift = "-66px"; }
    elseif ( $*comment_userpic_style == "small" ) { $comment_userpic_shift = "-50px"; }
    elseif ( $*comment_userpic_style == "smaller" ) { $comment_userpic_shift = "-33px"; }

    var string entry_header_margin = "";
    if ( $*entry_userpic_style == "" ) { $entry_header_margin = "120px"; }
    elseif ( $*entry_userpic_style == "small" ) { $entry_header_margin = "95px"; }
    elseif ( $*entry_userpic_style == "smaller" ) { $entry_header_margin = "70px"; }

    var string comment_header_margin = "";
    if ( $*comment_userpic_style == "" ) { $comment_header_margin = "120px"; }
    elseif ( $*comment_userpic_style == "small" ) { $comment_header_margin = "95px"; }
    elseif ( $*comment_userpic_style == "smaller" ) { $comment_header_margin = "70px"; }

    var string userpic_css = "";
    if($*userpics_position == "left") {
        $userpic_css = """
        .entry-title, .comment-title { margin: 0; }
        .has-userpic .entry .header,
        .has-userpic .entry .poster { margin: 0 0 0 $entry_header_margin; }
        .has-userpic .comment .header,
        .has-userpic .comment .poster { margin: 0 0 0 $comment_header_margin; }
        .entry .userpic a, .comment .userpic a { left: 10px; right: auto; }""";
    }
    elseif($*userpics_position == "right") {
        $userpic_css = """
        .entry-title, .comment-title { margin: 0; }
        .has-userpic .entry .header,
        .has-userpic .entry .poster { margin: 0 $entry_header_margin 0 0; }
        .has-userpic .comment .header,
        .has-userpic .comment .poster { margin: 0 $comment_header_margin 0 0; }
        .entry .userpic a, .comment .userpic a { right: 10px; left: auto; }""";
    }


# NB Background image stuff in container, not in body, and colors fixed accordingly. Otherwise it messes up the layout.
# Homegrown logic for entry and module colors to fit with Transmog specialist options for alternating

    """
    /* believe me, this style is much easier to deal with if you
    just leave this here. It says \"lets use the IE box model\" for
    non IE browsers */
    * { box-sizing:border-box; -moz-box-sizing:border-box }

    body {
        background-color: $*color_page_background;
        $page_font
        margin: 0;
        padding: 0;
    }

    a { $page_link_colors  }
    a:visited { $page_link_visited_colors }
    a:hover { $page_link_hover_colors }
    a:active { $page_link_active_colors }

    q { font-style: italic; }

    #container {
                $page_background
                $page_colors
    }

    #container, #footer, #body-footer {
        margin: 0 $*margins_size$*margins_unit;
    }

    #header {
                $header_background
                background-color: $*color_page_title_background;
                color: $*color_page_title;
                margin: 0;
                padding: 0;
    }

    #header a {
        color: $*color_page_title;
        text-decoration: none;
    }

    #header h1 {
        margin: 0;
        padding: 20px;
        $page_title_font
    }

    #header h2 {
        padding: 0 20px 20px 20px;
        $page_subtitle_font
    }

    #wrap {
        color: $*color_page_text;
        padding-top: 20px;
        padding-$sidebar_position_alt: 20px;
    }

    #content {
        margin: 0 0;
        position: relative;
        width: 100%;
        padding-bottom: 20px;
        z-index: 20;
     }

    .module {
        $module_background
    }

    .module h2 {
        $module_title_font
    }

    .module-content {
        $module_font
    }

    .module-section-two {
        position: relative;
    }

    @media $medium_media_query {
        .multiple-columns .module-section-two {
            width: $*sidebar_width;
            /* this must stay at the bottom of this code as in some circumstances
            it closes one declaration and opens another one */
            $sidebar_positioning
        }
    }

    .module-section-two .module {
        border: solid 1px $*color_module_border;
        color: $*color_module_text;
        background-color: $*color_module_background;
        margin: 20px 0;
        padding: 10px;
    }

    @media $medium_media_query {
        .multiple-columns .module-section-two .module {
            margin: 20px;
            margin-$sidebar_position_alt: 10px;
        }
    }

    .module-section-one .module {
        padding: .5em 20px;
    }

    .module-section-one .module-navlinks.module {
        padding: 0;
    }

    .module-section-one .module-navlinks ul {
        background-color: $*color_header_background;
        color: $*color_header_text;
        margin: 0;
        padding: 0 20px;
    }

    .module-section-one .module-navlinks li {
        display: inline;
        line-height: 2.3em;
    }

    .module-section-one .module-navlinks li a {
        text-decoration: none;
        padding-top: 0.5em;
        padding-right: 20px;
        padding-bottom: 0.5em;
        padding-left: 20px;
        background-color: $*color_header_background;
        color: $*color_header_text;
    }

    .module-section-one .module-navlinks ul li a:hover, .module-section-one .module-navlinks ul li.active a {
        background-color: $*color_header_hover_background;
        color: $*color_header_hover;
    }

    .module-section-two a {
        color: $*color_module_link;
    }

    .module-section-two a:visited {
         color: $*color_module_link_visited;
     }

    .module-section-two a:hover {
         color: $*color_module_link_hover;
     }

     .module-section-two a:active {
         color: $*color_module_link_active;
     }

    .module-section-two .module-header a {
        text-decoration: none;
    }
    .module-section-two h2 {
        margin: 0;
        margin-bottom: 7px;
        padding: 0.2em;
        background-color: $*color_module_title_background;
        color: $*color_module_title;
        border: 1px solid $*color_module_title_border;
    }

    .module-section-two ul {
        list-style: none;
        margin-left: 0.5em;
        padding: 0;
    }
    .module-section-two ul ul {
        margin-left: 0.5em;
        padding: 0.5em;
    }

    .module-userprofile .userpic img {
        border: none;
        margin: 20px;
    }
    .module-userprofile .userpic {
        text-align: center;
    }
    .module-userprofile ul.icon-links {
        margin: 0;
        padding: 0;
        text-align: center;
        margin-top: 5px;
    }
    .module-userprofile p {
        margin-top: 0;
        margin-bottom: 0;
    }
    .module-userprofile .icon-links li {
        display: inline;
        padding: 5px;
    }

    .module-userprofile .module-content {
        text-align: center;
    }

    .module-calendar .module-content {
        text-align: center;
    }
    .module-calendar table {
        margin-left: auto;
        margin-right: auto;
    }

    .module-search .search-form {
        text-align: left;
    }
    @media $medium_media_query {
        .multiple-columns .module-search .search-form {
            text-align: right;
        }

        .multiple-columns .module-search .search-box {
            width: 100%;
        }
    }

    /* wrap long content, particularly openid usernames */
    .module-pagesummary .ljuser {
        white-space: normal !important;
    }
    .module-pagesummary .module-content {
        word-wrap: break-word;
    }
    .module-credit .category-title {
        font-weight: bold;
    }

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

    .entry, .comment, .text_noentries_day {
        padding: 10px;
        margin-top: 76px;
        position: relative;
        margin-bottom: 10px;
    }
    $userpic_css

    .entry .userpic a, .comment .userpic a {
        display: block;
        position: absolute;
        padding: 5px;
    }

    .entry .userpic a {
        top: $entry_userpic_shift;
    }

    .comment .userpic a {
        top: $comment_userpic_shift;
    }

    .entry .userpic img, .comment .userpic img {
        border: none;
        display:block;
    }

    .entry-title, .comment-title {
        padding: .2em;
    }
    .entry .entry-title {
        $entry_title_font
    }

    .comment-title {
        $comment_title_font
        margin: 0;
    }

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

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

    .entry-wrapper-odd .entry, .comment-wrapper-odd .comment, .text_noentries_day {
        border: solid 1px $*color_entry_border;
        background-color: $*color_entry_background;
        color: $*color_entry_text;
    }
    .entry-wrapper-odd .userpic a, .comment-wrapper-odd .userpic a {
        background-color: $*color_entry_title_background;
        border: solid 1px $*color_entry_title_border;
    }
    .entry-wrapper-odd .entry-title, .comment-wrapper-odd .comment-title {
        border: solid 1px $*color_entry_title_border;
        color: $*color_entry_title;
        background-color: $*color_entry_title_background;
    }
    .entry-wrapper-odd .entry-title a, .comment-wrapper-odd .comment-title a {
        color: $*color_entry_title;
    }
    .entry-wrapper-odd a, .comment-wrapper-odd a {
        color: $*color_entry_link;
    }
    .entry-wrapper-odd a:visited, .comment-wrapper-odd a:visited {
        color: $*color_entry_link_visited;
    }
    .entry-wrapper-odd a:hover, .comment-wrapper-odd a:hover {
        color: $*color_entry_link_hover;
    }
    .entry-wrapper-odd a:active, .comment-wrapper-odd a:active {
        color: $*color_entry_link_active;
    }

    .entry-wrapper-even .entry, .comment-wrapper-even .comment {
        border: solid 1px $*color_entry_border_alt;
        background-color: $*color_entry_background_alt;
        color: $*color_entry_text_alt;
    }
    .entry-wrapper-even .userpic a, .comment-wrapper-even .userpic a {
        background-color: $*color_entry_subject_alt_background;
        border: solid 1px $*color_entry_subject_alt_border;
    }
    .entry-wrapper-even .entry-title, .comment-wrapper-even .comment-title {
        border: solid 1px $*color_entry_subject_alt_border;
        color: $*color_entry_subject_alt;
        background-color: $*color_entry_subject_alt_background;
    }

    .no-subject .entry .entry-title,
    .no-subject .comment .comment-title {
        background: none;
        border: none;
        padding: 0;
    }

    .entry-wrapper-even .entry-title a, .comment-wrapper-even .comment-title a {
        color: $*color_entry_subject_alt;
    }
    .entry-wrapper-even a, .comment-wrapper-even a {
        color: $*color_entry_link_alt;
    }
    .entry-wrapper-even a:visited, .comment-wrapper-even a:visited {
        color: $*color_entry_link_visited_alt;
    }
    .entry-wrapper-even a:hover, .comment-wrapper-even a:hover {
        color: $*color_entry_link_hover_alt;
    }
    .entry-wrapper-even a:active, .comment-wrapper-even a:active {
        color: $*color_entry_link_active_alt;
    }

    .entry .time, .entry .date {
        padding: 0.2em;
        display: inline-block;
    }
    .entry-content, .comment-content {
        padding: 10px 0;
    }

    /* 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 */

    /* To constrain the width and prevent layout breaking */
    .entry-content img, .comment-content img {
        max-width: 100%;
        height: auto;
    }

    @media $large_media_query {
        .entry-content img, .comment-content img { max-width: none; }
    }

    .page-recent .journal-type-P.has-userpic.no-subject .entry-content,
    .page-day .journal-type-P.has-userpic.no-subject .entry-content {
        padding-top: 25px;
    }

    .no-userpic .comment {
        margin-top: 20px;
    }
    .no-userpic .comment-title {
        margin: 0;
    }

    .partial .comment-title {
        display: inline;
        margin-right: .3em;
        line-height: 1.4em;
        }

    .partial .comment-poster:before {
        content: "- ";
        }

    .tag {
        font-weight: bold;
        text-align: left;
    }
    .tag a {
        font-weight: normal;
    }
    .tag ul { display: inline; margin: 0; padding: 0; }

    .tag li {
        display: inline;
        padding: 0;
    }
    *+html .tag li {
        padding: 0 5px;
    }

    .entry .metadata.top-metadata {
        padding-top: 10px;
    }
    .entry .metadata.bottom-metadata {
        clear: both;
    }
    .entry .metadata ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .entry .footer, .comment .footer {
        clear: both;
    }
    .entry .footer .inner, .comment .footer .inner {
        text-align: right;
    }
    .entry .footer a {
        white-space: nowrap;
    }
    .entry-management-links, .entry-interaction-links, .comment-management-links, .comment-interaction-links {
        text-align: right;
        margin: 0;
        padding: 0;
        display: inline;
    }
    .entry-management-links li, .entry-interaction-links li,
    .comment-management-links li, .comment-interaction-links li {
        display: inline;
        margin: 0;
        padding: 5px;
    }
    /* lets have a default */
    .entry-management-links li a, .comment-management-links li a,
    .comment-interaction-links .thread a {
        background-image: url($*STYLES_IMGDIR/transmogrified/permalink.gif);
        background-repeat: no-repeat;
        background-position: 0% 50%;
        padding-left: 14px;
    }

    .entry-management-links .edit_entry a, .comment-management-links .delete_comment a,
    .comment-management-links .edit_comment a {
        background-image: url($*STYLES_IMGDIR/transmogrified/edit.gif);
    }
    .entry-management-links .edit_tags a, .comment-interaction-links .parent a {
        background-image: url($*STYLES_IMGDIR/transmogrified/tag.gif);
    }
    .entry-management-links .mem_add a, .entry-management-links .watch_comments a,
    .comment-management-links .watch_thread a {
        background-image: url($*STYLES_IMGDIR/transmogrified/memories.gif);
    }
    .entry-management-links .link_prev a {
        background-image: url($*STYLES_IMGDIR/transmogrified/previous.gif);
    }
    .entry-management-links .link_next a {
        background-image: url($*STYLES_IMGDIR/transmogrified/next.gif);
    }
    .entry-interaction-links li a, .entry-management-links .tell_friend a,
    .comment-interaction-links li a {
        background-image: url($*STYLES_IMGDIR/transmogrified/comment.gif);
        background-repeat: no-repeat;
        background-position: 0% 50%;
        padding-left: 14px;
        display: inline;
    }
    .comment-management-links .delete_comment a {
        background-image: url($*STYLES_IMGDIR/transmogrified/delete.gif);
    }

    .entry .footer hr {
        display: none;
    }

    .entry .metadata-label {
        font-weight: bold;
    }
    .full .comment-poster {
        display: inline-block;
        min-width: 40%;
    }

    #content > hr { display: none; }

    .module-section-three {
        clear: both;
        width: 100%;
        background-color: $*color_footer_background;
        color: $*color_footer_text;
        margin: 0;
        padding: 0.5em 0;
    }
    .module-section-three a {
        color: $*color_footer_link;
    }
    .module-section-three .module {
        padding: .5em 20px;
    }

    .navigation {
        margin: 0;
        padding: 10px;
        text-align: center;
        border: 1px solid $*color_navigation_border;
        background-color: $*color_navigation_background;
        color: $*color_navigation_text;
    }

    .navigation ul {
        margin: 0;
        padding: 0;
        text-align: center;
    }
    .navigation li {
        display: inline;
        padding: 0 5px;
    }
    .navigation .page-back a:before {
        content: "<<  ";
        font-size: 0.5em;
        letter-spacing: 0;
        vertical-align: 40%;
        padding-right: 1px;
    }
    .navigation .page-forward a:after {
        content: " >>";
        font-size: 0.5em;
        letter-spacing: 0;
        vertical-align: 40%;
        padding-left: 1px;
    }

    .navigation.empty {
        display: none;
        }

    .month-wrapper, #archive-month dl {
        padding: 10px;
        position: relative;
        margin: 20px 0;
        border: solid 1px $*color_archivemonth_border;
        background-color: $*color_archivemonth_background;
    }

     .month-wrapper h3 {
        padding: 0.2em;
        margin: 0;
        border: solid 1px $*color_archivemonth_title_border;
        color: $*color_archivemonth_title;
        background-color: $*color_archivemonth_title_background;
        font-size: 1.2em;
        margin-bottom: 20px;
    }

    .month caption {
        display: none;
    }
    .month .day span, .month .day p {
        padding: 0;
        margin: 0;
    }
    .month .day p {
        margin-top: 4px;
        margin-bottom: -4px;
    }
    .month .day, .month th {
        line-height: 2em;
        vertical-align: text-top;
        padding: 5px;
        text-align: center;
    }
    /* IE only to line up the empty days neatly */
    *+html .month .day span, *+html .month th span {
        vertical-align: 100%;
    }
    .month .day-has-entries {
        line-height: 1em;
    }
    .month .footer {
        width: 250px;
        text-align: center;
        margin: 10px 0;
    }

    #postform {
        margin-top: 20px;
        border: solid 1px $*color_comments_form_border;
    }

    .text_noentries_day {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #archive-month dt {
        font-weight: bold;
    }
    #archive-month .entry-title {
        font-size: $*font_base_size$*font_base_units;
        display: inline-block;
        padding-left: 5px;
    }

    /*--- Tags Page ---*/

    .page-tags #wrap {
        margin-$sidebar_position_alt: 20px;
        }

    .tags-container {
        background-color: $*color_tagspage_background;
        border: 1px solid $*color_tagspage_border;
        margin-top: 10px;
        padding: 10px;
        }

    .tags-container h2 {
        background-color: $*color_tagspage_title_background;
        border: solid 1px $*color_tagspage_title_border;
        color: $*color_tagspage_title;
        font-size: 1.2em;
        margin: 0 0 20px;
        padding: .2em;
        }

    /*--- Icons Page ---*/

    .page-icons #wrap {
        margin-$sidebar_position_alt: 20px;
        }

    .icons-container {
        background-color: $*color_tagspage_background;
        border: 1px solid $*color_tagspage_border;
        margin-top: 10px;
        padding: 10px;
        }

    .icons-container h2 {
        background-color: $*color_tagspage_title_background;
        border: solid 1px $*color_tagspage_title_border;
        color: $*color_tagspage_title;
        font-size: 1.2em;
        margin: 0 0 20px;
        padding: .2em;
        }

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

    .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 .default {
        text-decoration: underline;
        }

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

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

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

    #commenttext {
        width: 95%;
    }

    #body-footer {
        background-color: $*color_header_background;
        color: $*color_header_text;
        padding: .5em 0;
        text-align: right;
    }

    #body-footer a {
        background-color: $*color_header_background;
        color: $*color_header_text;
        padding: .5em 20px;
        text-decoration: none;
    }

    #body-footer a:hover {
        background-color: $*color_header_hover_background;
        color: $*color_header_hover;
    }

    #content { float: none; }
    .module-section-two { float: none; padding-bottom: 10px; }
    #wrap { padding-left: 20px; padding-right: 20px; }
    @media $medium_media_query {
        .two-columns-right #content { float: left; }
        .two-columns-right .module-section-two { float: left; }
        .two-columns-right #wrap { padding-$sidebar_position: $*sidebar_width; }
        .two-columns-left #content { float: right; }
        .two-columns-left .module-section-two { float: right; }
        .two-columns-left #wrap { padding-$sidebar_position: $*sidebar_width; }
    }
    """;
}