layerinfo type = "layout";
layerinfo name = "Easel";
layerinfo redist_uniq = "easel/layout";
layerinfo author_name = "rosecarmine";
layerinfo lang = "en";
layerinfo source_viewable = 1;
layerinfo "is_public" = 1;

set layout_authors = [ { "name" => "rosecarmine", "type" => "user" } ];

##===============================
## Presentation
##===============================

propgroup presentation {

    property use layout_type;
    property use num_items_recent;
    property use num_items_reading;
    property use use_custom_friend_colors;
    property use use_shared_pic;
    property use use_journalstyle_entry_page;
    property use margins_size;
    property use margins_unit;

    property string canvas_width_size {
        des = "Set the width of the content";
        size = 3;
    }

    property string canvas_width_units{
        des = "Units for content width";
        values = "%|%|px|px";
    }


    property string header_width_size {
        des = "Set the width of the header";
        size = 3;
    }

    property string header_width_units{
        des = "Units for header width";
        values = "%|%|px|px";
    }

    property use sidebar_width;
    property use sidebar_width_doubled;
    property use medium_breakpoint_width;
    property use large_breakpoint_width;
    property use custom_control_strip_colors;

    property use reverse_sortorder_group;
    property use reg_firstdayofweek;
    property use tags_page_type;
    property use num_items_icons;
    property use icons_page_sort;

    property use all_entrysubjects;
    property use all_commentsubjects;
    property use entry_datetime_format_group;
    property use comment_datetime_format_group;
    property use userpics_style_group;
    property use userpics_position;

    property string entry_comment_text_align {
    des = "Set the text alignment in entries and comments";
    values = "left|Left|justify|Justify";
    }

    property use entry_metadata_position;

    property bool metadata_label_images{
    des = "Display the metadata labels as images";
    }

    property use userlite_interaction_links;
    property use entry_management_links;
    property use comment_management_links;

}

set layout_type = "two-columns-left";
set header_width_size ="87";
set header_width_units ="%";
set sidebar_width = "21em";
set sidebar_width_doubled = "42em";
set userpics_position = "right";
set use_custom_friend_colors = false;
set custom_foreground_element = "userpic_border";
set custom_background_element = "userpic_background";
set entry_management_links = "text";
set comment_management_links = "text";
set userlite_interaction_links = "text";
set all_entrysubjects = false;
set entry_comment_text_align = "justify";
set metadata_label_images = true;
set tags_page_type = "list";
set custom_control_strip_colors = "on_no_gradient";

##===============================
## Colors
##===============================

propgroup colors {

    property Color color_header_border { des = "Page header border color"; }
    property Color color_header_inner_background { des = "Page header foreground color (no gradient)"; }
    property Color color_header_inner_background_gradient_start { des = "Page header foreground gradient starting color"; }
    property Color color_header_inner_background_gradient_end { des = "Page header foreground gradient ending color"; }
    property Color color_header_inner_border { des = "Page header foreground border color"; }
    property Color color_header_inner_shadow { des = "Page header foreground shadow color"; }
    property Color color_page_title_border { des = "Page title border color"; }
    property Color color_page_title_shadow { des = "Page title text shadow color"; }
    property Color color_header_navigation_link { des = "Header navigation link color"; }
    property Color color_header_navigation_link_visited { des = "Header navigation visited link color"; }
    property Color color_header_navigation_link_hover { des = "Header navigation hover link color"; }
    property Color color_header_navigation_link_active { des = "Header navigation active link color"; }
    property Color color_header_navigation_link_shadow { des = "Header navigation shadow color"; }
    property Color color_header_navigation_background { des = "Header navigation background color"; }
    property Color color_header_navigation_border { des = "Header navigation border color"; }
    property Color color_header_navigation_margin { des = "Header navigation margins color"; }
    property Color color_header_navigation_shadow { des = "Header navigation shadow color"; }
    property Color color_header_navigation_back { des = "Header navigation back color"; }
    property Color color_header_navigation_inner_background { des = "Header navigation foreground color"; }
    property Color color_header_navigation_inner_border { des = "Header navigation foreground border color"; }
    property Color color_header_navigation_inner_margin { des = "Header navigation foreground margins color"; }

    property Color color_entry_inner_background { des = "Entry inner background color"; }
    property Color color_entry_inner_border { des = "Entry inner border color"; }
    property Color color_entry_inner_shadow { des = "Entry inner shadow color"; }
    property Color color_entry_contents_background { des = "Entry contents background color"; }
    property Color color_entry_contents_border { des = "Entry contents border color"; }
    property Color color_entry_header { des = "Entry header text color"; }
    property Color color_entry_header_background { des = "Entry header background color"; }
    property Color color_entry_header_inner_background { des = "Entry header foreground color"; }
    property Color color_entry_header_inner_border { des = "Entry header foreground border color"; }
    property Color color_entry_header_inner_margin{ des = "Entry header foreground margins color"; }
    property Color color_entry_header_border { des = "Entry header border color"; }
    property Color color_entry_header_shadow{ des = "Entry header shadow color"; }
    property Color color_entry_header_margin { des = "Entry header margins color"; }
    property Color color_entry_header_back { des = "Entry header back color"; }
    property Color color_entry_title_shadow { des = "Entry title shadow color"; }
    property Color color_userpic_background { des = "Userpic background color"; }
    property Color color_userpic_border { des = "Userpic border color"; }
    property Color color_poster_text { des = "Entry poster color"; }
    property Color color_poster_link { des = "Entry poster link color"; }
    property Color color_poster_background { des = "Entry poster background color"; }
    property Color color_poster_back { des = "Entry poster back color"; }
    property Color color_poster_border { des = "Entry poster border color"; }
    property Color color_poster_shadow { des = "Entry poster shadow color"; }

    property Color color_metadata_text {des = "Metadata text color";}
    property Color color_metadata_background {des = "Metadata background color";}
    property Color color_metadata_border {des = "Metadata border color";}
    property Color color_entry_tag_background { des = "Entry tags background color"; }
    property Color color_entry_tag_border { des = "Entry tags border color"; }

    property Color color_comment_title_shadow {des = "Comment title shadow color";}
    property Color color_comment_partial_background {des = "Collapsed comment background color";}
    property Color color_comment_partial_border {des = "Collapsed comment border color";}

    property Color color_module_text_shadow { des = "Module text shadow color"; }
    property Color color_module_title_border{ des = "Module header border color"; }
    property Color color_module_title_margin { des = "Module header margins color"; }
    property Color color_module_title_shadow { des = "Module header shadow color"; }
    property Color color_module_title_back { des = "Module header back color"; }
    property Color color_module_title_text_shadow { des = "Module title shadow color"; }
    property Color color_module_content_background { des = "Module content background color (no gradient) "; }
    property Color color_module_content_background_gradient_start { des = "Module content background gradient starting color"; }
    property Color color_module_content_background_gradient_end { des = "Module content background gradient ending color"; }
    property Color color_module_content_border { des = "Module content border color"; }
    property Color color_module_content_shadow { des = "Module content shadow color"; }
    property Color color_module_list_background { des = "Module list background color"; }
    property Color color_module_list_border { des = "Module list border color"; }
    property Color color_module_interaction_links { des = "Module management and interaction links color"; }
    property Color color_module_interaction_links_visited { des = "Module management and interaction visited links color"; }
    property Color color_module_interaction_links_hover { des = "Module management and interaction hover links color"; }
    property Color color_module_interaction_links_active { des = "Module management and interaction active links color"; }

    property Color color_namewebsite_background { des = "Name and website wrapper background color"; }
    property Color color_namewebsite_border { des = "Name and website wrapper border color"; }

    property Color color_navigation_link { des = "Navigation link color"; }
    property Color color_navigation_link_visited { des = "Navigation visited link color"; }
    property Color color_navigation_link_hover { des = "Navigation hover link color"; }
    property Color color_navigation_link_active { des = "Navigation active link color"; }
    property Color color_navigation_background { des = "Navigation background color (no gradient)"; }
    property Color color_navigation_background_gradient_start { des = "Navigation background gradient starting color"; }
    property Color color_navigation_background_gradient_end { des = "Navigation background gradient ending color"; }
    property Color color_navigation_border { des = "Navigation border color"; }
    property Color color_navigation_shadow { des = "Navigation shadow color"; }

    property Color color_shadow { des = "Page items shadow color"; }

    property Color color_blockquote_text { des = "Blockquote border color"; }
    property Color color_blockquote_border { des = "Blockquote border color"; }

    property Color color_icon_background { des = "Icon background color"; }
    property Color color_icon_border { des = "Icon border color"; }

    property use color_page_background;
    property use color_page_text;
    property use color_page_link;
    property use color_page_link_active;
    property use color_page_link_hover;
    property use color_page_link_visited;
    property use color_page_border;

    property use color_module_background;
    property use color_module_text;
    property use color_module_link;
    property use color_module_link_active;
    property use color_module_link_hover;
    property use color_module_link_visited;
    property use color_module_title_background;
    property use color_module_title;
    property use color_module_border;

    property use color_header_background;
    property use color_page_title;

    property use color_footer_background;
    property use color_footer_link;
    property use color_footer_link_active;
    property use color_footer_link_hover;
    property use color_footer_link_visited;

    property use color_entry_background;
    property use color_entry_text;
    property use color_entry_link;
    property use color_entry_link_active;
    property use color_entry_link_hover;
    property use color_entry_link_visited;
    property use color_entry_title_background;
    property use color_entry_title;
    property use color_entry_interaction_links;
    property use color_entry_interaction_links_active;
    property use color_entry_interaction_links_hover;
    property use color_entry_interaction_links_visited;
    property use color_entry_border;

    property use color_comment_title_background;
    property use color_comment_title;

    property use control_strip_bgcolor;
    property use control_strip_fgcolor;
    property use control_strip_bordercolor;
    property use control_strip_linkcolor;
}

