/*/*/
/* Hallelujah Styles - Copyright Hallelujah Honey 2007-2010 /*

/** Useful Shortcuts:
*	font: font-style  font-variant  font-weight  font-size / line-height  font-family
*	background:  background-color  background-image  background-repeat  background-attachment  background-position 
*	border: border-width  border-style  border-color 
*	margin: top right bottom left 
*	padding: top right bottom left
***/


/********************* STANDARD TAGS **********************/
body {
	padding: 0px;
	margin: 0px;
	text-align: center;
	font: normal .8em/130% "Times New Roman", Times, Georgia, serif;
	color: #4B3126;
	background: #423122 url(../../images/stripes-bg.gif) repeat;
}
body.intro {
margin: 120px auto;
background: #423122 url(../../images/index-hallelujah-bg.gif) no-repeat center 265px;}
img, form, p {margin: 0px; padding: 0px;}
p, table td p {margin: 0 0 1em 0em;}
hr {border: 1px solid #DDD; height: 3px !important; color: #DDD; background-color: #DDD;}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: .1em 0;	
	font-family: Georgia, "Times New Roman", Times, serif;
}
h1 {
	margin: 0 0 .3em 0; 
	left: -.2em;
	color: #EA0063;
	font:  italic bold 1.6em/100% Georgia, "Times New Roman", Times, serif;
	}
h2 {
	margin: .3em 0 .3em 0; 
	left: -.1em;
	color: #779416;
	font:  italic bold 1.2em/100% Georgia, "Times New Roman", Times, serif;
	}
h3 {font-size: 1em; color: #000;}
h4 {font-size: 1em; color: #888;}
h5 {font-size: 1em; color: #779416; font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;}
h6 {font-size: 1em; font-style: italic; font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;}

h3.bottomBorder {border-bottom: 1px solid #CDCDCD; padding: 0 0 .2em 0; width: 450px; }

.hide, #siteName {
	display: none;
	line-height: 0;
	font-size: 0;
}
.clearing {clear: both; height: 0; line-height: 0; font-size: 1px;}
.noWrap {white-space: nowrap;}

/********************* LINKS ******************************/
a:link {
	color: #0087AE;
	text-decoration: underline; 
	} 
	a:visited {
	color: #B3539A;
	text-decoration: underline;
	} 
	a:hover, a:active  {
	color: #56B9BE;
	text-decoration: none;
	} 


/********************* NAVIGATION *************************/

#top-nav li a {
	color: white;
	font: normal normal bold .9em/100% Trebuchet MS, Arial, sans-serif;
	text-decoration: none;
	padding: 3px .5em;
	margin: 0 8px;
	outline: none;
	}
	#top-nav li a:hover, 
	#top-nav li a:active,
	#top-nav.about li.about a,
	#top-nav.events li.events a,
	#top-nav.contact li.contact a,
	#top-nav.collection li.collection a,
	#top-nav.as_seen li.as_seen a,
	#top-nav.soiree li.soiree a {
	background-color: #FFF;
	color: #423122;
	}

/** Shopping Navigation **/
a.shopping-bag {
	display: block; 
	position: absolute; 
	top: 8px; 
	left: 555px; 
	}
	a.shopping-bag img {border: 0;}
#columnOne {margin-left: -10px;}
	#columnOne h3 {
	background-color: #FEEAEB;
	padding: .2em;
	color: #423122;
	border: 2px solid #FFE3E2;
	margin-bottom: .3em;
	}
	div.categoriesBox, div.navBox {
	padding-bottom: 8px; 
	margin-bottom: 2em;
	border-bottom: 1px dotted #EFEFEF;
}
#columnOne h3 span {float: right; margin-top: -1em;}
div.navBox input {vertical-align: top;}
div.navBox h3 a:link, div.navBox h3 a:visited {color: #666;}

div.categoriesBox ul {margin: 0; padding: 0;}
	div.categoriesBox ul li {
	list-style: none;
	}
	div.categoriesBox li a {
	text-decoration: none;
	color: #444;
	padding: .4em 0 .3em 5px;
	display: block;
	}
	div.categoriesBox li a:hover {
	font-weight: bold;
	color: #000;
	}
	div.categoriesBox li a b span.errorText {
	font-family: "Times New Roman", Times, Georgia, serif;
	color: #000; 
	}
	/*Sub Categories*/
	div.categoriesBox ul ul {margin: 0 0 0 10px;}
	div.categoriesBox ul ul li a {padding: 0 0 .2em 5px;}
	
div.whatsNewBox p {text-align: center; line-height: 150%;}
p.shopping-footer {
	text-align: center; 
	margin: -.5em 0 1em 0;
	}
	p.shopping-footer a:link, p.shopping-footer a:visited {
	color: #4B3126;
}
/********************* CONTENT ****************************/
body.intro a {font-size: .8em; color: #FFCCCC;  }
table.index-category th {
	border: 3px double #423122;
	border-bottom: none;	
	}
	table.index-category td {
	border: 3px double #423122;
	border-top: none;	
}
div.index-category {
	width: 165px;
	border: 3px double #423122;
	float: left;
	margin: 30px 10px 8px 0px;
	}
	div.index-category p img {margin-top: 15px;}
	div.index-category p {
	text-align: center;
	margin: 0;
	height: 48px;
	background: #F5ADB7 ;
}
div.object {
	border: 7px solid white; 
	width: 640px; margin: auto;
	margin-bottom: 6px;
}
img.hallelujah-lady {float: left; margin: 63px 10px 10px 8px;}
img.style-tip {margin: 0 0 -60px 55px;}

h4.whats-hot, h4.whats-new, h4.coming-soon {
padding: 0;
margin-right: -15px;
}
h4.whats-hot a, h4.whats-new a, h4.coming-soon a {
	display: block;
	float: left;
	width: 171px; 
	height: 38px;
	text-indent: -10000px;
	outline: none;
	margin: 8px 10px 15px 0;
}
h4.whats-new a  { background: url(../../images/whats-new.jpg) no-repeat;}
h4.whats-new a:hover  { background: url(../../images/whats-new2.jpg) no-repeat;}
h4.whats-hot a {background: url(../../images/whats-hot.jpg) no-repeat;}
h4.whats-hot a:hover {background: url(../../images/whats-hot2.jpg) no-repeat;}
h4.coming-soon a {background: url(../../images/coming-soon.jpg) no-repeat;}
h4.coming-soon a:hover {background: url(../../images/coming-soon2.jpg) no-repeat;}

p.eventpix {
	line-height: 200%; 
	float: left; 
	text-align: center; 
	width: 20%;
	margin: 0 20px 30px 0px;
}

a.soiree-button {
	display: block;
	width: 100px;
	border: 1px solid red;
	margin: 0 auto;
	padding: .3em;
	background-color: #FEEAEB;
	color: #423122;
	border: 2px solid #FFE3E2;
	text-decoration: none;
	font-weight: bold;
	}
	a.soiree-button:hover {
	color: black;
	background-color: #FFE3E2;
	border: 3px solid #F6ADB8;
}

/********************* LAYOUT *****************************/
#page-wrapper {
	margin: 50px auto 0 auto;
	width: 704px;
	padding: 2px;
	border: 3px solid #423122;
	background: #FFF;
	text-align: left;
}	
#page {
	width: 700px;
	padding: 1px;
	border: 1px solid #423122;
}
#masthead {position: relative; z-index: 1;}
#breadcrumbs {margin-bottom: 1em;}
#breadcrumbs a {
	font: normal normal .9em/150% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: gray;
}
#breadcrumbs a:hover {text-decoration: underline;}
#top-nav {
	position: relative;
	z-index: 2;
	margin: -21px 0 20px 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	}
	#top-nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}
#page-wrapper.collection #content {position: relative; padding-right: 1px;}
#content {padding: 0 10px 1.5em 0;}
	#content #columnOne {width: 25%; float: left; margin-left: 10px;}
	#content #columnTwo {width: 70%; float: right; position: relative;}
#footer {
	font-size: .9em;
	font-weight: bold;
	margin: 10px auto 40px auto;
	width: 706px;
	border: 3px solid #423122;
	padding: 2px;
	background: #FFF;
	line-height: 170%;
	}
	#footer div {border: 1px solid #423122; background: url(../../images/polka-pink.gif) repeat;}
	#footer p {margin: 5px 0;}
	#footer span {margin: 0 15px;}
	#footer a.bleu {color: #4B3126;} 
	#footer a.bleu:hover {color: #009A95;}