﻿.storiesContainer
{
  padding: 5px 0 12px 0px;
  margin-top:1em;
  margin-bottom:25px;
  color: #45434a;
}    

.photoPanel
{
    margin-right:15px;
}

.storyPanel
{
    
  border-bottom: 1px solid #c4c9b5;
  padding: 0px 3px 13px 3px;
  margin: 25px;
  overflow:hidden;
}
.storyDetailPanel
{
  padding: 5px 0 5px 10px;
} 
.storyHeadlinePanel
{
  font-family: veranda, Rockwell, Palatino Linotype, Book Antigua, cambria, constantia, serif;
  background-color:Orange;
  font-size: 1.2em;
  margin: 3px 0 3px 0;
  padding: 5px 0 10px 15px;
} 

.storyHeadline 
{
    color:black;
    
}    

.storyHeadline a
{
  text-decoration: none;
  }
  
 .storyPhoto
{
    margin: 2px 2px 2px 2px;
}

.StoryPhotos
{
    margin: 5px:
}


.storyCommentPanel 
{
  padding: 3px 0 0px 0px;
  font-size: .9em;
  font-style:italic;
  }

.storyCommentDetail
{
  }
    
.storyCommentAuthor
{
    font-style:normal;
    font-weight:bold;
    }

.storyCommentDateline
{
    font-style:normal;
    }
    
.storyCommentDateNow
{
    margin: 0 12px 0 0; 
    float:left; 
    background-image: url(images/bgCD1.jpg); 
    background-repeat: no-repeat; 
    width:127px; 
 text-align:center;
padding: 36px 0  12px 0;
    }

.storyCommentDateMedium
{
    margin: 0 12px 0 0; 
    float:left; 
    background-image: url(images/bgCD2.jpg); 
    background-repeat: no-repeat; 
    width:127px; 
 text-align:center;
padding: 36px 0  12px 0;

    }

.storyCommentDateLate
{
  margin: 0 12px 0 0; 
  float:left; 
  background-image: url(images/bgCD3.jpg); 
  background-repeat: no-repeat; 
  width:127px; 
  text-align:center;
  padding: 36px 0  12px 0;
    }

.storyCommentDatePanel
{
    }

.storyCommentDateline
{
    left: 16px; top:25px; position: relative; 
    }
    
    
.storyCommentCount
{
    padding: 5px 0 20px 0;
    color:#7d090c;
    font-size: .85em;
}

.storyPhotoPanel
{
    margin: 12px 12px 12px 12px;
}