/*	Copyright Paul Cripps / Luella's Boudior 2007 */
/* /assets/img/ */

/* 
====== CSS Content ======

	1: Globals
	2: Typography
	3: Layouts
	4: Navigation
	5: Home page Updates 2008 

============
*/

/* 
====== 1: START: Globals ======
*/

body {
	background-image: url(../img/bg_v2.gif);
	background-repeat: repeat;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-color: #E7F5F3;
	background-position: center top;
	text-align:center;
	padding: 0px;
	font-size:90%;
	background-attachment: fixed;
	margin: 1em 0px 0px 0px;
}

img{border:none;}



/* 
====== 1: END: Globals ======
*/


/*
====== 2: START: Typography ======
*/

h2, h2, h3, h4, h5, h6, legend, th{
	font-family: "Times New Roman", Times, Georgia, serif;
	font-weight:bold;
	color:#000000;
}

p, ul{
	font-size: 1.1em;
	line-height: 1.4em;
	padding: 0 0 1.1em 0;
	margin: 0 0 0 0;
}
/*
.wedding_planning_area #entry p {
	font-size: 1.3em;
}
*/

ul  {
	padding: 0 0 0 16px;
	margin: 0 0 16px 16px;
}


.intro{
	font-size: 1.2em;
	line-height: 1.6em;
}

#header h1 {
	font-size: 0.5em;
	background-image: url(../img/luellasLogo.gif);
	background-repeat: no-repeat;
	text-indent: -9000px;
	width: auto;
	overflow: visible;
	background-position: 18px 10px;
	height: 84px;
	margin: 0px;
	padding: 0px;
}
#header h1 a{
	width: auto;
	height: 84px;
	display: block;
}


	
	
	
/*		Static		*/

	.static.wide #bodyContent{
		width:90%;
	}
	

		
			
 
#bodyContent h1 {
	font-family: "Times New Roman", Times, serif !important;
	font-size: 2em;
	padding: 0 0 0.2em 0;
	line-height: 1.8em;
	width: 90%;
	margin: 0px 0px 0.4em 0px;
}     
#bodyContent h2, h2, .contact #bodyContent legend{
	font-size: 1.8em;
	padding: 0 0 0.2em 0;
	line-height: 1.2em;
	width: 90%;
	margin: 0px 0px 0.4em 0px;
}
#bodyContent h3 {
	font-size: 1.6em;
	font-weight:normal;
	padding: 0 0 0 0 !Important;
	margin-top: 0em 0em 0.2em 0em;
}
#bodyContent h4 {
	font-size: 1.5em;
	font-weight:normal;
	padding: 0px;
	margin-top: 0em 0em 0.4em 0em;
}
#bodyContent h4 {
	font-size: 1.2em;
	font-weight:normal;
	padding: 0px;
	margin-top: 0em 0em 0.4em 0em;
}
#bodyContent img {
	float: left;
	margin: 0 1em 1em 0px;
	padding:0;
}
/*
.about #bodyContent .aboutCouple img{
	float: left;
	border : 1px solid red;
	margin: 0 4em 1em 0px;
	padding: 0 4em 1em 0px;
}*/


.weddingParty #bodyContent a.floatLeft img {
	float: left;
	margin: 0 0.6em 1em 0px;
	padding:0;
}

#page-index #float #container #bodyContent #products ul {
	list-style-type: none;
	padding: 0em;
	margin-top: 0.4em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
}


#bodyContent a:link, #bodyContent a:visited{
	color: #DD75AE;
}
#bodyContent a:hover, #bodyContent a:active{
	color: #AD8B3B;
	text-decoration: none;
}

#subContent ul{
	font-size:1em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0.6em;
	padding-top: 0.5em;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0.6em;
}

#subContent ul li{
	list-style-type: circle;
	background-image: none;
	padding: 0 0 0 0;
	margin: 0 0 0.6em 1em;
}

#subContent ul li a:link, #subContent ul li a:visited, #subContent ul li a:hover, #subContent ul li a:active{
	/*color: #000000;
	text-decoration: none;*/
	color: #DD75AE;
}

