* {font-family: helvetica, verdana, sans-serif;}

/* light mauve: #EED8E6 dark mauve: #B399BC */

body {margin: 0; padding: 0; background: #eee}

#wrapper { width: 960px;
	margin: auto;
	}
	
#header { position: relative;
	height: 100px;
	background: #000 url('/images/header-bg.jpg') no-repeat;
	}
#header img {border: none;}

/* header navigation */
#header ul, #header li {margin: 0; padding: 0;}
#header ul {position: absolute; right: 4px; top: 12px;}
#header li {list-style: none; display: inline; padding: 0 16px; font-size: 12px;}
#header li a:link, #header li a:visited {text-decoration: none;}
#header li a:hover {text-decoration: underline;}
#header li#nh {border-right: 1px solid #0272BA;}
#header li#nh a:link, #header li#nh a:visited {color: #0272BA;}
#header li#na {border-right: 1px solid #E1992D;}
#header li#na a:link, #header li#na a:visited {color: #E1992D;}
#header li#nc a:link, #header li#nc a:visited {color: #B9438D;}
/* end header navigation */

/* login box / user details */
#wgt {position: absolute; bottom: 9px; right: 20px;}
#wgt p {font-size: 12px; color: #ccc; margin-bottom: 7px;}
#wgt p a:link, #wgt p a:visited { color: #666; text-decoration: none; padding-left: 8px;}
#wgt input { border: 1px solid #ccc; background-color: #eee; color: #000; font-size: 11px;}
#wgt input.go {border: 0; padding: 0; margin: 0 0 -6px 4px; }
#wgt label {padding: 0 3px 0 8px; color: #666; font-size: 11px;}
#wgt div.forgotten {font-size: 10px; text-align: right; padding-right: 40px;}
#wgt div.forgotten a:link, #wgt div.forgotten a:visited {color: #ccc; text-decoration: none;}
#wgt div.forgotten a:hover {text-decoration: underline;}
/* end login box / user details */

/* quick message for status notes */
div#quickmessage { width: 438px; height: 30px; 
		border: 1px solid #666; 
		position: absolute; left: 210px; top: 12px; 
		color: #ccc; padding: 6px 12px; font-size: 12px;
		text-align: center;
		}

/* end quick message for status notes */

div#main {background: #fff url('/images/main-bg.jpg') repeat-y;}
.single-col div#main {background: #fff url('/images/main-bg-single-col.jpg') repeat-y;}

div#panel {width: 280px; padding: 15px 0 20px 0; margin-left: 680px;} /* 280px - padding */
div#content {width: 640px; padding: 20px; float: left;} /*680px - padding */
.single-col div#content {width: 100%; padding: 20px;}

div#nav {background-color: #f6f6f6; margin: 0 1px 0 1px;}
div#nav ul, div#nav ul li {margin: 0; padding: 0; list-style: none;}
div#nav ul { padding: 10px 0 10px 0;}
div#nav ul li {display: inline; padding: 0 40px 0 40px;}
div#nav ul li a:link, div#nav ul li a:visited {font-size: 14px; font-weight: bold; text-decoration: none; color: #888;}
div#nav ul li.on a:link, div#nav ul li.on a:visited {color: #333;}

ul#admin, ul#admin li {margin: 0; padding: 0;}
ul#admin {padding-top: 40px;}
ul#admin li {list-style: none; height: 40px; position: relative;}
ul#admin li.on {background: url('/images/nav-on.jpg') no-repeat;}
ul#admin li a {position: absolute; display: block; bottom: 1px; left: 30px;}
ul#admin li a:link, ul#admin li a:visited { color: #333; text-decoration: none;}
ul#admin li.on a:link, ul#admin li.on a:visited { color: #fff;}
ul#admin li a:hover {text-decoration: underline;}

div#site-search { text-align: center; padding-bottom: 15px;}
div#panel-adsense {text-align: center; padding-top: 20px;}


