/* (c) Copyright 2008-9 Together London Limited. http://togetherlondon.com */

#secondary p{
	max-width:12em;
}

#secondary p:first-child{
	font-style:italic;
}

/* print list */

ul.prints{
	float:left;
	position:relative;
	left:-5px;
	top:-5px;
}

ul.prints li{
	display:block;
	float:left;
	margin:-5px 0 -10px -5px;
	width:125px;
	height:177px;
	padding:15px 10px;
}

ul.prints li.last{
	padding-right:0;
}

ul.prints li a{
	display:block;
	border:none;
	position:absolute;
}
ul.prints li a:focus{
	outline:2px dotted #eee;
}

body.scripted ul.prints li a:focus, ul.prints li a:active{
	outline:none;
}


/* non-scripted effect: */
ul.prints li:hover{
	background:url("/images/glow.png") -5px 4px no-repeat;	
}
body.scripted ul.prints li:hover{
	background:none;
}
body.scripted ul.prints li{
	position:relative;
}

body.scripted ul.prints li a{
	z-index:500;
}

/* script adds div: */

body.scripted div.glow{
	display:none;
	width:156px; height:201px;
	position:absolute;
	left:-5px; top:4px;
	background:url("/images/glow.png") 0 0 no-repeat;
	z-index:100;
}

/* prints pagination */

#pagination{
	position:absolute;
	top:-22px; left:0;
}

#pagination ul{
	float:left;
}

#pagination ul li{
	display:block;
	float:left;
	margin-right:5px;
	font-size:1.21em;
}

#pagination ul li a{
	padding:3px 5px;
	border:1px solid transparent;
}
#pagination ul li a, #pagination ul li a:visited{
	color:#a1a1a1;
}
#pagination ul li a.current, #pagination ul li a:hover, #pagination ul li a:focus{
	text-decoration:underline;
}
#pagination ul li a.current, #pagination ul li a.current:hover{
	cursor:default;
	color:#fff;
}

/* prev / next */

#pagination #previousPage, #pagination #nextPage{
	width:15px;
	height:20px;
	display:block;
	border:0; 
	padding:0;
	position:relative;
	bottom:2px;

}

#pagination #previousPage.inactive, #pagination #nextPage.inactive{
	visibility:hidden;
}

#pagination #previousPage span, #pagination #nextPage span{
	position:absolute;
	left:-1000px;
}

#pagination #previousPage{
	background:url("/images/previousSprite.png") 0 0px no-repeat;
}
#pagination #nextPage{
	background:url("/images/nextSprite.png") 0 0px no-repeat;	
}

#pagination #previousPage:hover, #pagination #nextPage:hover,
#pagination #previousPage:focus, #pagination #nextPage:focus{
	background-position:0 -21px;
}

/* more prints */

a#morePrints span{
	position:absolute;
	left:-1000px;
}
a#morePrints{
	position:absolute;
	left:-200px;
	top:140px;
	display:block;
	width:103px; height:41px;
	background:url("/images/morePrints.png") 0 0 no-repeat;
	border:none;
}
a#morePrints:hover, a#morePrints:focus{
	background-position:0 -41px;
}

/* print detail */

img#fullPrint{
	margin-bottom:15px;
}

ul.thumbnails{
	position:absolute;
	top:0;
	right:7px;	
}

ul.thumbnails li{
	height:78px;
	width:75px;
	margin-bottom:20px;

}

ul.thumbnails li a{
	display:block;
	padding-left:20px;
	height:78px;
	width:55px;
	
	border:0;
}

ul.thumbnails li.active a, ul.thumbnails li a:hover, ul.thumbnails li a:focus,
body.scripted ul.thumbnails li.active a:hover, body.scripted ul.thumbnails li.active a:focus{
	background:transparent url("/images/selectedThumb.gif") top left no-repeat;
}

ul.thumbnails li.active a{
	cursor:default;
}


/* thumbnail glow */

