/*****************
  This is your playground. Customize Hemingway to your hearts extent. 
*****************/

.left {
	float:left;
}
.right {
	float:right;
}
img.left {
	margin-right:10px;
}
img.right {
	margin-left:10px;
}
p a,
li a,
td a,
h3 a,
h2 a{
	color:#BFBFBF;
	text-decoration:none;
	border-bottom:1px dotted #666;
}
#primary .secondary h3 a {
	border-bottom:1px dotted #000;
}
p a:hover,
li a:hover,
td a:hover,
h3 a:hover,
h2 a:hover{
	color:#FFF;
	border-bottom:1px solid #BFBFBF;
}
h2 {
	font-size:1.3em;
}
#primary .primary h3 {
	margin-top:1.5em;
	margin-bottom:0.5em;
	font-size:1em;
}
p {
	margin-top:0;
}
ul li ul {
	margin-top:0.5em;
}

.indent {
}

/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/

#primary .secondary {
	padding-top:0;
}
	#primary .secondary .btn {
		border:none;
	}
		
#top_artists {
	position:relative;
	height:100%;
	top:-15px;
}
#top_artists .item {
	display:block;
	float:left;
	margin:0 1px 1px 0;
	border:none;
	width:115px;
	height:115px;
	background:#111;
}
	#top_artists .item a {
		float:left;
		border:none;
	}
/*---------------
  Artists Fisheye Navigation
----------------*/
#artists-list-nav {
	position:relative;
	padding:0;
}
	#artists-list-nav h2 {
		margin:0px;
		padding:0px;
		padding-top:1em;
	}
	#artists-list-nav .dock-container {
		position:absolute;
		width: 100%;
		left: 0px;
		bottom:0px;
	}
	#artists-list-nav li.item {
		display: block;
		padding-left:0;
		margin-left:0;
		bottom: 0px;
		position: absolute;
		text-align: center;
		text-decoration: none;
	}
	#artists-list-nav li.item a {
		border:none;
		padding:0px 0px;
	}
	#artists-list-nav .item p {
	}
	#artists-list-nav li.item a.title {
		display:none;
		position:absolute;
		text-align:center;
		width:115px;
		bottom:-0.9em;
		left:-19px;
	}
	#artists-list-nav .item img {
		border: none; 
		margin: 0;
		width: 100%;
	}
	
	
/*---------------
  Artists List Page
----------------*/
#artists-list .item {
	float:left;
	width:185px;
}
	#artists-list .item .info h3 {
		padding:0;
		margin:0;
		margin-top:0.5em;
	}
	#artists-list .item .img {
		float:left;
		padding-right:0.8em;
	}
		#artists-list .item .img img {
			width:40px;
			height:40px;
		}
		#artists-list .item .img a {
			background:#111;
			margin-bottom:0;
			border:none;
		}

/*---------------
  Artists Thumbnail List Page
----------------*/
#artists-thumb-list {}
	#artists-thumb-list .item {
		float:left;
		margin-right:1px;
		margin-bottom:1em;
		width:115px;
	}
		#artists-thumb-list .item .info {
		}
		#artists-thumb-list .item h3 {
			text-align:center;
			padding:0;
			margin-top:0px;
			font-size:12px;
		}
		#artists-thumb-list .item .img {
		}
			#artists-thumb-list .item .img img {
				width:115px;
				height:115px;
			}
			#artists-thumb-list .item .img a {
				background:#111;
				margin-bottom:0;
				border:none;		
				width:115px;
				height:115px;
				display:block;
				
			}

/*---------------
  Artist Page
----------------*/
#artist-page {
	position:relative;
}
#artist-page h1 {
}
#artist-page #estimate-btn{
}
#artist-page #estimate-btn a {
	display:block;
	padding:4px 8px;
	border:1px solid #444;
	background: #444;
	height:100%;
	float:left;
	margin:0.5em 0em 1em;
	color:#FFF;
	text-decoration:none;
}
	#artist-page #estimate-btn a:hover {
		background:#FFF;
		color:#000;
		border:1px solid #FFF;
	}
#artist-page #works ul {margin:0;}
#artist-page #works ul li {
	list-style:none;
	float:left;
	margin:0px;
	margin-left:0px;
	margin-right:1px;
	margin-bottom:1px;
}
#artist-page #works ul li a {
	display:block;
	width:115px;
	height:115px;
	line-height:115px;
	background:#111;
	vertical-align:bottom;
	border-bottom:none;
}
	#artist-page #works ul li a img {
		width:115px;
		height:115px;
	}
