/*  elements listed in order of appearance on page */

.content {
  position: relative;
}

.content-wrapper {
  padding-top: 10px;
}

.content-internal {
  background: white;
  margin: 0px 10px 10px 10px;
}

hr {clear: both; visibility: hidden;}

p.intro {
  clear: both;
  color: #777;
  font-family: 'Lucida Grande', Verdana, sans-serif;
  font-size: 2.4em;
  line-height: 1.5em;
  margin: 0px;
}

p.pagination {
  color: #444;
  font-family: 'Lucida Grande', Verdana, sans-serif;
  font-size: 1.8em;
  padding: 5px;
}

.pagination {
  font-size: 11px;
  margin: 0px 0px 10px 0px;
  padding: 5px 6px 5px 6px;
}

.pagination a,
.pagination b {
  color: white;
  padding: 1px 3px 1px 3px;
  text-decoration: none;
}

.news p.pagination,
.letters p.pagination,
.helpline p.pagination {
  background: #eee;
  clear: both;
  float: left;
  margin: 10px 0px 20px 0px;
  width: 720px;
}

p.pagination a,
p.pagination b,
p.pagination a:hover {
  color: white;
}

.listings .pagination a:hover {
  text-decoration: none;
}

/*  spotlight */

.spotlight {
  float: left;
  margin-bottom: 20px;
  padding: 10px 20px 0px 60px;
  position: relative;
  width: 650px;
}

.spotlight-wrapper {
  float: left;
  margin-right: 20px;
  width: 400px;
}

.latest-issue-thumb {
  float: right;
  margin: 0px 0px 10px 10px;
  width: 100px;
}

.latest-issue-thumb img {
  padding-bottom: 1px;
}

.spotlight p,
.login p,
.login label,
.login input {
	font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
	font-size: 1.8em;
	line-height: 1.3em;
	margin: 0px 0px 5px 0px;
}

.login p {width: 210px;}

.login label {
  display: block;
  float: left;
  width: 60px;
}

.spotlight h4 {
  border-bottom: 1px solid #ccc;
  margin: 0px 0px 10px 0px;
  padding-bottom: 10px;
}

.spotlight a {
	font-weight: bold;
	text-decoration: none;
}

.login {
  float: left;
  width: 230px;
}

.login form {
  float: left;
  margin: 0px
  padding: 0px;
}

.login .loginbox {
  border: 1px solid #bbb;
  width: 145px;
}

.btn.btn-contribute {
  background-position: 0px -475px;
  width: 96px;
}

.btn.btn-contribute:hover {
  background-position: -200px -475px;
}

.btn.btn-your-profile {
  background-position: 0px -500px;
  margin: 8px 10px 0px 0px;
  width: 102px;
}

.btn.btn-your-profile:hover {
  background-position: -200px -500px;
}

.btn.btn-login {
  background-position: 0px 0px;
  margin-right: 8px;
  width: 62px;
}

.btn.btn-login:hover {
  background-position: -200px 0px;
  cursor: pointer;
}

.listings-results .btn.btn-login {
  margin-top: 5px;
}

.btn.btn-logout {
  background-position: 0px -25px;
  margin: 8px 10px 0px 0px;
  width: 71px;
}

.btn.btn-logout:hover {
  background-position: -200px -25px;
  cursor: pointer;
}

.login input.login-checkbox {
  float: left;
  margin-right: 8px;
}

.btn.btn-register {
  background-position: 0px -450px;
  width: 78px;
}

.btn.btn-register:hover {
  background-position: -200px -450px;
}

.login p.login-or-register {
  float: left;
  margin: 6px 0px 7px 0px;
  width: 170px;
}

.login p.forgot-password {
  clear: both;
  border-top: 1px solid #ddd;
  margin: 8px 0px 0px 0px;
  padding-top: 7px;
}

/* section navigation */

.section-nav {
  background: white;
  float: left;
  margin-bottom: 20px;
  width: 100%;
}

.section-nav ul {
	float: left; 
	font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif; 
	font-size: 2em;
	margin: 0px;
	padding: 0px;
}

.section-nav ul li {
  background: transparent url('library/images/main/section-nav.png') no-repeat left 2px;
	float: left;
  padding-left: 3px;
	list-style-type: none;
}