#subContent ul li a:hover{
	/*color: #DD75AE;*/
	color: #000000;
}

#subContent h2{
	margin: 0px;
	color: #DD75AE;
	font-size: 1.8em;
	padding: 0 0 0.5em 0;
}
#entry {
	background-image: url(../img/news-hr.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 1em;
	margin-bottom: 1em;
	overflow:visible;
}
#entry .pressCol{
	width:168px;
	float:left;
}

#subContent h3 {
	margin: 0;
	padding: 0 0 0 0;
	color: #DD75AE;
	font-size: 1.3em;
	background-repeat: no-repeat;
	background-position: left top;
	
}
#subContent h3 a{
	/*color:#000000;*/
}

#subContent #subLoves h2, #subContent #subLoves h3 {
	color: #DD75AE;	
}

/* News based custom icons */
#subContent h3.Outfits {
	padding-left: 22px;
	background-image: url(../img/ico_dress.gif);
}
#subContent h3.Gifts {
	padding-left: 22px;
	background-image: url(../img/ico_bow.gif);
}
#subContent h3.Jewellery {
	padding-left: 22px;
	background-image: url(../img/ico_diamond.gif);
}
#subContent h3.News {
	padding-left: 22px;
	background-image: url(../img/ico_glass.gif);
}
#subContent h3.Shoes {
	padding-left: 22px;
	background-image: url(../img/ico_shoes.gif);
}

#subContent h4, #subContent dt{
	margin: 0px;
	color: #999999;
	font-size: 1em;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif,;
	font-weight: normal;
	padding-top: 0.4em;
	padding-right: 0px;
	padding-bottom: 0.4em;
	padding-left: 0px;
	line-height: 1.2em;
}
#subContent dl{
	margin:0 0 12px 0;
}

#subContent dd{
	margin:0 0 12px 0;
}

#subContent p {
	margin: 0px;
	font-size: 1em;
	line-height: 1.4em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1em;
	padding-left: 0px;
}
#subContent a {
	color: #DD75AE;
	padding: 0px;
	margin: 0px;
}


#subContent .readMore,  .supplierServices .readMore{
	display: block;
	padding-right: 0px;
	padding-bottom: 0em;
	padding-left: 0px;
	position: relative;
	top: -0.6em;
	margin: 0em 0em 1em 0em;
	padding-top: 0px;
}


#subContent .subDropdown{
	margin:0.5em 0 2em 0;
	padding:0;
	width:250px;
}		
											
		
#openingTimes h2 {
	font-size: 1.6em;
	font-weight: bold;
	color: #DD75AE;
}
#openingTimes {
	margin: 0px;
	padding-top: 2em;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#openingTimes dl {
	margin: 0px;
	padding: 0px;
}
#openingTimes dt {
	width: 15%;
	padding:0;
	float: left;
	margin: 0;
	color: #DD75AE;
	font-weight: bold;
}
#openingTimes dd {
	padding: 0px;
	margin: 0px 0px 0em 0px;
}

#subContent dt {
	width: 22%;
}

#subContent dd {

}
/*
====== 2: END: Typography ======
*/


/*
====== 3: START: Layouts ======
*/
fieldset{
	border:none;	
	padding:0px;
	margin:0px;
}

legend{
	text-indent:0;
	padding:0;
	margin:0;
}

#contact_form fieldset fieldset{
	/*padding-right:1.8em;*/
	float:left;
	width:30%;
	float:left;
}

fieldset fieldset legend{	
	font-size: 1.4em !important;
	padding:0;
	margin:0;
}

#bow{
	width:110px;
	height:130px;
	/**/
	position:absolute;
	top:70px;
	/*
	position:absolute;
	top:70px;
	left:auto;
	*/
	background-image: url(../img/bow.png);
	background-repeat: no-repeat;
	background-position:top left;
	margin-left: -50px;
}

#float {
	text-align:left;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 850px;
}

.floatRight{float:right;}
.floatLeft{float:left;}