/* content */
div#content {line-height: 16px;}

div#content h1 { font-size: 24px; line-height: 32px; color: #333;}
div#content h2 { font-size: 16px; color: #666;}

div#content p, div#content li, div#content label, div#content dt, div#content dd, div#content table {font-size: 14px;}

div#content a:link, div#content a:visited { color: #8B698C; }

div#crumbs {}
#crumbs { color: #B399BC; font-size: 12px; font-weight: bold;}
#crumbs a:link, #crumbs a:visited { color: #B399BC; text-decoration: none;}
#crumbs a:hover {text-decoration: underline;}

div.post h3 { font-size: 14px; color: #333; margin-top: 0; padding: 0;}
div.post p { font-size: 12px; }
div.post .byline {font-style: italic; color: #666;}
div.post {border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 1em 1em 0 1em;}

div.news-pull {border-left: 6px solid #B399BC; padding: 1em; margin: 1em 3em 1em 3em; background-color: #eee;}
div.news-pull h2 {margin-top: 0; padding-top: 0;}
div.news-pull p {margin-bottom: 0; padding-bottom: 0;}


/* end content */

/* directory */
ul.directory-categories, ul.directory-categories li { margin: 0; padding: 0;}
ul.directory-categories {border: 1px dotted #eee; background-color: #eee}
ul.directory-categories li {list-style: none;}
ul.directory-categories li {border-left: 6px solid #eee; border-bottom: 1px dotted #ccc;}
ul.directory-categories li:hover {background-color: #EED8E6; border-left: 6px solid #B399BC;}
div#content ul.directory-categories li a:link, div#content ul.directory-categories li a:visited { color: #333; text-decoration: none;}
div#content ul.directory-categories li a:hover {color: #000;}

ul.directory-listings, ul.directory-listings li { margin: 0; padding: 0;}
ul.directory-listings {border: 1px dotted #eee; background-color: #eee}
ul.directory-listings li {list-style: none; padding-bottom: 2px;}
ul.directory-listings li {border-left: 6px solid #eee;  border-bottom: 1px dotted #ccc;}
ul.directory-listings li:hover {background-color: #EED8E6; border-left: 6px solid #B399BC;}
div#content ul.directory-listings li a:link, div#content ul.directory-listings li a:visited { color: #333; text-decoration: none;}
div#content ul.directory-listings li a:hover {color: #000;}
ul.directory-listings li .inbrief {padding-left: 16px; color: #777; font-size: 12px;}

p.edit-listing { float: right; padding: 0; margin: 0;}
p.edit-listing a:link, p.edit-listing a:visited {color: #E1992D; text-decoration: none; font-size: 12px; font-weight: bold;}
span.new-listing { padding: 0; margin: 0 0 0 20px;}
span.new-listing a:link, span.new-listing a:visited {color: #E1992D; text-decoration: none; font-size: 11px; font-weight: bold;}

div.adr {font-size: 14px; margin-bottom: 1em;}
div.telecom-numbers {font-size: 14px; margin-bottom: 1em;}
div.telecom-numbers ul, div.telecom-numbers li { display: inline; margin: 0; padding: 0;}
div.telecom-numbers li {list-style: none; padding: 0 12px 0 4px; font-weight: bold;}
div.telecom-numbers div {font-weight: bold;}
div.telecom-numbers abbr {border: none; font-weight: normal;}
div.web, div.email {font-size: 14px;}
div.web .type, div.email .type {font-weight: bold;}

div.vcard .listing-categories { }

/* end directory */

/* forms */

form dd, form dt { margin: 0; padding: 0;}
form dt {margin-top: 4px; width: 140px; float: left; clear: left;  text-align: right;}
form dd {margin-top: 4px; margin-left: 140px;}
form.input {font-size: 12px;}
form label {font-weight: bold color: #333; padding-right: 16px;}
form fieldset { border-top: 1px solid #666; border-bottom: 1px solid #666; border-left: none; border-right: none; background-color: #EED8E6; margin: 16px 0 0 0px;}
form legend {color: #333; background-color: #B399BC; padding: 1px 4px; font-size: 14px; border-bottom: 1px solid #666;}

form table.vertical { font-size: 12px; border-collapse: collapse;}
form table.vertical th {font-weight: normal; text-align: right;}
form table.vertical td {padding: 2px 8px;}

form .explanation {font-size: 11px;}

table.telecom-numbers {border-collapse: collapse; margin-top: 8px;}
table.telecom-numbers th {border: 1px solid #ccc; padding: 2px 8px;}
table.telecom-numbers td { font-size: 12px; padding: 2px 8px;}
table.telecom-numbers tr {border: 1px solid #ccc;}
table.telecom-numbers td.actions { text-align: center;}
table.telecom-numbers td.actions img {border: none;}

/* end forms */

/* picture gallery */
div.gallery-image {padding-bottom: 2em; text-align: center;}
div.gallery-image img { border: 0;}
div.gallery-image div.caption {font-style: italic; font-size: 14px;} 

/* end picture gallery */

/* ads */

#panel div.ads {padding: 0 0 0 10px; text-align: center;}
#panel div.ads img {border: 0; padding: 15px 0 0 0; display: block; margin: auto;}
#panel div.ads p { margin: 0; padding: 0; line-height: 1; text-align: center; font-size: 10px;}
#panel div.ads a:link, #panel div.ads a:visited {color: black;}

ul.places-nav {width: 180px; margin: 0 auto 0 auto; padding: 0;}
ul.places-nav a:link, ul.places-nav a:visited {font-size: 14px; color: #888; text-decoration: none; display: block; padding: 8px 4px; text-align: left; padding-left: 16px; font-weight: bold;}
ul.places-nav a:hover {color: #222;}
ul.places-nav li {margin: 0; padding: 0; list-style: none;
	 border-top: 1px solid #e8e8e8;
	}
ul.places-nav li.last {border-bottom: 1px solid #e8e8e8;}
ul.places-nav li.town a {border-right: 2px #EC3EAD solid;}
ul.places-nav li.ents a {border-right: 2px #EE813E solid;}
ul.places-nav li.country a {border-right: 2px #3F84EC solid;}
ul.places-nav li a:hover {border-right: 2px #222 solid;}


ul#chips {margin: 0; padding: 0; width: 100%; float: left;}
ul#chips li {margin: 0; padding: 0; list-style: none; float: left}
ul#chips img {border: 0;}

.clear {clear: both;}

/* end ads */


div#footer { height: 75px;
	clear: both;
	background: url('/images/footer-bg.jpg') no-repeat;
	padding-top: 8px;
}
#footer ul, #footer li {margin: 0; padding: 0;}
#footer ul { text-align: center;}
#footer li {list-style: none; display: inline; border-left: 1px solid #666;  font-size: 12px;}
#footer li.first {border-left: none;}
#footer li a:link, #footer li a:visited {color: #666; text-decoration: none; padding: 0 12px; font-size: 12px;}
#footer li a:hover {color: #0272BA;}
#footer p { text-align: center; font-size: 11px; color: #333;}


table.simple {border-collapse: collapse;}
table.simple th, table.simple td {border: 1px solid #ccc; padding: 2px 4px; font-size: 12px;}


.pagination {
  padding: 16px 3px 3px 3px;
  margin: 3px;
	font-size: 12px;
	text-align: center;
}
.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #999;
  text-decoration: none;
  /* color: #0272BA; */
  color: #B399BC;
	font-weight: bold;
}
.pagination a:hover, .pagination a:active {
  border: 1px solid #666;
  color: #000;
}
.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #999;
  font-weight: bold;
  background-color: #999;
  color: #000;
}
.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #eee;
  color: #ddd;
}