html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset {
margin : 0;
padding : 0;
}
img, fieldset {
border : 0;
}
#featured-content {
color : #887057;
margin : 0 0 30px -80px;
padding : 0;
width : 620px;
height : 400px;
}
html {
background : #f5f4f4 url(img/bg-stripe.png);
}
body {
font : normal 0.81em/1.5em Arial, Helvetica, sans-serif;
width : 980px;
margin : 0 auto;
color : #6f5e4e;
}
p {
margin : 0 0 1em;
}
em, i {
font : italic normal 100% Georgia, "Times New Roman", Times, serif;
}
a {
color : #644527;
outline : none;
}
a:hover {
color : #ca6c18;
}
a {
text-decoration : none;
font-weight : bold;
color : #0c4b2b;
}
big {
font-size : 1.2em;
font-weight : bold;
line-height : 1.46em;
color : #887662;
}
small {
font-size : 0.9em;
color : #9f8c77;
}
blockquote {
background : url(img/blockquote.png) no-repeat 4px 0%;
padding : 0 0 0 26px;
font : italic 1.1em/1.4em Georgia, "Times New Roman", Times, serif;
color : #897662;
}
ul {
list-style : none;
margin : 1.2em 0 1.8em 10px;
}
ul li {
background : url(img/bullet.png) no-repeat 0% 0.5em;
padding : 0 0 2px 16px;
}
ol {
margin : 1.2em 0 1.8em 10px;
}
ol li {
margin : 0 0 0.5em 16px;
}
h1, h2, h3, h4, h5, h6 {
line-height : 2em;
color : #644527;
}
h1 {
font-size : 2em;
vertical-align : bottom;
margin-bottom : 10px;
margin-top : 0;
padding-top : 0;
line-height : 1em;
}
h2 {
font-size : 1.6em;
}
h3 {
font-size : 1.4em;
}
h4 {
font-size : 1.2em;
}
input, textarea, select {
font : normal 1em/1.4em Arial, Helvetica, sans-serif;
}
input[type="text"], input[type="password"], textarea {
background : #fdfde8;
border : 1px solid #d6d1c7;
padding : 5px 7px;
}
textarea:focus, input[type="password"]:focus, input[type="text"]:focus {
border : 1px solid #ca6c18;
background : #fff;
outline : none;
}
input[type="reset"], input[type="submit"] {
font-weight : bold;
color : white;
background : #402206 url(img/form-button-bg.png) repeat-x;
border : 1px solid #402206;
padding : 4px 15px;
}
input[type="reset"]:hover, input[type="submit"]:hover {
background : #74300c url(img/form-button-bg.png) repeat-x 0% -91px;
border : 1px solid #74300c;
}
#header {
background : url(img/header.png) no-repeat center bottom;
padding : 10px 10px 75px 10px;
position : relative;
}
#header #logo {
font : bold 3.7em/1em Arial, Helvetica, sans-serif;
margin : 0 0 10px;
letter-spacing : -0.08em;
color : #74685c;
}
#header #logo, #header #logo a {
color : #74685c;
text-decoration : none;
}
#header #logo a:hover {
color : #ca6c18;
}
#header .description {
font : 1.4em/1em Arial, Helvetica, sans-serif;
margin : 0 0 0 20px;
letter-spacing : -0.04em;
color : #7c7268;
}
#header .socialmedia a {
text-decoration : none;
margin-right : 5px;
float : right;
color : #666;
}
#header .socialmedia a:hover {
color : #ca6c18;
}
#header .socialmedia img {
vertical-align : middle;
margin : 0 8px 5px 0;
}
#nav {
position : absolute;
bottom : 24px;
left : 30px;
list-style : none;
margin : 0;
padding : 0;
}
#nav li {
float : left;
margin : 0 10px 0 0;
padding : 0 0 5px 5px;
background : none;
position : relative;
}
#nav li a {
color : #fff;
font : bold 100%/100% Arial, Helvetica, sans-serif;
padding : 9px 12px 10px 8px;
display : block;
text-decoration : none;
color : #cbc3bb;
}
#nav li.current_page_item, #nav li.current_home, #nav li:hover {
background : url(img/nav-bg.png) no-repeat;
}
#nav li.current_page_item a, #nav li a:hover {
background : url(img/nav-bg.png) no-repeat right -85px;
color : #fff;
}
#nav li:hover a {
background : url(img/nav-bg.png) no-repeat right -85px;
}
#nav li.current_home a {
background : url(img/nav-bg.png) no-repeat right -169px;
padding-right : 20px;
color : #fff;
}
#nav ul {
position : absolute;
top : 18px;
left : -10px;
padding : 8px 0 10px;
background : #fbf4b5 url(img/subnav-gradient.png) repeat-x;
border : 1px solid #c5c5a2;
}
#nav ul li {
background : none;
padding : 0;
margin : 0;
}
#nav ul li:hover, #nav ul li:hover a, #nav ul li.current_page_item {
background : none;
}
#nav ul a {
color : #755433;
font-weight : normal;
padding : 7px 0 7px 15px;
width : 200px;
background : none !important ;
}
#nav li.current_page_item li a, #nav ul li.current_page_item a {
color : #755433;
background : none;
}
#nav ul a:hover, #nav li.current_page_item li a:hover, #nav ul li.current_page_item a:hover {
background : none;
color : #000;
}
#nav ul {
display : none;
}
#nav li:hover > ul {
display : block;
}
#nav ul ul {
left : 200px;
top : -18px;
z-index : 3;
}
#searchform {
position : absolute;
bottom : 40px;
right : 25px;
background : url(img/searchform.png) no-repeat;
width : 222px;
height : 26px;
padding : 5px 0 3px;
}
#searchform #s {
background : #332518;
border : none;
font : italic 110% Georgia, "Times New Roman", Times, serif;
color : #ada8a3;
width : 168px;
padding : 2px 5px;
margin-left : 30px;
}
#searchform #s:focus {
outline : none;
}
#wrapper {
background : url(img/wrapper.png) center 5px;
width : 100%;
min-height : 600px;
overflow : hidden;
padding-top : 8px;
}
#content {
float : left;
width : 580px;
margin-left : 15px;
padding : 0 0 0 90px;
}
.post {
margin : 0 0 45px;
}
.post-title {
font : bold 1.9em/1em Arial, Helvetica, sans-serif;
letter-spacing : -0.05em;
margin : 0 0 10px;
color : #644527;
}
.post-title a {
text-decoration : none;
color : #644527;
}
.post-title a:hover {
color : #ca6c18;
}
.post-date {
font : bold 1.2em/1em Arial, Helvetica, sans-serif;
color : #887057;
margin : -30px 0 0 -96px;
padding : 0;
width : 80px;
text-align : right;
position : absolute;
}
.post-data {
margin : 0 0 20px;
font : bold 0.9em/1.3em Arial, Helvetica, sans-serif;
color : #b09473;
}
.post-data a {
color : #b09473;
text-decoration : none;
padding-bottom : 4px;
}
.post-data a:hover {
color : #ca6c18;
text-decoration : none;
}
.post-data span {
padding : 0 0 3px 19px;
margin-right : 12px;
}
.postauthor {
background : url(img/postdata-icons.png) no-repeat 0% -512px;
}
.postauthor:hover {
background : url(img/postdata-icons.png) no-repeat 0% -619px;
}
.postcategory {
background : url(img/postdata-icons.png) no-repeat;
}
.postcategory:hover {
background-position : 0% -253px;
}
.posttag {
background : url(img/postdata-icons.png) no-repeat 0% -86px;
}
.posttag:hover {
background-position : 0% -339px;
}
.postcomment {
background : url(img/postdata-icons.png) no-repeat 0% -172px;
}
.postcomment:hover {
background-position : 0% -425px;
}
.more-link {
font : bold 1em/1em Arial, Helvetica, sans-serif;
background : url(img/more-link.png) no-repeat right 3px;
text-decoration : none;
padding : 0 12px 3px 0;
}
a.more-link:hover {
background-position : right -67px;
}
.post-nav {
background : url(img/content-dots.png) repeat-x;
width : 100%;
overflow : hidden;
margin : 10px 0 25px;
padding-top : 12px;
}
.post-nav a {
font : bold 1.2em/1.1em Arial, Helvetica, sans-serif;
padding : 3px 0 12px;
display : block;
text-decoration : none;
width : 225px;
background : #ccc;
}
.post-nav .previous a {
background : url(img/post-nav.png) no-repeat;
padding-left : 32px;
float : left;
}
.post-nav .previous a:hover {
background-position : 0% -191px;
}
.post-nav .next a {
background : url(img/post-nav.png) no-repeat right -383px;
padding-right : 32px;
text-align : right;
float : right;
}
.post-nav .next a:hover {
background-position : right -574px;
}
#comments, #respond h4 {
font : bold 1.6em/1em Arial, Helvetica, sans-serif;
padding : 15px 0 0;
margin : 5px 0 20px;
letter-spacing : -0.04em;
}
#comments, .commentlist #respond h4 {
background : url(img/content-dots.png) repeat-x;
}
#comments em, #respond h4 em {
font : italic 0.7em/1em Georgia, "Times New Roman", Times, serif;
}
.commentlist {
list-style : none;
margin : 0;
padding : 0;
}
.commentlist li {
margin : 0 0 20px;
padding : 0;
}
.comment-author {
margin : 0 0 5px;
}
.comment-author small {
color : #9d8b78;
font-size : 0.85em;
}
.comment-author cite {
font : normal bold 1.35em/1em Arial, Helvetica, sans-serif;
}
.comment-author cite a {
text-decoration : none;
}
.avatar {
position : absolute;
margin : -4px 0 0 -65px;
background : #fdfde8;
border : 1px solid #d6d1c7;
padding : 4px;
}
.reply {
background : url(img/reply.png) no-repeat 0% center;
padding : 0 0 0 12px;
}
.comment-reply-link {
text-transform : uppercase;
font-size : 0.8em;
font-weight : bold;
color : #a5907a;
text-decoration : none;
}
a.comment-reply-link:hover {
color : #ca6c18;
}
.commententry {
clear : both;
}
.commentlist ul {
margin : 20px 0 0;
padding : 0;
}
.commentlist ul li {
background : none;
margin : 0;
padding : 0;
}
.commentlist ul .comment-author {
margin : 0 0 10px;
}
.commentlist ul .avatar {
width : 32px;
height : 32px;
position : relative;
float : left;
margin : -5px 10px 0 0;
}
.commentlist ul ul {
margin-left : 53px;
padding : 0;
}
.comment-nav {
clear : both;
float : right;
margin : -33px 0 0;
line-height : 1em;
}
.comment-nav a {
text-decoration : none;
color : #b8a98a;
font-weight : bold;
text-transform : uppercase;
}
.comment-nav a:hover {
color : #ca6c18;
}
.comment-nav .previous a {
background : url(img/comment-nav.png) no-repeat 0% -144px;
padding-left : 18px;
margin-right : 20px;
}
.comment-nav .previous a:hover {
background-position : 0% -217px;
}
.comment-nav .previous a:after {
content : close-quote;
}
.comment-nav .next a {
background : url(img/comment-nav.png) no-repeat right 3px;
padding-right : 24px;
}
.comment-nav .next a:hover {
background-position : right -70px;
}
.comment-nav .divider {
background : url(img/comments-nav-circle.png) no-repeat center center;
padding : 0 10px;
}
#respond {
position : relative;
margin-bottom : 40px;
}
#respond .cancel-comment-reply {
position : absolute;
top : 20px;
right : 0;
}
#respond #cancel-comment-reply-link {
font : bold 0.9em/1em Arial, Helvetica, sans-serif;
text-transform : uppercase;
background : url(img/cancel-reply.png) no-repeat 0% 3px;
padding : 2px 2px 2px 16px;
text-decoration : none;
color : #b8a98a;
}
#respond #cancel-comment-reply-link:hover {
text-decoration : none;
color : #ca6c18;
background-position : 0% -55px;
}
#commentform input[type="text"] {
width : 210px;
margin-right : 5px;
background : #fdfde8;
border : 1px solid #d6d1c7;
padding : 5px 7px;
}
#commentform textarea {
width : 97%;
height : 200px;
padding : 10px 7px;
border : 1px solid #d6d1c7;
background : #fdfde8;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
border : 1px solid #ca6c18;
background : #fff;
outline : none;
}
#commentform label {
font-weight : bold;
}
#commentform label small {
font-weight : normal;
}
#commentform #submit {
background : url(img/comment-submit.png) no-repeat 0% bottom;
width : 183px;
height : 35px;
border : none;
font : bold 1.05em/1em Arial, Helvetica, sans-serif;
color : #fff;
cursor : pointer;
padding : 3px 0 7px;
}
#commentform #submit:hover {
background-position : 0% 0%;
}
#sidebar {
width : 230px;
float : right;
margin-right : 35px;
font-size : 0.95em;
line-height : 1.5em;
}
#sidebar h4, #sidebar .widgettitle {
font : bold 1.5em/1em Arial, Helvetica, sans-serif;
background : url(img/sidebar-dots.png) repeat-x 0% bottom;
padding : 0 0 10px;
margin : 0 0 10px;
}
#sidebar h4 a, #sidebar .widgettitle a {
text-decoration : none;
}
#sidebar ul {
list-style : none;
margin : 0 0 1em;
}
#sidebar ul ul {
margin : 0;
}
#sidebar ul li {
background : url(img/sidebar-list-arrow.png) no-repeat 0% 4px;
padding : 0 0 0 11px;
margin : 4px 0;
}
#sidebar ul ul li {
background : url(img/sidebar-list-circle.png) no-repeat 0% 4px;
}
#sidebar ul a {
font-weight : bold;
text-decoration : none;
}
#sidebar .widget {
margin : 0 0 32px;
}
#sidebar #searchform {
position : relative;
margin : 0;
right : auto;
bottom : auto;
}
#sidebar #wp-calendar caption {
font-weight : bold;
}
#sidebar #wp-calendar td {
width : 32px;
padding : 4px 2px;
text-align : center;
}
#footer {
font-size : 0.9em;
background : url(img/footer.png) no-repeat center top;
padding : 108px 10px 30px;
clear : both;
width : auto;
overflow : hidden;
color : #888;
}
#footer a {
color : #666;
text-decoration : none;
}
#footer a:hover {
text-decoration : underline;
}
#footer .copyright {
float : left;
}
#footer .credits {
float : right;
}
.center {
text-align : center;
}
.alignleft {
float : left;
margin-right : 20px;
}
img.alignleft {
background : #fff;
border : 1px solid #d6d1c7;
padding : 5px;
margin-bottom : 15px;
}
.alignright {
float : right;
margin-left : 20px;
}
img.alignright {
background : #fff;
border : 1px solid #d6d1c7;
padding : 5px;
margin-bottom : 15px;
}
.aligncenter {
text-align : center;
}
.wp-caption {
text-align : center;
background : #fff;
border : 1px solid #d6d1c7;
padding : 5px 5px 0;
margin-bottom : 15px;
}
.wp-caption-text {
font : italic 1em/1.3em Georgia, "Times New Roman", Times, serif;
margin : 6px 0;
color : #777;
}
#rightcol {
width : 150px;
padding : 0 5px 0 5px;
margin : 0 -10px 0 5px;
float : right;
text-align : right;
}
#centercolA {
width : 300px;
height : 280px;
float : right;
padding : 0;
margin : 0 0 0 10px;
}
#twitter {
padding : 0;
margin-bottom : 20px;
float : left;
}
#column3 {
width : 30%;
float : left;
margin-top : 20px;
padding : 0 10px 0 10px;
}
hr.con {
border : 1px solid red;
margin : 10px 0 10px 0;
}
hr.con2 {
border : 1px solid red;
margin : 0 0 10px 0;
}
p.grey {
margin-top : 10px;
text-align : right;
}
p.red {
color : red;
font-weight : bold;
padding-bottom : 40px;
}
p.italics {
padding-top : 5px;
text-align : center;
}
p.space {
margin-top : 25px;
text-align : center;
}
p.conSpace {
display : block;
margin-left : 20px;
line-height : 25px;
}
p.conSpace2 {
display : block;
margin-left : 40px;
line-height : 25px;
}
p.conSpace3 {
display : block;
margin-left : 60px;
line-height : 25px;
}
p.conSpacelink {
margin : 0;
padding : 0;
text-align : right;
}
div.c7 {
text-align : center;
}
table {
width : 100%;
border : none;
padding : 0;
margin : 0 0 10px 0;
line-height : 18px;
}
th {
font-weight : bold;
background-color : #4d3f22;
text-align : center;
color : white;
}
th a:link {
color : white;
}
th a:hover {
color : white;
}
th a:visited {
color : white;
}
table.reports {
width : 100%;
border : none;
padding : 0;
text-align : center;
line-height : 30px;
}
th.second {
font-weight : bold;
background-color : #a8595c;
text-align : center;
color : white;
}
td.calendar a {
color : white;
}
td.c6 {
background-color : blue;
text-align : center;
}
td.c5 {
background-color : green;
text-align : center;
}
td.c4 {
background-color : red;
text-align : center;
}
td.c3 {
background-color : purple;
text-align : center;
}
td.c2 {
background-color : maroon;
text-align : center;
}
td.c1 {
background-color : black;
text-align : center;
}
tr.c10 {
background-color : #e2eeec;
}
div.c13 {
text-align : center;
}
span.c12 {
color : green;
}
span.c11 {
color : blue;
}
span.c9 {
color : maroon;
}
span.c8 {
color : purple;
}
span.c7 {
color : red;
}
p.c12 {
color : green;
font-size : 13px;
}
p.c11 {
color : blue;
font-size : 13px;
}
p.c9 {
color : maroon;
font-size : 13px;
}
p.c8 {
color : purple;
font-size : 13px;
}
p.c7 {
color : red;
font-size : 13px;
}
table.eventReports {
width : 200px;
border : none;
margin : 0 auto;
margin-top : 0;
margin-bottom : 0;
padding : 5px;
color : white;
text-align : center;
}
table.event_reports {
color : #175190;
}
td.outstanding {
color : green;
font-weight : bold;
font-style : italic;
}
td.late {
color : red;
font-weight : bold;
font-style : italic;
}
table.calendar {
font-size : 11px;
line-height : 17px;
}
table.clothing {
width : 100%;
border : none;
margin : auto;
background-color : #a42117;
text-align : center;
color : white;
}
th.clothing {
background-color : transparent !important ;
}
table.masters {
width : 100%;
border : none;
margin : auto;
color : maroon;
}
th.presidents {
font-weight : bold;
text-align : left;
color : black;
}
table.method {
width : 100%;
border : none;
margin : auto;
color : green;
padding : 3px;
background-color : #ffffcc;
}
th.method {
font-weight : bold;
color : white;
padding : 5px;
background-color : green;
text-align : left;
}
table.ringer {
width : 100%;
border : none;
margin : auto;
color : purple;
padding : 3px;
background-color : #ffffcc;
margin : 0 0 10px 0;
}
th.ringer {
font-weight : bold;
color : white;
padding : 5px;
background-color : purple;
text-align : left;
}
table.conductor {
width : 100%;
border : none;
margin : auto;
color : maroon;
padding : 3px;
background-color : #ffffcc;
margin : 0 0 10px 0;
}
th.conductor {
font-weight : bold;
color : white;
padding : 5px;
background-color : maroon;
text-align : left;
}
table.photo {
width : 100%;
margin : 20px 0 0 0;
background : white;
text-align : center;
font-weight : bold;
}
tr.photo {
height : 100px;
}
table.photoSub {
width : 100%;
border : none;
margin : auto;
padding : 10px;
text-align : center;
font-weight : bold;
line-height : 40px;
}
.photoframeleft, .photoframeright {
padding : 4px;
padding-bottom : 0;
border-style : none;
}
.photoframeleft {
float : left;
margin-right : 10px;
border-style : none;
}
.photoframeright {
float : right;
margin-left : 10px;
border-style : none;
}
.ringing_resources {
float : right;
border-style : none;
}
.photoframeright2 {
float : right;
margin-left : 10px;
padding : 5px;
color : maroon;
background-color : #ffccff;
}
.photoframeleft img, .photoframeright img {
border : 0;
border-style : none;
}
.photoframeleft a, .photoframeright a {
border : 0;
border-style : none;
}
#photos img {
border : none;
}
.quarterholder {
width : 305px;
background : #ffffcc;
border : 2px solid #cccccc;
padding : 5px;
text-align : center;
margin : 0 0 15px 0;
}
.pealholder {
width : 305px;
background : #ccffff;
border : 2px solid #cccccc;
padding : 5px;
text-align : center;
margin : 0 0 15px 0;
}
.method {
font-weight : bold;
font-size : 100%;
margin : 10px 0 0 0;
}
.soc {
font-weight : bold;
font-size : 100%;
text-align : center;
padding-top : 4px;
}
.place {
font-size : 100%;
}
.quarterdate {
margin-top : 4px;
font-size : 100%;
font-style : italic;
font-style : italic;
}
.ringers {
margin-top : 15px;
font-size : 100%;
text-align : left;
}
.dedication {
font-size : 100%;
font-style : italic;
}
#lightbox {
position : absolute;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#lightbox img {
width : auto;
height : auto;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#imageContainer {
padding : 10px;
}
#loading {
position : absolute;
top : 40%;
left : 0;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#hoverNav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#imageContainer > #hoverNav {
left : 0;
}
#hoverNav a {
outline : none;
}
#prevLink, #nextLink {
width : 49%;
height : 100%;
background-image : url(data:image/gif;base64,AAAA);
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
right : 0;
float : right;
}
#prevLink:hover {
background : url(/config/img/prevlabel.gif) no-repeat left 15%;
}
#nextLink:hover {
background : url(/config/img/nextlabel.gif) no-repeat right 15%;
}
#imageDataContainer {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
overflow : auto;
width : 100%;
}
#imageData {
padding : 0 10px;
color : #666;
}
#imageData #imageDetails {
width : 70%;
float : left;
text-align : left;
}
#imageData #caption {
font-weight : bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1em;
}
#imageData #bottomNavClose {
width : 66px;
float : right;
padding-bottom : 0.7em;
outline : none;
}
#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #000;
}