#header {
	margin: 0;
	padding: 0px;
	width: 100%;
	clear:both;
	background-color: #C2E5E0;
}

#container{
	width: 100%;
	clear: both;
	font-size: 0.8em;
	overflow: visible;
	background-image: url(../img/content_bg_v2.gif);
	background-repeat: repeat-y;
	background-position: center 0;
	background-attachment: fixed;
}

#bodyContent{
	width: 540px;
	float:left;
	margin:0;
	padding:19px 0 19px 19px;
	/*border-right:1px solid red;*/	
}

.about #bodyContent{
	width: 88%;
}


#googleMap {
	clear: both;
	padding:20px;
	margin: 0px;
}

#map {
	clear: both;
	width: 520px;
	height: 300px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 12px;
	padding-left: 0;
}

#map div {
	margin: 0px;
	padding: 0px;
}


.floatLeft {
	float: left;
}
/*
.contact .floatLeft {
	float: left;
	border: thin solid #00FF00;	
}*/
.contact form p {
	font-size: 1em;
	margin: 0px;
	padding: 0 0 1.2em 0;
}

input, textarea{
	font-size: 1em;
	border: 1px solid #94CEC5;
	padding: 0.2em;
	margin: 0;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 0;
}
#comment_form input, #comment_form textarea{
	font-size: 1em;
	border: 1px solid #94CEC5;
	padding: 0.2em;
	margin: 0;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 0;
}
.radio{border:none !important;}

#subContent input{width:120px;}


.formButton {
	width:auto !important;
	font-size: 0.9em;
	border: 1px solid #94CEC5;
	padding: 0.1em;
	margin: 0;
	background-color: #C2E5E0;	
	cursor:hand;
}

#message, #source{
	width: 98%;
	/* also chang IE hacks */
	height:200px;
	padding: 0.2em;
	margin: 0;
}
#source{
	height:40px;
}
#subContent {
	float: right;
	width: 250px;
	margin:0;
	padding:19px 19px 19px 0;
}
#syndication {
	clear: both;
}


#footer{
	font-size:0.8em;
	display: block;
	text-align: center;
	padding-top: 6px;
	clear: both;
	padding-right: 0px;
	padding-bottom: 22px;
	padding-left: 0px;
	background: url(/assets/img/footerbg.png) repeat-x top left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2em;
	margin-left: 0px;
	height: 90px;
}

#footer ul{
	list-style-type: none;
	display: block;
	clear: both;
	margin: 0px;
	padding: 10px 0 20px 0;
	width: 100%;
}
#footer li{
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding: 0;
} 

#footer li{
	list-style-type: none;
	margin: 0;
	padding-top: 0;
	padding-right: 0.5em;
	padding-bottom: 0;
	padding-left: 0;
} 
#footer a {
	color: #999999;
	font-size: 0.9em;
}

.clearBoth{clear:both}

/*
====== 3: END: Layouts ======
*/


/*
====== 4: START: Navigation ======
*/

#navlist{
	display:block;
	margin: 0px;
	text-align: right;
	padding: 0.6em 0;
	font-size: 0.8em;
	background-color: #000000;
	background-image: url(../img/headerBg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#navlist ul{
	/*border:1px solid red;*/
}

#navlist ul, #navlist li{
	list-style-type: none;
	display: inline;
	width:auto;
	z-index: 123;
	top: -1px;	
} 

#navlist a:link, #navlist a:visited{
	overflow:visible;
	color: #AD8B3B;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
}
		