.section-nav ul a {
  background: transparent url('library/images/main/section-nav.png') no-repeat 100% 2px;
	border-right: 1px solid white; 
	color: #666; 
	display: block; 
  float: left;
  height: 22px;
	padding: 5px 10px 3px 7px; 
	text-decoration: none;
}

.section-nav li:hover {
  background: transparent url('library/images/main/section-nav-on.png') no-repeat left 1px;
}

.section-nav ul .current,
.section-nav ul .current:hover,
.section-nav ul.c_1 .c_1,
.section-nav ul.c_2 .c_2,
.section-nav ul.c_3 .c_3,
.section-nav ul.c_4 .c_4,
.section-nav ul.c_5 .c_5,
.section-nav ul.c_6 .c_6,
.section-nav ul.c_7 .c_7,
.section-nav ul.c_8 .c_8,
.section-nav ul.c_9 .c_9,
.section-nav ul.c_10 .c_10,
.section-nav ul.c_11 .c_11,
.section-nav ul.c_12 .c_12,
.section-nav ul.c_13 .c_13,
.section-nav ul.c_14 .c_14,
.section-nav ul.c_15 .c_15,
.section-nav ul.c_194 .c_194,
.section-nav ul.c_195 .c_195,
.section-nav ul.c_196 .c_196,
.section-nav ul.c_197 .c_197
 {
  background: transparent url('library/images/main/section-nav-on.png') no-repeat left top;
}

.section-nav ul .current a,
.section-nav .current a:hover,
.section-nav .current:hover a,
.section-nav ul.c_1 .c_1 a,
.section-nav ul.c_2 .c_2 a,
.section-nav ul.c_3 .c_3 a,
.section-nav ul.c_4 .c_4 a,
.section-nav ul.c_5 .c_5 a,
.section-nav ul.c_6 .c_6 a,
.section-nav ul.c_7 .c_7 a,
.section-nav ul.c_8 .c_8 a,
.section-nav ul.c_9 .c_9 a,
.section-nav ul.c_10 .c_10 a,
.section-nav ul.c_11 .c_11 a,
.section-nav ul.c_12 .c_12 a,
.section-nav ul.c_13 .c_13 a,
.section-nav ul.c_14 .c_14 a,
.section-nav ul.c_15 .c_15 a,
.section-nav ul.c_194 .c_194 a,
.section-nav ul.c_195 .c_195 a,
.section-nav ul.c_196 .c_196 a,
.section-nav ul.c_197 .c_197 a {
  background: transparent url('library/images/main/section-nav-on.jpg') no-repeat right top;
  color: white;
  padding-top: 3px;
  padding-bottom: 5px;
}  

.section-nav li:hover a,
.section-nav ul a:hover {
  background: transparent url('library/images/main/section-nav-on.jpg') no-repeat 100% 1px;
  color: white;
  padding-top: 3px;
  padding-bottom: 5px;
}

/*  diary dates (see also below for p.article-info styles */

.article p.back-to-calendar {
  float: right;
  font-family: 'Lucida Grande', Verdana, sans-serif;
  font-size: 2.1em;
  line-height: 15px;
  margin: 0px;
  padding: 0px;
}

.back-to-calendar a {
  background: transparent url('library/images/main/arrow-link-pink-left.png') no-repeat 2px center;
  color: #555;
  padding-left: 20px;
  text-decoration: none;
}

.back-to-calendar a:hover {
  background-position: 0px center;
}

/* article */

.article {
	margin: 3em 0em 4em 0em;
}

.dear-readers .article {margin-top: 0px;}  /* fix for ie */

.article-header {
	border-bottom-width: 1px;
	border-bottom-style: solid; 
	float: left;
	font-family: 'Lucida Grande', Verdana, sans-serif;
	margin-bottom: 1.5em; 
	padding-top: 0.6em;
	width: 100%;
}

.article-header h3 {
  margin-top: 0px;
}

p.number-of-comments {
	background: transparent url('library/images/main/bubble-small.gif') no-repeat right center;
	color: #666;
	float: right;
	font-size: 1.8em;
	margin: 0px;
	padding-right: 25px;
}

p.article-info {
	color: #666;
	float: left;
	font-size: 1.8em;
	margin: 0px;
	padding: 6px 0px 6px 0px;
}

