harper.css

/* reset */

body, div, dl, dl, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td	{
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6	{
	font-size: 100%;
	font-weight: normal;
}
ol, ul	{
	list-style-type: none;
}
a	{
	text-decoration: none;
}
table	{
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th	{
	text-align: left;
}
fieldset, img	{
	border: 0;
}

/* blocktext */
h1, h2, h3, h4, h5, p, ul	{
	padding: 0 0 1.5em 0;
	
}


body {
	position: relative;
	
	margin: 0 auto 0 auto;
	
	font: 70% Verdana, Helvetica, Arial, sans-serif; 

	color: #47443b;/* #1c1a1b */

	line-height: 1.5;
	
	
	
	
}

#container {
	position: relative;

	width: 648px;
	

	margin: 30px auto 0 auto;

	background: white url(../img/.jpg) no-repeat top left;
	

}
#nav ul	{
	margin-bottom: 0;
	
	padding-bottom: 0;
	padding-left: 6px;
	
	background-color: #FF0000;
}

#nav ul li, #footer ul li {
	font-size: 90%;
	text-transform: uppercase;
	display: inline;
	margin: 0 3px 0 0;
	padding: 0 6px 0 0;
	border-right: 1px solid #c8c9c1;
	
}



#nav ul li a, #nav ul li span	{

	
	color: #330000;
}

#nav ul li a:hover, #nav a:focus, #nav a:active, li.selected, #footer ul li a:hover, #footer ul li a:focus, #footer ul li a:active 	{

	color: #c8c9c1;

	

	

}



/* #nav li.selected span, */#branding h1	{

	letter-spacing: 2em;

	text-transform: uppercase;
	

}
#nav li.selected span	{
	color: #ccc;
}

#branding	{
	
}

/* content layout */

#content	{
	
	clear: both;
	margin-top: 2em;	
	
}
img#starkey	{
	width: 648px;
}

#about .content_copy, #jewellery .content_copy, #phillippa .content_copy	{
	width: 400px;
	float: left;
}

#about .content_copy p, #jewellery .content_copy p, #phillippa .content_copy p	{
	padding-right: 20px;

}

#about .content_image, #jewellery .content_image, #phillippa .content_image	{
	
	float: right;
	
}


#contact #content	{
	width: 400px;
}
	
#about #content, #cv #content, #terms #content, #privacy #content, #returns #content, #order #content, #list #content, #news #content	{
	width: 400px;
}
	
#cv blockquote	{
	font-style: italic;
}
	
#cv cite	{
	font-style: normal;

}



#branding h1, #branding h1 a	{
	font-size: 120%;
	font-weight: bold;
	color: #330000;
}

	





h2, h3, h4	{
	font-size: 100%;
	font-weight: bold;
	letter-spacing: 0.1em;
	
	color: #330000;
}

#content a, #nav p a	{
	/* color: #a6376a; */
	color: #a6376a;
	
}
#content a:hover, #content a:focus /* WHAT IS NAV P?, #nav p a:active, #nav p a:hover, #nav p a:focus, #nav p a:active */	{
	/* color: #ff0099; */
	color: #330000;
	text-decoration: underline;
}
#content a.discreet	{
	color: #47443b;
	text-decoration: none;
}


/* collection 
------------------------------------------------------------------------ */

#item_menu h3 a:hover, #item_menu h3 a:focus	{
	text-decoration: none;
}


#collection #content ul#item_menu 	{
	margin-left: -30px;
	padding-top: 3em;
	

}
#tops #item_menu, #dresses #item_menu, #skirts #item_menu, #trousers #item_menu, #coats #item_menu	{
	margin: 1.5em 0 0 -30px;
}

#item_menu li	{
	padding: 0 20px;
	
	float: left;
	width: 95px;
	height: 160px;
}
#tops #item_menu li#tabard	{
	width: 110px;
}

#dresses #item_menu	li	{
	margin-bottom: 1em;
}

#item_menu li img	{
	width: 95px;
}
#tops #item_menu li#tabard img	{
	width: 110px;
}
#collection #item_menu li img	{
	display: block;
}

/* #item_menu li#poppy	img {
	width: 120px;
} */
#item_menu li#tweedie-elsie img	{
		width: 102px;
}
li#flamenco img	{
		width: 106px;
}
#collection #item_menu li h3	{
	margin: 0;
	padding-bottom: 0;
	font-weight: normal;
	letter-spacing: -1px;
	text-align: center;
}

#item .content_copy	{
	width: 248px;
	float: left;
	
}
#item .content_copy p, #item .content_copy ol	{
	padding-right: 12px;
}

#item .content_image	{
	width: 400px;
	float: left;
	margin-top: -26px;
}
#item .content_image img	{
	width: 300px;
	padding-left: 100px;
}
#item #splayed img	{
	width: 400px;
}
#item .content_image p	{
	text-align:right;
	
}
p.reminder	{
	clear: both;
}
p.sup_nav	{
	padding-top: .4em;
	padding-bottom: 0;
}

.old_price	{
	text-decoration:line-through;
}
/* order 
----------------------------------------------------------------------- */


#order ol	{
		
	
}
#order ol li, #privacy ol li, #news ul.item_promo li	{
	margin: .5em 0;
}

#order table	{
	margin: .5em 0;
	
}

#order th, #order td	{
	
	font-weight: normal;
	text-transform: uppercase;
	border: 1px solid #333;
	padding: 6px;
}


p.collapse, h3.collapse	{
	padding: 0;
}
#privacy ol li p	{
	display:inline;
}
.tel 	{
	font-weight: bold;
}

#about img	{
	outline: 1px solid #c8c9c1; /* #2F2D27; */
	padding: 1px;
	float: right;
}

/* returns */
#returns ol li, #order ol li, #privacy ol li, #news ul.item_promo li 	{
	padding-left: 20px;
	background: url(../img/bullet.gif) no-repeat 0 5px; 
}
 
 

/* jewellery */

#jewellery .content_image	{
	margin-top: -25px;
}
 
/* news */

#news li h2	{
	font-size: 110%;
}
#news img.item_promo	{
	display:block;
	width: 150px;
	padding-top: 10px;
}
.first	{
	padding-top:1.5em;
}

.note	{
	clear: both;
	padding-top: 2em;
}

#terms em	{
	font-style: normal;
	font-weight: bold;
}



#footer	{

	clear: both;
	padding-top: 7em;
	
}

#footer ul li a	{

	
	color: #afb0a6;
}

#footer ul li a:hover, #footer ul li a:focus, #footer ul li a:active 	{

	color: #330000;
}



/* added behaviour */
#contact .content_image a:hover img	{
	outline: 1px solid #ff0000;

}

.invis {

	position: absolute;

	left: -2000px;

}

.strike	{text-decoration:line-through;}

.highlight	{color: #FF0000;}














/* CSS Document */