/* Northants CAMRA Style Sheet */

body {

        background-color: #FAE9BD;
        font-family: "Trebuchet MS", "Helvetica", "Helv", "Gill Sans MT", "Gill Sans", "Gill", "Verdana", "Arial", sans-serif;
        margin: 0px;
 }


p {

        text-align: justify;
        text-indent: 2em;
 }


.quote {

        background-color: #fdf6d2;
        border: solid thin #d54e3f;
        padding: 1em;
        margin: 1em;
 }

div.date {

        text-align: right;
        float: right;
        text-indent: 0em;
        font-weight: bold;
 }

.advert {

        text-align: center;
        text-indent: 0em;
        font-size: 75%;
        color: black;
        margin-bottom: 0.5em;
 }


dt {

        padding-top: 1em;
        padding-bottom: 1em;
 }

tr {

        vertical-align: middle;
 }

td {

        vertical-align: middle;
 }


.center {

        text-align: center;
 }

.addlink {

        font-size: 75%;
 }


.footnote {

        font-size: 75%;
        text-align: center;
        text-indent: 0em;
        margin-top: 2em;
 }


address {

        font-style: normal;
        margin-top: 1em;
        margin-bottom: 1.5em;
		padding-left: 28px;
        text-indent: 0em;
        background: transparent url(images/icon-road.gif) no-repeat bottom left;
		
 }


.news {

        width: 90%;
        background: #f4edec;
        background-image: url(images/page-bg.jpg);
        text-align: left;
        font-size: 75%;
        color: #2a1d1a;
        border: ridge 0.5em #c20000;
        padding: 0.5em;
        margin-top: 2em;
}

.stats {

        width: 90%;
        background: #c0c0c0;
        background-image: url(images/checker-16x16.png);
        text-align: left;
        font-size: 75%;
        color: #2a1d1a;
        border: ridge 0.5em #c20000;
        padding: 0.5em;
        margin-top: 2em;
}

.xmas   {
            background-image: url(images/snowtop.gif);
            background-repeat: repeat-x;
            padding-top: 30px;
 }


.holly  {
            background-image: url(images/hollybar.gif);
            background-repeat: repeat-x;
            height: 17px;
            margin-top: 1em;
            margin-bottom: 1em;
 }

h1 {

        margin: 0px;
        text-align: left;
        font-size: 160%;
        font-weight: bold;
 }

h1.head {

        font-family: "Gill Sans MT", "Gill Sans", "Gill", "Verdana", "Helvetica", "Helv", "Arial", sans-serif;
		margin: 0px;
        text-align: left;
        font-size: 250%;
        font-weight: bold;
 }

h2 {

        margin: 0px;
        text-align: left;
        font-size: 130%;
        font-weight: bold;
        text-decoration: underline;
 }

h3 {

        margin: 2em 0em 1em 0em;
        font-weight: bold;
        text-decoration: underline;
 }

h4 {

        margin: 2em 0em 0em 0em;
        font-weight: bold;
 }
 
 
ul {

        text-align: left;
        list-style-type: square;
 }


div#notall {

        background-color: #7E3D0B;
        background-image: url('images/wood.jpg');
        border: thin outset;
 }


div#all {

        background-color: #fae9bd;
        border: thin black outset;
 }


div#header {

        color: #E8F1E8;
        border-bottom: 0.5em solid #c20000;
        padding: 1em;
        background-color: #c65a29;
        text-align: right;
        height: 140px; /* Holly hack for Peekaboo Bug */
        min-height: 130px; /* 20px added for xmas */
 }

div#menu {

        float: left;
        width: 12em;
        margin-bottom: 2em;
		padding: 1em;
        border-right: solid 0.5em #c20000;
        border-bottom: solid 0.5em #c20000;
        background-color: #7E3D0B;
        background-image: url('images/wood.jpg');
        text-align: center;
        min-width: 180px;

 }


div#mylocalmenu {

        float: left;
        padding: 1em;
        width: 12em;
        margin-bottom: 2em;
        border-right: solid 0.5em #c20000;
        border-bottom: solid 0.5em #c20000;
        background-color: #7E3D0B;
        background-image: url('../images/wood.jpg');
        text-align: center;
        min-width: 180px;

 }


div.captionpic {

        text-align: center;
        font-size: 75%;
        padding: 1em;
 }

div.firefox {

		text-align: center;
		margin-top: 2em;
		margin-bottom: 1em;
		text-indent: 0em;
 }

img {


        border: 0px;
 }

