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


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

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

img{border:none;}

.entry img {
	margin: 0 0 20px 0;
}

img.left, .wedding_planning_area #slideshow, .bridal_styling  #slideshow{
	float:left;
	margin: 0 10px 10px 0;
}

img.right{
	float:right;
	margin: 0 0 10px 10px;
}



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


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

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

.entry a:hover{
	color:#DD75AE;
}

.entry a, .entry a:link, .entry a:visited, .entry a:active, .entry a:hover{
	border-bottom: 1px solid #CCCCCC;
}

.entry a:hover, h5 a:hover, h3 a:hover, #hero p a:hover{
	border-bottom: 1px solid #DD75AE;
	color:#DD75AE !important;
}

.entry a.permlink, .entry a:link.permlink, .entry a:visited.permlink, .entry a:active.permlink, .entry a:hover.permlink,
.entry .pressCol a, .entry .pressCol a:link, .entry .pressCol a:visited, .entry .pressCol a:active, .entry .pressCol a:hover{
	border-bottom: none;
}

h2, h2, h3, h4, h5, h6, legend, th{
	font-family: "Baskerville", "Times New Roman", Times, Georgia, serif;
	font-weight: normal;
	color:#000000;
	padding: 0.6em 0 0.4em 0;
	margin: 0;
}

h2{
	font-size:28px;
	padding: 0 0 0.4em 0;
	margin: 0;
}

h2 .date{
	font-size: 18px;
}

h3{
	font-size:24px;
}


h3.comments{
	border-top: 1px solid #C2E5E0;
	padding: 0.8em 0 0 0;
	margin: 1.6em 0 0 0;
}


.leavecomment h3{
	border-top: 1px solid #C2E5E0;
	padding: 0.8em 0 0.4em 0;
	margin: 1.6em 0 0 0;
}

h4{
	font-size:22px;
}

h5{
	font-size:20px;
}

h6{
	font-size:18px;
}

h6.postedby{
	padding: 20px 0 0.4em 0;
}

#hero h3{
	clear: both;
	font-size: 20px;
	text-align: center;
	margin: 10px 0 15px 0;
	padding: 0;
}
	
	#hero h3 a, #hero a,
	p a, p a:link, p a:visited, p a:active,
	.intro a, .intro a:link, .intro a:visited, .intro a:active	{
		padding: 0;
		margin: 0;
		color:#000000;
		text-decoration: none;	
		border-bottom: 1px solid #CCCCCC;
	}
	
	#hero h3 a:hover, 
	p a:hover{
		color: #000000;
		text-decoration: none;	
		border-bottom: 1px solid #DD75AE;
	}
	
	#hero h3 img{
		margin: 5px 10px 0 10px;
		vertical-align: middle;	
	}

p, ul{
	font-size: 14px;
	line-height: 1.38em;
	padding: 0 0 1.1em 0;
	margin: 0 0 0 0;
}

#subContent p, #subContent ul {
	font-size: 13px;
	line-height: 1.3em;
}


#subContent ul {
	padding: 0 0 0 12px;
	margin: 0 0 0 12px;
}

#subContent ul li {
	list-style:circle;
	margin: 0 0 10px 0;
}

#subContent ul a{
	border-bottom: 1px solid #C2E5E0;
}
.comment p, .comment {
	font-style: italic;
	font-size: 12px;
}

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


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

blockquote{
	font-style: italic;
	padding: 5px 5px 20px 5px;
	margin: 0 0 0 0;
}



/* START: Header */

