/*
Theme Name: Waterloo Wedding Wardrobe
Theme URI: http://www.idoido.co.uk/
Description: Waterloo Wedding Wardrobe WordPress theme by I Do, I Do.
An original design by I Do, I Do using a wardrobe illustration by Tirzah Mastin.
Theme code based on Pyrmont v2 (http://imotta.cn/wordpress/pyrmont-theme-v2-for-wordpress.html) from motta (http://imotta.cn/)
Version: 1.0
Author: Keren Alderson
Author URI: http://www.idoido.co.uk/
Tags: black, dark, two-columns, fixed-width, threaded-comments, sticky-post
*/


/* 
   Meyer's CSS Reset
   v1.0 | 20080212 
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

strong {
color: #AFB1B4;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* css reset ends */

*{
	margin: 0;
	padding: 0;
}

body{
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #1d1d1d url("/images/background.jpg") repeat-x fixed;
	font-size: 90%;
}

p {
	font-size: 85%;
}

a{
	text-decoration: none;
	outline-color: invert;
	outline-style: none;
	border: none;
	cursor:pointer;
}

a img{
	border: none;
}

.clear{
	clear: both;
}

div#page_wrap{
	width: 947px;
	margin: 0 auto;
	position: relative;
}

div#header{
	font-size: 12px;
	}
	div#header div.blog_title{
		float: left;
			margin: 29px 0 23px 206px;
			display:inline;
		}
		div#header div.blog_title h1 a{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 18px;
			color: #666;
			display: block;
			text-indent: -9999px;
			background: url("/images/logo.gif") no-repeat;
			width: 541px;
			height: 66px;
			}
		div#header div.blog_title p.description{
			color: #999;
			margin-top: 10px;
			margin-left: 5px;
			}
	div#header div#search{
		border: none;
		float: right;
		position: relative;
		}
		div#header div#search form#searchform{
			position: absolute;
			top: 65px;
			right: 10px;
			width: 200px;
			height: 25px;
			border: none;
			background-color: #fff;
			}
			div#header div#search form#searchform .searchinput{
				position: absolute;
				top: 5px;
				left: 8px;
				color: #666;
				font-size: 13px;
				width: 165px;
				border: 0;
				}
			div#header div#search form#searchform .button{
				position: absolute;
				top: 0px;
				left: 175px;
				background: url(images/mag.gif) no-repeat;
				height: 25px;
				width: 25px;
				border: 0;
				cursor: pointer;
				}
	
/*_____________________MENU___________________________*/

#menubar {
	height: 23px;
	width: 947px;
	padding: 5px 0;
	border-top: 1px solid #cdcecf;
}

#menubar ul{ 
	list-style-type:none; /*removes bullets from the list*/ 
	text-align:left; /*aligns the text to what should end up as the center of each graphical button*/
	margin: 0 10px 0 0 ;
	padding: 0;
	float:right;
	display: inline;
} 
#menubar ul li{ 
	display:inline; /*extra step to get IE to display link list horizontally*/ 
	margin: 0 0 0 30px;
	padding: 0;
	float:left;
} 

#menubar ul li a{
	display:block; /*makes the anchor fill the list item so clicking any part of the graphical button will work, also allows the anchor to take a width*/
	position:relative;
	line-height:21px; /*set equal to the height of the navbar image. Using line-height, rather than height, will get the text aligned to the vertical centre of the button*/
	height:21px;
	overflow:hidden;
	font-size:120%;
	font-weight:bold;
	color:#FFF;	/* colour for link text if images are turned off */
	text-decoration:none; /* stop text link underlining if images are turned off */
	border-bottom-style: none; /* tidy up later */
	text-align: center;
	padding:0;
	margin:0;
} 
#menubar ul li a span {
	position:absolute;
	left:0px;
	top:0px;
	display:block;
	height:21px;
	background-repeat: no-repeat;
	background-position:0 0;
	overflow:hidden;
	padding:0;margin:0;
}

/* Set width and image on each link and span (if all equal set individual width on anchor instead.
Make sure the combined width doesn't exceed the total width of the menu bar */

#menubar ul li a#menu_home{
	width:49px;
}
#menubar ul li a#menu_designers{
	width:85px;
}
#menubar ul li a#menu_contact{
	width:97px;
}


#menubar ul li a#menu_home span{
	background-image:url(/images/menu_home.gif);
	width:49px;
}

#menubar ul li a#menu_designers span{
	background-image:url(/images/menu_designers.gif);
	width:85px;
}
#menubar ul li a#menu_contact span{
	width:97px;
	background-image:url(/images/menu_contact.gif);
}