.home .nav1 a,
.about .nav2 a,
.shop .nav3 a,
.weddingParty .nav4 a,
.brides .nav5 a,
.events .nav6 a,
.luellaloves .nav7 a,
.news .nav8 a,
.friends .nav9 a,
.contact .nav10 a,
.supplierServices .nav6 a,
.wedding_planning_area .nav5 a
{
	background-image: url(../img/menuHighlight.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#navlist a:hover{
	color: #FFFFFF;
	background-image: url(../img/menuHighlightTop.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.aboutCouple {
	/*width: 120px;*/
	width: 227px;
	padding: 0.3em;
	background-color: #F5FBFA;
	/*#F5FBFA*/
	/*border: 0.1em solid;*/
	
	float: left;
	padding: 0;
	margin: 0px 1em 0px 0px;
}
.about #bodyContent blockquote {
	float: left;	
	padding:0;
	margin:0 0 0 0;
	width: 495px;
	font-size: 1.7em;
	text-align: left;
	/*
	float: right;
	width: 240px;
	font-size: 1.2em;
	*/
}

.luellasbrides blockquote {
	font-size: 1.4em;
	color:#DD75AE;
}

.weblogimg{
	margin:1em 0;
	padding:1em 0;
}

/*
====== 5: START: Home page Updates 2008  ======
*/

/* Welcome text / Div */
#welcome {
}


/* boutique - links to shop */
#boutique, #weddingparty{
	/*background-image: url(../img/homeBoutGradBtm.png);*/
	background-image: url(/assets/img/homeBoutie6.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	/*padding-bottom: 20px;*/
	
	position: relative; /* peekaboo bug fix for IE6 */
	min-width: 0; /* peekaboo bug fix for IE7 */	
}
#weddingparty  img{
	padding: 3px;
	/*margin: 20px 6px;*/
	float: none;
	background-color:#E1F2F0;
}
.innerGrad{	
	background-repeat: repeat-x;
	background-position: left bottom;
	padding:8px;
}

#boutique .innerGrad, #weddingparty .innerGrad{	
	background-image: url(/assets/img/homeBoutieBtm.jpg);

}

#boutique ul.collection {
	clear:both;
	background-color: #E1F2F0;
	padding: 2px 1px;
	overflow:visible;
	height: 280px;
	width: 522px;
	margin: 0px 0px 1em 0px;
}
#boutique ul.collection li {
	display: inline;

}

#boutique ul.collection li a:link,
#boutique ul.collection li a:visited, 
#boutique ul.collection li a:hover, 
#boutique ul.collection li a:active {
	font:"Times New Roman", Times, serif;
	font-size: 1.4em;
	font-weight: bold;
	color:#DD75AE;
	background-color: transparent;
	display: block;
	width: 98px;
	/*height: 46px;*/
	height: 46px;
	float: left;
	list-style: none;
	padding-top: 232px;
	padding-right: 3px;
	padding-bottom: 0;
	padding-left: 3px;
}
#boutique ul.collection li.jewl a{
	background-image: url(../img/collJewl2.jpg);
	background-repeat: no-repeat;
	background-position: center 1px;
}
#boutique ul.collection li.hair a{
	background-image: url(../img/collhair2.jpg);
	background-repeat: no-repeat;
	background-position: center 1px;
}
#boutique ul.collection li.ling a{
	background-image: url(../img/collLing2.jpg);
	background-repeat: no-repeat;
	background-position: center 1px;
}
#boutique ul.collection li.shoes a{
	background-image: url(../img/collShoe2.jpg);
	background-repeat: no-repeat;
	background-position: center 1px;
}
#boutique ul.collection li.bridesmaiddresses a{
	background-image: url(../img/collbridesmaids2.jpg);
	background-repeat: no-repeat;
	background-position: center 1px;
}

#boutique ul.collection li a:hover{
	color:#000000;		
	background-color:#DD75AE;
}
 
#boutique ul.collection li a:hover, 
#boutique ul.collection li a:active {
	color:##DD75AE;
}

/* News - links to news items */
#news {

}
#subNews{
	padding: 2em 0 0 0;
}

/* events - links to news items */
#events {
	/*background-image: url(../img/news-hr.gif);*/
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 1em;

}

.eventimage {
	clear:both !important;
	float:none !important;
}

h3.eventDate{
	padding: 0 0 0.5em 0;
	margin: 0 0 0.5em 0;
}

#bodyContent .hr-hack {
	background-image: url(../img/content_hr.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
	height: 12px;
	width: auto;
	margin: 0;
	padding: 1em 0;
	clear: both;
}