##===============================
## Fonts
##===============================

propgroup fonts {

    property string font_entry_header {
        des = "Preferred font for entry date and time";
        maxlength = 50;
        size = 25;
        note = "For example: Arial or \"Times New Roman\". Leave blank to use the default.";
        }

    property string font_entry_header_size {
        des = "Size of date and time font";
        size = 3;
    }

    property string font_entry_header_units{
        des = "Units for entry date and time size ";
        values = "em|em|%|%|px|px";
    }

    property string font_header_navigation {
        des = "Preferred font for the header navigation module";
        maxlength = 50;
        size = 25;
        note = "For example: Arial or \"Times New Roman\". Leave blank to use the default.";
        }

    property string font_header_navigation_size {
        des = "Size of header navigation links";
        size = 3;
    }

    property string font_header_navigation_units{
        des = "Units for the size of the header navigation links";
        values = "em|em|%|%|px|px";
    }

    property string font_entry_footer {
        des = "Preferred font for the entry footer links ";
        maxlength = 50;
        size = 25;
        note = "For example: Arial or \"Times New Roman\". Leave blank to use the default.";
        }

    property string font_journal_footer {
        des = "Preferred font for the journal footer ";
        maxlength = 50;
        size = 25;
        note = "For example: Arial or \"Times New Roman\". Leave blank to use the default.";
        }

    property use font_base;
    property use font_fallback;
    property use font_base_size;
    property use font_base_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_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_sources;
}

set font_sources = "https://fonts.googleapis.com/css?family=Kaushan+Script|Satisfy";

set font_base = "Palatino, 'Palatino Linotype', 'Times New Roman', Times";
set font_fallback = "serif";
set font_base_size = "1";
set font_base_units = "em";

set font_header_navigation = "'Kaushan Script', Arial, sans-serif";
set font_header_navigation_size = "1";
set font_header_navigation_units = "em";

set font_journal_title = "Satisfy, 'Times New Roman', Times";
set font_journal_title_size = "1.625";
set font_journal_title_units = "em";

set font_journal_subtitle = "Satisfy, 'Times New Roman', Times";
set font_journal_subtitle_size = "1.25";
set font_journal_subtitle_units = "em";

set font_entry_title = "'Kaushan Script', Arial, sans-serif";
set font_entry_title_size = "1.25";
set font_entry_title_units = "em";

set font_entry_header = "Palatino, 'Palatino Linotype', 'Times New Roman', Times";
set font_entry_header_size = "1";
set font_entry_header_units = "em";

set font_entry_footer = "'Kaushan Script', Palatino, 'Palatino Linotype', 'Times New Roman', Times";

set font_module_heading = "'Kaushan Script', Arial, sans-serif";
set font_module_heading_size = "1.125";
set font_module_heading_units = "em";

set font_journal_footer = "'Kaushan Script', Palatino, 'Palatino Linotype', 'Times New Roman', Times";

##===============================
## Images
##===============================

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

    property string[] image_background_header_inner_group {
        des = "Header foreground image";
        grouptype = "image";
        }
    set image_background_header_inner_group = [ "image_background_header_inner_url", "image_background_header_inner_repeat", "image_background_header_inner_position" ];
    property string image_background_header_inner_url {
        grouped = 1;
        }
    property string image_background_header_inner_repeat {
        values = "repeat|tile image|no-repeat|no tile|repeat-x|tile horizontally|repeat-y|tile vertically";
        grouped = 1;
        }
    property string image_background_header_inner_position {
        values = "top left|top left|top center|top center|top right|top right|center left|center left|center center|center|center right|center right|bottom left|bottom left|bottom center|bottom center|bottom right|bottom right";
        grouped = 1;
        allow_other = 1;
}

    property int image_background_header_inner_height {
        des = "The height of your header, in pixels.  Use 0 for default.";
        example = "50";
        size = 6;
}

    property string[] image_background_header_navigation_group {
        des = "Header navigation background image";
        grouptype = "image";
        }
    set image_background_header_navigation_group = [ "image_background_header_navigation_url", "image_background_header_navigation_repeat", "image_background_header_navigation_position" ];
    property string image_background_header_navigation_url {
        grouped = 1;
        }
    property string image_background_header_navigation_repeat {
        values = "repeat|tile image|no-repeat|no tile|repeat-x|tile horizontally|repeat-y|tile vertically";
        grouped = 1;
        }
    property string image_background_header_navigation_position {
        values = "top left|top left|top center|top center|top right|top right|center left|center left|center center|center|center right|center right|bottom left|bottom left|bottom center|bottom center|bottom right|bottom right";
        grouped = 1;
        allow_other = 1;
}

    property string[] image_background_header_navigation_inner_group {
        des = "Header navigation foreground image";
        grouptype = "image";
        }
    set image_background_header_navigation_inner_group = [ "image_background_header_navigation_inner_url", "image_background_header_navigation_inner_repeat", "image_background_header_navigation_inner_position" ];
    property string image_background_header_navigation_inner_url {
        grouped = 1;
        }
    property string image_background_header_navigation_inner_repeat {
        values = "repeat|tile image|no-repeat|no tile|repeat-x|tile horizontally|repeat-y|tile vertically";
        grouped = 1;
        }
    property string image_background_header_navigation_inner_position {
        values = "top left|top left|top center|top center|top right|top right|center left|center left|center center|center|center right|center right|bottom left|bottom left|bottom center|bottom center|bottom right|bottom right";
        grouped = 1;
        allow_other = 1;
}

    property string[] image_background_entry_inner_group {
        des = "Entry inner background image";
        grouptype = "image";
}
    set image_background_entry_inner_group = [ "image_background_entry_inner_url", "image_background_entry_inner_repeat", "image_background_entry_inner_position" ];
    property string image_background_entry_inner_url {
        grouped = 1;
}
    property string image_background_entry_inner_repeat {
        values = "repeat|tile image|no-repeat|don't tile|repeat-x|tile horizontally|repeat-y|tile vertically";
        grouped = 1;
}
    property string image_background_entry_inner_position {
        values = "top left|top left|top center|top center|top right|top right|center left|center left|center center|center|center right|center right|bottom left|bottom left|bottom center|bottom center|bottom right|bottom right";
        grouped = 1;
        allow_other = 1;
}

    property string[] image_background_entry_contents_group {
        des = "Entry contents background image";
        grouptype = "image";
}
    set image_background_entry_contents_group = [ "image_background_entry_contents_url", "image_background_entry_contents_repeat", "image_background_entry_contents_position" ];
    property string image_background_entry_contents_url {
        grouped = 1;
}
    property string image_background_entry_contents_repeat {
        values = "repeat|tile image|no-repeat|don't tile|repeat-x|tile horizontally|repeat-y|tile vertically";
        grouped = 1;
}
    property string image_background_entry_contents_position {
        values = "top left|top left|top center|top center|top right|top right|center left|center left|center center|center|center right|center right|bottom left|bottom left|bottom center|bottom center|bottom right|bottom right";
        grouped = 1;
        allow_other = 1;
}

    property string[] image_background_entry_header_group {
        des = "Entry header background image";
        grouptype = "image";
        }
    set image_background_entry_header_group = [ "image_background_entry_header_url", "image_background_entry_header_repeat", "image_background_entry_header_position" ];
    property string image_background_entry_header_url {
        grouped = 1;
        }
    property string image_background_entry_header_repeat {
        values = "repeat|tile image|no-repeat|no tile|repeat-x|tile horizontally|repeat-y|tile vertically";
        grouped = 1;
        }
    property string image_background_entry_header_position {
        values = "top left|top left|top center|top center|top right|top right|center left|center left|center center|center|center right|center right|bottom left|bottom left|bottom center|bottom center|bottom right|bottom right";
        grouped = 1;
        allow_other = 1;
}

    property string[] image_background_entry_header_inner_group {
        des = "Entry header foreground image";
        grouptype = "image";
        }
    set image_background_entry_header_inner_group = [ "image_background_entry_header_inner_url", "image_background_entry_header_inner_repeat", "image_background_entry_header_inner_position" ];
    property string image_background_entry_header_inner_url {
        grouped = 1;
        }
    property string image_background_entry_header_inner_repeat {
        values = "repeat|tile image|no-repeat|no tile|repeat-x|tile horizontally|repeat-y|tile vertically";
        grouped = 1;
        }
    property string image_background_entry_header_inner_position {
        values = "top left|top left|top center|top center|top right|top right|center left|center left|center center|center|center right|center right|bottom left|bottom left|bottom center|bottom center|bottom right|bottom right";
        grouped = 1;
        allow_other = 1;
}

    property string[] image_background_module_title_group {
        des = "Module header background image";
        grouptype = "image";
}
    set image_background_module_title_group = [ "image_background_module_title_url", "image_background_module_title_repeat", "image_background_module_title_position" ];
    property string image_background_module_title_url {
        grouped = 1;
}
    property string image_background_module_title_repeat {
        values = "repeat|tile image|no-repeat|don't tile|repeat-x|tile horizontally|repeat-y|tile vertically";
        grouped = 1;
}
    property string image_background_module_title_position {
        values = "top left|top left|top center|top center|top right|top right|center left|center left|center center|center|center right|center right|bottom left|bottom left|bottom center|bottom center|bottom right|bottom right";
        grouped = 1;
        allow_other = 1;
}

    property string[] image_background_module_content_group {
        des = "Module content background image";
        grouptype = "image";
}
    set image_background_module_content_group = [ "image_background_module_content_url", "image_background_module_content_repeat", "image_background_module_content_position" ];
    property string image_background_module_content_url {
        grouped = 1;
}
    property string image_background_module_content_repeat {
        values = "repeat|tile image|no-repeat|don't tile|repeat-x|tile horizontally|repeat-y|tile vertically";
        grouped = 1;
}
    property string image_background_module_content_position {
        values = "top left|top left|top center|top center|top right|top right|center left|center left|center center|center|center right|center right|bottom left|bottom left|bottom center|bottom center|bottom right|bottom right";
        grouped = 1;
        allow_other = 1;
}

    property string[] image_background_module_list_group {
        des = "Module list background image";
        grouptype = "image";
}
    set image_background_module_list_group = [ "image_background_module_list_url", "image_background_module_list_repeat", "image_background_module_list_position" ];
    property string image_background_module_list_url {
        grouped = 1;
}
    property string image_background_module_list_repeat {
        values = "repeat|tile image|no-repeat|don't tile|repeat-x|tile horizontally|repeat-y|tile vertically";
        grouped = 1;
}
    property string image_background_module_list_position {
        values = "top left|top left|top center|top center|top right|top right|center left|center left|center center|center|center right|center right|bottom left|bottom left|bottom center|bottom center|bottom right|bottom right";
        grouped = 1;
        allow_other = 1;
}

    property string image_metadata_mood {
        des = "Icon for 'Current mood'";
}

    property string image_metadata_location {
        des = "Icon for 'Current location'";
}

    property string image_metadata_music {
        des = "Icon for 'Current music'";
}

    property string image_metadata_groups {
        des = "Icon for 'Custom access filters'";
}

    property string image_metadata_xpost {
        des = "Icon for 'Crossposts'";
}

    property string image_entry_tag {
        des = "Icon for entry tags";
}

    property string image_controlstrip_background {
        des = "Control strip background image";
}

}