#menubar ul li a:link span, #menubar ul li a:visited span{ background-position: 0 0;} /* image in base position */
#menubar ul li a:hover span, #menubar ul li a:focus span, #menubar ul li a:active span { background-position: 0 -21px;} /* shift image up to selected position */
#menubar ul li a:hover, #menubar ul li a:focus, #menubar ul li a:active {color:#FF00FF;} /* selected text colour*/



/* END div#header */

div#main{
	width: 947px;
	float: left;
	display: inline;/* fix double margin */
	margin: 20px 0;
	}

.home_new #main, .new_designers #main, .new_contact #main {
	border-bottom:5px solid #5E5E5E;
	float:left;
	width:311px;
	min-height: 280px;
}

#sidebar {
	min-height: 280px;
}

.new_designers #main, .new_designers #sidebar{
	min-height: 400px;
	}

.new_contact #main, .new_contact #sidebar {
	min-height: 500px;
}

*html .home_new #main, *html .home_new #sidebar {
	height: 280px;
}
	#main.designers, .new_designers #sidebar, .new_contact #sidebar {
		margin-top: 40px;
	}
	div#main div.post{
		color: #FFF;
		line-height: 22px;
		margin-bottom: 30px;
		}
	/* sticky post */
		div#main div.post div.date{
			background: url(images/date.gif) no-repeat;
			float: left;
			font-size: 12px;
			line-height: 14px;
			font-family: "Trebuchet MS", Georgia, sans-serif;
			text-align: center;
			vertical-align: middle;
			color: #fff;
			height: 43px;
			width: 50px;
			margin-left: -10px;
			margin-top: 16px;
			padding-top: 4px;
			_position: relative;/* ie6 fix */
			margin-right: 12px;
			}
		div#main div.post div.title{
			margin-bottom: 10px;
			_margin-top: 0;/*ie6 fix*/
			*+margin-top: 0;/*ie7 fix*/
			}
			div#main div.post div.title h2{
				font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif;
				font-size: 22px;
				font-weight: bold;
				letter-spacing: -1px;
				color: #eee;
				width: 600px;
				line-height: 30px;
				}
				div#main div.post div.title h2 a{
					color: #eee;
					}
				div#main div.post div.title h2 a:hover{
					color: #ff5a00;
					}
			div#main div.post div.title div.postmeta{
				font-size: 12px;
				color: #666;
				width: 580px;
				overflow: hidden;
				}
				div#main div.post div.title div.postmeta a{
					color: #666;
					border-bottom: 1px solid #131313;
					text-decoration: none;
					}
				div#main div.post div.title div.postmeta a:hover{
					color: #ff5a00;
					border-bottom: 1px solid #ff5a00;
					text-decoration: none;
					}
		div#main div.post div.entry{
			padding: 0;
			overflow: hidden;/* in case large img or video */
			_width: 947px;
			font-size: 13px;
			}
			div#main div.post div.no_result{
				padding: 20px;
				}
				div#main div.post div.no_result p.no_result{
					margin-bottom: 0;
					}
			div#main div.post div.entry a{
				color: #E43F6B;
				border: none;
				text-decoration: none;
				}
			div#main div.post div.entry a:hover{
				text-decoration: underline;
				}
			div#main div.post div.entry p, #sidebar p{
				margin-bottom: 20px;
				}
			/* 20090629 add h1-h6 style in entry */
			div#main div.post div.entry h1{ font-size: 20px; margin-bottom: 5px; }
			div#main div.post div.entry h2, #sidebar h2{ font-size: 18px; margin-bottom: 5px; }
			div#main div.post div.entry h3, #sidebar h3{ font-size: 18px; margin-bottom: 5px; font-weight: normal; color: #e2406a;}
			div#main div.post div.entry h4{ font-size: 15px; margin-bottom: 5px; }
			div#main div.post div.entry h5{ font-size: 14px; margin-bottom: 5px; }
			div#main div.post div.entry h6{ font-size: 12px; margin-bottom: 5px; }
			
			div#main div.post div.entry ul,
			div#main div.post div.entry ol{
				padding-bottom: 24px;
				margin-left: 40px;
				margin-right: 40px;
				}
			div#main div.post div.entry ul{
				list-style-type: disc;
				}
			div#main div.post div.entry ol{
				list-style-type: decimal;
				}
				div#main div.post div.entry ul li,
				div#main div.post div.entry ol li{
					padding: 1px 0;
					list-style: inside;
					}
			div#main div.post div.entry blockquote{
				background: url(images/blockquote.gif) no-repeat;
				padding: 35px 20px 10px 50px;
				margin: 0 15px 24px 15px;
				background-color: #181818;
				border-top: 1px solid #2a2e2f;
				border-bottom: 1px solid #2a2e2f;
				color: #999;
				}
				div#main div.post div.entry blockquote p{
					margin-bottom: 8px;
					}
			div#main div.post div.entry code{
				font-family: "Courier New", mono;
				background-color: #181818;
				border-left: 1px solid #2a2e2f;
				color: #197b30;
				padding: 5px 10px;
				display: block;
				}
			/* 20090629 add table layout */
			div#main div.post div.entry table{
				margin-bottom: 20px;
				border-collapse:collapse;
				border: 1px solid #2a2e2f;
				background-color: #181818;
				color: #999;
				}
				div#main div.post div.entry table td,
				div#main div.post div.entry table th{
					padding: 2px 5px;
					border: 1px solid #2a2e2f;
					}
	div#main div.navigation{
		font-size: 13px;
		}
		div#main div.navigation a{
			display: block;
			color: #ccc;
			border: 1px solid #1f2223;
			padding: 0 5px;
			background-color: #101010;
			line-height: 28px;
			}
			div#main div.navigation .left a:hover,
			div#main div.navigation .right a:hover{
				color: #ff5a00;
				background-color: #000;
				}
		div#main div.navigation .left{
			float: left;
			}
		div#main div.navigation .right{
			float: right;
			}
