/**
 * Blog application stylesheet
 * 
 * There are two ways to customize the appearance of this application:
 * 
 * 1. For minor changes in appearance: Create a new stylesheet that imports 
 *    this one, adding just the customizations you wish to make (recommended).
 * 2. Download a copy of this stylesheet and modify it directly.
 * 
 * Add your new or updated stylesheet to the CMSPlus file repository and 
 * update the Blog configuration to reference your stylesheet instead of the
 * default.
 */

/* Layout elements */
#blog-layout             { width: 100%; }
#blog-layout-content     { float: left; margin: 0; padding: 0; width: 80%; }
#blog-layout-tools       { float: left; margin: 0; padding: 0; position: relative; width: 20%; }

/* Toolbar classes */
.blog-tools-group        { background-color: #F5F7F2; margin: 5px 5px 15px 5px; padding: 5px; }
.blog-tools-group h2     { margin: 5px; padding: 0; }
.blog-tools-links        { list-style-type: none; margin: 5px; padding: 0; }
.blog-tools-links ul     { margin: 5px; padding: 0; }
.blog-tools-links ul li  { margin: 0 5px 0 25px; padding: 0; }

/* Toolbar elements */
#blog-tools-greeting     { font-weight: bold; text-align: center; }
#blog-tools-authors      { }
#blog-tools-about        { }
#blog-tools-recent       { }
#blog-tools-categories   { }
#blog-tools-subscription { }
#blog-tools-subscribe    { background: url('/images/cmsplus/icon_email_send.gif') no-repeat 0 3px; padding-left: 30px; }
#blog-tools-rss          { background: url('/images/cmsplus/icon_rss.gif') no-repeat 6px 3px; padding-left: 30px; }
#blog-tools-archives     { }

/* Author classes */
.blog-author-bio         { }
.blog-author-name        { }
.blog-author-photo       { float: left; margin: 0 20px 10px 0; }
.blog-author-bio         { }
.blog-author-divider     { border-style: dashed none none none; height: 3px; }

/* Entry classes */
.blog-entry              { }
.blog-entry-date         { }
.blog-entry-title        { }
.blog-entry-byline       { }
.blog-entry-categories   { }
.blog-entry-links        { list-style-type: none; padding-left: 0; }
.blog-entry-content      { }
.blog-entry-comments     { }
.blog-entry-divider      { border-style: dashed none none none; height: 3px; }

/* Comment classes */
.blog-comment            { }
.blog-comment-toolbar    { }
.blog-comment-actions    { float: left; list-style-type: none; margin: 0 0 10px 0; padding: 0; width: 75%; }
.blog-comment-actions li { display: inline; font-weight: bold; margin: 0 10px 0 0; padding: 0 0 10px 0; }
.blog-comment-status     { float: left; font-weight: bold; left: 75%; margin: 0 0 0 -75%; padding: 0; position: relative; text-align: right; width: 25%; }
.blog-comment-heading    { clear: left; font-weight: bold; }
.blog-comment-text       { }
.blog-comment-divider    { border-style: dashed none none none; height: 3px; }

/* Approved comments */
.blog-comment-approved 
.blog-comment-status     { display: none; }

/* Rejected comments */
.blog-comment-rejected 
.blog-comment-status     { color: red; }
.blog-comment-rejected 
.blog-comment-text       { color: #cccccc; }

/* Posted comments */
.blog-comment-posted     
.blog-comment-status     { color: green; }

/* Flagged comments */
.blog-comment-flagged    
.blog-comment-status     { color: blue; }

/* Customizable form button examples
#blog-author-submit      { background: url('/files/images/button_submit.gif') no-repeat; border: none; color: transparent; height: 17px; width: 90px; }
#blog-author-cancel      { background: url('/files/images/button_cancel.gif') no-repeat; border: none; color: transparent; height: 17px; width: 90px; }
#blog-entry-submit       { background: url('/files/images/button_submit.gif') no-repeat; border: none; color: transparent; height: 17px; width: 90px; }
#blog-entry-cancel       { background: url('/files/images/button_cancel.gif') no-repeat; border: none; color: transparent; height: 17px; width: 90px; }
#blog-comment-submit     { background: url('/files/images/button_submit.gif') no-repeat; border: none; color: transparent; height: 17px; width: 90px; }
*/