.article-link {
	background: transparent url('library/images/main/btn-arrow-solo.gif') no-repeat 100% 0px;
	font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
	font-size: 0.8em;
	padding: 1px 26px 3px 0px;
	text-decoration: none;
	text-transform: uppercase;
}

.article-link:hover {
  background-position: 100% -29px;
  text-decoration: underline;
}

.posted-by {
	background: transparent url('library/images/main/icon-posted-by.gif') no-repeat left center;
	margin-left: 10px;
	padding-left: 20px;
}

.article p {
	line-height: 1.6em;
	padding-top: 1px;
}

.article img {
  border: 1px solid #ccc;
  margin: 0 0 1.8em 1.8em;
}

.article img.image-upload {
  border: 1px solid #ccc;
  float: right;
  margin: 0 0 1.8em 1.8em;
}

/* comments */

.comments,
.comment-form,
#entryform,
#searchform {
	clear: both;
	color: #444;
	font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
}

.comments {
	background: transparent url('library/images/main/dots-horiz-content.gif') no-repeat left top;
	margin-top: 4.5em;
	padding-top: 4.5em;
}

.comments.preview-comment {
	background-color: #fffccc;
	padding: 20px 20px 10px 20px;
	width: 690px;
}

.comment p,
.comment-alt p,
.comment-by,
.comment-form label,
.comment-form input {
	font-size: 1.8em;
	line-height: 1.5em;
}

.comment-copy p {
	margin-top: 0px;
}

.comment-number, 
.comment-number-shadow {
	color: white;
	display: block;
	float: left;
	font-family: Georgia, serif;
	font-size: 5.5em;
	font-style: italic;
	left: 0px;
	padding-left: 10px;
	position: absolute;
	top: -10px;
	z-index: 46; 
}

.comment-number-shadow {
	left: -8px;
	position: relative;
	top: -8px;
	z-index: 45;
}

.comments h3 {
	display: block;
	height: 32px;
	margin: 0em 0em 0.6em 0em;
	text-indent: -5000em;
}

.captcha-img {
	margin: 10px 0px 10px 0px;
}

h3.your-comments {
	background-position: 0px -80px;
}

h3.leave-a-comment {
	background-position: 0px -120px;
}

h3.your-responses {
	background-position: 0px -360px;
}

h3.leave-a-response {
	background-position: 0px -320px;
}

h3.talk-about-event {
  background-position: 0px -240px;
}

.comments h3.comment-preview {
	background: transparent url('library/images/main/txt-h4-preview-comment.png') no-repeat left top;
	width: 100%;
}

.comment-bubble-top {
  background: #FAE8F1;
	display: block;
	height: 10px;
	width: 730px;
}

.preview-comment .comment-bubble-top {
	width: 690px;
}

.comment-alt .comment-bubble-top {
}

.comment-copy {
  background: #FAE8F1;
	margin: 0px;
	padding: 0px 10px 10px 10px;
	position: relative;
	width: 710px;
}

.preview-comment .comment-copy {
	width: 670px;
}

.preview-comment .comment-copy {
}

.comment-alt .comment-copy {
}

.comment-by {
  background: none;
	color: #999;
	font-size: 1.6em;
	line-height: 1.5em;
	margin: 5px 0px 20px 0px;
	position: relative;
}

.comment-by span.username {
	background: transparent url('library/images/main/comment-reader-curl.gif') no-repeat top right;
	padding: 12px 42px 3px 0px;
}

.comment-alt .comment-by span.username {
}

.preview-comment .comment-by span.username {
}

/* error handling */

.comment-form label.error {
	color: red;
	float: left;
	font-size: 2em;
	width: 200px;
}

#form-submit-buttons {
	height: 40px;
}

.flag {
	display: block;
	float: left;
	height: 19px;
	text-indent: -5000em;
	width: 36px;
}

.australia {
	background: transparent url('library/images/flags/australia.gif') no-repeat left top;
}

.uk {
	background: transparent url('library/images/flags/uk.gif') no-repeat left top;
}

/* comment form */

/* see global for form-row */

.comment-form label {
	display: block;
}

.comment-form input.checkbox {
	float: left;
	margin-right: 0.6em;
}

#form-submit-buttons p {
  clear: both;
  color: #aaa;
  float: left;
  font-size: 2em;
}

/* form elements */

/* (see global for .btn styles */