#header{
	height: 170px;
	margin: 0;
	padding: 0px;
	width: 100%;
	clear:both;
	background-color: #C2E5E0;
	/*position: relative;*/
	}
	
	#header h1 {
		font-size: 20px;
		/*background-image: url(/assets/img/luellasLogo.gif);*/
		background: url(/assets/img/201011/luellas_boudoir_wimbledon.gif) no-repeat 20px 20px;
		background-repeat: no-repeat;
		text-indent: -9000px;
		width: 695px;
		overflow: visible;
		height: 84px;
		margin: 0px;
		padding: 0px;
		float: left;
	}
	
	#header h1 a{
		width: auto;
		height: 84px;
		display: block;
	}
	
	#header #newsletterSignup {
		width: 220px;
		text-align: left;
		float: right;
		margin: 30px 0 0 0;
		}
			
		#header #newsletterSignup legend{
			font-size: 18px;
			font-family: "Baskerville", "Times New Roman", Times, Georgia, serif;
			font-weight: normal;
			padding: 0 0 0.4em 0;
			}
			
		#header #newsletterSignup input {
			border:1px solid #94CEC5;
			font-family:"Trebuchet MS",Helvetica,Arial,sans-serif;
			font-size:12px;
			margin:0;
			padding: 3px;
		}
		
		#header #newsletterSignup .formButton {
			background-color:#C2E5E0;
			border:1px solid #94CEC5;
			font-size:12px;
			margin:0;
			padding: 2px;
			width:auto !important;
		}
	
	
	
	/* END: Header */




/* START : Hero images */


	#hero{
		margin: 0 0 0 0;
		padding: 40px 40px 30px 40px;	
		clear: both;
		overflow: auto;
		}
		
		#slideshow{
			width: 290px;
			float: left;
			height: 420px;
			overflow: hidden;			
			}
			
			#slideshow img, .subHero{
				border: 5px solid #C2E5E0;
			}
			
			#slideshow a:hover img{
				border: 5px solid #DD75AE;
			}
		
		#boutiquelinks{
			float: left;
			width: 590px;
			padding: 0;
			margin: 0 0 0 0;
			height: 420px;
			/*position: relative;*/		
		}
		
			#boutique_link{
					float: left;
					width: 120px;
					height: 145px;
					margin: 0 0 0 25px;
					position: relative;
				}
					
				#boutiquelinks a{
					margin: 0;
					}
					
					#boutiquelinks a img{
						border: 5px solid #C2E5E0;
					}
											
					#boutiquelinks a:hover img{
						border: 5px solid #DD75AE;
					}
							
					
					#boutique_link p{
						font-size: 11px;
						line-height: 12px;
						color: black;
						padding: 4px 0;
						width: 120px;
						text-align: center;					
						text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
						text-shadow:0 1px 0 rgba(255, 255, 255, 0.4);
						background-color: #C2E5E0;
						background-color: rgba(194, 229, 224, 0.8);
						position: absolute;
						bottom: 20px;
						left: 5px;
																	
					}
					
					#boutique_link p.hover{
						color: white;
						background-color: #DD75AE;
						text-shadow:0 1px 0 rgba(0, 0, 0, 0.8);									
					}
					
					
					
					
/* END : Hero */