/* END div#main */

div#footer{
	color: #666;
	font-size: 11px;
	background:#1d1d1d;
	}
	div#footer div.footer_wrapper{
		width: 947px;
		margin: 0 auto;
		padding: 18px 0;
		/* position: relative; */
		}
		div#footer div.footer_left{
			float: right;
			width: 600px;
			text-align: right;
			}
		
		div#footer div.footer_left a{
			color: #666;
			text-decoration: none;
			}
		div#footer div.footer_left a:hover{
			color: #fff;
			}
/* END div#footer */

div#sidebar{
	border-bottom:5px solid #5E5E5E;
	float:right;
	width:311px;
	display: inline;/* fix double margin */
	margin: 20px 0;
	padding-bottom: 30px;
	color: #FFF;
	font-size: 13px;
	}

.new_designers #sidebar, .new_contact #sidebar {
	padding-bottom: 0;
}
#sidebar p {
	line-height: 22px;
}

/* END div#sidebar */



/* textwidget */
.textwidget{
	padding: 10px 26px;
	line-height: 16px;
}

.textwidget p{
	margin-bottom: 10px;
	line-height: 16px;
}

.textwidget a, .textwidget p a{
	color: #ff5a00;
	text-decoration: none;
}

.textwidget a:hover, .textwidget p a:hover{
	text-decoration: underline;
}

/* END modify div#sidebar */

div#main div#comments{
	margin-bottom: 10px;
	}
	div#main div#comments h3{
		float: left;
		font-size: 16px;
		color: #ccc;
		line-height: 24px;
		font-weight: normal;
		}
	div#main div#comments .add_your_comment a{
		float: right;
		font-size: 16px;
		color: #ccc;
		line-height: 24px;
		font-weight: normal;
		}
	div#main div#comments .add_your_comment a:hover{
		color: #ff5a00;
		}
