/*
    Document   : stories.css
    Created on : 18 mai 2009, 13:23:37
    Author     : Killian EBEL
*/

/*******************************************************************************
            STORIES
*******************************************************************************/

#addstory {
    background: url('../../images/faq_addquestion_background.png') no-repeat;
    margin: 15px 0 0 0;
    width: 246px;
    height: 90px;
}

#addstory dt {
    font-size: 0.7em;
    padding: 15px 0 0 20px;
    text-transform: uppercase;
    color: #fff;
}

#addstory dd {
    padding: 25px 0 0 20px;
}

#addstory dd a {
    text-decoration: none;
    background: url('../../images/inside_faq_pages_background.gif') repeat-x;
    display: block;
    height: 20px;
    line-height: 18px;
    border: 1px solid #ffbfa0;
    color: #4e4e4e;
    font-size: 0.7em;
    width: 195px;
    text-align: center;
}

#addstory dd a:hover {
    background: url('../../images/inside_faq_pages_background_hover.gif') repeat-x;
    color: #fff;
}

#stories {
    margin-left: 0 !important;
}

#stories li {
    list-style: none;
    list-style-image: none;
}

#stories li .story {
    background: #fff;
    border: 1px solid #ffc2a4;
    padding: 15px 20px;
}

#stories li .story dt, #stories li .story dd {
    display: inline;
}

#stories li .story dt {
    background: url('../../images/inside_li_flex.png') no-repeat 0 60%;
    padding: 0 0 0 10px;
}

#stories li .story dd {
    margin: 0 10px 0 0;
}

#stories li .title {
    height: 30px;
    background: url('../../images/inside_story_bubble.gif') no-repeat 70px 0px;
    padding: 15px 0 0 0;
    margin: -1px 0 0 0;
}

#stories li .title .name {
    color: #ff3c00;
}