##===============================
## Modules
##===============================

propgroup modules {

    property string module_navlinks_section_override {
       values = "none|(none)|header|Header|one|Main Module Section|two|Secondary Module Section";
       grouped = 1;
       }

    property string module_time_section_override {
       values = "none|(none)|footer|Footer";
       grouped = 1;
       }
    property string module_poweredby_section_override {
       values = "none|(none)|footer|Footer";
       grouped = 1;
       }

    property use module_userprofile_group;
    property use module_navlinks_group;
    property use module_calendar_group;
    property use module_links_group;
    property use module_syndicate_group;
    property use module_tags_group;
    property use module_pagesummary_group;
    property use module_active_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;
    property use module_subscriptionfilters_group;
}

set grouped_property_override = {

        "module_navlinks_section" => "module_navlinks_section_override",
        "module_time_section" => "module_time_section_override",
        "module_poweredby_section" => "module_poweredby_section_override",

};

# Explicitly define what sections the layout has available
set module_layout_sections = "none|(none)|one|Main Module Section|two|Secondary Module Section";

set module_navlinks_section = "header";
set module_time_section = "footer";
set module_poweredby_section = "footer";

set module_customtext_show = true;
set module_subscriptionfilters_show = true;

##===============================
## Text
##===============================

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_module_subscriptionfilters;

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

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

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

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

    property use text_stickyentry_subject;

    property use text_max_comments;
    property use text_skiplinks_back;
    property use text_skiplinks_forward;
}

##===============================
##Layout
##===============================

function Page::print() {
    """<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\n<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">\n<head profile="http://www.w3.org/2006/03/hcard http://purl.org/uF/hAtom/0.1/ http://gmpg.org/xfn/11">\n""";
    $this->print_meta_tags();
    $this->print_head();
    $this->print_stylesheets();
    $this->print_head_title();
    """</head>""";
    $this->print_wrapper_start();
    $this->print_control_strip();
    """
    <div id="canvas">
        <div class="inner">
            <div id="header-wrapper"><div class="inner">
                <div id="header">
                    <div class="inner">
    """;
                        $this->print_module_section("header");
                        """<div id="journaltitles-wrapper">""";
                        $this->print_header();
                        """</div>""";
    """
                    </div><!-- end header>inner -->
                </div><!-- end header -->
            </div></div><!-- end header-wrapper and header-wrapper>inner -->
            <div id="content">
                <div class="inner">
    """;
                if ($*layout_type == "one-column-split") {
    """
                    <div id="secondary"><div class="inner">
    """;
                        $this->print_module_section("one");
    """
                    </div></div><!--  end secondary and secondary>inner -->
    """;
                }
    """
                    <div id="primary"><div class="inner">
                        """; 
                        $this->print_body();
    """
                    </div></div><!-- end primary and primary>inner -->
    """;
                if ($*layout_type != "one-column-split") {
    """
                    <div id="secondary"><div class="inner">
    """;
                        $this->print_module_section("one");
    """
                    </div></div><!--  end secondary and secondary>inner -->
    """;
                }
    """
                    <div id="invisible-separator" style="float: left; width: 1px;"></div> <!-- this is a hack for IE7 + two-columns-right -->
                    <div id="tertiary"><div class="inner">
                        """;
                        $this->print_module_section("two");
    """
                    </div></div><!-- end tertiary and tertiary>inner -->
                    <div id="content-footer"></div>
                </div><!-- end content>inner -->
            </div> <!-- end content -->
        </div> <!-- end canvas>inner --> 
    """;
    
    """
    <div id="footer">
        <div class="inner">
            """;

            $this->print_module_section("footer");

            print safe """
                <div class="page-top"><a href="#">$*text_page_top</a></div>
        </div><!-- end footer>inner -->
    </div><!-- end footer -->
    
    </div> <!-- end canvas -->
    """;
    $this->print_wrapper_end();
    """</html>""";
}

##===============================
## Custom CSS
##===============================

function print_module_userprofile() {
    var Page p = get_page();

    open_module("userprofile", $*text_module_userprofile, $p.view_url{"userinfo"});

    if ($*module_userprofile_opts_userpic) {
        if (defined $p.journal.default_pic) {
            """<div class="userpic">""";
            $p.journal->print_userpic();
             "</div>";
        }
    }

    if ($*module_userprofile_opts_name or $*module_userprofile_opts_name) {

        """<div class="namewebsite-wrapper">\n""";

        if ($*module_userprofile_opts_name) {
            println "<div class='journal-name'>" + $p.journal.name + "</div>";
        }

        if ($*module_userprofile_opts_website and $p.journal.website_url != "") {
            var string website_name = ( $p.journal.website_name != "" ) ? $p.journal.website_name : $*text_website_default_name;
            println "<div class='journal-website-name'><a href='$p.journal.website_url'>$website_name</a></div>";
        }

        """</div>\n""";

    }

    $p.journal->print_interaction_links();
    close_module();
}

