/*
 * site.css
 * jrlf 2009-02-17
 * Main site styles.
 */

/* Hacks. */

/* Overrides. */

body {
    background-color: #e9e0bf; 
    font-family: Verdana,sans-serif;
    font-size: 10pt;
}

a[href] {color:#bf0000;}
a[href]:hover {color:#3f0000; cursor:pointer;}
a[href]:visited {color:#bf0000;}
a[href] * {text-decoration:underline;}

b { 
    color: #bf0000; 
    font-weight: normal; 
    text-transform: uppercase;
}

cite {text-align: right; display: block; margin-bottom: 10px;}

div {unicode-bidi:bidi-override;}

h1,h2,h3,h4,h5 { font-weight: normal; margin: 0; margin-bottom: 10px; }
h1 { font-size: 14pt; margin-bottom: 20px; }
h2 { font-size: 14pt; }
h3 { font-size: 12pt; }

img { border: 0; }

p { margin-bottom: 10px; }

span {unicode-bidi:bidi-override;}

sup {font-size:0.5em;}

sub {font-size:0.5em;}

ul { padding: 0; padding-left: 17px; }
ul li { margin-bottom: 5px; }

/* Classes. */

.main { background: #fff; margin: 0 auto; padding: 20px; width: 720px; }

.paper { background: #fff; }

.header { 
    background: #4e0e05 url(../img/masthead.png); 
    height: 120px; 
    margin-bottom: 20px; 
    overflow: hidden;
}

.article { 
    padding: 20px; 
    text-align: justify;
}
.article ul { margin: 0; padding: 0; }
.article ul li { 
    margin: 0; margin-bottom: 20px;
    padding: 0; 
    list-style: none; 
}
.article ul li b { 
    display: block; 
    font-size: 12pt;
    letter-spacing: -1px;
}
.illo { 
}

.catalog { margin-top: 20px; overflow-y: scroll; }
.catalog p { clear: both; padding-right: 10px; }
.catalog img { 
    float: left; margin-bottom: 10px; margin-right: 10px; 
    vertical-align: top; 
}
.catalog a { font-size: 12pt; text-decoration: none; }


.footer { 
    color: #aaa;
    font-size: 9pt;
    text-align: center; 
    margin-top: 20px; 
}
.footer a[href] {color:#aaa;}
.footer a[href]:hover {
    color:#bf0000; cursor: pointer;
    background: #e9e0bf; 
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.footer a[href]:visited {color:#aaa;}
.footer a { text-decoration: none; padding: 10px; }
.footer a.current { color: #000; }
.footer a.current:hover { background: #eee; }
/* These compensate for the settings above for social network links. */
.footer div a { padding: 0px; }
.footer div a[href]:hover { background: none; }

/* Div styles. */

.box { border: #e9e0bf thin solid; }
.clamp { 
    border: #e9e0bf thin solid; 
    border-width: thin 0 thin 0;
}

/* Word styles. */

.headroom { margin-top: 20px; }
.tight { letter-spacing: -1px; }
.fine { font-size: 8pt; }

/* 3rd party. */

/* Twitter. */
#twitter_div {
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
    background: #5d2217 url(../img/twitter_bg.png); 
    color: #fff;
    height: 260px;
    padding: 10px;
}
#twitter_update_list {
    margin: 0;
    height: 180px;  
    padding: 10px;
    overflow-x: hidden;
    overflow-y: scroll;
}
#twitter_update_list li {
    margin: 0; margin-bottom: 20px;
    padding: 0; 
    list-style: none; 
}
#twitter_update_list li a {
    display: block;
    color: #faa;
}
#twitter_update_list li a:hover { color: #aff; }
#twitter-link {
    display:block;
    left:150px; top:30px;
    position: relative;
    text-align:right;
    text-decoration:none;
    width: 180px; height: 40px; 
}