/* --- PAGE ----------------------------------------------------------- */

body
{
    background-image: url( "file://{%BASE-DIR%}/images/Notebook/ring.png" ) ;
    background-position: 0 0 ;
    background-repeat: repeat-y ;
    background-attachment: scroll ;
    padding: 10px 20px 10px 90px ;
    font-family: Arial , Helvetica , sans-serif ;
    color: #000 ;
}

a { color: #36769c ; text-decoration: underline ; }
a:hover { color: #399cc6 ; text-decoration:none ; border-top: 1px dashed #aaa ; border-bottom: 1px dashed #aaa ; }

blockquote
{
    background-image: url( "{%BASE-DIR%}/images/Notebook/openQuote.png" ) ;
    background-repeat: no-repeat ;
    margin-left: 1em ;
    padding-left: 25px ;
    border-left: none ;
}

/* --- BANNER --------------------------------------------------------- */

#banner { padding-bottom: 20px ; border-bottom: 3px double }

#title { font-size: 200% ; font-weight: bold ; letter-spacing: 0.1em ; }
#subTitle { font-size: 125% ; font-style: italic ; }
#reportTime { font-size: 75% ; font-style: italic ; text-align: right ; }

/* --- CONTENT -------------------------------------------------------- */

#content { padding-bottom: 1em ; }

.channelName { font-size: 150% ; font-weight: bold ; letter-spacing: 0.1em ; }
.channelName a { text-decoration: none ; }
    
.item { margin: 1em 1em 0 1em ; padding-bottom: 1em ; border-bottom: 1px dashed ; }

.itemTitle { font-size: 125% ; }
.itemTitle a { text-decoration: none ; }
.itemChannelName { font-size: 80% ; font-style: italic ; }

.itemDescription { margin: 0.5em 5px 0 22px ; }

.itemNotes { margin-top: 0.5em ; font-size: 80% ; font-style: italic ; }

table.customFields { margin-top: 1em ; border: 1px solid #ccc ; font-size: 75% ; }
table.customFields td { padding: 0.1em 0.25em 0.1em 0.25em ; }
table.customFields td.name { background: #eee ; }
table.customFields td.value { font-style: italic ; }
