/* meersbrook.co.uk main StyleSheet file. John Mounsey, 2007 */

/* Let's import the other .css files before it gets forgotten ... ! */

@import url(/css/globals.css);
@import url(/css/social.css);



#homeCanvas					{ color: darkgreen; background: #FFFFFF; padding: 10px; margin: 0px; text-align: center; }
#canvas						{ margin: 0px; padding: 0px; background: #ffffff; color: darkgreen; scrollbar-base-color: #669900; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #a4bc00; }

#montage						{ float: left; }
#thePage						{ margin-left: 10px; padding: 5 0 0 20; background: #a4bc00 url(/gfx/back/thePage.gif) no-repeat top left; }

#thePage a:active				{ color: darkolive !important; text-decoration: none; }
#thePage a:active img 			{ background: transparent !important; }

#thePage h1					{ color: #FFFFFF; }
#thePage h1 a					{ color: #FFFFFF; }
#thePage h1 a:visited			{ color: #FFFFFF; }
#thePage h2					{ color: #a4bc00; font: bold 18pt verdana; background: olive; padding: 10px; }
#thePage h2 a					{ color: #a4bc00; }



/* Promotional areas of the page and/or search blocks */

#googleSearch					{ width: 100%; height: 100px; padding-top: 20px; padding-right: 20px; background: #ffffff url(/gfx/back/adsenseSlice.gif) repeat-x top; text-align: right !important; font: normal 8pt verdana !Important; }
#adsenseSlice					{ height: 100px; padding-top: 20px; padding-right: 20px; background: #ffffff url(/gfx/back/adsenseSlice.gif) repeat-x top; text-align: right !important; border: 0px solid red; }
#empireState					{ float: right; clear: right; padding-left: 10px; }



/* Emphasis ... */

.sale							{ color: red !important; background-color: yellow; padding: 5px; }
.sale:visited					{ color: red !important; }



img							{ border: 0px; }
.meersbrook					{ border: 0px; width: 400px; height: 75px; }

.head						{ color: #FFFFFF; font: normal 8pt verdana; }
.text							{ color: #FFFFFF; font: normal 8pt verdana; }
.credit						{ color: #FFFFFF; font: normal 8pt verdana; }
.credit A,.credit A:visited 			{ color: #FFFFFF !important; }

.caption						{ color: darkgreen; font: normal 8pt "MS Sans Serif",verdana; }
.framed						{ border: 1px solid darkgreen !important; }
.ffffffFramed					{ border: 1px solid #FFFFFF !important; }
#shaded						{ width: 102px; height: 5px; background: url(gfx/back/shaded.gif) repeat-x; }

.formgrid						{ background: darkgreen; font: normal 8pt verdana; padding: 8px; border-collapse: collapse; border: 1px solid darkgreen; }
.formgrid td					{ border: 1px solid #7ba600; padding: 5px; }
.formgrid A:visited				{ color: green; }
.trhead						{ color: #FFFFFF; background: #7ba600 url(gfx/back/trhead.gif) repeat-x top; font: bold; border-bottom: 1px solid darkgreen !important; }
.tr							{ color: green; background: #f6f8e6; cursor: pointer; }
.tron							{ color: darkgreen; background: #e1e9ad url(gfx/back/tron.gif) repeat-x top; }

.photo						{ border: 2px solid #FFFFFF; }
.foto							{ border: 1px solid darkgreen; }
.postcard img					{ border: 1px solid #c0c0c0; }
.postcard:hover img				{ border: 1px solid darkgreen !important; }

#send						{ color: #606060; cursor: pointer; font: normal 10pt verdana; }
.send						{ color: #808080; background: #e0e0e0; }
.deadduck						{ color: red; text-decoration: line-through; }
.deadduck a:link				{ color: red !important; }
.deadduck a:visited				{ color: red !important; }

.gotone						{ color: red; text-decoration: line-through; }
.gotone a:link					{ color: red !important; }
.gotone a:visited				{ color: red !important; }



/* Contact Form stuff */

#contactBox					{ width: 160px; float: right; clear: right; border-collapse: collapse; border: 2px solid #000000; font: normal 8pt verdana; background: #ffffff; }
.contactBoxHead				{ color: #c0c0c0; background: #000000 url(gfx/back/highStHead.gif) repeat-x top; }
#contactBox td					{ border: 1px solid #505050; padding: 8px; text-align: center; }
#contactBox img				{ border: 2px solid #FFFFFF; }

.enqName						{ width: 100%; }
.enqComments					{ width: 100%; height: 150px; color: darkgreen; font: normal 8pt verdana !important; overflow: hidden; padding: 5px; }


#highStreet					{ border-collapse: collapse; border: 2px solid #000000; font: normal 8pt verdana; background: #ffffff; }
.highStHead					{ color: #c0c0c0; background: #000000 url(gfx/back/highStHead.gif) repeat-x top; }
#highStreet td					{ border: 1px solid #505050; padding: 8px; text-align: center; }
#highStreet img					{ border: 2px solid #FFFFFF; }

.incoming						{ color: darkgreen; background: gold url(gfx/back/incoming.gif) repeat-x top; }
.incoming A:link,A:visited			{ color: darkgreen; }

.rumoured						{ color: #505050; background: #e0e0e0 }
.rumoured A:link,A:visited			{ color: #505050; }

.newBadge					{ border: 0px; }

#auctions						{ width: 700px; color: #000000; height: 60px; background: #FFFFFF; font: normal 10pt verdana; border-collapse: collapse; border: 5px double green; }
#auctions TD					{ padding: 10px; }
#auctions A:hover				{ color: red; background: yellow !important; border: 0px; padding: 0px; }

#googleSearch					{ float: right; }

#w3c						{ }



/* Clubs etc. */

.clubInfo						{ border: 1px solid darkgreen; background: #d1dd7f !important; padding: 8px; }



/* Home Page */

#homePlug					{ width: 640px; border: 1px dotted darkgreen; padding: 10px; margin: 0px auto 0px auto; text-align: center; }
#homePlug a:hover				{ color: olive; background: beige; }



/* Forms */

#sendButton					{ width: 80px; cursor: pointer; border: 1px solid olive; }



/* Tags */

.tagNew						{ color: #808080; background: url(/gfx/tags/new.gif) no-repeat; }
.tagNew a						{ color: darkolive; }
.tagNew a:hover				{ color: #FFFFFF; background: #658200; }
.tagNew a:visited				{ color: darkolive; }

.tagYesTick					{ background: url(/gfx/tags/yesTick.gif) no-repeat left; padding-left: 15px; }
.tagEmail						{ background: url(/gfx/tags/email.gif) no-repeat left; padding-left: 20px; }
.tagEmail:hover					{ background: url(/gfx/tags/hover/email.gif) no-repeat left; padding-left: 20px; }



/* Advertisements ... */

#ads.home					{ clear: both; width: 760px; border: 1px solid olive; margin: 50px auto 25px auto; }
#ads .inner					{ padding: 20px; }
#ads p						{ color: #606060; font: normal 8pt verdana; }
#ads p b						{ font-size: 10pt; }
#ads div.ad					{ margin: 20px auto 20px auto; font: normal 8pt verdana; color: #606060; }
#ads div.ad img					{ margin: 5px auto 5px auto; }
#ads div.ad a					{ color: darkgreen; }
#ads h2						{ color: olive !important; }

.advert						{ clear: both; margin: 0px auto 10px auto; }



/* Fin! */