﻿/************************************
 * Base Theme Styles
 ***********************************/
body, html { background: url(bg_body.gif) repeat-x top left; font: 12px Arial, Helvetica, Georgia, sans-serif; }

body { padding-top: 55px !important; }
#container { margin: 0 auto; width: 896px; background: url(bg_page.gif) no-repeat top left; padding: 23px; }
#header { height: 190px; width: 850px; }
#contents { float: left; width: 618px; background: url(bg_post.gif) no-repeat; padding: 15px; margin: 10px 0 0; }
#sidebar { float: left; width: 192px; background: url(bg_sidebar.gif) no-repeat; margin: 10px 0 0 10px; padding-top: 15px; }
#footer { clear: both; border-top: 1px solid #e5d8c6; color: #b1a799; font-size: 11px; margin: 15px 0 0; padding: 10px 15px 0; text-align: center;
    padding-bottom: 15px;
    padding-top: 20px;
    height: 70px;
    width: 820px;
}

a { color: #05b303; }
a:hover { text-decoration: none; text-decoration: underline; }

#sidebar .title { border-bottom: 1px solid #ebe1d3; color: #514129; font: bold 12px/1.5em Georgia, sans-serif; padding: 0 0 7px; margin: 0 15px 7px 15px; text-indent: -15px; text-transform: uppercase; }
#sidebar li { margin-top: 5px; }
#sidebar a { color: #878773; text-decoration: underline; }
#sidebar a:hover { text-decoration: none; }

/************************************
 * Design Assistant Overrides
 ***********************************/
div#preview { background: url(bg_body.gif) repeat-x top left; padding-top: 55px; }

/************************************
 * Editor Overrides
 ***********************************/
#edit-contents { background: #fff; height: 100%; padding-top: 0; }

/************************************
 * Color-Specific Styles
 ***********************************/
body, html { background-image: url(bg_body_purple.gif); }
#container { background-image: url(bg_page_purple.gif); }
#contents { background-image: url(bg_post_purple.gif); }
#sidebar { background-image: url(bg_sidebar_purple.gif); }

/* Fix for the designer */
div#preview { background-image: url(bg_body_purple.gif); }
