/*
 * +---------------------------------------------------------------------+
 * | EMILYMACHT.COM                                                      |
 * +---------------------------------------------------------------------+
 * | em.css                                                              |
 * | main style sheet                                                    |
 * |                                                                     |
 * | Dtek Digital Media, dtek.net                                        |
 * | 2005.02.21                                                          |
 * |                                                                     |
 * +---------------------------------------------------------------------+
 */

/* 
 * global defaults
 *
 */

body  {
	background-color: #FFFFFF;
	margin: 14px;
}
body.pop  {
	background-color: #FFFFFF;
	margin: 0px;
}

div, td, p, ul, ol  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
a:link, a:visited, a:active  {
	text-decoration: none;
	color: #CC3366;
}
a:hover  {
	text-decoration: underline;
	color: #CCCC66;
}


/* 
 * font elements
 *
 */

.header  {
	font-weight: bold;
}

.hilite  {
	color: #CCCC66;
}

.collection-header  {
	color: #CCCCCC;
	font-weight: bold;
}

a.collection-thumb:link, a.collection-thumb:visited, a.collection-thumb:active  {
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #666666;
}
a.collection-thumb:hover  {
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #CCCCCC;
}


/* 
 * table and div elements
 *
 */

#main  {
	width: 700px;
	margin: auto;
}

div.hf-left  {
	float: left;
}

div.hf-right  {
	float: right;
}

div.bar  {
	clear: both;
}

#menu  {  }

div.type-header  {
	font-weight: bold;
	clear: both;
}

table.content  {
	clear: both;
	width: 700px;
	margin-top: 17px;
	margin-bottom: 71px;
}
table.content-collections  {
	clear: both;
	width: 700px;
	margin-top: 29px;
	margin-bottom: 55px;
}
table.content-collection  {
	clear: both;
	width: 700px;
	margin-top: 11px;
	margin-bottom: 67px;
}
td.content-spacer  {
	width: 10px;
}
td.content-column  {
	width: 330px;
	vertical-align: top;
}
td.content-middle  {
	width: 20px;
}
td.content-wide  {
	width: 680px;
}

div.content-left  {
	float: left;
	width: 160px;
}
div.content-right  {
	float: right;
	width: 160px;
}

#content-left-bump {
	margin-top: 50px;
}

div.collection-thumb  {
	float: left;
	width: 128px;
	margin: 0px 10px 10px 0px;
}
div.collection-thumb-right  {  
	float: left;
	width: 128px;
	margin: 0px 0px 10px 0px;
}

div.item-thumb1  {
	float: left;
	width: 106px;
	height: 106px;
	margin: 4px 9px 5px 0px;
}
div.item-thumb2  {
	float: left;
	width: 106px;
	height: 106px;
	margin: 4px 8px 5px 0px;
}
div.item-thumb-right  {
	float: left;
	width: 106px;
	height: 106px;
	margin: 4px 0px 5px 0px;
}

.item-desc  {
	margin-top: 15px;
}
.item-note  {
	margin-top: 15px;
}
.item-back  {
	clear: both;
	margin-top: 15px;
}

div.color-thumb  {
	float: left;
	width: 45px;
	margin: 2px 1px;
}



/*
 * image elements
 *
 */

img.main  {
	margin-top: 32px; /* should = height of non-collection ttl images */
}

img.item-ttl  {
	margin-top: 12px; /* should = difference of collection vs non-collection ttl images */
}

 

/* 
 * form elements
 *
 */
 
form.buy  {
	float: left;
	margin-top: 15px;
}

form.contact  {
	margin-top: 15px;
}
 
input.contact-text  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 250px;
}

textarea.contact  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 250px;
	height: 100px;
}

input.contact-button  {
	width: 250px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC3366;
}

div.error, div.error p, div.error ul  {  color: red;  }

form input.error, form textarea.error  {  border: 1px solid red;  }

/* anti-spam trickery */
form.contact input#email, form.contact input#subject  {  display: none;  }