/* "Articles" - elements in main area */

/* general */

div.yellowArticle, div.blueArticle
{
    margin-top:12px;
    margin-bottom:8px;    
}

div.yellowArticle div.action, div.blueArticle div.action 
{
    float:right;
}

div.articleTitle
{
    width:407px;
    height:26px;
    padding-left:10px;
    padding-top:6px;
	float:left;
    font-size:16;
    background-repeat:repeat-x;
}

div.articleTitleCut
{
    width:23px;   
    height:32px;
    float:left;
    background-repeat:no-repeat;
}

div.articleContent
{
    width:428px;
    margin-top:2px;
    padding-left:10px;
    padding-top:10px;
    padding-bottom:10px;
    font-size:12px;
}

div.articleTitle a
{
    color:#000000;
}

div.articleTitle span
{
    width:100%;
    text-align:right;
    padding-left:10px;
    padding-top:6px;
    font-size:12px;
}

div.articleContent p
{
    margin:5px 10px 0px 0px;   
}

div.articleContent div.link
{
    margin:5px 10px 10px 0px;
    color:#ff3300;    
}

div.articleContent img
{
    margin:3px 10px 5px 0px;   
}

div.articleContent div.imageArea
{
    margin-top:5px;
    width:135px;
    float:left;    
}

div.articleContent p span
{
    color:#ff3300;   
}

div.articleContent div.dateDisplayed
{
    float:right;
    font-weight:bold;
    padding-right:20px;    
}

/* yellow article */

div.yellowArticle div.articleTitle
{
    color:#000000;
    background-image: url(Img/YellowFading.gif);
}

div.yellowArticle div.articleTitleCut
{
    background-image: url(Img/YellowCut.gif);
}

div.yellowArticle div.articleContent
{
    border:solid 1px #ffcd01;
    color:#666666;    
}

div.yellowArticle div.articleContent ul
{
    margin-top:10px;
    font-size:12px;
    color:#666666;
}

div.yellowArticle div.articleContent li
{
    margin-left:20px;
    margin-right:5px;
    list-style-type:disc;

}

/* blue article */

div.blueArticle div.articleTitle
{
    color:#ffffff;
    background-image: url(Img/BlueFading.gif);
}

div.blueArticle div.articleTitleCut
{
    background-image: url(Img/BlueCut.gif);
}

div.blueArticle div.articleContent
{
    border:solid 1px #00b2eb;
    color:#00b2eb;    
}

/* more link */
a.more
{
    display:block;
    float:right;    
    margin-right:8px;
}

/* paging footer */
.pagingFooter
{
    margin-left:5px;
    margin-top:5px;
    color: #ff3300;
    font-size:12px;
}