/*
 * Feed reader example
 *
 * Copyright (c) 2009 Luis Montero
 * BSD Revised License
 *
 * Date: 2009-10-17
 */
 
/*
Colours:
red: #C74C44
dark red: #8C413A
grey: #3F474C
dark beige: #B5B095
beige: #DBD5B6
*/
 
html
{
    color: #F0F0F0;
    background-color: #8C413A;
    font-family: "Helvetica", sans-serif;
}

body
{
    font-size: 12px;
    margin: 10px 20% 30px 20%;
}

div,
ul,
li
{
    margin: 0;
    padding: 0;
}

img
{
    border: 0;
}

li
{
    list-style: none;
}

h1,
h2,
h3
{
    font-size: 100%;
    font-weight: normal;
}

h1
{
    color: #DBD5B6;
    font-size: 4.6em;
    line-height: 1.1em;
    text-shadow: 1px 1px 0.3em #3F474C;
    background-image: url(logo.png);
    background-repeat: no-repeat;
    padding: 16px 0 0 148px;
    margin: 0px;
    height: 114px;
}

h2
{
    color: #DBD5B6;
    font-size: 2.6em;
    text-shadow: 1px 1px #3F474C;
    padding: 0;
    margin: 0 0 25px 0;
}

a
{
    color: #DBD5B6;
    text-decoration: none;
}

ul.menu
{
    margin: 80px 0px 24px 0px;
    padding: 0px;
}
ul.menu li
{
    display: inline;
    margin: 0px 5px 0px 0px;
    padding: 12px;
    background-color: #3F474C;
    border: 1px solid #B5B095;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 1.2em;
    text-shadow: 1px 1px #3F474C;
}
ul.menu li:hover
{
    background-color: #B5B095;
    text-shadow: 1px 1px 0.2em #3F474C;
}

div#ajax-feed-wrapper
{
    padding: 20px;
    overflow: hidden;
    background-color: #C74C44;
    border: 1px solid #B5B095;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.loading
{
    width: 36px;
    height: 36px;
    background-image: url(ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: 20px 20px;
}

div.ajax-feed-item
{
    background-color: #8C413A;
    padding: 10px;
    margin-bottom: 10px;
}

div.ajax-feed-item h3
{
    font-size: 1.8em;
    text-shadow: 1px 1px 0.3em #3F474C;
    padding: 0;
    margin: 3px 0 15px 0;
}

div.ajax-feed-date,
div.ajax-feed-author
{
    font-size: 0.8em;
}
div.ajax-feed-date
{
    
}

div.ajax-feed-author
{
    
}

div.ajax-feed-content-snippet
{
    margin: 3px 0px 10px 0px;
    padding: 15px 5px 5px 5px;
    border-top: 1px solid #C74C44;
    text-shadow: 1px 1px #3F474C;
}

a.ajax-feed-readmore
{
    display: table-cell;
    padding: 1px 5px;
    border: 1px solid #DBD5B6;
}

a.ajax-feed-readmore:hover
{
    background-color: #B5B095;
}