/*
	prints_pub.css
	Styles for the public photodb pages.  These are a bit of a mess and there are probably some that are no longer used.
	(C) Blue Moon Design
*/

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #EEEEEE;
	text-decoration: none;
}

a, a:visited {
	color: #FFCC00;
	text-decoration: none;
}

a:hover, a:active {
	color: #FFFF00;
}

blockquote {
	margin: 0pt 15pt 0pt 15pt;
}

.content_table { /* Borrowed from /common/bluemoon.css */
	border: 1px solid #666666;
	background-color: #393939;
}

.prints_header {
	font-family: "Courier New", Courier, mono;
	font-style: italic;
	font-weight: bold;
	font-size: 18pt;
	color: #FFCC00;
	text-align: center;
	margin-top: 0em;
	margin-bottom: 3px; /* This leaves a little space before the content area in galleries/browse.php. */
	padding-top: 0em;
	padding-bottom: 0px;
}

.prints_subheader {
	font-family: "Courier New", Courier, mono;
	font-style: italic;
	font-weight: bold;
	font-size: 18pt;
	color: #CC9900;
	text-align: center;
	margin-top: 0em;
	margin-bottom: 0em;
	padding-top: 0em;
	padding-bottom: 0em;
}

.view_subheading { /* Viewing photos x to y of z... */
	margin-top: 0px;
	padding-top: 0px;
}

.date { /* The date in the title.  This is also used for the title itself in non-PAW mode. */
	color: #FFFFFF;
}

.title { /* The title itself */
	color: #FFCC00;
	font-style: italic;
}

.email_link { /* The email link: note I can't centre the text here as it's not applied to the <p> tag. */
/*	color: #FFCC00; */
}

.copyright_text { /* The copyright text (obviously) */
	color: #FFFFFF;
	width: 600px;
	text-align: right;
	font-style: italic;
}

.pics_copyright_text { /* This is the longer copyright text used on the gallery pages. */
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 8pt;
	color: #FFFFFF;
	text-align: center;
}

.small_border { /* The small border around the photo */
	border: 1px solid #CCCCCC;
}

.big_border { /* The big border around the photo */
	border: 20px #888888 solid;
}

.section_head { /* The headings of the info sections */
	color: #FFCC00;
}

.equip_head { /* Equipment headings */
	color: #CCCCFF;
}

.fancy_border { /* I just specify the colour here at the moment. */
	background-color: #CCCCCC;
}

.info_bg { /* This is applied as a style to most of the <tr> tags of the info table. */
	background-color: #666666; /* Same as background for now. */
}

/* The following styles are used for the thumbnail displays. */
.thumbs {
	width: 800px;
	margin: 0px auto 0px auto;
	display: table; /* IE seems to be the only browser that doesn't understand this (IE6 XP, IE5.5 Win, IE5.2 Mac). */
	padding: 5px 5px 5px 5px; /* I want 10px total; this accounts for the 5px l/r margins in .thumb_row a and the 5px top/bottom  paddings in .thumb_row. */
	border: 1px solid #666666;
	background-color: #393939;
	text-align: center; /* IE needs this to centre the thumb rows, but it only works if the browser window is wider than the thumb rows. */
}

.thumb_row {
	white-space: nowrap;
	margin: 0px auto 0px auto; /* centres the row (except for IE).  Some browsers still need this even with the text-align in .thumbs. */
	padding: 3px 0px 3px 0px; /* Using margins confuses FireFox */
}

.thumb_row a img { /* don't apply to just the 'a', as FireFox will apply the formatting to the 'a' but not the 'img'! */
	/* If changing the border, padding or margin, don't forget to change the pixbreak-related settings in the PHP. */
	background-color: #555555;
	padding: 6px 6px 6px 6px;
	border: 1px solid #808080;
	margin: 0px 3px 0px 3px; /* Theoretically this (and the .thumb_row padding) should be 5px, but there's an extra 2px being picked up somehow. */
}

.thumb_row a:hover img {
	border: 1px solid #9999FF;
}

/* Spacings of the page numbers. */
.pages {
	/* Used to have text-align: center here, but decided to use <p align="center"> for Lynx. */
	margin-top: 1em;
	margin-bottom: 1.5em;
}

.pages_prev, .pages_next {
	margin-left: 1.5em;
	margin-right: 1.5em;
}

.pages_nums {
}

.pages_nums a, .pages_this {
	/* These were 0.5em but I added spaces within each span for the sake of Lynx. */
	/* Using padding instead of margins makes the link target bigger, thus easier to hit with the pointer. */
	padding-left: 0.3em;
	padding-right: 0.3em;
}

.pages_nums a {
	border: 1px solid #333333;
}

.pages_nums a:hover {
	border: 1px solid #996600;
}

.pages_this {
	border: 1px solid #996600;
}

/* Styles for view.php */
.view_pic { /* The width attribute is set by the php. */
	margin: 0em auto 1em auto;
	border: 20px solid #888888;
}

.view_pic img {
	border: 1px solid #CCCCCC;
}

.view_info {
	margin: 0px auto 0px auto; /* IE needs this for the centering. */
	width: 600px;
	text-align: left;
	border: 1px solid #999999;
	background-color: #707070;
	padding: 10px 10px 10px 10px;
}

.view_info p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.section_data {
	margin-left: 1em;
}

/* browse.php styles for PAW mode */
.paw_thumb {
	width: 700px;
	height: 125px;
}

.paw_thumb_pic {
	float: left;
	width: 350px;
	text-align: right;
}

.paw_thumb_pic a img {
	border: 1px solid #777777;
	background-color: #555555;
	padding: 7px 7px 7px 7px;
}

.paw_thumb_pic a:hover img, .paw_thumb_pic a img:hover {
	border: 1px solid #CC9900;
}

.paw_thumb_text {
	margin: 0em 0em 0em 0em;
	padding: 2.5em 0em 0em 0em; /* IE doesn't understand what a margin is */
	text-align: left;
	float: right;
	width: 340px;
}