body.scripted ul.thumbnails li{
	position:relative;
}
body.scripted ul.thumbnails li a{
	position:absolute;
}
body.scripted ul.thumbnails li a:hover, body.scripted ul.thumbnails li a:focus{
	background-image:none;
}

body.scripted ul.thumbnails div.glow, body.scripted #contextual div.glow{
	width:69px; height:89px;
	left:13px; top:-5px;
	background-image:url("/images/thumbnailGlow.png");
}
body.scripted ul.thumbnails li a, body.scripted #contextual li.alternate a img{
	z-index:500;
}
body.scripted #contextual li.alternate div.glow{
	top:48px;
	left:-7px;
}

/* paypal */

form#paypal h3{
	padding:10px 0 10px 0;
	margin:15px 0 0 0;
	background:url("/images/dashes.gif") top left repeat-x;
	width:86px;
	
}
form#paypal h3 img{
	position:relative;
	right:2px;
}

form#paypal label{
	font-style:italic;
	font-size:1.1em;
}

form#paypal input#submit, form#paypal a.submit{
	position:relative;
	left:-3px;
	top:10px;
	display:block;
	margin-bottom:15px;
}

form#paypal a.submit{
	display:block;
	width:161px;
	height:42px;
	border:none;
	cursor:pointer;
	
	background:transparent url("/images/basketSprite.png") 0 0 no-repeat;
}
form#paypal a.submit:hover, form#paypal a.submit:active, form#paypal a.submit:focus{
	background-position:0 -42px;
}

form#paypal a.submit span{
	position:absolute;
	left:-1000px;
}

form#paypal select#shipping{
	display:block;
	margin:7px 0 10px 0;
}

/* print detail contextual nav */

ul#contextual{
	width:405px;
	float:left;
}
ul#contextual li{
	display:block;
	float:right;
}
ul#contextual li a{
	padding:5px 0 3px 0;
	display:block;	
}

/* next / prev */

ul#contextual li.previous, ul#contextual li.next{
	float:left;
}
ul#contextual li.previous a{
	padding-left:19px;
	background:url("/images/previousSprite.png") 0 1px no-repeat;
}
ul#contextual li.previous a:hover, ul#contextual li.previous a:active, ul#contextual li.previous a:focus{
	background-position:0 -20px;
}
ul#contextual li.next a{
	padding-right:19px;
	background:url("/images/nextSprite.png") 100% 1px no-repeat;
	margin-left:20px;
}
ul#contextual li.next a:hover, ul#contextual li.next a:active, ul#contextual li.next a:focus{
	background-position:100% -20px;
}
ul#contextual li a:hover, ul#contextual li a:active, ul#contextual li a:focus {
	color:#eee;
}

ul#contextual li a.inactive{
	visibility:hidden;
}

/* alternate print */

ul#contextual li.alternate{
	position:absolute;
	top:438px;
	right:0;
	width:55px;
	height:130px;
	float:none;
}
ul#contextual li a{
	color:#a1a1a1;
	font-family:Arial, sans-serif;
	text-transform:uppercase;
	font-size:0.8em;
	letter-spacing:1px;
	border:none;
}
ul#contextual li.alternate a{
	padding:0;
}

ul#contextual li.alternate a:hover span{
	color:#eee;
}
ul#contextual li.alternate a:hover{
	/* override */
	border-bottom:none;
	color:#a1a1a1;
}

ul#contextual li.alternate a:focus img{
	outline:2px dotted #eee;
}
body.scripted ul#contextual li.alternate a:focus img{
	outline:none;
}


ul#contextual li.alternate a span{
	font-family:Georgia, "Times New Roman", serif;
	text-transform:none;
	font-size:1.3em;
	letter-spacing:0;
	
	margin-top:5px;
		
	display:block;
}
ul#contextual li.alternate a img{
	position:absolute;
	bottom:0;
	left:0;
}

/* home */

