/*  
Theme Name: MDB's Peter's
Theme URI: http://www.stpetersbraunstone.org.uk/
Description: Martin Burch's theme for the St. Peter's church website
Version: 0.5
Author: Martin Burch
Author URI: http://www.stpetersbraunstone.org.uk/

*/

/* colours - 000080=blue ffffcc=cream b000cc=pink cccccc=grey */

/* containers for whole parts of the html page */

div#header {
	background: #000099 url('images/masthead2.png') no-repeat bottom center;
}
div#container {
        width: 100%;
        float: left;
        margin-right: -32ex;
}
div#content {
        margin-right: 32ex;
}
div#menu {
        width: 159px;
        float: left;
}
div#menulinks {
	font-family: Tahoma, Arial, sans-serif;
}
div#main {
        margin-left: 1ex;
        margin-right: 0ex;
        margin-top: 1ex;
        margin-bottom: 1ex;
        padding: 2ex 2ex 2ex 2ex;
        border-color: #cccccc;
        border-style: solid;
        border-width: thin;
}
div#middle {
        margin-left: 159px;      
}
div#sidebar {
        width: 30ex;
        float: right;
        margin-left: 0.4ex;
        margin-right: 1ex;
        margin-top: 1ex;
        margin-bottom: 1ex;
        padding-left: 0ex;
        padding-right: 0ex;
        padding-top: 0ex;
        padding-bottom: 0ex;
}
div#sidebarpanel {
        border-color: #cccccc;
        border-style: solid;
        border-width: thin;
        font-size: smaller;
        padding-left: 2ex;
        padding-right: 0ex;
        padding-top: 0ex;
        padding-bottom: 0ex;
}
div.clearing {
        height: 0;
        clear: both;
        white-space: pre;
}
div#footer { }

/* key tags for each container */

#header #masthead { 
	margin-top: 7px;
        margin-right: 9px;
        margin-bottom: 0;
	height: 150px; 
	width: 635px;
}

#menulinks ul { 
        padding: 0 0 0 0;
        list-style-type: none;
        margin-left: 0;
        margin-top: 8.3px;
}
/* for non-IE 6 browsers */
html>body #menulinks ul {
        margin-top: 0;
}
/* END */
#menulinks ul li {
}
#menulinks a:link, #menulinks a:visited { 
        display: block;
        background: url(images/menu_bg.png) no-repeat;
        vertical-align: middle;
        font-size: 11px;
        font-weight: bold;
        color: white;
        text-align: left;
        padding-top: 5px;
        padding-left: 18px;
        height: 20px;
        height: 20px !important;
/*        width: 100%; */
        text-decoration: none;
        letter-spacing: 0.1ex;
}
#menulinks a:hover { 
        background-position: 0px -25px;
        text-decoration: none;
        color: white;
        font-weight: bold;
        font-style: oblique;
}
#menulinks a#active_menu {
        color: white;
        font-weight: bold;
        font-style: oblique;
        text-decoration: underline;
}

#sidebar h2 { }
#sidebar h3 { }
#sidebar p { }
#sidebar ul {
        margin: 1ex 1ex 1ex 1ex;
        padding-left: 0ex;
        padding-right: 0ex;
        padding-top: 0ex;
        padding-bottom: 0ex;  
        list-style-type: none;
}
/* #sidebar ul li { 
        margin-bottom: 1ex;
} */
#sidebar a:link { }
#sidebar a:hover { }
#sidebar a:visited { }
#sidebar hr { }
#sidebar small { }
#sidebar span {
        color: #a00;
        text-decoration: underline;
}

#footer p {
	font-size: smaller;
	text-align: center;
}
#footer a:link { }
#footer a:hover { }
#footer a:visited { }
#footer small { }
#footer address { }

/* major tags with standard formatting for the main section */
body { 
	font-family: Arial, sans-serif;
	color: black;
        background-color: white;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        border: 0 none;
}
h1 { 
	font-family: Tahoma, Arial, sans-serif;
	color: #000080;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 1ex;
        padding: 0 0 0 0;
}
h2 { 
	font-family: Tahoma, Arial, sans-serif;
	color: #000080;
        padding: 0 0 0 0;
        margin-bottom: 0;
}
h3 { 
	font-family: Tahoma, Arial, sans-serif;
	color: #000080;
        padding: 0 0 0 0;
        margin-bottom: 0;
}
p {
        padding-top: 0;
        margin-top: 0;
}
ul { }
ul li { }
a:link { 
	background-color: transparent;
	color: #000080;
}
a:link img {
	text-decoration: none;
}
a:hover { 
	background-color: #FFFFCC;
	color: #b000cc;
}
a:hover img {
	background-color: transparent;
	text-decoration: none;
}
a:visited {
	background-color: transparent;
	color: #000080;
}
img { 
	text-decoration: none;
	border: 0 none;
}
hr { }
small { }
address { }
.center { text-align: center;
}
.alignright {
         text-align: right;
         float: right;
         vertical-align: middle;
}
.alignleft {
         text-align: left;
         float: left;
         vertical-align: middle;
}
.clearing {
         clear: both;
         white-space: pre;
}
label { display: none;
}

/* specific */

/* homepage */

.cofelogo_e {
	text-align: center;
}
#staff {
	font-size: smaller;
}
h1.home {
        text-align: center;
}
h1.home img {
/*        width: 513px; */
         width: 100%;
}
/* for all non-IE browsers */
html>body h1#home {
        margin-left: -18px;
        margin-right: -18px;
        overflow: hidden;
}
html>body h1#home img {
        width: auto;
        margin-top: -15px;
}
/* end */

/* links */

div#linkcat-1 ul li {
	padding-bottom: 1ex;
}
/* images */
p.caption {
        margin-top: -1.7ex;
	padding-top: 0;
	padding-bottom: 0.6ex;
        font-size: smaller;
        font-weight: bold;
}
div#main {
        overflow: hidden;
}

/* articles */

.post h2 {
        margin-bottom: 2ex;
}
.post h3 {
        margin-bottom: 1ex;
}

/* articles in event category */

.event h2 {
        margin-bottom: 1ex;
}
.event h3 {
        margin-bottom: 1ex;
}

/* guestbook */

.guestlist li {
        margin-bottom: 1ex;
}
.guestlist p {
        margin-bottom: 0;
        font-style: oblique;
}