div#content {

        margin-left: 14em;
        padding: 1em 2em;
        background-color: #FAE9BD;
        height: 1%; /* Holly hack for Peekaboo Bug */

 }


div#members-content {

        margin-left: 14em;
        padding: 1em 2em;
        background-color: #fae9bd;
        height: 1%; /* Holly hack for Peekaboo Bug */

 }


div#footer {

        font-size: 75%;
        color: #000000;
        background-color: #c65a29;
        border-top: solid 0.5em #c20000;
        padding: 1em;
        text-align: center;
        clear: both;
 }


#menulist {

        margin-left: 0;
        padding-left: 0;
        list-style: none;
 }

#menulist li {
        text-align: left;
        font-weight: bold;
        line-height: 200%;
 }

 .item {
 
        margin: 0;
        padding-left: 42px;
        background-image: url(images/beer.gif);
        background-repeat: no-repeat;
        background-position: 0.5em;
 }

.item:hover {

        background-image: url(images/beer.gif);
        background-repeat: no-repeat;
        background-position: 0em;
 }
 
 .newitem {

        margin: 0;
        padding-left: 42px;
        background-image: url(images/beer-new.gif);
        background-repeat: no-repeat;
        background-position: 0.5em;
 }
 
 .newitem:hover {

        background-image: url(images/beer-new.gif);
        background-repeat: no-repeat;
        background-position: 0em;
 }
 
#menulist a {

        color: #E8F1E8;
        text-decoration: none;
 }


 
#menulist a:hover {

        color: orange;
        text-decoration: underline;
 }

.lastupdated {

        width: 90%;
        text-align: center;
        text-indent: 0em;
        color: #E8F1E8;
        font-size: 75%;
        margin-top: 2em;

 }

 .lastupdated  a:link{

        color: #E8F1E8;

 }
 
  .lastupdated  a:visited{

        color: #E8F1E8;

 }
 
img.random {
        border: none;
 }


.intro {

        font-size: 110%;
        padding: 1em;
        text-indent: 0em;
 }


a:link {
        color: #7e3d0a;
        text-decoration: underline;
 }


a:visited {
        color: #7e3d0a;
        text-decoration: underline;
 }


a:link:hover {
        color: #ff4400;
        text-decoration: underline;
 }

a:visited:hover {
        color: #ff4400;
        text-decoration: underline;
 }


acronym {
            border-bottom: 1px dotted #000084;
 }

acronym:hover {
            cursor: help
 }

abbr {
            border-bottom: 1px dotted #000084;
 }

abbr:hover {
            cursor: help
 }

.station {
        padding-left: 28px;
        text-indent: 0em;
        background: transparent url(images/railway.gif) no-repeat center left;
}


.busstop {
        padding-left: 28px;
        text-indent: 0em;
        background: transparent url(images/busstop.gif) no-repeat center left;
}

.train {
        padding-left: 28px;
        text-indent: 0em;
        background: transparent url(images/train.gif) no-repeat center left;
}

.parking {
        padding-left: 28px;
        text-indent: 0em;
        background: transparent url(images/parking.gif) no-repeat center left;
}

.weblink {
        padding-left: 28px;
        text-indent: 0em;
        background: transparent url(images/icon-link.gif) no-repeat center left;
}


/* conditional icons based on href content */


a[href ^="mailto:"] {
   padding-right: 20px;
   background: transparent url(images/icon-mailto.gif) no-repeat center right;
}

a[href $=".pdf"] { 
   padding-right: 18px;
   background: transparent url(images/icon-pdf.gif) no-repeat center right;
}

a[href ^="http://"] {
        padding-right: 14px;
        background: transparent url(images/icon-external.png) no-repeat center right;
}

a[href ^="http://www.mozilla"] {
        padding-right: 0px;
        background-image: none;
}

a[href ^="http://www.sitemeter.com"] {
        padding-right: 0px;
        background-image: none;
}

a[href ^="http://www.bidvertiser.com"] {
        padding-right: 0px;
        background-image: none;
}

a[href ^="http://www.adbrite.com"] {
        padding-right: 0px;
        background-image: none;
}

a[href ^="http://twitter.com"] {
        padding-right: 0px;
        background-image: none;
}

a[href ^="http://northantscamra.referata.com"] {
        padding-right: 14px;
        background: transparent url(images/icon-beer.gif) no-repeat center right;
		font-weight: bold;
}

a[href ^="http://en.wikipedia.org"] {
        padding-right: 18px;
        background: transparent url(images/icon-wiki.png) no-repeat center right;
}