/* CSS For Susanemyers.com */

html,body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-image: url("images/bgcolor.gif");
	background-repeat: repeat;
}

#backgroundDIV{
	width: 100%;
	min-height: 100%;
	background-image: url("images/bgcolor.gif");
	background-repeat: repeat;
}
	#gradientDIV{
		width: 100%;
		height: 100%;
		background-image: url("images/gradientBG.gif");
		background-position: top left;
		background-repeat: repeat-x;
	}
		#textureDIV{
			width: 100%;
			height: 100%;
			background-image: url("images/textureBG.jpg");
			background-repeat: no-repeat;
			background-position: center top;
		}
			#introTable{
				margin: auto auto;
			}
				#introSusan{
					width: 150px;
					vertical-align: top;
				}
					#introSusan img{
						float: right;
					}
				#introTOPLEFT{
					 width: 8px;
					 height: 8px;
				}
				#introLEFT{
					width: 8px;
					background-image: url("../layout/introL.gif");
					background-repeat: repeat-y;
					background-position: top left;
				}
				#introBOTTOMLEFT{
					 width: 8px;
					 height: 11px;
				}
				#introTOP{
					height: 8px;
					background-image: url("../layout/introT.gif");
					background-repeat: repeat-x;
					background-position: bottom left;
				}
				#introContentTD{
					padding: 0px;
					background-color: #333333;
				}
					#introContentTD ul.nav,li.nav{
						list-style-type: none;
						margin: 0px 0px 5px 0px;
						padding: 0;
						font-size: 12px;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						line-height: 175%;
					}
					#introContentTD img {
						border:0;
						width:300px;
					}				
				#introBOTTOM{
					height: 11px;
					background-image: url("../layout/introB.gif");
					background-repeat: repeat-x;
					background-position: top right;
				}
				#introTOPRIGHT{
					width: 11px;
					height: 8px;
				}
				#introRIGHT{
					width: 11px;
					background-image: url("../layout/introR.gif");
					background-repeat: repeat-y;
					background-position: top left;
				}
				#introBOTTOMRIGHT{
					width: 11px;
					height: 11px;
				}
				#introNavigation{
					width: 150px;
					vertical-align: top;
					color: #FFFFFF;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 12px;
					padding: 0px 0px 5px 5px;
					line-height: 150%;
				}
					#introNavigation ul,li{
						list-style-type: none;
						margin: 0;
						padding: 0;
					}
						.introNavLink:link{
							text-decoration: none;
							color: #666666;
						}
						.introNavLink:visited{
							text-decoration: none;
							color: #666666;
						}
						.introNavLink:active{
							text-decoration: none;
							color: #666666;
						}
						.introNavLink:hover{
							color: #FFFFFF;
							text-decoration: underline;
						}
			#aboutCONTAINER{
				margin: auto auto;
				width: 640px;
			}
				#aboutLEFT{
					vertical-align: top;
				}
				#aboutRIGHT{
					vertical-align: top;
					color: #FFFFFF;
				}
					#aboutRIGHT ul.nav,li.nav{
						list-style-type: none;
						margin: 0px 0px 0px 12px;
						padding: 0;
						font-size: 12px;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						line-height: 175%;
					}
						.introNavLink:link{
							text-decoration: none;
							color: #999999;
						}
						.introNavLink:visited{
							text-decoration: none;
							color: #999999;
						}
						.introNavLink:active{
							text-decoration: none;
							color: #999999;
						}
						.introNavLink:hover{
							color: #FFFFFF;
							text-decoration: underline;
						}
			#dottedLINE{
				margin: 10px 0px 10px 0px;
				height: 1px;
				background-image: url("../layout/singleDOT.gif");
				background-repeat: repeat-x;
			}
			h3.experienceSECTION{
				margin: 5px 5px 5px 10px;
				padding: 0px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #FFFFFF;
				display: block;
				border-bottom: 0px solid #333333;
			}
			ul.experienceLIST, li.experienceLIST{
				list-style-type: circle;
				margin: 0px 0px 0px 15px;
				padding: 0px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				line-height: 150%;
				color: #999999;
			}
		#categoriesTABLE{
			margin: 0px 10px 0px 10px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			float: center;
		}
			.qtyCount{
				font-size: 9px;
				color: #666666;
				display: none;
			}
			#categoriesTABLE td{
				padding: 5px;
				border-bottom: 1px dotted #444444;
			}
			.catLink:link, .catLink:active, .catLink:visited {
				color: #777777;
				text-decoration: none;
				font-size: 10px;
				padding-left: 6px;
				display: block;
			}
			.catLink:hover {
				color: #f1f1f1;
				display: block;
				padding-left: 6px;
				background-image: url(../layout/whiteArrow.gif);
				background-position: center left;
				background-repeat: no-repeat;
			}
			.imgLink:link, .imgLink:active, .imgLink:visited {
				color: #999999;
				text-decoration: none;
			}
			.imgLink:hover {
				color: #f1f1f1;
			}
		.thumbnail {
			width: 80px;
			height: 80px;
			float: left;
			margin: 0px 5px 10px 5px;
			background-position: center center;
			background-repeat: no-repeat;
			overflow: hidden;
			cursor: pointer;
		}
			#bitsTable {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				color: #666666;
				width: 98%;
				position:relative;
			}
				.soldButton {
					position:absolute;
					top:5px;
					right:10px;
					width:26px;
					height:27px;
					background-image:url("../layout/sold-button.png");
					background-repeat:no-repeat;
					background-position:left top;	
				}
					.soldButton span {
						display:none;
					}
			.zoomLink:link, .zoomLink:active, .zoomLink:visited {
				color: #999999;
				text-decoration: none;
			}
			.zoomLink:hover {
				color: #FFFFFF;
			}
	.musings-entry {
		padding:10px 10px 0px 10px;
		font-family:verdana;
		font-size:12px;
		color:#999999;
	}
		.musings-title {
			color:#ffffff;
			font-weight:bold;
		}
			.musings-title span {
				color:#CCCCCC;
				font-weight:normal;
			}
		.musings-message {
			padding:0px 10px 0px 10px;
		}