/********************************************************************************************************************************
Created by Brand X ApS                                                                                                         
                                                                                                                               
Date of creation:     2009-08-03      By  Stephan Redon                                                                       
Latest Modification:  2009-08-03      By  Stephan Redon                                                                      
                                                                                                                              
CSS associated to: Editorial Module                                                                                   
                                                                                                                               
********************************************************************************************************************************/  

/* ***** MENU STYLES ***********************************************************************************************************/
.EditorialMenu {
    clear: both;
    Margin-top: 20px;
}
/* ***** END MENUSTYLES ********************************************************************************************************/

/* ***** ARTICLE STYLES ********************************************************************************************************/
.article 
{
    clear: both;
    text-align: left;
    margin-bottom : 25px;
}

.articleHeadline h1 {
  /* We use the default h1 style from Layout.css but we reset the margins*/
  margin: 10px 0;
}

.articleSummary h4, .articleSummary h4 p {
  /* We use the default h1 style from Layout.css but we reset the margins*/
    margin: 0 0 10px 0;
    line-height: 1.125em;
}

.articleAuthor {
    float: left;
	margin-bottom: 10px;
	width: 100%;
} 

.articleauthorPane {
    color: #606300;
    float: left;
}

.articleratingPane {
    float: right;
}

.articleCalendar {
    float: left;
    margin-right: 6px;
    width: 42px;
    height: 42px;
}

.articleCalendarIcon-01 {
    background: url('images/01.gif');
}

.articleCalendarIcon-02 {
    background: url('images/02.gif');
}

.articleCalendarIcon-03 {
    background: url('images/03.gif');
}

.articleCalendarIcon-04 {
    background: url('images/04.gif');
}

.articleCalendarIcon-05 {
    background: url('images/05.gif');
}

.articleCalendarIcon-06 {
    background: url('images/06.gif');
}

.articleCalendarIcon-07 {
    background: url('images/07.gif');
}

.articleCalendarIcon-08 {
    background: url('images/08.gif');
}

.articleCalendarIcon-09 {
    background: url('images/09.gif');
}

.articleCalendarIcon-10 {
    background: url('images/10.gif');
}

.articleCalendarIcon-11 {
    background: url('images/11.gif');
}

.articleCalendarIcon-12 {
    background: url('images/12.gif');
}

.articleCalendarDay {
    font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
    font-size:17px;
    font-weight: bold;
    color: #000;
    width: 42px;
    text-align:center;
    padding-top: 15px;
}

.articleEntry {
    margin-bottom: 20px;
    clear: both;
} 

.articleImage { 
	margin: 0 0 4px 0;
}

.articlePaging { 
    margin-bottom: 20px;
} 

.articleCategories  {
     margin-bottom: 10px;
     line-height: 1.2em;
} 

.postRating {
    margin: 0 0 20px 0;
}

.postRatingScale input {
    margin-right: 4px;
}

.postRatingScale label {
    padding-right: 15px;
}

.article_AddThisToolBar {
    margin-bottom: 20px;
}
/* ***** END ARTICLE STYLES ****************************************************************************************************/


/* ***** LISTING STYLES ********************************************************************************************************/
.Listing 
{
    clear: both;
    text-align: left;
    margin-bottom: 25px;    
}

.ListingHeadline a h4 {
  /* We use the default h1 style from Layout.css but we reset the margins*/
  margin: 10px 0;
  cursor: pointer; 
}

.ListingAuthor {
    float: left;
	margin-bottom: 10px;
	width: 100%;
} 
.ListingAuthorPane {    
    float: left;
}

.ListingRatingPane {
    float: right;
}

.ListingImage {
    float: left;
    margin: 0 10px 4px 0;
}

.ListingImageTitle {
width: 100%;
margin-bottom: 10px;
font-family: Arial, Helvetica, sans-serif;    
font-weight:normal;
line-height:normal;
font-size:0.8em; 
color: #606300;
clear:both;
}

.ListingSummuryPane {
    float: left;
    margin-bottom: 10px;
}

.ListingSummary {
margin-bottom: 10px; 
float: left;
}

.ListingCategories {
margin-top: 5px;
}
/* ***** END LISTING STYLES ****************************************************************************************************/


/* ***** COMMENT STYLES ********************************************************************************************************/

.articleComments 
{
    text-align: left;
    margin: 5px 0 20px 0;      
    width: 100%;   
}

.articleCommentHeader {
    border-bottom:1px solid #D8D8D8;
    padding-bottom: 5px;
    float: left;
    width: 100%;
}

.articleCommentTitlePane {
    background-color: #BBC684;           
    height: 20px;     
    padding: 5px 10px 5px 10px;   
    float: left;    
    width: 568px;
}

.articleCommentTitle {  
    font-family:Georgia, "Times New Roman", Times, serif;
    font-weight:normal;
    line-height: normal;
    font-size: 16px;
    color: #606300;                
    float: left;    
}

.articleCommentRSS {    
    padding-top: 4px;
    float: right;
}

.articleAddCommentTitlePane {
    background-color: #BBC684;           
    height: 20px;     
    padding: 5px 0 5px 10px;   
    font-family:Georgia, "Times New Roman", Times, serif;
    font-weight:normal;
    line-height: normal;
    font-size: 16px;
    color: #606300; 
}

.articleComment { 	
	padding : 10px;
	min-height : 75px; /* ???? */
	height:auto !important;	
	background-color:#FAFADD;
	margin: 0 0 5px 0;
} 

.articleCommentDelete {
    float: right;
}

.articleCommentContent {
    text-align: left;
    clear: both;
    margin: 0;
    margin-top: 10px;
    padding: 10px 0;
}

.articleCommentAuthor  
{
    float: left;
} 

.articleCommentDate { 
    float: left;
} 

.postComment {
    clear: both; 
    text-align: left;
    margin-bottom: 20px;      
    width: 100%;
}

/*.postComment p, .postComment div
{
    padding:2px 10px;
    margin: 0px;
}*/

.postComment h2
{
    margin-bottom: 0px;
    background-color:#F0F0F0;
    border:1px dashed #C8C8C8;
    padding-left: 5px;
}

.postComment input
{
   margin: 0;
}

.postComment label
{
   margin-left: 5px;
}

.postComment #notify input
{
    width: 20px;
}

.postComment textarea
{
    width: 450px;
    height: 150px;
}

.PostCommentNotify {
    float: left;
}

.PostCommentButton {
    float: right;
}
/* ***** END COMMENT STYLES ****************************************************************************************************/