/* Holy Trinity Weymouth Style Sheet */

/* last update: 11 January 2008 */

/* copyright 2007–8 Full Cream Milk */

body {
   font : normal small Tahoma, "Lucida Grande", "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
   line-height : 140%;
   color : #000;
   background : #e9e9d9 url(/i/bg.gif) repeat-y 50% 0;
}

a:link, a:visited {
   text-decoration : none;
   color : #ac5225;
}

a:hover, a:focus, a:active {
   text-decoration : underline;
   color : #db6f26;
}

a.more {
   padding-right : 20px;
   background : transparent url(/i/more.png) no-repeat 100% 50%;
}

dt {
   margin-top : 1em;
}

dl#clergy dt {
   margin-left : 76px;
   clear : both;
}

dl#clergy dd {
   margin-left : 76px;
}

dl#clergy dd.pic {
   margin : -1em 0 0 0;
   float : left;
}

em {
   font-weight : bold;
   font-style : normal;
}

h1, h2, h3, h4 {
   font : normal small Constantia, Georgia, "Lucida Bright", "Bitstream Vera Serif", "Times New Roman", serif;
   font-weight : normal;
   margin-bottom : 0.67em;
   color : #6f3752;
}

h1 {
   font-size : 167%;
}

h2 {
   font-size : 160%;
}

.divider {
   margin-top : 24px;
   border-top : 1px dotted #a7a784;
   padding-top : 24px;
}

h3 {
   font-size : 133%;
   margin-bottom : 0.33em;
}

h4 {
   font : bold 100% Tahoma, Corbel, "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
   margin-bottom : 0;
}

i {
   font-style : italic;
}

.img {
   padding : 3px;
   border : 1px solid #999;
   margin-bottom : 1em;
   background : #fff;
}

li {
   margin-bottom : 0.5em;
}

dl, ol, p, ul, table {
   margin-bottom : 1em;
   clear : both;
}

ol {
   margin-left : 2em;
   list-style-type : decimal;
}

p.news-date {
   font-size : 85%;
   margin-bottom : 0;
}

strong {
   font-weight : bold;
}

table {
   width : 100%;
}

table em {
   font-style : italic;
   font-weight : normal;
   display : block;
}

td {
   padding : 4px;
   border-top : 1px solid #e9e9d9;
}

th {
   font-weight : bold;
   background : #e9e9d9;
   padding : 2px 4px;
   border-bottom : 1px solid #d8d8c1;
}

th.time {
   width : 20%;
}

th.venue {
   width : 25%;
}

tr {
}

ul {
   margin-left : 14px;
   list-style-type : disc;
}

ul.listings {
   list-style : none;
   margin-left : 0;
}

ul.listings li {
   border-bottom : 1px solid #e9e9d9;
}

ul.listings li:last-child {
   border-bottom-width : 0;
}

/* ============ generic container for grid ============ */

#wrapper {
   width : 704px;
   margin : 0 auto;
   display : block;
   position : relative;
}

/* ============ main columns ============ */

#primary, #secondary {
   width : 328px;
   float : left;
   padding : 48px 0 12px;
}

#secondary {
   float : right;
}

.article #primary {
   width : 516px;
}

.article #secondary {
   float : left;
   margin-left : 48px;
   width : 140px;
}

#tertiary {
   width : 140px;
   padding : 24px 0;
}

/* ============ page sections ============ */

#masthead {
   width : 704px;
   margin : 0 auto;
   height : 120px;
   background : #fff;
}

#masthead h1, #masthead p {
   padding-top : 12px;
   width : 495px;
   height : 96px;
   float : left;
}

#masthead p#cofe {
   width : 70px;
   height : 96px;
   padding-top : 12px;
   position : absolute;
   top : 0;
   right : 0;
   z-index : 3;
}

#content {
   width : 100%;
   float : left;
   background : #fff;
}

#content-supp {
   clear : both;
   float : left;
   width : 726px;
   margin-left : -22px;
   padding-left : 22px;
   background : #d8d8c1;
}

