/* RESET */

*			 { padding: 0; margin: 0; }
.clear		 { clear: both; }
html 		 { overflow-y: scroll; }
a img		 { border: none; }



/* BASIC STYLING */

body {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	background: #fff url(../images/body_bg_gradient.png) repeat-x top left;
	width: 800px;
	margin: 0 auto;
}

a {
	outline:none;
	font: 14px Arial, Helvetica, sans-serif;
	color:#686a15;
	text-decoration:none;
	}
	a:visited {
		color:#686a15;
	}
	a:hover {
		color:#CC6600;
		text-decoration:underline;
	}

p {
	color:#333;
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 0 1.4em 0;
	}
	p.small {
		font-size: 9px;	
	}
	p.last { 
	}

em {
	font-style: italic;
	color:#660
}

h2.image-heading {
	margin: 0 0 1em 0;	
}

h3 {
	font-weight: normal;
	margin: 0 0 1.3em;	
}

h5 {
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #630;
	margin: 0 0 7px 0;
	}
	h5 span {
		font-weight: bold;
		padding: 0 0 0 10px;
		color: #333;
	}

.center {
	text-align: center;
	display: block;
}

.divider {
	margin-left: 258px;
}

.img-r {
	float: right;
	padding: 4px 0 0 18px;
}

.img-l {
	float: left;
	padding: 5px 18px 15px 0;
}

.firstLetter {
	color:#432604;
	font:bold 24px Arial, Helvetica, sans-serif;
}

.title {
	color:#663300;
	font-style:italic;
	font-size:14px;
}

/* HEADER */

#header {
	width: 800px;
	margin: 25px 0 0;
	background: #fff;
}

h1.logo { 
	background: #fff url(../images/starving-artist-designs-header.jpg) no-repeat left top;
	height: 100px;
	}


/* MENU */

.menu {
	background: #c28448;
	width: 800px;
	z-index:600;
	text-align:left;
	height: 49px;
	}
	.menu ul { 
		list-style-type: none; 
		float: right;
		}
		.menu li {
			float: left;
			width: auto;
			position: relative;
		}
		/* make the second level visible when hover on first level list OR link */
		.menu ul li:hover ul,
		.menu ul a:hover ul {
			visibility: visible; 
		}
		.menu a {
			display: block;
			height: 49px;
			}
			/* style the top level hover - THIS STOPS IE 6 FROM WORKING IF YOU DELETE BGCOLOR - 2nd level hover in IE6*/
			.menu a:hover {
				background: #cad492;
				padding: 0px;
			}
			.menu ul ul {
				z-index: 700;
				visibility: hidden;
				position: absolute;
				top: 49px;
				left: 0; 
				background: #93a432;
				}
				.menu ul ul a {
					font: 12px Verdana, Arial, Helvetica, sans-serif;
					width: 100px;
					color: #fff;
					padding: 6px 0 0 22px;
					display: block;
					height: 20px;
					border-bottom: 1px solid #A5B470;
					}
					.menu ul ul a:hover { 
						background: #cad492; 
						color: #778130; 
						}
					.menu ul ul :hover > a {
						text-decoration: none;
						padding: 6px 0 0 22px;
					}

/* CONTENT WRAPPER */

#content-wrap {
	background: url(../images/content-wrap-bg.png) repeat-y top left;
	float: left;
	width: 800px;
}

#content-wrap-detail {
	background: url(../images/content-wrap-detail-bg.png) repeat-y top left;
	float: left;
	width: 800px;
}

/* 	MAIN CONTNET */

#main-content {
	float: left;
	width: 572px;
	padding: 40px 35px 35px;
}
	
#home #main-content {
	padding: 30px 35px 5px;	
}

table.images {
	width: 100%;	
	}
	
td.top-row,
td.bot-row {
	padding-bottom: 12px;
}

	/* DETAILS Page */
		
	#details-page-content {
		float: left;
		width: 602px;
		padding: 15px 25px 15px 15px;
	}
	
	#prod-detail-image {
		padding: 0 20px 15px 0;
		float: left;
	}
	
	#details-page-content p {
		margin: 0 0 1em 0;
		font-size: 1.1em;
	}
	
	#prod-detail-thumbs {
		list-style: none;
		float: left;
	}
	
	#buy,
	#sold {
		float: right;
	}

		/* ITEM PAGINATION */
		
		ul#pagination {
			list-style: none;
			text-align: right;
			margin: 3px 13px 0 0;
			}
			ul#pagination li {
				display: inline;
				font: 16px Verdana, Geneva, sans-serif;
				}
				ul#pagination li.cur a,
				ul#pagination li.cur a:hover {
					color: #402200;
					background: #fff;
					border: 1px solid #D2A77B;
					text-decoration: none;
				}
				
				ul#pagination li a {
					padding: 2px 4px;
					color: #cb8a56;
					font: 16px Verdana, Geneva, sans-serif;
					border: 1px solid #fff;
					}
					ul#pagination li a:hover {
						color: #bd5618;
						background: #fff;
						border: 1px solid #ECDEA6;
					}
		
			ul#pagination img {
				margin-bottom: 2px;	
			}

	/* LINKS Page */
	
	ul.links {
		list-style-type: none;	
		}
		ul.links li {
			margin: 0 0 1em 1.3em;	
			}
			ul.links li a {
				color: #C93;	
				}
				ul.links li a:hover {
					color: #C60;	
				}

/* SIDEBAR */

#sidebar {
	width: 158px;
	float: left;
}

#home #sidebar {
	width: 138px;
	padding: 6px 10px 0;
}

#about #sidebar img {
	margin-top: 250px;
}

#jewelry #sidebar img,
#paper-arts #sidebar img {
	margin: 100px 0 0 0;	
}

#sidebar ul {
	list-style: none;	
	}
	#sidebar ul li {
		padding: 0 0 6px 0;	
	}

/* FOOTER */

#footer {
	border-top: 20px solid #4D1902;
	padding-bottom: 25px;
}

#footer a {
	font: 12px Arial, Helvetica, sans-serif;
	color:#CC6600;
	text-decoration:none;
	outline:none;
	}
	#footer a.current { 
		color: #402200; 
	}
	#footer a:hover{
		color:#bd5618;
		text-decoration:underline;
	}

#footer ul {
	list-style: none;
	padding: 15px 0;
	margin: 0 auto;
	width: 800px;
	text-align: center;
	}
	#footer ul li {
		display: inline;
		padding: 0 7px 0 5px;
		border-right: 1px solid #CC6600;
		}
		#footer ul li.last-in-line {
			border-right: none;	
		}