@import "menu.css";

/** HTML ELEMENTS *************************************************************/

body {
    background: url("../images/bg.png") repeat-x;
    font-family: "Lucida Grande", helvetica, sans-serif;
    min-width: 870px;
}

h2 {
    color: #cc0099;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px 0;
}

h3 {
    font-weight: bold;
    font-size: 1.1em;
    margin: 10px 0;
}

a {
    color: #0099ff;
    padding: 1px;
}

a:hover {
    text-decoration: none;
}

p {
    margin: 10px 0;
    line-height: 1.4em;
}

strong {
    font-weight: bold;
}

cite {
    color: #999;
    font-size: .9em;
}

dl dt {
    font-weight: bold;
    font-size: 1.1em;
    margin: 2px 0;
}

dl dd {
    margin-left: 20px;
}

/** GENERAL ELEMENTS **********************************************************/

#doc {
    margin: auto;
    margin-top: 20px;
    text-align: left;
    width: 850px;
}

#hd {
    height: 140px;
    position: relative;
}

#hd #prayer_room {
    position: absolute;
    right: 0px;
    top: 40px;
}

#bd ul li {
    margin: 4px 0 0 40px;
    list-style: circle;
}

#ft {
    border-top: solid 4px #f5f5f5;
    color: #555;
    font-size: .8em;
    margin-top: 10px;
    padding: 10px 0;
}

#ft a {
    color: #555;
}


/** COMMON STYLES *************************************************************/

.fr {
    float: right;
    margin: 10px 0 10px 10px;
}

/** HOME PAGE *****************************************************************/

#welcome {
    text-align: center;
}

#welcome_img {
    margin: 0 60px 40px 0;
}

#latest_articals {
    background: url("../images/flame_watermark.png") no-repeat right bottom;
    border-color: #555555;
    border-style: solid;
    border-width: 5px 0 3px 0;
    margin: 20px 0 10px 0;
    padding: 20px 0;
}

#latest_articals p {
    line-height: 1.3em;
}

#latest_articals .yui-u {
    margin-left: 3%;
    width: 31%;
}

#latest_articals .yui-u.first {
    margin-left: 0;
}

#latest_articals a.more {
    white-space: nowrap;
}

#latest_articals h2 {
    margin: 0;
}


/*** ARTICLES *****************************************************************/

.article cite {
    display: block;
    font-size: 1.1em;
    margin: 10px 0 5px 0;
}

.article .summary {
    font-size: 1.4em;
    margin: 20px 0;
}

.article h2 {
    margin: 20px 0 10px 0;
    text-transform: none;
}

.article blockquote {
    border-left: solid 4px #0080FF;
    font-size: 1.2em;
    margin: 5px 0 0 0;
    padding: 4px 4px 4px 10px;
}

.article blockquote p {
    margin: 0;
}

.article blockquote + cite {
    color: #555;
    display: block;
    margin: 0 0 5px 0;
    padding: 2px 5px 2px 2px;
    text-align: right;
    font-size: .9em;
}