.hr-hack {
	background-image: url(../img/luellasHr.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
	height: 12px;
	width: auto;
	margin: 0px;
	padding: 2em 0;
	clear: both;
}

#subContent .hr-hack {
	padding: 0.5em;
	margin: 0;
	background-image:url(../img/news-hr.gif);
}
.hr-hack hr {display:none;}


/* Home revisions 2008 */
/* Date */




#events h2 {
	padding-bottom:0.4em;
	margin-bottom:0;
}
#events h2 span {
	font-weight: normal;
	font-size: 80%;
} 

#events h3 {
	padding: 1em 0 0 0;
	margin: 0 0px 0.5em 0px;
	clear:both;
}
#events h4.calendarPage {
	padding: 0px;
	margin: 0px;
	clear: both;
	width:50px;
	height:50px;
	text-align:center;	
	float: left;
	margin: 0 8px 0 0;
}

.calendarPage{
	background-image: url(../img/eventCal.gif);
	background-repeat: no-repeat;
}

#events .calendarPage .month {	
	font-size: 0.8em;
	color: #FFFFFF;
	display:block;
	margin: 0px auto;
	padding: 6px 8px 2px 2px;
}
#events .calendarPage .date {
	color: #000000;
	font-size: 1.8em;
	width: 48px;	
	margin: 0 auto 6px auto;
	padding: 0px 0px 12px 0px;	
}

#events .calendarPage .date span{
	font-size: 0.5em;
	margin-bottom: 2em;
	vertical-align:text-top;	
}


#events .calendarPage .year {
	display: none;
	/*width: 50px;
	float: right;
	font-size: 2em;
	color: #000000;*/
	/*margin-top: -30px;*/
}


/* EVENTS / CALENDAR */

.calendarBG{
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../img/event_tbl-bg.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.calendarBG td {
	width: 24px;
	margin: 0px;
	padding: 4px;
	height: 24px;
	text-align: center;
}

.calendarBG th{
	font-size: 1.3em;
	text-align: center;
}
.calendarDayHeading {
	background-color: #000000;
	color: #FFFFFF;
}

.calendarBG td.eventDate{
	background-color:#DD75AE;
	/*
	background-image: url(../img/love-event.gif);
	background-repeat: no-repeat;
	display: block;
	width: auto;
	height: auto;
	margin: 0px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
	background-position: center 2px;
	*/
}

.calendarBG .eventDate a, .calendarBG .eventDate a:link{
	color:#FFFFFF !important;
}

.calendarToday{
	border: 1px solid#DD75AE;
}



/* Friends */
.friends .friend {
	clear: both;
	margin: 0 0 12px 0;
	overflow:visible;
}

.friends img.friendsLogo{
	float: right !important;
}

.friends img.friendsImage{
	clear:left;
	float: left;
	padding : 6px 6px 6px 0;
}


.pics {
	height:360px;
	margin:0;
	overflow:hidden;
	padding:0;
	width:540px;
}

/*
.friends .A-Gold{	
	margin-bottom: 1em;
	background-color: #FFFFFF;
	padding: 6px;
	border: 1px solid #DD75AE;
	}
	.friends .A-Gold h2{
		font-size:2em;
		line-height:1.2em;
	}
	.friends .A-Gold p{
		font-size:1.4em;
		line-height:1.4em;
	}


.friends .B-Silver{
	margin-bottom: 0.5em;
	padding: 6px;
	border- top: 2px solid #AD8B3B;
	}
	.friends .B-Silver h2{
		padding: 2px;
		font-size:1.8em;
		line-height:1.2em;	
	}
	.friends .B-Silver p{
		font-size:1.2em;
		line-height:1.4em;
	}


.friends .C-Bronze{

	}
	.friends .C-Bronze h2{
		font-size:1.1em;
		line-height:1.1em;
		color: #AD8B3B;
	}
	.friends .C-Bronze p{
		font-size:1em;
		line-height:1.4em;
		color: #AD8B3B;
	}
	*/