/* START: Main layouts */

	.clear{
		clear:both;
	}
	
	#outer {
		text-align:left;
		margin: 0 auto 0 auto;
		padding: 0;
		width: 960px;
	}
	
		
	#container{
		width: 100%;
		clear: both;
		font-size: 14px;
		overflow: visible;
		background:url(/assets/img/content_bg_v3.gif) repeat-y center 0;
		background-attachment: fixed;
		margin: 0;
		padding: 0 0 80px 0;
	}
	
		
	.text {
		clear: both;
		/*position: relative;*/
	}
	/*
	#styling_planning .text {
		top: 50px;
	}
	*/

	#adverts{
		width: 140px;
		float:left;
		margin: 40px 0 20px 40px;
		}
		
		.luellasAds{
			margin: 0 0 10px 0;
		}
		
		
	#bodyContent{
		margin: 40px 0 20px 40px;
		width: 620px;
		float: left;
		}
		
		.e404 #bodyContent{
			width: 840px;	
		}		
		
		#subContent{
			margin: 40px 0 20px 40px;
			width: 220px;
			float: left;
		}
		
	.blog #bodyContent{
		width: 460px;
		margin: 40px 0 20px 20px;
		padding: 0 20px 20px 20px;
		border-left: 1px dashed #C2E5E0;
		border-right: 1px dashed #C2E5E0;
		}
		
		.blog #subContent{
			width: 200px;
		}
		
	
	 #styling_planning{
		padding: 0 40px;
		margin: 0 0 10px 0;
		width: auto;
		clear: both;
		position: relative;
	}
	
		
		#styling_planning .inner a{
			width: 430px;
			display: block;
			float: left;
			text-decoration: none;
			font-size: 20px;
			font-family: "Baskerville", "Times New Roman", Times, Georgia, serif;
			color: #000000; 
			position: relative;
			}
			
			
			#styling_planning a img{
				border: 5px solid #C2E5E0;	
			}
			
			#styling_planning h3{
				margin: 0;
				padding: 0;
				font-size: 20px;
				font-family: "Baskerville", "Times New Roman", Times, Georgia, serif;
				width: 430px;
			}
						
			#styling_planning h3 a{

			}
			
			#styling_planning .inner{
				float: left;
				width: 430px; 
				padding: 0 0 18px 0;
			}
				#styling_planning .inner.planning{
					padding: 0 20px 0 0;				
				}
				
						
			#styling_planning a span{
				width: 420px;				
				padding: 270px 0 0 0;
				display: block;
				position: absolute;
				top: 5px;
				left: 5px;
				}
				
				#styling_planning .planning a span{
					background: url(/assets/img/201011/planning.png) no-repeat 0 0;
				}
					#styling_planning .planning a:hover span{
						background: url(/assets/img/201011/planning.png) no-repeat -420px 0;
					}
					
					#styling_planning a:hover img{
						border: 5px solid #DD75AE;
					}
									
				#styling_planning .styling a span{
					background: url(/assets/img/201011/styling.png) no-repeat 0 0;
					}
					#styling_planning .styling a:hover span{
						background: url(/assets/img/201011/styling.png) no-repeat -420px 0;
					}
					
					
					
					
	
	/* Partners / Discounts / News & Brides ... */					
					
	#blog_row, #tv_brides{
		padding: 0 40px;
		margin: 0 0 0 0;
		width: auto;
		clear: both;
		position: relative;
	}
	
			#partners, #discounts, #news{
				display :block;
				position: relative;
				float: left;
				margin: 0 20px 50px 0;
				padding: 0 0 0 0;
				overflow: visible;				
			}
			
			.latestEntries{
			    height: 250px;
			    position: relative;
			}
			
			.latestEntries .item{
				position: absolute;
			}

			#partners a:hover, #discounts a:hover, #news a:hover{
			
			}
			
			#partners .inner, #discounts .inner, #news .inner{
				width: 270px;
				height: 300px;
				background-color: white;
				background: url('/assets/img/201011/none.jpg') no-repeat 0 0;
				margin: 0 0 5px 0;
				}
								
				.inner a img{
					border: 5px solid #C2E5E0;
				}

				#partners .inner a:hover img, #discounts .inner a:hover img, #news .inner a:hover img,
				#brides .inner a:hover img{
					border: 5px solid #DD75AE;	
				}
				
				#brides .inner{
					width: 395px;
					height: 255px;
					/*border: 5px solid #C2E5E0;*/
					background-color: white;
					background: url('/assets/img/201011/none.jpg') no-repeat -50 0;
					margin: 0 0 5px 0;
					float: left;
					position: relative;
				}
				
				#brides .inner{
					
				}
				
				
				
			#partners .inner img, #discounts .inner img, #news .inner img{
			
			}

				
			#news{
				margin: 0 0 20px 0;
			}
			
			#blog_row h4{
				text-align: center;
				font-size: 20px;
				width: 250px;			
				margin: 0;
				padding: 10px 10px 5px 10px;				
				position: absolute;
				bottom: 9px;
				left: 5px;
				background-color: white;
				background-color: rgba(255, 255, 255, 0.6);	
			}
			
			#partners .inner.hover h4, #discounts .inner.hover h4, #news .inner.hover h4,
			#blog_row h4.hover,
			#brides.hover h4{
				background-color: #DD75AE;
			}
			
			#brides h4{
				text-align: center;
				font-size: 22px;
				width: 375px;			
				margin: 0;
				padding: 0 10px 5px 10px;				
				position: absolute;
				bottom: 0px;
				left: 5px;
				background-color: white;
				background-color: rgba(255, 255, 255, 0.6);	
			}
			
			#brides .hover h4{
				background-color: #DD75AE;
			}
			
			#blog_row h5, #brides h5, #Video h5{
				font-size: 20px;
				margin: 0;
				padding: 0;			
				position: absolute;
				top: 280px;
				left: 0;
			}
			
			#tv_brides h5{
				top: 270px;
				left: 40px;
			}
			
			#brides h5{
				margin-left: 480px;
			}
			
			#brides{
			
			}

			
					
					