div#main ol.commentlist{
	font-size: 13px;
	color: #ccc;
	overflow: hidden;
	}
	div#main ol.commentlist li{
		margin-bottom: 15px;
		background-color: #101010;
		border: 1px solid #1f2223;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		padding: 20px 20px 15px 20px;
		}
		div#main ol.commentlist li ul{
			list-style-type: none;
			margin-left: 60px;
			margin-top: 6px;
			}
			div#main ol.commentlist li ul.children li{
				background-color: #0d0d0d;
				border-left: 1px solid #181a1b;
				border-top: 0;
				border-bottom: 0;
				border-right: 0;
				}
		div#main ol.commentlist li div.vcard{
			float: left;
			}
		div#main ol.commentlist li div.vcard div.left{
			width: 56px;
			margin-right: 5px;
			}
			div#main ol li div.left img{
				border: 1px solid #000;
				display: block;
				height: 48px;
				width: 48px;
				}
			div#main ol li div.left div.reply a{
				background: url(images/reply.gif) no-repeat 0 0;
				display: block;
				height: 0;
				padding-top: 17px;
				width: 41px;
				overflow: hidden;
				margin-left: 5px;
				margin-top: 5px;
				}
			div#main ol li div.left div.reply a:hover{
				background-position: 0 -17px;
				}
		div#main ol.commentlist li div.right{
			float: left;
			line-height: 20px;
			width: 80%;/* 3-level or less thread comments display well. 4 or more leves may have some issue. */
			}
			div#main ol.commentlist li div.right p a{
				color: #ccc;
				text-decoration: none;
				border-bottom: 1px solid #ccc;
				}
			div#main ol.commentlist li div.right p a:hover{
				color: #ff5a00;
				border-bottom: 1px solid #ff5a00;
				}
			div#main ol li div.right div.commentmetadata{
				font-size: 12px;
				color: #999;
				border-bottom: 1px solid #181a1b;
				padding-bottom: 3px;
				margin-bottom: 8px;
				}
				div#main ol li div.right div.commentmetadata a{
					color: #ccc;
					text-decoration: none;
					font-weight: bold;
					}
				div#main ol li div.right div.commentmetadata a:hover{
					color: #ff5a00;
					}
			div#main ol li div.right p{
				margin-bottom: 20px;
				}
div#main .comments_navi{
	font-size: 12px;
	}
	div#main .comments_navi .alignleft{
		float: left;
		}
	div#main .comments_navi .alignright{
		float: right;
		}
		div#main .comments_navi .alignleft a, 
		div#main .comments_navi .alignright a{
			display: block;
			color: #ccc;
			border: 1px solid #1f2223;
			padding: 0 5px;
			background-color: #101010;
			line-height: 28px;
			}
		div#main .comments_navi .alignleft a:hover, 
		div#main .comments_navi .alignright a:hover{
			color: #ff5a00;
			background-color: #000;
			}
div#main div#respond{
	background-color: #101010;
	border: 1px solid #181a1b;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #ccc;
	padding: 15px 20px;
	margin-top: 15px;
	}
	div#main div#respond div.h3_cancel_reply{
		margin-bottom: 5px;
		}
	div#main div#respond h3{
		font-size: 16px;
		color: #ccc;
		line-height: 24px;
		font-weight: normal;
		float: left;
		display: inline;/* fix double margin */
		}
		div#main div#respond span.cancel-comment-reply{
			float: right;
			display: inline;/* fix double margin */
			padding-top: 6px;
			}
		div#main div#respond span.cancel-comment-reply a{
			font-size: 12px;
			color: #999;
			text-decoration: none;
			}
		div#main div#respond span.cancel-comment-reply a:hover{
			color: #ff5a00;
			}
	div#main div#respond form#commentform{
		}
		div#main div#respond form#commentform p{
			font-size: 12px;
			color: #999;
			padding: 3px 0;
			}
			div#main div#respond form#commentform p a{
				color: #fff;
				border: 0;
				}
			div#main div#respond form#commentform p a:hover{
				border-bottom: 1px solid #fff;
				}
		div#main div#respond div.input_area{
			padding: 15px 30px;
			}
			div#main div#respond div .message_input{
				font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
				background-color: #eee;
				border: 2px solid #000;
				color: #333;
				font-size: 13px;
				padding: 5px;
				height: 120px;
				width: 98%;
				}
		div#main div#respond div.user_info{
			font-size: 12px;
			line-height: 16px;
			display: block;
			padding: 0 30px;
			}
			div#main div#respond div.user_info div.single_field{
				display: inline;
				float: left;
				width: 33%;
				}
				label.desc{
					display: block;
					color: #999;
					padding-bottom: 4px;
					}
					label.desc abbr{
						color: #ff5a00;
						border: 0;
						}
				div#main div#respond div.user_info input.comment_input{
					background-color: #eee;
					color: #666;
					border: 2px solid #000;
					padding: 2px 3px;
					width: 90%;
					}
		div#main div#respond div.submit_button{
			margin: 15px 30px 0;
			}
			div#main div#respond form#commentform div.submit_button input.button{
				display: block;
				background: url(images/submit.gif) no-repeat 0 0;
				width: 76px;
				height: 28px;
				padding: 0;
				border: 0;
				/*text-indent: -9999px; 20090708 no text button*/
				color: #bbb;/*20090708 no text button*/
				font-size: 12px;/*20090708 no text button*/
				cursor: pointer;
				float: left;
				}
			div#main div#respond form#commentform div.submit_button input.button:active{
				background-position: 0 -28px;
				color: #fff;/*20090708 no text button*/
				}
			div.submit_button span.key{
				float: left;
				margin-left: 10px;
				padding-top: 6px;
				font-size: 12px;
				line-height: 16px;
				color: #333;
				}