#supp-one, #supp-two, #supp-three, #supp-four {
   float : left;
   width : 140px;
   padding : 24px 0;
   margin-right : 48px;
}

#supp-four {
   margin-right : 0;
}

#content-supp .double {
   width : 328px;
}

#content-supp .triple {
   width : 516px;
}

#supp-three.double {
   margin-right : 0;
}

#content-supp h3 a {
   color : #6f3752;
}

#content-supp li {
   line-height : 115%;
}

.offscreen {
   display : block;
   font-size : 0;
   line-height : 0;
   height : 0;
   text-indent : -10000em;
}

p.intro {
   font-size : 125%;
   line-height : 133%;
}

#map {
   width : 508px;
   height : 320px;
}

/* ============ home page specifics ============ */

.home #primary {
   width : 704px;
   position : relative;
   margin-top : 48px;
   padding-top : 0;
   z-index : 2;
}

.home #primary blockquote, .home #primary h2, .home #primary p {
   width : 328px;
}

.home blockquote {
   padding : 2px 0 0 22px;
   margin-left : -12px;
   background : #fff url(/i/bq.png) no-repeat 0 0;
}

.home #primary img {
   position : absolute;
   bottom : 0;
   left : 376px;
   right : -22px;
   z-index : 4;
   border-bottom : 2px solid #fff;
}

/* ============ vcard ============ */

.vcard {
}

.vcard span {
}

.vcard p {
   margin : 0;
}

.vcard ul {
   margin : 0;
}

.vcard li {
   float : left;
   list-style-type : none;
   border-right : 1px solid #fff;
   padding : 0 0.5em;
   margin : 0;
}

.vcard ul li:first-child {
   padding-left : 0;
}

.vcard ul li:last-child {
   border-right-width : 0;
}

p.vcard {
   padding-top : 0;
}

p#copy, p#ee { 
   clear : both;
   margin-bottom : 0;
}

dd.tel {
   padding-left : 20px;
   background : transparent url(/i/tel.gif) no-repeat 0 50%;
}

dd.email {
   padding-left : 20px;
   background : transparent url(/i/email.gif) no-repeat 0 50%;
}

/* ============ footer ============ */

#footer {
   background : #a7a784;
   clear : both;
   position : relative;
   font-size : 90%;
   color : #fff;
   width : 704px;
   margin-left : -22px;
   padding : 24px 22px;
}

#footer a:link, #footer a:visited {
   font-weight : bold;
   color : #fff;
}

p#self {
   position : absolute;
   top : 46px;
   right : 24px;
   background : #a7a784 url(/i/footer-logo.png) no-repeat 50% 50%;
   height : 48px;
   width : 48px;
}

p#self a {
   display : block;
   width : 48px;
   height : 48px;
}

p#fcm {
   margin-top : 1em;
   font-size : 85%;
}

/* ============ navigation ============ */

#nav {
   position : absolute;
   top : 120px;
   left : -22px;
   width : 748px;
   font-weight : bold;
   font-size : 85%;
   border-top : 4px solid #e9e9d9;
}

#nav h2, p#skip {
   text-indent : -10000em;
   font-size : 0;
   height : 0;
   line-height : 0;
   margin : 0;
}

#nav ul {
   position : absolute;
   list-style-type : none;
   top : 0;
   margin : 0;
   width : 748px;
   text-transform : uppercase;
   background : #a7a784;
}

#nav ul li {
   margin-bottom : 0;
   float : left;
}

#nav ul li:first-child {
   margin-left : 12px;
}

#nav ul li.last {
   float : right;
   margin-right : 12px;
}

#nav ul a {
   display : block;
   padding : 8px 12px;
   float : left;
   color : #f1f1e1;
}

#nav ul li.selected {
   color : #fff;
   background : #6f3752;
   padding : 8px 12px;
}

#nav ul a.selected {
   color : #fff;
   background : #8e8e70;
}

#nav ul a:hover, #nav ul a:focus, #nav ul a:active {
   text-decoration : none;
   color : #fff;
   background : #8e8e70;
}