/* Class specific layout... */

DIV.pic-index				{ text-align: center; }
DIV.gallery					{ text-align: center; }
DIV.single-pic				{ text-align: center; }
DIV.single-pic P.big-link	{ font-size: 0.8em; margin-top: 0.9375em; margin-bottom: 1.875em; }

/* Picture lists... */


UL.pic-list						{ margin: 0em auto; list-style-type: none; }
UL.pic-list LI					{ margin: 0em; float: left; text-align: center; }
UL.pic-list LI IMG				{ vertical-align: bottom; }
UL.pic-list:after				{ clear: both; display: block; content: ""; height: 0px; width: 0px; } /* So content after list clears the floating LIs */

UL.pic-list-320 				{ width: 800px; }
UL[class~=pic-list-320]			{ width: auto; max-width: 800px; }	/* Use max-width instead on browsers which support CSS2 */
UL.pic-list-320 LI				{ width: 376px; margin-top: 24px; margin-bottom: 24px; }
UL.pic-list-320 LI.pic-drop1	{ padding-top: 20px; padding-bottom: 20px; }
UL.pic-list-320 LI.pic-drop2	{ padding-top: 40px; padding-bottom: 40px; }
UL.pic-list-320 LI.pic-drop3	{ padding-top: 60px; padding-bottom: 60px; }
UL.pic-list-320 LI.empty		{ height: 376px; }
UL.pic-list-320 LI.pic-left		{ margin-right: 48px; }

UL.pic-list-256 				{ width: 656px; }
UL[class~=pic-list-256]			{ width: auto; max-width: 656px; }	/* Use max-width instead on browsers which support CSS2 */
UL.pic-list-256 LI				{ width: 304px; margin-top: 24px; margin-bottom: 24px; }
UL.pic-list-256 LI.pic-drop1	{ padding-top: 16px; padding-bottom: 16px; }
UL.pic-list-256 LI.pic-drop2	{ padding-top: 32px; padding-bottom: 32px; }
UL.pic-list-256 LI.pic-drop3	{ padding-top: 48px; padding-bottom: 48px; }
UL.pic-list-256 LI.empty		{ height: 304px; }
UL.pic-list-256 LI.pic-left		{ margin-right: 48px; }

UL.pic-list-192 				{ width: 744px; }
UL[class~=pic-list-192]			{ width: auto; max-width: 744px; }	/* Use max-width instead on browsers which support CSS2 */
UL.pic-list-192 LI				{ width: 248px; margin-top: 16px; margin-bottom: 16px; }
UL.pic-list-192 LI.pic-drop1	{ padding-top: 12px; padding-bottom: 12px; }
UL.pic-list-192 LI.pic-drop2	{ padding-top: 24px; padding-bottom: 24px; }
UL.pic-list-192 LI.pic-drop3	{ padding-top: 36px; padding-bottom: 36px; }
UL.pic-list-192 LI.empty		{ height: 232px; }

UL.pic-list-160 				{ width: 832px; }
UL[class~=pic-list-160]			{ width: auto; max-width: 832px; }	/* Use max-width instead on browsers which support CSS2 */
UL.pic-list-160 LI				{ width: 208px; margin-top: 12px; margin-bottom: 12px; }
UL.pic-list-160 LI.pic-drop1	{ padding-top: 10px; padding-bottom: 10px; }
UL.pic-list-160 LI.pic-drop2	{ padding-top: 20px; padding-bottom: 20px; }
UL.pic-list-160 LI.pic-drop3	{ padding-top: 30px; padding-bottom: 30px; }
UL.pic-list-160 LI.empty		{ height: 196px; }

UL.pic-list-128 				{ width: 840px; }
UL[class~=pic-list-128]			{ width: auto; max-width: 840px; }	/* Use max-width instead on browsers which support CSS2 */
UL.pic-list-128 LI				{ width: 168px; margin-top: 8px; margin-bottom: 8px; }
UL.pic-list-128 LI.pic-drop1	{ padding-top: 8px; padding-bottom: 8px; }
UL.pic-list-128 LI.pic-drop2	{ padding-top: 16px; padding-bottom: 16px; }
UL.pic-list-128 LI.pic-drop3	{ padding-top: 24px; padding-bottom: 24px; }
UL.pic-list-128 LI.empty		{ height: 160px; }


/* Colours... */

A.image-link:link:hover, A.image-link:visited:hover	{ background: transparent; }
A.image-link IMG									{ border: 8px solid white; } /* IE6 hack to remove blue border on link images  */
A.image-link>IMG									{ border: 8px solid transparent; } /* Overrides previous rule for most browsers */
A.image-link:link:hover IMG							{ border: 8px solid #e0e0ff; }
A.image-link:visited:hover IMG						{ border: 8px solid #ffe0e0; }


/* Media specific layout... */

@media print
	{
	DIV.single-pic P { display: none; }
	}