#artist-page .primary {
	float:right;
	width:580px;
}
#artist-page .secondary {
	float:left;
	width:290px;
	margin-right:0px;
	padding-top:0em;
	display:inline;
	
}
#artist-page .secondary ul{
	margin:0;
	padding:0;
}
#artist-page .secondary #portrait,
#artist-page .secondary #comments{
	margin-bottom:1em;
}
	#artist-page .secondary #portrait img {
		width:115px;
		height:115px;
	}
#artist-page .secondary table {
	border-spacing:0px;
	margin-top:0.5em;
	border-top:1px solid #333333;
}
	#artist-page .secondary th,
	#artist-page .secondary td {
		vertical-align:top;
		padding:0.5em 0 0.5em;
		background-color:#000;
		border-bottom:1px solid #333333;
		color:#808080;
	}
		#artist-page .secondary tr.tag th,
		#artist-page .secondary tr.tag td {
			border:none;
		}
	#artist-page .secondary th{
		color:#AAA;
		font-weight:normal;
		padding-right:0.5em;
	}
	#artist-page .secondary td li {
		padding:0px;
		margin:0 0 0.5em 2em;
	}
	#artist-page .secondary td a{ color:#808080; }
	#artist-page .secondary td a:hover{ color:#FFF; }

#header-menu {
	position:absolute;
	top:67px;
	filter: alpha(opacity=92);
  -moz-opacity:0.92;
	opacity:0.92;
	width:100%;
	z-index:100;
}
/*IE7*/
*:first-child+html #header-menu {
	height:100%;
	
}
	#header-menu .menu {
		margin:0 auto;
		width:928px;
	}
	#header-menu .menu ul {
		margin-top:0;
		margin-bottom:0;
		position:absolute;
		top:0px;
		margin-left:0px;
		padding-left:0px;
	}
	#header-menu .menu li {
		float:left;
		position:relative;
		margin-top:0;
		margin-bottom:0;
		margin-left:0;
		list-style:none;
		border-right:2px solid #000;
		background:#333;
	}
		#header-menu .menu li a,
		#header-menu .menu li.about span,
		#header-menu .menu li span {
		
			line-height:11px;
			font-size:11px;
		}
		
		#header-menu .menu li a,
		#header-menu .menu li.artists span{
			border:none;
			display:block;
			float:left;
			padding:4px 8px;
			font-size:11px !important;
			white-space:nowrap;
		}
		#header-menu .menu li a:hover{
			background:#666;
		}
		#header-menu .menu li.artists .name span,
		#header-menu .menu li.artists .style span,
		#header-menu .menu li.artists .product span,
		#header-menu .menu li.artists .media span,
		#header-menu li.about span,
		#header-menu li.contact span{
			padding:4px 8px;
			display:block;
			background:url(../images/icon_arrow_down.png) no-repeat 10px 8px;
			padding-left:22px;
		}
		#header-menu .menu li.top{
		}
		#header-menu .menu li.artists{
			width:550px;
			list-style:none;
			color:#777;
		}
			#header-menu .menu li.artists span.title {
				color:#888;
			}
			#header-menu .menu li.artists li {
				border:none;
				color:#CCC;
			}
			#header-menu .menu li.artists ul {
				width:500px;
				top:0px;
				left:4.8em;
				position:absolute;
			}
			#header-menu .menu li.artists li ul,
			#header-menu .menu li.about ul,
			#header-menu .menu li.contact ul {
				top:19px;
				display:none;
				position:absolute;
				padding-top:1px;
				left:0px;
				width:360px;
				z-index:100;
			}
			#header-menu .menu li.about ul,
			#header-menu .menu li.contact ul {
				width:200px;
			}
				#header-menu .menu li.about ul li,
				#header-menu .menu li.contact ul li {
					border:none;
				}
				#header-menu .menu li.artists li.name ul {
					width:600px;
				}
				
			#header-menu .menu li.artists li ul li a,
			#header-menu .menu li.about ul li a,
			#header-menu .menu li.contact ul li a{
				width:160px;
			}
,
			#header-menu .menu li.contact ul,
			#header-menu .menu li.contact ul li a{
				width:140px;
			}
/**************************************
Tooltip
***************************************/

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #AAA;
	background-color: #eee;
	padding: 3px;
	opacity: 0.85;
	color:#333;
}
#tooltip a{
}
#tooltip h3, #tooltip div { color:#333; margin:0px;font-size:11px;}