/* Resets */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a img {border: 0;}

.clear { clear:both; }

html, body { overflow-x:hidden; }


@dark		: #000000;
@borders	: #babbbc;
@light		: #96989b;
@archive    : #bfbfbf;
@over		: #000000;
@click		: #00aeef;
@white		: #ffffff;
@grey		: #7f8082;


body {
	font: 12px/18px "Helvetica Light", "Helvetica", sans-serif;
	background: #fff;
}

a {
	color:@dark;
	text-decoration:none;
	outline:none;
	&:hover {
		color:@light;
		text-decoration:underline;
	}
}

#canvas {
	width:934px;
	margin:0 auto;
	overflow: hidden;
	zoom: 1;
}

header {
	margin: 30px 0;
	border-bottom: 1px solid #999;
	overflow: hidden;
	
	#logo {
		background: url('images/logo.png') no-repeat;
		width: 173px;
		height: 48px;
		float: left;
		overflow: hidden;
		display: inline-block;
	}
	
	#social {
		line-height: 20px;
		float: right;
		display: inline;
		
		.facebook {
			background: url('images/facebook.png') 0 0 no-repeat;
			height: 19px;
			padding: 0 0 0 25px;
			line-height: 20px;
			display: inline-block;
			margin: 19px 0 0 0;
			
		}
	}
	
}

nav {
	margin-right:10px;
	/*border:1px red solid;*/
	width: 125px;
	position:relative;
	top:-5px;
	float:left;
	
	#menu {
		list-style-type:none;
		
		li {
			margin:5px 0px;
			padding:3px 0px 0 0;
			display:block;
			width:125px;
			/*padding-right:3px;*/
			&:hover { 
				background-color:@over; 
				
				a {
					color:#fff;
				}
			}
			
			&:active {
				background-color: @click;
			}
			
			a {
				display:block;
				width:125px;
				text-align:right;
				font: 11px/14px "Helvetica", serif;
				letter-spacing:2px;
				text-align:right;
				text-transform:uppercase;
				text-decoration:none;
				color: @dark;
				position:relative;
				right:3px;
				
				&:hover { color:#fff; }
				
			}
			
			
			
		}
		
		li.current {
			background-color:@dark;
			padding-bottom:0px;
			a { 
				color: #fff; 
				&:hover { color:#fff; }
			}
			
		
			ul { 
				background-color:#fff; 
				
				li { 
					margin:0px;
					background-color:@white;
					
					&:hover {
						background-color:@dark;
					}
					
					&:active {
						background-color: @click;
					}
				
					a {
						display:block;
						text-transform:none;
						color:@light;
						text-decoration:none;
					
						&:hover { 
							color:@light;
						}
						
						&:active {
							color:@dark;
						}
						
					}
				}
			}
		}
		
	}
	
	
	#archives {
		list-style-type:none;
		margin-top:80px;
		
		li {
			margin:5px 0px;
			padding:3px 0;
			display:block;
			width:125px;
			&:hover { 
			
				a {
					color:#fff;
				}
			}
			
			a {
				display:block;
				width:125px;
				text-align:right;
				font: 11px/14px "Helvetica", serif;
				letter-spacing:2px;
				text-align:right;
				text-transform:uppercase;
				text-decoration:none;
				color: @archive;
				&:hover { color:@dark; }
			}
			
			
			
		}
		
	}
	
	
	
}

#content {
	float:left;
	width:772px;
	min-height:530px;
	margin-left:26px;
	
	h3 {
		margin: 2px 0 10px 0;
		font-weight: lighter;
		color: #000000;
	    font: 14px "Helvetica",serif;
	    letter-spacing: 2px;
	    text-transform: uppercase;
	}
	
	p {
		margin: 0 0 18px 0;
		letter-spacing: 0.5px;
	}
	
	article {
		width:179px;
		float:left;
		margin:0px 18px 20px 0px;
		position:relative;
	}
	
	#bloghead {
		border:0px;
		margin-top:40px;
		margin-bottom:30px;
		padding:0px;
	}
	
	article.blog {
		width:100%;
		float:none;
		margin:0 0 30px 0;
		
		
		img {
			padding:5px; 
			border:1px @borders solid;
			margin-bottom:5px;
			margin:30px 0;
		}
		
		img.single {
			
		}
		
		img.aligncenter {
			margin: 30px auto;
			display: block;
		}
		
	}
	
	article span.title { 
		text-align:left;
	}
	
	article span.buy { 
		position:absolute;
		right:2px;
		bottom:0px;
		
		a { 
			color:@light; 
			&:hover {
				color:@dark;
			}
			
		}
	}
	
	
	article.no-margin {
		margin-right:0px;
	}
}

#content.collection p a img { margin-bottom:30px; }

#content.blog img { padding:5px; border:1px @borders solid; }

.highslide img { border:0 !important; }

.navigation {
	
	.wp-paginate { list-style-type:none; 
		li { 
			display:inline; 
			padding-right:10px;
			span.title { font-weight:bold; }
		}
		
		li.current {
			font-weight:bold;
		}
	}
	
}


h2.pagetitle {
	margin-bottom:30px;
}

footer {
	font: 10px/16px "Helvetica Light", "Helvetica", sans-serif;
	color: #000;
	margin:30px 0 40px 0;
	border-top: 1px solid #999;
	overflow: hidden;
	
	a {
		color: #000;
		text-decoration:none;
		outline:none;
		&:hover {
		color:@light;
		text-decoration:underline;
		}
	}
	
	
	
	#sizing {
		padding-top:10px;
		margin-bottom:5px;
		width:350px;
		float: left;
		display: inline;
	}
	
	#legal {
		float: right;
		display: inline;
		text-align: right;
		margin: 10px 0 0 0;
	
		p { color:@light; text-align: right; }
		
		a { 
			color:@light; 
		 	&:hover { color:@dark; }
		}
	}
	
	p {
		margin-bottom:0px;
	}
}


.contact {
	margin-top:67px;
	font: 12px/22px "Helvetica Light", "Helvetica", sans-serif;
}