function EntryPage::print_comment_section(Entry e) {
   "<div id='comments'><div class='inner'>";
   $.comment_pages->print({ "anchor" => "comments", "class" => "comment-pages toppages" });
   if ( $e.comments.comments_disabled_maintainer ) {
        """<div class='comments-message'>$*text_comments_disabled_maintainer</div>""";
   }
   if ($.comment_pages.total_subitems > 0) {
        $.comment_nav->print({ "class" => "comment-pages toppages" });
        $this->print_multiform_start();
   }
   $this->print_comments($.comments);
   if ($.comment_pages.total_subitems > 0) {
        "<div class='bottomcomment'>";
        $e->print_management_links();
        $e->print_interaction_links("bottomcomment");
        $this->print_reply_container({ "target" => "bottomcomment" });
        "<div class='multiform_wrapper'>";
        $this->print_multiform_actionline();
        $this->print_multiform_end();
        "</div>";
        "</div>";
   }
   $.comment_pages->print({ "anchor" => "comments", "class" => "comment-pages bottompages" });
   if ($.comment_pages.total_subitems > 0) {
        $.comment_nav->print({ "class" => "comment-pages bottompages" });
   }
    "</div></div>";
}

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

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 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, $*color_header_background);
    var string header_inner_background = generate_background_css ($*image_background_header_inner_url, $*image_background_header_inner_repeat, $*image_background_header_inner_position, $*color_header_inner_background);
    if ($*image_background_header_height > 0) {
        $header_inner_background = """
            $header_inner_background
            height: """ + $*image_background_header_inner_height + """px;""";
    }
    var string header_navigation_background = generate_background_css ($*image_background_header_navigation_url, $*image_background_header_navigation_repeat, $*image_background_header_navigation_position, $*color_header_navigation_background);
    var string header_navigation_inner_background = generate_background_css ($*image_background_header_navigation_inner_url, $*image_background_header_navigation_inner_repeat, $*image_background_header_navigation_inner_position, $*color_header_navigation_inner_background);

    var string footer_background = generate_background_css( "", "", "", $*color_footer_background );
    var string footer_link_colors = generate_color_css( $*color_footer_link, new Color, new Color );
    var string footer_link_active_colors = generate_color_css( $*color_footer_link_active, new Color, new Color );
    var string footer_link_hover_colors = generate_color_css( $*color_footer_link_hover, new Color, new Color );
    var string footer_link_visited_colors = generate_color_css( $*color_footer_link_visited, new Color, new Color );

    var string entry_background = generate_background_css ($*image_background_entry_url, $*image_background_entry_repeat, $*image_background_entry_position, $*color_entry_background);
    var string entry_inner_background = generate_background_css ($*image_background_entry_inner_url, $*image_background_entry_inner_repeat, $*image_background_entry_inner_position, $*color_entry_inner_background);
    var string entry_header_background = generate_background_css ($*image_background_entry_header_url, $*image_background_entry_header_repeat, $*image_background_entry_header_position, $*color_entry_header_background);
    var string entry_header_inner_background = generate_background_css ($*image_background_entry_header_inner_url, $*image_background_entry_header_inner_repeat, $*image_background_entry_header_inner_position, $*color_entry_header_inner_background);
    var string entry_contents_background = generate_background_css ($*image_background_entry_contents_url, $*image_background_entry_contents_repeat, $*image_background_entry_contents_position, $*color_entry_contents_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 module_title_background = generate_background_css ($*image_background_module_title_url, $*image_background_module_title_repeat, $*image_background_module_title_position, $*color_module_title_background);
    var string module_content_background = generate_background_css ($*image_background_module_content_url, $*image_background_module_content_repeat, $*image_background_module_content_position, $*color_module_content_background);
    var string module_list_background = generate_background_css ($*image_background_module_list_url, $*image_background_module_list_repeat, $*image_background_module_list_position, $*color_module_list_background);

    var string page_colors = generate_color_css($*color_page_text, $*color_page_background, $*color_page_border);
    var string entry_colors = generate_color_css($*color_entry_text, $*color_entry_background, $*color_entry_border);
    var string module_colors = generate_color_css($*color_module_text, $*color_module_background, $*color_module_border);

    var string page_title_colors = generate_color_css($*color_page_title, new Color, new Color);
    var string entry_title_colors = generate_color_css($*color_entry_title, $*color_entry_title_background, new Color);
    var string comment_title_colors = generate_color_css($*color_comment_title, $*color_comment_title_background, new Color);
    var string module_title_colors = generate_color_css($*color_module_title, $*color_module_title_background, 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 entry_link_colors = generate_color_css($*color_entry_link, new Color, new Color);
    var string entry_link_active_colors = generate_color_css($*color_entry_link_active, new Color, new Color);
    var string entry_link_hover_colors = generate_color_css($*color_entry_link_hover, new Color, new Color);
    var string entry_link_visited_colors = generate_color_css($*color_entry_link_visited, new Color, new Color);
    var string entry_interaction_link_colors = generate_color_css($*color_entry_interaction_links, new Color, new Color);
    var string entry_interaction_link_active_colors = generate_color_css($*color_entry_interaction_links_active, new Color, new Color);
    var string entry_interaction_link_hover_colors = generate_color_css($*color_entry_interaction_links_hover, new Color, new Color);
    var string entry_interaction_link_visited_colors = generate_color_css($*color_entry_interaction_links_visited, new Color, new Color);

    var string module_link_colors = generate_color_css($*color_module_link, new Color, new Color);
    var string module_link_active_colors = generate_color_css($*color_module_link_active, new Color, new Color);
    var string module_link_hover_colors = generate_color_css($*color_module_link_hover, new Color, new Color);
    var string module_link_visited_colors = generate_color_css($*color_module_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 entry_header_font = generate_font_css($*font_entry_header, $*font_base, $*font_fallback, $*font_entry_header_size, $*font_entry_header_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 header_navigation_font = generate_font_css($*font_header_navigation, $*font_base, $*font_fallback, $*font_header_navigation_size, $*font_header_navigation_units);

     var string userpic_css = "";
         if ($*userpics_position == "left") {
             $userpic_css = """
             .entry .userpic,
             .comment .userpic {
                 float: left;
                 }

             .entry .poster, .full .comment .poster{
                 float:right;
                 border-right:3px solid #000;
                 border-radius:2px 2px 2px 0;
                 -webkit-border-radius:2px 2px 2px 0;
                 margin-right:-34px;
             }
             .entry .poster:after, .full .comment .poster:after{
                 content: "";
                 position: absolute;
                 right: -2px;
                 bottom: -11px;
                 width: 0;
                 border-width: 10px 10px 0 0;
                 border-style: solid;
                 border-color: $*color_poster_back transparent;
             }
             .entry .poster:hover, .full .comment .poster:hover{
                 padding-right:15px;
             }
             .entry-content, .comment-content{
                 clear:right;
             }
             """;
         }

         elseif ($*userpics_position == "right") {
             $userpic_css = """
             .entry .userpic,
             .comment .userpic {
                 float: right;
                 }
             .entry .poster, .full .comment .poster{
                 float:left;
                 border-left:3px solid #000;
                 border-radius:2px 2px 2px 0;
                 -webkit-border-radius:2px 2px 2px 0;
                 margin-left:-34px;
              }
             .entry .poster:after, .full .comment .poster:after{
                 content: "";
                 position: absolute;
                 left: -2px;
                 bottom: -11px;
                 width: 0;
                 border-width: 10px 0 0 10px;
                 border-style: solid;
                 border-color: $*color_poster_back transparent;
             }
             .entry .poster:hover, .full .comment .poster:hover{
                 padding-left:15px;
             }
             .entry-content, .comment-content{
                 clear:left;
             }
             """;
        }
        else {
             $userpic_css = """
             .entry .poster, .full .comment .poster{
                 float:left;
                 border-left:3px solid #000;
                 border-radius:2px 2px 2px 0;
                 -webkit-border-radius:2px 2px 2px 0;
                 margin-left:-34px;
              }
             .entry .poster:after, .full .comment .poster:after{
                 content: "";
                 position: absolute;
                 left: -2px;
                 bottom: -11px;
                 width: 0;
                 border-width: 10px 0 0 10px;
                 border-style: solid;
                 border-color: $*color_poster_back transparent;
             }
             .entry .poster:hover, .full .comment .poster:hover{
                 padding-left:15px;
             }
             .entry-content, .comment-content{
                 clear:left;
             }
             """;
         }

     var string entry_metatag_css = "";
         if ($*metadata_label_images) {
             $entry_metatag_css = """
             .tag ul:before{
                 content: url($*image_entry_tag);
             } 

             .tag-text{
                 display:none;
             } 

             .metadata-label{
                 display:none;
             }

             #metadata-mood:before{
                 content:url($*image_metadata_mood);
                 padding-right:2px;
             }

             .metadata-item-location:before{
                 content:url($*image_metadata_location);
                 padding-right:2px;
             }

             .metadata-item-music:before {
                 content:url($*image_metadata_music);
                 padding-right:2px;
             }

             .metadata-item-groups:before {
                 content:url($*image_metadata_groups);
                 padding-right:2px;
             }

             .metadata-item-xpost:before {
                 content:url($*image_metadata_xpost);
                 padding-right:2px;
             }
             """;
         }

     var string entry_interaction_css = "";
         if ($*entry_management_links == "icons") {
             $entry_interaction_css = """
            .entry-interaction-links{
                 float:right;
            }
            """;
         }

     var string comment_interaction_css = "";
         if ($*comment_management_links == "icons") {
             $comment_interaction_css = """
            .comment-interaction-links{
                 float:right;
            }
            """;
         }

    var string replypage_userpic_fix = "";
         if ( $*comment_userpic_style == "small" ) { 
         $replypage_userpic_fix = """
             .page-reply .comment .userpic img{
                height: auto; 
                width: auto; 
                max-width:75px;
                max-height:75px;
             }
             """;
         }
         elseif ( $*comment_userpic_style == "smaller" ) { 
         $replypage_userpic_fix = """
             .page-reply .comment .userpic img{
                height: auto; 
                width: auto; 
                max-width:50px;
                max-height:50px;
             }
             """;
         }

     var string controlstrip_css = "";
         if ($*custom_control_strip_colors == "on_gradient") {
             $controlstrip_css = """

             #lj_controlstrip{
                 border-bottom: 1px solid $*control_strip_bordercolor;
                 box-shadow:-4px 4px 2px $*color_shadow;
                 -webkit-box-shadow:-4px 4px 2px $*color_shadow;
             }

             #lj_controlstrip td { 
                 border:none;
             }

             #lj_controlstrip input[type="submit"]{
                 background:$*control_strip_bgcolor;
                 border:2px dotted $*control_strip_bordercolor;
                 font-weight:bold;
                 color:$*control_strip_fgcolor;
             }

             td#lj_controlstrip_userpic img{
                 border:1px dotted $*color_entry_header_border;
                 padding:2px;
             }

             """;
         }

         elseif ($*custom_control_strip_colors == "on_no_gradient") {
             $controlstrip_css = """

              #lj_controlstrip{
                 background-image:url($*image_controlstrip_background);
                 border-bottom: 1px solid $*control_strip_bordercolor;
                 box-shadow:-4px 4px 2px $*color_shadow;
                 -webkit-box-shadow:-4px 4px 2px $*color_shadow;
             }

             #lj_controlstrip td { 
                 border:none;
             }

             #lj_controlstrip input[type="submit"]{
                 background:$*color_entry_inner_background;
                 border:2px dotted $*control_strip_bgcolor;
                 font-weight:bold;
                 color:$*color_page_text;
             }

             td#lj_controlstrip_userpic img{
                 border:2px dotted $*control_strip_bgcolor;
                 background:$*color_entry_inner_background;
                 padding:2px;
             }

             """;
         }

    print_custom_control_strip_css();

    """
H1, H2, H3 {
    margin: .25em 0;
    padding: .25em 0;
}

img {
    border: none;
}

hr {
    display: none;
}
.entry-content hr,
.comment-content hr {
    display: block;
    margin: 1em 10%;
}

body {
    $page_font
    padding: 0;
    margin:0;
    $page_background
    $page_colors
}

html body {
    margin-left: $*margins_size$*margins_unit;
    margin-right: $*margins_size$*margins_unit;
}

q { font-style: italic; }

blockquote{
    color:$*color_blockquote_text;
    border-top:1px solid $*color_blockquote_border;
    border-bottom:1px solid $*color_blockquote_border;
    padding:.625em 0;
    font-style:italic;
    margin:1em;
    line-height:1.5;
}

#canvas{
    margin:0 auto;
    max-width: $*canvas_width_size$*canvas_width_units;
}

#header, #footer {
    margin: 0;
    clear: both;
}

/*--------------- links ---------------*/

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

a, a:link, a:visited {
    text-decoration:none;
    transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
}

/*--------------- header ---------------*/

#header-wrapper{
    width: 100%;
    margin:0 auto;
}

@media $medium_media_query {
    .multiple-columns #header-wrapper{
        width: $*header_width_size$*header_width_units;
    }
}

#header-wrapper > .inner:first-child{
    padding:2em 1em 0;
}

#header {
    $header_background
    $page_title_colors
    border:1px solid $*color_header_border;
    padding:10px;
    box-shadow:-4px 4px 2px $*color_shadow;
    -webkit-box-shadow:-4px 4px 2px $*color_shadow;
    border-radius:3px;
    -webkit-border-radius:3px;
    text-align:center;
    margin:.625em;
}

#header > .inner:first-child{
    $header_inner_background
    background:linear-gradient(to top right, $*color_header_inner_background_gradient_start, $*color_header_inner_background_gradient_end);
    background:-webkit-linear-gradient(left bottom, $*color_header_inner_background_gradient_start, $*color_header_inner_background_gradient_end);
    border:1px solid $*color_header_inner_border;
    box-shadow:0px 0px 3px $*color_header_inner_shadow;
    -webkit-box-shadow:0px 0px 3px $*color_header_inner_shadow;
    padding-top:10px;
}

#journaltitles-wrapper{
    padding:.625em;
    text-shadow: 0px 1px 0px $*color_page_title_shadow;
    -webkit-text-shadow: 0px 1px 0px $*color_page_title_shadow;
}

h1#title{
    $page_title_font
    font-weight:normal;
    margin:0;
}

h2#subtitle{
    $page_subtitle_font
    font-weight:normal;
    margin:0;
}

h2#pagetitle {
    font-size:1em;
    border-top:1px solid $*color_page_title_border;
    padding-top:.313em;
    font-style:italic;
}

h2#pagetitle:before{
    content:"- ";
}

h2#pagetitle:after{
    content:" -";
}

.module-section-header{
    $header_navigation_background
    margin:0 -28px;
    position:relative;
    text-align:center;
    padding:7px 0;
    color:#eee;
    border-top:1px dotted $*color_header_navigation_border;
    border-bottom:1px dotted $*color_header_navigation_border;
    border-left:3px solid $*color_header_navigation_margin;
    border-right:3px solid $*color_header_navigation_margin;
    border-radius:2px 2px 0 0;
    -webkit-border-radius:2px 2px 0 0;
    box-shadow: 0px 17px 2px -13px $*color_header_navigation_shadow;
    -webkit-box-shadow: 0px 17px 2px -13px $*color_header_navigation_shadow;
}

.module-section-header > .inner:first-child{
    $header_navigation_inner_background
    border-top:1px dotted $*color_header_navigation_inner_border;
    border-bottom:1px dotted $*color_header_navigation_inner_border;
    border-left:3px solid $*color_header_navigation_inner_margin;
    border-right:3px solid $*color_header_navigation_inner_margin;
    margin:0 -3px;
    padding:10px;
}

.module-section-header:before{
    content: "";
    position: absolute;
    left: -3px;
    bottom: -16px;
    width: 0;
    border-width: 15px 0 0 16px;
    border-style: solid;
    border-color: $*color_header_navigation_back transparent;
}

.module-section-header:after{
    content: "";
    position: absolute;
    right: -3px;
    bottom: -16px;
    width: 0;
    border-width: 15px 16px 0 0;
    border-style: solid;
    border-color: $*color_header_navigation_back transparent;
}

/*--------------- content ---------------*/

/* #content layout */
#content { float: none; }
@media $medium_media_query {
    .two-columns-left #content,
    .three-columns-sides #content {
        border-left: $*sidebar_width solid transparent;
    }
    .two-columns-right #content,
    .three-columns-sides #content {
        border-right: $*sidebar_width solid transparent;
    }
    .three-columns-left #content {
        border-left: $*sidebar_width_doubled solid transparent;
    }
    .three-columns-right #content {
        border-right: $*sidebar_width_doubled solid transparent;
    }
    .column-right #content {
        min-width: $*sidebar_width; /* prevents sidebar overlap of entry, when entry becomes narrower than sidebar */
    }
}

#content-footer {
    height: 0;
    font-size: 0; /*to make IE happy*/
    clear: both;
}

#primary {
    width:100%;
    margin-right:-100%;
    margin-left: 0;
}

#primary > .inner:first-child{
    padding: .5em 1em;
}

#secondary > .inner:first-child, #tertiary > .inner:first-child{
    padding: 0 1em;
}

@media $medium_media_query {

    .multiple-columns #primary > .inner:first-child, .multiple-columns #secondary > .inner:first-child, .three-columns #tertiary > .inner:first-child {
        padding: 1em;
    }

    .three-columns #footer{
        margin-top: 1em;
    }

}

/* #content layout */
#primary { float: none;}
#secondary, #tertiary { width: 100%; }

@media $medium_media_query {
    .multiple-columns #primary {
        float: left;
    }

    .two-columns-left #secondary,
    .three-columns-sides #secondary {
        float: left;
        width: $*sidebar_width;
        margin-left: -$*sidebar_width;
    }
    .two-columns-right #secondary {
        float: right;
        width: $*sidebar_width;
        margin-right: -$*sidebar_width;
    }
    .three-columns-left #secondary {
        float: left;
        width: $*sidebar_width;
        margin-left: -$*sidebar_width_doubled;
    }
    .three-columns-right #secondary {
        float: right;
        width: $*sidebar_width;
        margin-right: -$*sidebar_width;
    }

    .two-columns #tertiary {
        clear: both;
        width: auto;
    }
    .two-columns-left #tertiary { margin-left: -$*sidebar_width; }
    .two-columns-right #tertiary { margin-right: -$*sidebar_width; }
    .three-columns-left #tertiary {
        float: left;
        width: $*sidebar_width;
        margin-left: -$*sidebar_width;
    }
    .three-columns-right #tertiary {
        float: right;
        width: $*sidebar_width;
        margin-right: -$*sidebar_width_doubled;
        margin-left: $*sidebar_width; /* so that #tertiary won't overlay #secondary in IE7 */
    }
    .three-columns-sides #tertiary {
        float: right;
        width: $*sidebar_width;
        margin-right: -$*sidebar_width;
    }
}

/*--------------- entries ---------------*/

.entry, .full .comment {
    $entry_background
    $entry_colors
    border:1px solid $*color_entry_border;
    margin:1.25em .625em;
    padding:10px;
    box-shadow:-4px 4px 2px $*color_shadow;
    -webkit-box-shadow:-4px 4px 2px $*color_shadow;
    border-radius:3px;
    -webkit-border-radius:3px;
}

.entry > .inner:first-child, .full .comment > .inner:first-child{
    $entry_inner_background
    border:1px solid $*color_entry_inner_border;
    box-shadow:0px 0px 3px $*color_entry_inner_shadow;
    -webkit-box-shadow:0px 0px 3px $*color_entry_inner_shadow;
    padding-top:10px;
}

.entry .header, .comment .header{
    $entry_header_background
    margin:0 -28px;
    position:relative;
    text-align:center;
    padding:7px 0;
    border-top:1px dotted $*color_entry_header_border;
    border-bottom:1px dotted $*color_entry_header_border;
    border-left:3px solid $*color_entry_header_margin;
    border-right:3px solid $*color_entry_header_margin;
    border-radius:2px 2px 0 0;
    -webkit-border-radius:2px 2px 0 0;
    box-shadow: 0px 17px 2px -13px $*color_entry_header_shadow;
    -webkit-box-shadow: 0px 17px 2px -13px $*color_entry_header_shadow;
}

.entry .header .inner, .comment .header .inner{
    $entry_header_inner_background
    border-top:1px dotted $*color_entry_header_inner_border;
    border-bottom:1px dotted $*color_entry_header_inner_border;
    border-left:3px solid $*color_entry_header_inner_margin;
    border-right:3px solid $*color_entry_header_inner_margin;
    padding:5px;
    margin:0 -3px;
}

.entry .header:before, .comment .header:before{
    content: "";
    position: absolute;
    left: -3px;
    bottom: -16px;
    width: 0;
    border-width: 15px 0 0 16px;
    border-style: solid;
    border-color: $*color_entry_header_back transparent;
}

.entry .header:after, .comment .header:after{
    content: "";
    position: absolute;
    right: -3px;
    bottom: -16px;
    width: 0;
    border-width: 15px 16px 0 0;
    border-style: solid;
    border-color: $*color_entry_header_back transparent;
}

.entry .entry-title {
    $entry_title_font
    text-transform:uppercase;
    font-weight:normal;
    margin:0;
}

.entry .entry-title, .entry .entry-title a {
    $entry_title_colors
    text-shadow:0 0 2px $*color_entry_title_shadow;
    -webkit-text-shadow:0 0 2px $*color_entry_title_shadow;
}

.entry .entry-title a:hover {
    text-shadow:none;
    -webkit-text-shadow:none;
}

.entry .entry-title .ljuser img {
    display:none;
}

.entry .datetime{
    $entry_header_font
    font-style:italic;
}

.entry .datetime:before, .comment .header .datetime:before{
    content:"- ";
}

.entry .datetime:after, .comment .header .datetime:after{
    content:" -";
}

.entry .datetime, .entry .datetime a {
    color:$*color_entry_header;
}

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

.entry a { $entry_link_colors }
.entry a:visited { $entry_link_visited_colors }
.entry a:hover { $entry_link_hover_colors }
.entry a:active { $entry_link_active_colors }

.entry .contents, .full .comment .contents{
    margin:10px;
    $entry_contents_background
    border:1px solid $*color_entry_contents_border;
}

.contents:after{
    content:"";
    display:block;
    clear:both;
    height:0;
    line-height:0;
    font-size:0;
}

.entry .userpic, .comment .userpic{
    margin:10px;
}

.userpic img{ 
    border:2px solid $*color_userpic_border;
    background: $*color_userpic_background;
    padding:10px;
}

.entry .poster, .full .comment .poster{
    color:$*color_poster_text;
    background: $*color_poster_background;
    border:1px dotted $*color_poster_border;
    margin:10px 10px 0 0;
    position:relative;
    padding:2px 10px;
    transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
    box-shadow: 0px 5px 1px -4px $*color_poster_shadow;
    -webkit-box-shadow: 0px 5px 1px -4px $*color_poster_shadow;
}

.entry .poster a, .full .comment .poster a{
    color:$*color_poster_link;
}

.entry .poster img, .full .comment .poster img{
    display:none;
}

.poster.empty {
    display: none;
}

.entry-content, .comment-content{
    padding:1.25em;
    text-align:$*entry_comment_text_align;
}

/* 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 prevent overlapping when icon's on the left */
/* and list is the first thing in content */
.entry-content li,
.comment-content li {
    list-style-position: inside;
}

.cuttag_container img{
    vertical-align:bottom;
}

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

.metadata{
    color:$*color_metadata_text;
    margin:0 .625em;
    background:$*color_metadata_background;
    padding:.313em;
    border:2px dotted $*color_metadata_border;
    font-style:italic;
}

.metadata.top-metadata{
    margin-top:.625em;
}

.metadata.bottom-metadata{
    margin-bottom:.625em;
}

.metadata ul {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

.metadata li {
    margin: .25em;
}

$entry_metatag_css

.entry .footer, .comment .footer{
    padding:0 10px 10px;
    text-align:center;
}

.entry .footer:after{
    content:"";
    display:block;
    clear:both;
    height:0;
    font-size:0;
    line-height:0;
}

.entry .tag{
    text-align:left;
    padding:.313em .625em;
    background:$*color_entry_tag_background;
    border:2px dotted $*color_entry_tag_border;
    margin-bottom:.625em;
}

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

.tag ul li {
    display: inline;
} /* same for month view */

.tag-nav-trigger{
    float:right;
}

ul.entry-management-links.text-links, ul.entry-interaction-links {
    display:inline;
    font-family:$*font_entry_footer;
}

ul.entry-management-links, ul.comment-management-links{
    margin: 0;
    padding: 0;
}

ul.entry-management-links.icon-links, ul.comment-management-links.icon-links{
    float:left;
}

ul.entry-management-links li, ul.comment-management-links li {
    display: inline;
    padding: 0 .25em;
}

ul.entry-interaction-links, ul.comment-interaction-links {
    margin: 0;
    padding: 0;
}

.entry .entry-interaction-links a, .entry .entry-management-links a, .comment-interaction-links a, .comment-management-links a, .manage-link a, .month .footer a { $entry_interaction_link_colors }
.entry .entry-interaction-links a:visited, .entry .entry-management-links a:visited, .comment-interaction-links a:visited, .comment-management-links a:visited, .manage-link a:visited, .month .footer a:visited  { $entry_interaction_link_visited_colors }
.entry .entry-interaction-links a:hover, .entry .entry-management-links a:hover, .comment-interaction-links a:hover, .comment-management-links a:hover, .manage-link a:hover, .month .footer a:hover { $entry_interaction_link_hover_colors }
.entry .entry-interaction-links a:active, .entry .entry-management-links a:active, .comment-interaction-links a:active, .comment-management-links a:active, .manage-link a:active, .month .footer a:active { $entry_interaction_link_active_colors }

ul.entry-interaction-links li, ul.comment-interaction-links li {
    display: inline;
    padding: 0 .25em;
}

$entry_interaction_css

/*------------ comment page ------------*/

.bottomcomment{
    text-align:center;
    margin:.5em;
}

.multiform_wrapper{
    clear:both;
}

.my-journal .multiform_wrapper{
    margin:.625em;
    background:$*color_comment_partial_background;
    border: 2px dotted $*color_comment_partial_border;
}

.comment-pages{
    font-family:$*font_entry_footer;
    text-align:center;
    font-size:1.125em;
    clear:both;
}

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

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

.comment a { $entry_link_colors }
.comment a:visited { $entry_link_visited_colors }
.comment a:hover { $entry_link_hover_colors }
.comment a:active { $entry_link_active_colors }

.partial .comment{
    margin:.625em;
    padding:.625em;
    background:$*color_comment_partial_background;
    border: 2px dotted $*color_comment_partial_border;
}

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

.full .comment .comment-title, .full .comment .comment-title a {
    $comment_title_font
    $comment_title_colors
    text-shadow:0 0 2px $*color_comment_title_shadow;
    -webkit-text-shadow:0 0 2px $*color_comment_title_shadow;
}

.comment .comment-title a:hover {
    text-shadow:none;
    -webkit-text-shadow:none;
}

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

.comment .header .datetime{
    font-style:italic;
}

.comment-from-text{
    display:none;
}

ul.comment-management-links.text-links, ul.comment-interaction-links{
    display: inline;
    font-family:$*font_entry_footer;
}

$comment_interaction_css

#qrform {
    clear:both;
    margin-top:.75em;
}

#postform{
    margin:1.25em .625em;
    padding:.625em;
    background:$*color_comment_partial_background;
    border: 2px dotted $*color_comment_partial_border;
}

textarea#commenttext {
    width: 100%; /* fix for FF form width glitch */
}

$replypage_userpic_fix

/*------------ navigation ------------*/

#entries .navigation{
    text-align:center; 
    overflow:hidden;
}

.navigation.empty{
    display:none;
}

.navigation ul {
    margin: 0;
    padding: 0;
}

.navigation li {
    display: inline-block;
    padding-left: 0;
}

.navigation li a{
    color:$*color_navigation_link;
}

.navigation li a:visited{
    color:$*color_navigation_link_visited;
}

.navigation li a:hover{
    color:$*color_navigation_link_hover;
}

.navigation li a:active{
    color:$*color_navigation_link_active;
}

#entries .topnav{
    margin-bottom:-1.25em;
}

#entries .bottomnav{
    margin-top:-1.25em;
}

#entries .navigation ul{
    margin-left:50px;
    overflow:hidden;
}

li.page-back, li.page-forward{
    background:$*color_navigation_background;
    float:left;
    padding:3px 10px;
    box-shadow:-1px 1px 1px $*color_navigation_shadow;
    -webkit-box-shadow:-1px 1px 1px $*color_navigation_shadow;
    border:1px dotted $*color_navigation_border;
    transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
}

.topnav li.page-back, .topnav li.page-forward{
    margin:6px 2px 0;
    border-bottom:none;
}

.topnav li.page-back:hover, .topnav li.page-forward:hover{
    margin-top:2px;
    padding-bottom:7px;
}

.bottomnav li.page-back, .bottomnav li.page-forward{
    margin:0 2px 6px;
    border-top:none;
    background:linear-gradient($*color_navigation_background_gradient_start,$*color_navigation_background_gradient_end);
    background:-webkit-linear-gradient($*color_navigation_background_gradient_start,$*color_navigation_background_gradient_end);
}

.bottomnav li.page-back:hover, .bottomnav li.page-forward:hover{
    margin-bottom:2px;
    padding-top:7px;
}

.noentries {
    margin:1.25em .625em .625em;
    padding:.625em;
    background:$*color_comment_partial_background;
    border: 2px dotted $*color_comment_partial_border;
}

li.page-separator{
    display:none;
}

/*------------ archive, tags, icons containers------------*/

.month-wrapper, .page-month .month, .tags-container, .icons-container{
    $entry_background
    $entry_colors
    border:1px solid $*color_entry_border;
    padding:10px;
    margin:1.25em .625em;
    box-shadow:-4px 4px 2px $*color_shadow;
    -webkit-box-shadow:-4px 4px 2px $*color_shadow;
    border-radius:3px;
    -webkit-border-radius:3px;
}

.month > .inner:first-child, .tags-container > .inner:first-child, .icons-container > .inner:first-child{
    $entry_inner_background
    border:1px solid $*color_entry_inner_border;
    box-shadow:0px 0px 3px $*color_entry_inner_shadow;
    -webkit-box-shadow:0px 0px 3px $*color_entry_inner_shadow;
    padding-top:10px;
}

.month .header, .tags-container .header, .icons-container .header{
    $entry_header_background
    margin:0 -28px;
    position:relative;
    text-align:center;
    padding:7px 0;
    border-top:1px dotted $*color_entry_header_border;
    border-bottom:1px dotted $*color_entry_header_border;
    border-left:3px solid $*color_entry_header_margin;
    border-right:3px solid $*color_entry_header_margin;
    border-radius:2px 2px 0 0;
    -webkit-border-radius:2px 2px 0 0;
    box-shadow: 0px 17px 2px -13px $*color_entry_header_shadow;
    -webkit-box-shadow: 0px 17px 2px -13px $*color_entry_header_shadow;
}

.month .header .inner, .tags-container .header .inner, .icons-container .header .inner{
    $entry_header_inner_background
    border-top:1px dotted $*color_entry_header_inner_border;
    border-bottom:1px dotted $*color_entry_header_inner_border;
    border-left:3px solid $*color_entry_header_inner_margin;
    border-right:3px solid $*color_entry_header_inner_margin;
    padding:5px;
    margin:0 -3px;
}

.month .header:before, .tags-container .header:before, .icons-container .header:before{
    content: "";
    position: absolute;
    left: -3px;
    bottom: -16px;
    width: 0;
    border-width: 15px 0 0 16px;
    border-style: solid;
    border-color: $*color_entry_header_back transparent;
}

.month .header:after, .tags-container .header:after, .icons-container .header:after{
    content: "";
    position: absolute;
    right: -3px;
    bottom: -16px;
    width: 0;
    border-width: 15px 16px 0 0;
    border-style: solid;
    border-color: $*color_entry_header_back transparent;
}

.month .contents, .tags-container .contents, .icons-container .contents{
    margin:10px;
    padding:1.25em;
    $entry_contents_background
    border:1px solid $*color_entry_contents_border;
}

.tags-container h2, .month-wrapper h3, .icons-container h2{
    color:$*color_entry_title;
    $entry_title_font
    text-transform:uppercase;
    font-weight:normal;
    text-shadow:0 0 2px $*color_entry_title_shadow;
    -webkit-text-shadow:0 0 2px $*color_entry_title_shadow;
    margin:0;
}

.month .footer, .tags-container .footer, .icons-container .footer, .manage-link {
    text-align:center;
    font-family:$*font_entry_footer;
    margin-bottom:10px;
}

/*------------ archive------------*/

.month a { $entry_link_colors }
.month a:visited { $entry_link_visited_colors }
.month a:hover { $entry_link_hover_colors }
.month a:active { $entry_link_active_colors }

.month caption, .day-date {
    display: none;
}

table.month {
    margin: 0 auto;
    border-spacing: 3px;
    text-align:center;
}

.month table {
    max-width:415px; 
}

table.month td {
    height: 3.25em;
    padding: 3px;
}

table.month td.day{
    background:$*color_metadata_background;
    border:2px dotted $*color_metadata_border;
}

table.month th {
    background:$*color_entry_header_inner_background;
    border:2px dotted $*color_entry_header_background;
    color:$*color_entry_title;
    text-shadow:0 0 2px $*color_entry_title_shadow;
    -webkit-text-shadow:0 0 2px $*color_entry_title_shadow;
    width:3.25em;
    padding: 3px;
}

table.month td p {
    margin: 0;
    padding: 3px;
}

.month dl{
    margin:0 10px 10px;
    $entry_contents_background
    border:1px solid $*color_entry_contents_border;
}

.month dl dt {
    font-weight: bold;
}
.month dl .time {
    padding-right: .5em;
}
.month dl h3 {
    display: inline;
    font-size: 1em;
}
.page-month .month .entry-poster {
    margin-right: .5em;
}
.month dl .tag ul {
    margin-top: 0;
}

.month dt {
    $entry_header_inner_background
    padding:.125em .625em;
    border:2px dotted $*color_entry_header_background;
    font-weight:normal;
    margin:0 -32px 10px;
    position:relative;
    padding:7px 0;
    text-align:center;
    border-left:3px solid $*color_entry_header_inner_margin;
    border-right:3px solid $*color_entry_header_inner_margin;
    border-radius:2px 2px 0 0;
    -webkit-border-radius:2px 2px 0 0;
    box-shadow: 0px 14px 2px -10px $*color_entry_header_shadow;
    -webkit-box-shadow: 0px 14px 2px -10px $*color_entry_header_shadow;
}
.month dt:before{
    content: "";
    position: absolute;
    left: -3px;
    bottom: -12px;
    width: 0;
    border-width: 10px 0 0 10px;
    border-style: solid;
    border-color: $*color_entry_header_back transparent;
}

.month dt:after{
    content: "";
    position: absolute;
    right: -3px;
    bottom: -12px;
    width: 0;
    border-width: 10px 10px 0 0;
    border-style: solid;
    border-color: $*color_entry_header_back transparent;
}

.month dt, .month dt a{
    color:$*color_entry_title;
    font-family:$*font_entry_title;
    text-shadow:0 0 2px $*color_entry_title_shadow;
    -webkit-text-shadow:0 0 2px $*color_entry_title_shadow;
}

.month dt a:hover{
    text-shadow:none;
    -webkit-text-shadow:none;
}

.month dd{
    padding-right:.625em;
}

#archive-year .navigation, #archive-month .navigation{
    text-align:center;
    margin:.625em;
}

#archive-month .navigation a {
    color:$*color_page_link;
}

#archive-month .navigation a:hover {
    color:$*color_page_link_hover;
}

#archive-month .navigation a:active {
    color:$*color_page_link_active;
}

#archive-month .navigation a:visited {
    color:$*color_page_link_visited;
}

#archive-year .navigation li{
    padding: 2px 10px;
    background:$*color_navigation_background;
    border-radius:2px;
    -webkit-border-radius:2px;
    border:1px dotted $*color_navigation_border;
    box-shadow:-1px 1px 1px $*color_navigation_shadow;
    -webkit-box-shadow:-1px 1px 1px $*color_navigation_shadow;
    margin:.25em 0;
    transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
}

#archive-year .navigation li:hover{
    box-shadow:none;
    -webkit-box-shadow:none;
}

#archive-year li.active{
    background:$*color_comment_partial_background;
    border: 2px dotted $*color_comment_partial_border;
    color:$*color_page_text;
    box-shadow:none;
    -webkit-box-shadow:none;
}

/*------------ tag page ------------*/

.tags-container a { $entry_link_colors }
.tags-container a:visited { $entry_link_visited_colors }
.tags-container a:hover { $entry_link_hover_colors }
.tags-container a:active { $entry_link_active_colors }

ul.ljtaglist:first-child, .tags_cloud ul{
    padding:0;
    margin:0;
}

ul.ljtaglist{
    padding-left:1em;
    list-style:none;
}

ul.ljtaglist li:before{
    content: url($*image_entry_tag);
    padding-right:2px;
}

/*------------ icons page ------------*/

.icons-container a { $entry_link_colors }
.icons-container a:visited { $entry_link_visited_colors }
.icons-container a:hover { $entry_link_hover_colors }
.icons-container a:active { $entry_link_active_colors }

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

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

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

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

.icon{
    background:$*color_icon_background;
    border:2px dotted $*color_icon_border;
    padding:10px;
    margin:10px;
    min-height: 100px;
}

.icon-image {
    float: left;
    min-width: 100px;
    margin-right: 10px;
}

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

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

.icon span{
    font-weight:bold;
}

.icon-pages p{
    margin:0;
}

/*------------ modules ------------*/

.module {
    $module_background
    $module_colors
    margin:1.25em .625em;
    border-radius:3px;
    -webkit-border-radius:3px;
    border:1px solid $*color_module_border;
    padding:10px;
    box-shadow:-4px 4px 2px $*color_shadow;
    -webkit-box-shadow:-4px 4px 2px $*color_shadow;
    text-align:center;
}

.module a { $module_link_colors }
.module a:visited { $module_link_visited_colors }
.module a:hover { $module_link_hover_colors }
.module a:active { $module_link_active_colors }

.module h2 {
    $module_title_colors
    $module_title_background
    $module_title_font
    text-transform:uppercase;
    font-weight:normal;
    padding:7px;
    margin:0 -21px;
    position:relative;
    border-top:2px dotted $*color_module_title_border;
    border-bottom:2px dotted $*color_module_title_border;
    border-left:3px solid $*color_module_title_margin;
    border-right:3px solid $*color_module_title_margin;
    text-shadow:0 0 2px $*color_module_title_text_shadow;
    -webkit-text-shadow:0 0 2px $*color_module_title_text_shadow;
    box-shadow: 0px 14px 2px -10px $*color_module_title_shadow;
    -webkit-box-shadow: 0px 14px 2px -10px $*color_module_title_shadow;
}

.module h2, .module h2 a{
    $module_title_colors
}

.module h2 a:hover {
    text-shadow:none;
    -webkit-text-shadow:none;
}

.module h2:before{
    content: "";
    position: absolute;
    left: -3px;
    bottom: -12px;
    width: 0;
    border-width: 10px 0 0 10px;
    border-style: solid;
    border-color: $*color_module_title_back transparent;
}

.module h2:after{
    content: "";
    position: absolute;
    right: -3px;
    bottom: -12px;
    width: 0;
    border-width: 10px 10px 0 0;
    border-style: solid;
    border-color: $*color_module_title_back transparent;
}

.module-content {
    $module_font
    $module_content_background
    border:1px solid $*color_module_content_border;
    box-shadow:0px 0px 3px $*color_module_content_shadow;
    -webkit-box-shadow:0px 0px 3px $*color_module_content_shadow;
}

.module-content ul {
    $module_list_background
    list-style: none;
    margin: 10px;
    padding:.625em;
    text-align:left;
    border: 1px solid $*color_module_list_border;
}

.module-content li {
    margin: .313em 0;
}

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

.module-calendar table {
    margin: 10px auto;
    $module_list_background
    border: 1px solid $*color_module_list_border;
}

.module-calendar th{
    $module_title_colors
    $module_title_background
    border:2px dotted $*color_module_title_border;
    text-shadow:0 0 2px $*color_module_title_text_shadow;
    -webkit-text-shadow:0 0 2px $*color_module_title_text_shadow;
}

.module-calendar td {
    padding: 1px 5px;
}

.entry-day{
    border:1px solid;
    border-radius:50%;
    -webkit-border-radius:50%;
}

.module-tags_multilevel .module-content li:before, .module-tags_list .module-content li:before{
    padding-right: 4px;
    content: url($*image_entry_tag);
}

.module .userpic{
    margin-top:10px;
}

.namewebsite-wrapper{
    background:$*color_namewebsite_background;
    border:2px dotted $*color_namewebsite_border;
    padding: .25em .625em;
    margin:10px auto;
    font-family:$*font_journal_title;
    max-width:11.25em;
    text-align:center;
}

.journal-name:before{
    content:".: ";
}

.journal-name:after{
    content:" :.";
}

ul.userlite-interaction-links {
    border:none;
    background:none;
    padding:0;
    text-align:center;
    font-size:.875em;
}

ul.userlite-interaction-links li{
    display: inline;
    padding: 0 .20em;
}

ul.userlite-interaction-links.text-links {
    font-family:$*font_entry_footer;
}

.module-customtext .module-content, .module-search .module-content{
    background-image:none;
    background:linear-gradient(to top right, $*color_module_content_background_gradient_start, $*color_module_content_background_gradient_end);
    background:-webkit-linear-gradient(left bottom, $*color_module_content_background_gradient_start, $*color_module_content_background_gradient_end);
    text-shadow:0 1px 0 $*color_module_text_shadow;
    -webkit-text-shadow:0 1px 0 $*color_module_text_shadow;
    padding:.625em;
}

.module-customtext .module-content{
    font-style:italic;
    text-align:left;
}

.search-box {
    margin: .2em auto;
    max-width: 100%;
}

.search-form .search-box-item, 
.search-form .search-button-item {
    display: block;
}

.search-form .comment_search_checkbox_item {
    display: inline;
}

/* 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-syndicate h2, .module-cuttagcontrols h2{
    display:none;
}

.module-syndicate, .module-cuttagcontrols{
    color:$*color_navigation_link;
    background:$*color_navigation_background;
    background:linear-gradient($*color_navigation_background_gradient_start,$*color_navigation_background_gradient_end);
    background:-webkit-linear-gradient($*color_navigation_background_gradient_start,$*color_navigation_background_gradient_end);
    box-shadow:-1px 1px 1px $*color_navigation_shadow;
    -webkit-box-shadow:-1px 1px 1px $*color_navigation_shadow;
    border:1px dotted $*color_navigation_border;
    width:70%; 
    margin:-1.25em auto 10px;
    padding:7px 0;
    border-top:none;
    border-radius:0;
}

.module-syndicate .module-content, .module-cuttagcontrols .module-content{
    background:none;
    border:none;
    box-shadow:none;
    padding:0;
}

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

.userlite-interaction-links a, .module .manage-link a { color: $*color_module_interaction_links; }
.userlite-interaction-links a:visited, .module .manage-link a:visited { color: $*color_module_interaction_links_visited; }
.userlite-interaction-links a:hover, .module .manage-link a:hover { color: $*color_module_interaction_links_hover; }
.userlite-interaction-links a:active, .module .manage-link a:active { color: $*color_module_interaction_links_active; }

/*------------ header navigation module------------*/

#header .module-navlinks,
#header .module-navlinks .module-content,
#header .module-navlinks .module-content ul{
    margin:0;
    background:none;
    border:0;
    box-shadow:none;
    -webkit-box-shadow:none;
    text-align:center;
    padding:0;
}

#header .module-navlinks ul.module-list li{
    display:inline; 
    padding:0 .25em;
    $header_navigation_font
    text-transform:uppercase;
}

#header .module-navlinks ul.module-list li a{
    color:$*color_header_navigation_link;
    text-shadow:0 0 2px $*color_header_navigation_shadow;
    -webkit-text-shadow:0 0 2px $*color_header_navigation_shadow;
} 

#header .module-navlinks ul.module-list li a:visited{
    color:$*color_header_navigation_link_visited;
}

#header .module-navlinks ul.module-list li a:hover{
    color:$*color_header_navigation_link_hover;
    text-shadow:none;
    -webkit-text-shadow:none;
}

#header .module-navlinks ul.module-list li a:active{
    color:$*color_header_navigation_link_active;
}

/*--------------- footer ---------------*/

#footer {
    $footer_background
    font-family: $*font_journal_footer;
    padding: .5em;
    overflow:hidden;
}

.module-section-footer{
    width:80%;
}

#footer .module, #footer .module .module-content{
    font-family: $*font_journal_footer;
    background:none;
    border:0;
    box-shadow:none;
    -webkit-box-shadow:none;
    margin:0;
    padding:0;
}

.two-columns-right .module-section-footer, .module-time, .page-top{
    float:left;
}

.module-section-footer, .module-powered, .two-columns-right .page-top{
   float:right;
}

#footer a { $footer_link_colors }
#footer a:visited { $footer_link_visited_colors }
#footer a:hover { $footer_link_hover_colors }
#footer a:active { $footer_link_active_colors }

/*------------ contextual pop-up ------------*/

div.ContextualPopup {
    font-family:$*font_base;
    $entry_inner_background;
    border-radius:2px;
    -webkit-border-radius:2px;
    border:0;
    padding:10px;
}

div.ContextualPopup .Relation {
    font-size:1em;
    font-family:$*font_entry_title;
    font-weight:normal;
    margin:5px 10px;
}

div.ContextualPopup .Userpic{
    border:0;
    $entry_background
    padding:5px;
    box-shadow:-2px 2px 2px $*color_shadow;
    -webkit-box-shadow:-2px 2px 2px $*color_shadow;
}

div.ContextualPopup .Userpic img{
    border:2px solid $*color_userpic_background;
}

div.ContextualPopup ul {
    list-style:none; 
    $entry_contents_background
    border:1px solid $*color_entry_contents_border;
    padding:5px;
}

/*------------ control strip ------------*/

$controlstrip_css

#lj_controlstrip_actionlinks {
    text-align: center;
}

#lj_controlstrip_search {
    text-align: right;
}

$userpic_css
    """;
}