.btn.btn-preview 			{background-position: 0px -175px; font-size: 0.001em; width: 71px;}
.btn.btn-preview:hover 	{background-position: -200px -175px;}

.btn.comment-post 			{font-size: 0.001em; background-position: 0px -150px; width: 110px;}
.btn.comment-post:hover 		{background-position: -200px -150px;}

/* advanced search and search results pages */

.search-results {
  clear: both;
  font-size: 1.4em;
  line-height: 3.4em;
  padding: 1em 2em 1em 2em;
}

.search-results p {
  margin: 0;
}

#searchform .column {
  float: left;
  padding-right: 20px;
}

/* contribute section */
/* contribute panel */

.contribute {
  margin-top: 20px;
}

.contribute .contribute p {
  line-height: 1.6em;
}

.contribute h3 {
  margin: 25px 0px 0px 0px;
}

.contribute-panel {
  background: transparent url('library/images/contribute/contribute-panel.jpg') no-repeat left top;
  border: 1px solid #ddd;
  margin: 3em 0 3em 0;
  padding: 2em 340px 1em 2em;
}

.contribute .contribute-panel h3 {
  margin-top: 0em;
}

.contribute .contribute ul  {
  margin: 0.5em 0em 0.5em 0.2em;
  padding: 0.5em 0em 0.5em 0.2em;
}

.contribute .contribute ul li {
  line-height: 1.6em;
  list-style-type: none;
}

.contribute .contribute ul li a {
  background: transparent url('library/images/main/arrow-link-pink.png') no-repeat 0px center;
  padding-left: 20px;
  text-decoration: none;
}

.contribute .contribute ul li a:hover {
  background-position: 2px center;
}

.contribute .contribute ul li a strong {
  text-decoration: underline;
}

.contribute-preview .preview-content h4 {
  border-bottom: 1px solid #ccc;
  font-size: 2.6em;
  margin-bottom: 10px;
}

.contribute-preview {
  padding: 15px;
}

.preview-content {
  background: white;
  border: 1px solid #ccc;
  margin: 10px 0px 10px 0px;
  padding: 10px;
}

#entryform .preview-copy p {
  font-family: Georgia, serif;
  font-size: 2.3em;
}

.contribute-preview .btn {
  float: none;
}

p.preview-details {
  border-top: 1px solid #d9d9d9;
  color: #666;
  padding-top: 5px;
}

/* terms and conditions & privacy policy stuff */

.terms .content ul li {
  list-style-type: lower-alpha;
}

/*  home page */

.most-recent.site-entries {
  float: right;
  width: 250px;
}

.most-recent ol {
  margin: 0px;
  padding: 0px;
}

.most-recent ol li {
  border-bottom: 1px solid #ddd;
  color: #444;
  font-family: 'Lucida Grande', Verdana, sans-serif;
  font-size: 0.75em;
  list-style-type: none;
  margin-bottom: 0.9em;
  padding-bottom: 0.7em;
}

.most-recent a {
  text-decoration: none;
}

.most-recent a:hover {
  text-decoration: underline;
}

.most-recent strong {
  color: black;
}

.most-recent a.most-recent-title {
  background:  transparent url('library/images/main/arrow-most-recent.jpg') no-repeat 99% 3px;
  display: block;
  font-size: 1.2em;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
}

.most-recent a.most-recent-title {
  font-size: 1.1em;
  padding-right: 20px;
}

.most-recent a.most-recent-title:hover {
  background-position: 100% 3px;
}

.most-recent .date {
  display: block;
}

.homepage-image-holder {
  clear: left;
  overflow: hidden;
  padding-top: 3em;
  width: 442px;
}

.most-recent.shop-entries {
  margin-top: 2em;
  padding-top: 3.5em;
  width: 450px;
}

.most-recent.shop-entries ol {
  margin: 0px;
  padding: 0px;
}

.most-recent.shop-entries ol li {
  border: 1px solid #ddd;
  display: block;
  float: left;
  height: 250px;
  list-style-type: none;
  margin: 0px 8px 18px 0px;
  overflow: hidden;
  padding: 10px;
  width: 120px;
}

.most-recent.shop-entries ol li img {
  margin-bottom: 0.7em;
}

.most-recent .recent-comments {
  background: transparent url('library/images/main/bubble-small.gif') no-repeat left center;
  display: block;
  margin: 5px 0px 8px 0px;
  padding-left: 25px;
}