.nocomments{
	color: #ccc;
	font-size: 16px;
}
/* END single page */

/*---------------- WordPress Generated Classes -------------------*/

.aligncenter,
div.aligncenter{
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft{
	float: left;
	}
	
.alignright{
	float: right;
	}

img.alignleft{
	display: inline;
	margin-bottom: 2px;
	margin-right: 6px;
	padding: 3px;
	}

img.alignright{
	display: inline;
	margin-bottom: 2px;
	margin-left: 6px;
	padding: 3px;
	}

.wp-caption {
   border: 1px solid #1f2223;
   text-align: center;
   background-color: #0d0d0d;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 12px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
   color: #ccc;
}

div#main div.post div.entry div.wp-caption p{
	margin-bottom: 3px;
	padding: 5px;
} 


/*------------------------ Archives Page ------------------------*/

ul.archiveslist{
	color: #ccc;
	font-size: 13px;
}

div#main div.post div.entry  ul.archiveslist li a{
	color: #ccc;
}

div#main div.post div.entry  ul.archiveslist li a:hover{
	color: #ff5a00;
}

/*------------------------ Links Page ------------------------*/

.linkpage{
	background-color: #131313;
	padding: 10px 15px;
}

.linkpage ul{
	list-style-type: none;
}

.linkpage ul li{
	float: left;
	margin-bottom: 10px;
}

.linkpage ul li ul li{
	float: left;
	width: 130px;
	text-align: center;
	margin: 5px 12px;
	line-height: 180%;
	background-color: #202020;
}

.linkpage ul li ul li a{
	color: #ccc;
	display: block;
	text-decoration:none;
	border: 1px solid #1f2223;
	font-size: 12px;
}

.linkpage ul li ul li a:hover{
	background-color: #0d0d0d;
	border: 1px solid #1f2223;
	color: #ff5a00;
}

.linkpage ul li h3{
	margin-bottom: 5px;
	margin-left: 12px;
}

/*------------------------ Strong ------------------------*/

div.strong{
	color: #fff;
	font-size: 18px;
	padding: 10px 0;
	margin-bottom: 25px;
}

div.strong .keyword{
	color: #ff5a00;
}

/*------------------------ Sticky Footer ------------------------*/
/*--------------- Code from www.cssstickyfooter.com -------------*/

html, body, #page_wrap{
	height: 100%;
}

body > #page_wrap{
	height: auto; min-height: 100%;
}

#container{
	padding-bottom: 48px;/* must be same height as the footer */
}

#footer{
	position: relative;
	margin-top: -48px; /* negative value of footer height */
	height: 48px;
	clear:both;
}

/* Other */

#stripe {
	width: 100%;
	height: 10px;
	background-color: #e2406a;
	display: block;
	font-size:0;
}

#telephone {
	position: absolute;
	left: 0;
	top: 42px;
	color: #e2406a;
	font-size: 11px;
	letter-spacing: 0.5px;
}

#col_left, #col_left2, #col_left3 {
	float: left;
	width: 311px;
	border-bottom: 5px solid #5e5e5e;
}

#col_middle {
	float: left;
	width: 218px;
	margin-left: 50px;
	display: inline;
}

#col_right, #col_right2, #col_right3 {
	float: right;
	width: 311px;
	border-bottom: 5px solid #5e5e5e;
}

.entry>#col_left, .entry>#col_right{
	min-height:280px;
	height:auto;
}

.entry>#col_left2, .entry>#col_right2 {
	min-height: 400px;
	height:auto;
}

.entry>#col_left3, .entry>#col_right3 {
	min-height: 500px;
	height:auto;
}
#col_left, #col_right{
	height:280px;
}

#col_left2, #col_right2 {
	height: 400px;
}

#col_left3, #col_right3 {
	height: 500px;
}

#wardrobe_home {
	position: absolute;
	top: 260px;
	left: 370px;
	z-index:9;
	clear:both; /* weird IE6-ness */
}

#wardrobe_designers{
	position: absolute;
	top: 110px;
	left: 340px;
	z-index: 10;
	clear:both;
}

#secondary-html-content-4 {
	position: absolute;
	top: 195px;
	left: 360px;
	z-index:3;
	clear:both;
}

#col_middle .gallery {
	display: none;
}