/* 
Theme Name: st_johns 
Theme URI: saintjohnswatford.org.uk 
Description: The Classic St John's Watford webstyle 
Version: 1.0 
Author: St John's Church, Watford 
*/  


body {background-color: #FFFFCC; color: #993333}

h1 {color: #993333; font-weight: normal; font-size: 200%; text-align: center; margin: 0.5cm 10% 0.5cm 10%}
h1.bold {color: #993333; font-family: sans-serif; font-weight: bold; font-size: 180%; text-align: center; margin: 0.5cm 10% 0.5cm 10%}
h1.blue {color: #003366; font-weight: bold; font-size: 140%; text-align: center; margin: 0.5cm 10% 0.5cm 10%}
h2 {color: #993333; font-weight: bold; font-size: 100%; text-align: left; margin: 0.5cm 0cm}
h2.text {color: #993333; font-weight: bold; font-size: 100%; text-align: left; margin: 0.5cm 10% 0.5cm 10%}
h2.c {color: #993333; font-weight: bold; font-size: 100%; text-align: center; margin: 0.5cm 10% 0.5cm 10%}
h3 {color: #993333; font-weight: bold; font-size: 100%; text-align: left; margin: 0.5cm 10% 0.5cm 10%}
h3.storytitle {color: #993333; font-weight: bold; font-size: 100%; text-align: left; margin: 0.5cm 0% 0.5cm 0%}

div.meta {color: #444444}
div.storytitle {color: #000000; text-transform: uppercase}

a:link {color: #993333; text-decoration: underline; font-weight: normal}
a:visited {color: #993333; text-decoration: underline; font-weight: normal}
a:hover {color: #993333; text-decoration: underline; font-weight: normal}
a:active {color: #993333; text-decoration: none; font-weight: normal}

a:link.nav {color: #FFFF66; text-decoration: none; font-weight: normal}
a:visited.nav {color: #FFFF66; text-decoration: none; font-weight: normal}
a:hover.nav {color: #FFFF66; text-decoration: underline; font-weight: normal}
a:active.nav {color: #FFFF66; text-decoration: underline; font-weight: normal}

a:link.nav_active {color: #FFFF66; text-decoration: underline; font-weight: normal}
a:visited.nav_active {color: #FFFF66; text-decoration: underline; font-weight: normal}
a:hover.nav_active {color: #FFFF66; text-decoration: underline; font-weight: normal}
a:active.nav_active {color: #FFFF66; text-decoration: underline; font-weight: normal}

a:link.social_networking {color: #3c5dab; text-decoration: none; font-weight: bold}
a:visited.social_networking {color: #3c5dab; text-decoration: none; font-weight: bold}
a:hover.social_networking {color: #3c5dab; text-decoration: underline; font-weight: bold}
a:active.social_networking {color: #3c5dab; text-decoration: underline; font-weight: bold}

a:link.update {color: #555555; text-decoration: underline; font-weight: normal}
a:visited.update {color: #555555; text-decoration: underline; font-weight: normal}
a:hover.update {color: #555555; text-decoration: underline; font-weight: normal}
a:active.update {color: #555555; text-decoration: underline; font-weight: normal}

a:link.map {font-family: sans-serif; color: #555555; text-decoration: underline; font-weight: normal; font-size: 60%}
a:visited.map {font-family: sans-serif; color: #555555; text-decoration: underline; font-weight: normal; font-size: 60%}
a:hover.map {font-family: sans-serif; color: #555555; text-decoration: underline; font-weight: normal; font-size: 60%}
a:active.map {font-family: sans-serif; color: #555555; text-decoration: underline; font-weight: normal; font-size: 60%}


a:link.storytitle {font-family: sans-serif; color: #444444; text-decoration: underline; font-weight: bold; font-size: 120%; font-spacing: 3px; text-transform: uppercase}
a:visited.storytitle {font-family: sans-serif; color: #444444; text-decoration: underline; font-weight: bold; font-size: 120%; font-spacing: 3px;  text-transform: uppercase}
a:hover.storytitle {font-family: sans-serif; color: #444444; text-decoration: underline; font-weight: bold; font-size: 120%; font-spacing: 3px;  text-transform: uppercase}
a:active.storytitle {font-family: sans-serif; color: #444444; text-decoration: underline; font-weight: bold; font-size: 120%; font-spacing: 3px;  text-transform: uppercase}

a:link.menu {color: #555555; text-decoration: underline; font-weight: normal}
a:visited.menu {color: #555555; text-decoration: underline; font-weight: normal}
a:hover.menu {color: #555555; text-decoration: underline; font-weight: normal}
a:active.menu {color: #555555; text-decoration: underline; font-weight: normal}

a:link.webring {color: #000000; text-decoration: underline; font-weight: normal}
a:visited.webring {color: #000000; text-decoration: underline; font-weight: normal}
a:hover.webring {color: #000000; text-decoration: underline; font-weight: normal}
a:active.webring {color: #000000; text-decoration: underline; font-weight: normal}

a:link.footer {color: #003366; text-decoration: underline; font-weight: normal}
a:visited.footer {color: #003366; text-decoration: underline; font-weight: normal}
a:hover.footer {color: #003366; text-decoration: underline; font-weight: normal}
a:active.footer {color: #003366; text-decoration: underline; font-weight: normal}

a:link.links {color: #993333; text-decoration: none; font-weight: normal}
a:visited.links {color: #993333; text-decoration: none; font-weight: normal}
a:hover.links {color: #993333; text-decoration: underline; font-weight: normal}
a:active.links {color: #993333; text-decoration: underline; font-weight: normal}

p {text-align: justify; margin: 0.5cm 0% 0.5cm 0%; font-size: 100%}
p.text {text-align: justify; margin: 0.5cm 10% 0.5cm 10%; font-size: 100%}
p.c {text-align: center; margin: 0.5cm 10% 0.5cm 10%; font-size: 100%}
p.heading {background-color: #003366; color: #FFFF66; text-align: center; margin: 0cm; font-size: 110%; margin: 1cm 10% 0.5cm 10%; font-size: 110%; padding: 3pt}
p.narrow_heading {font-weight: normal; background-color: #003366; color: #FFFF66; text-align: justify; margin: 1cm 25% 0.5cm 25%; font-size: 110%; padding: 3pt}
p.narrow {text-align: justify; margin: 0.5cm 25% 0.5cm 25%; font-size: 100%}
p.bible_text {color: #003366; text-align: center; margin: 0.5cm 10% 0.5cm 10%; font-size: 80%}
p.prayer {text-align: center; margin: 0.5cm 25% 0.5cm 25%; font-size: 100%}
p.top_l {text-align: left; color: #FFFF66; margin: 0cm 0cm 0cm 0cm; font-size: 160%}
p.top {text-align: center; color: #FFFF66; margin: 0cm 0cm 0cm 0cm; font-size: 160%}
p.top_r {text-align: right; color: #FFFF66; margin: 0cm 0cm 0cm 0cm; font-size: 160%}
p.nav {text-align: center; color: #FFFF66; margin: 0cm 0cm 0cm 0cm; font-size: 100%}
p.update {text-align: left; color: #555555; margin: 0cm 0cm 0cm 0cm; font-size: 80%}
p.social_networking {font-weight: bold; text-align: left; color: #3c5dab; margin: 2px 0cm 2px 0cm; font-size: 80%}
p.menu {text-align: left; color: #555555; margin: 0cm 0cm 0cm 0cm; font-size: 80%}
p.news {text-align: center; color: #993333; margin: 0cm 0.1cm 0cm 0.1cm; font-size: 100%}
p.search {text-align: right; color: #003366; margin: 0cm 0cm 0cm 0cm; font-size: 120%}
p.webring {font-family: arial; text-align: center; color: #000000; font-size: 80%}
p.footer {text-align: center; color: #003366; margin: 0cm 0cm 0cm 0cm; font-size: 80%}
p.arch {text-align: justify; margin: 0cm 2cm 0cm 2cm; font-size: 100%}
p.caption {text-align: justify; margin: 0cm 30% 0.5cm 30%; font-size: 100%}
p.photo {text-align: center; margin: 0.5cm 10% 0.5cm 10%; font-size: 80%; font-style: italic}
p.caption_title {font-weight: bold; text-align: center; margin: 0cm 30% 0cm 30%; font-size: 100%}
p.caption_prayer {font-weight: normal; text-align: center; margin: 0.5cm 30% 0.5cm 30%; font-size: 100%}
p.caption_source {font-weight: bold; text-align: right; margin: 0cm 30% 0.5cm 30%; font-size: 100%}
p.glossary {text-align: center; color: #FFFF66; margin: 0cm 0cm 0cm 0cm; font-size: 120%; letter-spacing: 5px}
p.td_heading {background-color: #996666; color: #FFFFCC; text-align: center; margin: 0cm; font-size: 110%}
p.td {text-align: justify; color: #993333; margin: 0.5cm 0.2cm; font-size: 100%}
p.td_c {text-align: center; margin: 0.5cm 0.2cm; font-size: 100%}
p.td_welcome1 {text-align: justify; color: #993333; margin: 0cm 0.5cm 0.5cm 0cm; font-size: 100%}
p.td_welcome2 {text-align: justify; color: #FFFFFF; margin: 0.5cm; font-size: 100%}
p.pub {text-align: justify; margin: 0.2cm 0cm; font-size: 100%}

table.main {width: 100%}
table.services {width: 80%; border-style: solid; border-width: 1px; border-color: #993333} 
td.top {background-color: #990000; border-width: 0px; padding: 2px; color: #FFFF66}
td.nav {background-color: #990000; border-width: 0px; padding: 2px; color: #FFFF66}
td.search_update {background-color: #FFFFCC; border-width: 0px; padding: 0px; color: #993333; 
vertical-align: top; width: 33%}
td.social_networking {background-color: #FFFFCC; border-width: 0px; padding: 0px; color: #993333; 
vertical-align: middle; width: 33%}
td.c1 {background-color: #FFFFCC; border-style: solid; border-width: 2px; border-color: #996666; color: #993333; 
vertical-align: top; text-align: justify; padding: 0pt; width: 80%}
td.c2 {background-color: #FFFFCC; border-style: solid; border-width: 2px; border-color: #996666; color: #993333; vertical-align: top; text-align: justify; padding: 0pt; width: 40%}
td.c3 {background-color: #FFFFCC; border-style: solid; border-width: 2px; border-color: #996666; color: #993333; vertical-align: top; text-align: justify; padding: 0pt; width: 26%}
td.c4 {background-color: #FFFFCC; border-style: solid; border-width: 2px; border-color: #996666; color: #993333; vertical-align: top; text-align: justify; padding: 0pt; width: 20%}
td.c5 {background-color: #FFFFCC; border-style: solid; border-width: 2px; border-color: #996666; color: #993333; vertical-align: top; text-align: justify; padding: 10pt; width: 16%}

td.blog_main {background-color: #FFFFCC; border-style: none; color: #993333; 
vertical-align: top; text-align: justify; padding: 10pt; width: 60%}
td.blog_side {background-color: #FFFFCC; border-style: none; color: #993333; vertical-align: top; text-align: justify; padding: 10pt; width: 20%}

td.c1_0 {background-color: #FFFFCC; border-style: none; color: #993333; vertical-align: top; text-align: center; padding: 10pt; width: 80%}
td.c2_0 {background-color: #FFFFFCC; border-style: none; color: #993333; vertical-align: top; text-align: center; padding: 10pt; width: 40%}
td.c3_0 {background-color: #FFFFCC; border-style: none; color: #993333; vertical-align: top; text-align: center; padding: 10pt; width: 26%}
td.c4_0 {background-color: #FFFFCC; border-style: none; color: #993333; vertical-align: top; text-align: center; padding: 10pt; width: 20%}
td.c5_0 {background-color: #FFFFCC; border-style: none; color: #993333; vertical-align: top; text-align: center; padding: 10pt; width: 16%}
td.fix {background-color: #FFFFCC; border-width: 0px; color: #993333; width: 10%}
td.org1 {background-color: #FFFFCC; border-width: 0px; color: #993333; width: 25%; vertical-align: top}
td.org2 {background-color: #FFFFCC; border-width: 0px; color: #993333; width: 15%; vertical-align: top}
td.services1 {font-weight: normal; background-color: #FFFFCC; border-style: solid; border-width: 1px; border-color: #993333; color: #993333; width: 11.42%; vertical-align: top; text-align: left; padding: 3pt 2pt 3pt 2pt}
td.services2 {font-weight: normal; background-color: #FFFFCC; border-style: solid; border-width: 1px; border-color: #993333; color: #993333; width: 20%; vertical-align: top; text-align: left; padding: 3pt 2pt 3pt 2pt}
td.services3 {font-weight: normal; background-color: #FFFFCC; border-style: solid; border-width: 1px; border-color: #993333; color: #993333; width: 60%; vertical-align: top; text-align: left; padding: 3pt 2pt 3pt 2pt}
th.services {background-color: #FFFFCC; border-style: solid; border-width: 1px; border-color: #993333; color: #993333; 
width: 10%; font-weight: bold; vertical-align: top; text-align: center; font-size: 100%; padding: 4pt}
td.glossary {background-color: #990000; border-width: 0px; padding: 2px; color: #FFFF66}
td.pub {font-weight: normal; width: 13.33%; background-color: #FFFFCC; border-style: none; color: #993333; vertical-align: top; text-align: center; padding: 5pt 2pt}
td.tour {font-weight: normal; width: 26%; background-color: #FFFFCC; border-style: solid; border-width: 2px; border-color: #003366; color: #993333; vertical-align: top; text-align: justify; padding: 10pt}
td.welcome1 {font-weight: normal; background-color: #FFFFCC; border-style: solid; border-width: 0px; border-color: #993333; color: #993333; width: 60%; vertical-align: top; text-align: left; padding: 0pt}
td.welcome2 {font-weight: normal; background-color: #993333; border-style: double; border-width: 7px; border-color: #993333; color: #FFFFFF; width: 20%; vertical-align: top; text-align: left; padding: 0pt}

body.carols {background-color: #000000; color: #FFFFFF}
h1.carols {color: #FFFFFF; font-weight: bold; font-size: 180%; text-align: center; margin: 0.5cm 10% 0.5cm 10%}
p.carols {text-align: center; margin: 0.5cm 10% 0.5cm 10%; font-size: 110%}
p.top_l_carols {text-align: left; color: #FFFFFF; margin: 0cm 0cm 0cm 0cm; font-size: 160%; vertical-align: top}
p.top_carols {text-align: center; color: #FFFFFF; margin: 0cm 0cm 0cm 0cm; font-size: 160%; vertical-align: top}
p.top_r_carols {text-align: right; color: #FFFFFF; margin: 0cm 0cm 0cm 0cm; font-size: 160%; vertical-align: top}
p.footer_carols {text-align: center; color: #FFFFFF; margin: 0cm 0cm 0cm 0cm; font-size: 80%}
table.carols {width: 80%; background-color: #000000; color: #FFFFFF} 
td.top_carols {background-color: #000000; border-width: 0px; padding: 2px; color: #FFFFFF; vertical-align: top}
td.carols60 {background-color: #000000; color: #FFFFFF; width: 60%; text-align: center; vertical-align: top}
td.carols20 {background-color: #000000; color: #FFFFFF; width: 20%; text-align: center; vertical-align: top}
td.carols100 {background-color: #000000; color: #FFFFFF; width: 100%; text-align: center; vertical-align: top}
a:link.carols {color: #FFFFFF; text-decoration: underline; font-weight: normal}
a:visited.carols {color: #FFFFFF; text-decoration: underline; font-weight: normal}
a:hover.carols {color: #FFFFFF; text-decoration: underline; font-weight: normal}
a:active.carols {color: #FFFFFF; text-decoration: none; font-weight: normal}
hr.carols {align: center; color: #FFFFFF}

img {vertical-align:middle} 

hr {align: center; color: #990000}
hr.text {align: center; color: #990000; width: 80%}
hr.text2 {align: center; color: #990000; width: 40%}


UL {list-style-type: none; list-style-position: outside; padding: 0px; margin: 0px}
LI {list-style-type: none; list-style-position: outside; padding: 0px; margin: 15px 0px}
UL.links {list-style-type: disc; margin: 0.5cm 10% 0.5cm 10%; list-style-position: inside}
UL.pub {list-style-type: disc; margin: 0.5cm; list-style-position: inside}
UL.music {list-style-type: none; margin: 0.5cm 10% 0.5cm 10%; list-style-position: inside}