/*
-------------------------------------------------------------------------
-------------------------------------------------------------------------
*/					
	
	#luellas_tv{
		display: block;
		width: 455px;
		height: 270px;
		float: left;
		margin: 0 20px 0 0;
		}
		
		#luellas_tv #Video{
			display :block;
			width: 445px;
			height: 250px;
			float: left;
			margin: 0;
			border: 5px solid #C2E5E0;
		}
		
		#luellas_tv #videoTitle{
			display :block;
			width: 570px;
			height: 250px;
			float: left;
			margin: 0 20px 0 0;
		}

		
			
	
	
	/* START: entry */
		
	.entry{
		/*overflow: auto;*/
	}		
	
	.list .entry{
		border-bottom: 1px solid #C2E5E0;
		padding: 0 0 0.4em 0;
		margin: 0 0 3em 0;
	}		
	
	.detail .entry{
		
	}	
	
	/* Forms */
	
	input, textarea{
		font-size: 14px;
		border: 1px solid #94CEC5;
		padding: 5px;
		margin: 0;
		font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
		margin: 0;
	}
	
	
	
	
	/* START: Footer styles */
	
	#footer{
		margin: 0 auto 0 auto;
		width: 960px;
		/*height: 145px;*/
		overflow: auto;
		text-align: left;
	}
	
	#footer .top{
		background: green url(/assets/img/201011/footer_bg.gif) repeat-x left -55px;
		clear: both;
	}
	
	#footer .inner{
		background-color: #D1EBE8;
		padding: 20px;
		overflow: auto;
	}
	
	#footer .bottom{
		background: url(/assets/img/201011/footer_bg.gif) repeat-x bottom left;
		clear: both;
	}
		
		#footer ul, #footer .other{
			float: left;
		}
	
	#footer h6{
		font-size: 20px;
		/*background-image: url(/assets/img/luellasLogo.gif);*/
		background: url(/assets/img/201011/luellas_boudoir_footer_logo.gif) no-repeat 0 0;
		text-indent: -9000px;
		width: 165px;
		overflow: visible;
		height: 130px;
		margin: 10px 20px 0 0;
		padding: 0 0 0 0;
		float: left;
	}
	
	#footer #newsletterSignup {
		width: 220px;
		text-align: left;
		float: left;
		}
		
		#footer ul.nav{
			float: left;
			font-weight: bold;
			padding: 0;
			margin: 10px 20px 0 0;
			list-style: none;
			}
			
			#footer ul.nav li{
				padding: 0 0 5px 0;
			}
			
			#footer ul.nav ul{
				float: none;
				font-weight: normal;
				font-size: 11px;
				padding: 4px 8px 0 8px;
				margin: 0 8px;			
			}
						
			#footer ul.nav.general{
				float: left;
				width: 60px;
				
			}
			#footer ul.nav.planning{
				float: left;
				width: 120px;
				
			}
			#footer ul.nav.boutique{
				float: left;
				width: 120px;
				
			}
			#footer ul.nav.blog{
				float: left;
				width: 180px;
				
			}
			#footer ul.nav.social{
				float: left;
				width: 170px;
				margin-right: 0;
			}
			#footer ul.nav.social .twitter ul {
				list-style: none;
				padding:0;
				margin: 0;
			}
			
			
		
		#footer #newsletterSignup legend{
			font-size:1.4em;
			padding: 0 0 0.4em 0;
			}
			
			#footer #newsletterSignup label{
				float: left;
				clear: left;
				width: 90px;
			}
			
			
			#footer #newsletterSignup input{
				float: left;
			}
			
			#footer #newsletterSignup #mc-embedded-subscribe{
				/*clear: both;*/
			}
			
		#footer dl{
			margin: 0;
			padding: 0;
		}
		
			
		#footer dt{
			font-family:"Times New Roman",Times,Georgia,serif;
			font-size:1.4em;
			padding:0 0 0.4em;
			margin: 0;
			font-weight: bold;
		}
		
		#footer dd{
			padding:0 0 0.4em;
			margin: 0;
		}
		
		
		#footer a, #footer a:link, #footer a:visited, #footer a:active, #footer a:hover{
			border-bottom: 1px solid #94CEC5;
		}
	
		.other{
			width:680px; 
			text-align: center;
			margin: 0 auto;
		}
	/* END: Footer styles */
	
	
	
	.signoff{
		clear: both;
		margin: 20px 0 50px 0;
		font-size: 11px;
		list-style: none;
	}
	
	.signoff li{
		display: inline;
	}
	
	/* Contact page opening times */
	#openingTimes dt {
		float: left;
		font-weight: bold;
		margin: 0;
		padding: 0;
		width: 60px;
	}
	
	#openingTimes dd {
		margin: 0 0 0;
		padding: 0;
	}
	#contact_form fieldset fieldset {
	    float: left;
	    width: 200px;
	    margin-right: 20px;
	}
	
	#subContent .hr-hack {
	    background-image: url("../img/news-hr.gif");
	    margin: 0;
	    padding: 0.5em;
	}
	
	.hr-hack {
	    background-image: url("../img/luellasHr.gif");
	    background-position: center center;
	    background-repeat: no-repeat;
	    border-style: none;
	    clear: both;
	    display: block;
	    height: 12px;
	    margin: 0;
	    padding: 2em 0;
	    width: auto;
	}
	
	.hr-hack hr{
		display: none;
	}
	
	/* Press page */
	.pressCol {
		float: left;
		width: 168px;
		padding: 0 10px 0 0;
	}
	
	.press .entry {
		clear: both;
		overflow: auto;
		padding: 0 0 20px 0;
	}
	/**/
	/*
	#bodyContent{
		width: 540px;
		float:left;
		margin:0;
		padding:19px 0 19px 19px;	
	}
	
	.about #bodyContent{
		width: 88%;
	}
	*/
	
		