body.home ul.photos{
	float:left;	
	padding-bottom:25px;
	background:url("/images/dashes.gif") left bottom  repeat-x;	
}

body.home ul.photos li{
	display:block;
	float:left;
	width:265px;
}
body.home ul.photos li:first-child{
	/* add IE! */
	margin-right:15px;
}
body.home ul.photos li a img{
	margin-bottom:6px;
}
body.home ul.photos li a{
	border:none;
	font-family:Arial, sans-serif;
	text-transform:uppercase;
	font-size:0.8em;
	letter-spacing:1px;
	color:#a1a1a1;
}

body.home ul.photos li a span{
	padding:4px 0 3px 19px;
	background:url("/images/nextSprite.png") 0 0px no-repeat;	
	display:block;
}

body.home ul.photos li a:hover span, body.home ul.photos li a:active span, body.home ul.photos li a:focus span{
	color:#fff;
	background-position:0 -21px;
}

body.home ul.prints{
	float:left;	
	padding-bottom:25px;
	background:url("/images/dashes.gif") 5px 100% repeat-x;	
	width:550px;
}

body.home a.seeMore{
	display:block;
	float:left;
	padding:4px 0 3px 19px;
	margin:15px 0 10px 0;

	background:url("/images/nextSprite.png") 0 0px no-repeat;	
	border:none;
	font-family:Arial, sans-serif;
	text-transform:uppercase;
	font-size:0.8em;
	letter-spacing:1px;
	color:#a1a1a1;
}
body.home a.seeMore:hover, body.home a.seeMore:active, body.home a.seeMore:focus{
	color:#fff;
	background-position:0 -21px;
}

body.home div.blog{
	float:left;
	width:265px;
	margin-right:15px;
}

body.home div.FAQ{
	float:left;
	width:265px;
}
body.home div.FAQ img{
	float:left;
	margin:0 10px 5px 0;
}


body.home div.blog h2{
	clear:left;
	padding-top:0;
	background:none;
	font-family:Georgia, serif;
	letter-spacing:0;
	text-transform:none;
	font-style:italic;
	font-size:1.3em;
	margin-bottom:10px;
}


/* blog */

body.blog div.post{
	padding-bottom:10px;
	margin-bottom:15px;
	background:url("/images/dashes.gif") left bottom  repeat-x;
}

body.blog div.single.navigation{
	padding-bottom:15px;
	margin-bottom:20px;
	background:url("/images/dashes.gif") left bottom  repeat-x;
}

body.blog p.postmetadata{
	font-size:0.89em;
	line-height:1.6;
	width:80%;
	
	padding-top:10px;
	background:url("/images/dashesShort.gif") top left no-repeat;
	font-family:Arial, sans-serif;
	letter-spacing:1px;
	text-transform:uppercase;
	
}
body.blog p.postmetadata a{
	font-family:Georgia, serif;
	text-transform:none;
	letter-spacing:0;
}

body.blog ol.commentlist{
	width:90%;
	margin-bottom:20px;
}

body.blog #sidebar h3{
	font-family:Arial, sans-serif;
	text-transform:uppercase;
	font-size:0.8em;
	letter-spacing:1px;
	margin-bottom:1em;	
}

body.blog #sidebar ul ul{
	margin-bottom:20px;
	padding-bottom:20px;
	
	background:url("/images/dashesShort.gif") bottom left no-repeat;

}

body.blog #sidebar ul li{
	margin-bottom:6px;	
}

body.blog p.poweredBy{
	font-size:0.86em;
	
}

body.blog form input[type=text], body.blog form textarea{
	background:#eee;
}

body.blog h2{
	padding-top:0;
	background:none;
}
body.blog h3{
	margin-bottom:10px;
}

body.blog ol.commentlist{
	padding:0;
	margin:0;
}

body.blog ol.commentlist li{
	margin:0 0 20px 0;
}

body.blog ol.commentlist li p{
	margin-top:5px;
}
body.blog ol.commentlist li p{
	line-height:1.3;	
}