/* Stylesheet for Penrallt Baptist Church website 
   This is the original version - retained mostly for nostalgia purposes.
*/


/* general formatting */
body  {	 
   position : relative;
   margin : 0px;
   padding : 0px;
/* padding-top : 0;
   padding-left : 11em; 
   padding-right : 3%; */
   background-color : #ffc;
   color : #030; 
   font-size : 100%;
   font-family : Tahoma, Helvetica, Arial, sans-serif; 
}
/* h1 is reserved for page header without stylesheets */
h2 {
   font-size : 140%; 
   color : #030; 
} 
h3 {	 
   font-size : 115%; 
   color : #030; 
   font-style : italic;
   margin-top: 2ex;
   margin-bottom: -1ex;
} 
h3.clear {
   clear: right;
}
h4 {
   font-size : 110%;
   color : #900;
   margin-top : 1.5em;
   margin-bottom : -0.5em;
}
h4.inline {
   display : inline;
   padding-right : 2em;
}
ul {
   list-style-position : outside;
   list-style-type : circle;
}
ul ul {
   list-style-type : disc;
}
li {
   padding : 0.2em;
}
ul ul li {
   padding : 0.1em;
}
img {
   border : 0px; 
   margin-left : 0px;
}
/* special image classes */
.textside {
   border : 1px solid black;
   margin-left : 3%;
   margin-bottom : 1em;
   float : right;
   clear : both;
}
a .textside {
   border : 2px solid blue;
}
.blowup {
   border : 2px solid blue;
}
/* menu block */
#menu {	 
   float : left;
   position : absolute;
   top : 0px;
   left : 0px; 
   height : 100%;
   min-height : 600px;
   padding-top : 10px;
   padding-left : 10px;
   padding-right : 10px;
   width: 155px;
   margin : 0px;
   font-size : 95%;
   background : #900 url(./images/chairtex_old.png) repeat-y top left;

}
#menu ul {
   list-style-type : none;
   padding-left : 0px;
   margin-left : 0px;
}
#menu li {
   padding-bottom : 5px;
}
#menu a:link, #menu a:visited {
   color : #ffc;
   text-decoration: none;
   font-weight : bold ;
}
#menu a:hover, #menu a:active {
   color : #0ff;
}
#active, #active a:link, #active a:visited {
   color : #69c;
   font-weight : bold;
   font-style : italic;
}
/* content block */
#content {
   margin-left : 175px;
   padding-left : 1.5em;
   padding-right : 1em;
   clear : both
}
#content p, #content dd, #content li
{
   max-width : 50em;
}
#content address {
	padding-left : 4em;
}
#content hr {
   width : 50%;
   height: 1px;
   text-align : left;
   margin-left: 1em;
}
#content table {
   margin-left: 3em;
}
/* Page header - use h1 span trick to cater for graphical and 
non-graphical browsers alike */
#pagehead {
   margin-left : 175px;
   margin-top : 0;
   margin-right : 1em;
   clear: both;
}
#pagehead h1 {
  background : url(./images/PenralltBaptist.png) no-repeat top right;
  width: 428px;
  height: 39px;
  margin-top: 1em;
  float: right;
}
#pagehead h1 span {
    display : none; 
}
#pagehead a {
   display : none;
}
/* page footer */
#footer { 
   text-align : center;
   font-size : 90%;
   margin-top : 1em;
   margin-left : 175px;
   padding-left : 5%;
   padding-right : 5%;
   clear : both;
}

#footer hr {
   width : 90%;
}

/* stuff to be given emphasis */
.alert {
   font-weight : bold;
}
/* lists (forthcoming services etc.) */
.event {
   font-weight : 200;
   color : #030;
}
dt {
   font-weight : bold;
   padding-top : 0.2em;
}
.theme {
   font-style : italic;
}
/* news page styles */
.news1, .news1 h3 {
   color: #900;
}
.news2, .news2 h3 {
   color: #030;
}
/* other page styles */
.info {
   font-style : italic;
}
.contact {
   font-weight : bold;
}
#langselect a:link, #langselect a:visited {
   color: #FFF;
   background-color: #393;
   padding: 5px;
   border: 2px solid #600;
}

#recentchanges dl { /* on home page */
   font-size: 90%;
}

#sermonarchive { /* on sermons archive page, surprisingly */
   font-size: 85%;
}