/* END: Layouts */








/* START: Navigation */

	#navlist{
		display:block;
		width: 960px;
		margin: 30px auto 0px auto;
		text-align: center;
		padding: 12px 0 20px 0;
		font-size: 18px;
		font-family: "Baskerville", "Times New Roman", Times, Georgia, serif;
		background: #C2E5E0 url('/assets/img/201011/menu_aqua_bg.gif') repeat-x;
		clear: both;
		/*
		position: relative;
		top: 15px;
		*/
		
		position: absolute;
		top: 90px;
	}
	
	#navlist ul, #navlist li{
		list-style-type: none;
		display: inline;
		width:auto;
		z-index: 123;
	} 
	
	#navlist a:link, #navlist a:visited{
		overflow:visible;
		color: #000000;		
		padding: 2px 12px;
		font-family: "Baskerville", "Times New Roman", Times, Georgia, serif;
		text-decoration: none;
	}
	
	.home #navlist li.home a,
	.about #navlist li.about a,
	.shop #navlist li.boutique,
	.wedding_planning_area #navlist li.planning a, 
	.bridal_styling #navlist li.styling a,
	.planning #navlist li.planning a,
	.weddingParty #navlist li.planning a,
	.press #navlist li.press a,
	.contact #navlist li.contact a,
	.blog #navlist li.blog a,
	#navlist a:hover{
		color: #DD75AE;
	}
	
	
/* END: Navigation */








/* START: */
/* END: */








/* START: */
/* END: */








/* START: */
/* END: */








/* START: */
/* END: */








/* START: */
/* END: */








/* START: Form elements */

fieldset{
	border:none;	
	padding:0px;
	margin:0px;
}

legend{
	text-indent:0;
	font-size: 26px;
    margin: 0;
    padding: 0 0 0.4em;
}

#message, #source {
    height: 200px;
    margin: 0;
    padding: 0.2em;
    width: 98%;
}

#source {
    height: 80px;
}

/* END: Forms */