﻿/***ALL SITES COMMON***/
/****
Eric Meyer's reset v1.0 | 20080212
****/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, 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;}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;}/*tds to have top vertical-align by default*/td{vertical-align:top !important;}

/****
HTML 5 - New Elements Reset
****/
header,nav,section,article,dialog,figure,aside,footer{display:block;margin:0;padding:0;}

/*Generic stylesheet for all sites*/
body{
	color:#1f1f1f;
	font:normal 11px Arial,sans-serif;
	margin:0;
}
#middlearea{
	background-color:#fff;
	box-shadow:0px 0px 5px rgba(0,0,0,.2);-moz-box-shadow:0px 0px 5px rgba(0,0,0,.2);-webkit-box-shadow:0px 0px 5px rgba(0,0,0,.2);
	overflow:hidden;
	padding-top:10px;padding-bottom:10px;
	width:auto;
}
.shadow{
	overflow:hidden;
	padding-bottom:5px;
}
/*Typography*/
#leftcol,
#rightcol{font-size:11px;}
#centercol{font-size:12px;}
	/*Headers*/
	#middlearea h1{
		font-size:17px;
		font-weight:normal;
		line-height:17px;
	}
	#middlearea h3{
		font:normal 11px/17px sans-serif;
	}
/*Links*/
a:link,
a:visited{
	color:#1f1f1f;
	text-decoration:none;
}
a:active,
a:hover{
	text-decoration:underline;
}
	p a:link,
	p a:visited{text-decoration:underline;}
	p a:active,
	p a:hover{text-decoration:none;}

/*1002 Fixed Grid*/
.grid_1 { width:21px; }
	.grid_1 p{font-size:14px;line-height:15px;}
.grid_2 { width:52px; }
.grid_3 { width:83px; }
.grid_4 { width:114px; }
.grid_5 { width:145px; }
.grid_6 { width:176px; }
.grid_7 { width:207px; }
.grid_8 { width:238px; }
.grid_9 { width:269px; }
.grid_10 { width:300px; }
.grid_11 { width:331px; }
.grid_12 { width:362px; }
.grid_13 { width:393px; }
.grid_14 { width:424px; }
.grid_15 { width:455px; }
.grid_16 { width:486px; }
.grid_17 { width:517px; }
.grid_18{ width:548px; }
.grid_19 { width:579px; }
.grid_20 { width:610px; }
.grid_21 { width:641px; }
.grid_22 { width:672px; }
.grid_23 { width:703px; }
.grid_24 { width:734px; }
.grid_25 { width:765px; }
.grid_26 { width:796px; }
.grid_27 { width:827px; }
.grid_28 { width:858px; }
.grid_29 { width:889px; }
.grid_30 { width:920px; }
.grid_31 { width:951px; }
.grid_32 { width:982px; }
.grid_full{ width:1002px; }
.column { /* 10px margin on BOTH sides, resulting in a 20px gutter between columns */
	margin: 0 5px;
	overflow: visible;
	float: left;
	display: inline; /* ie6 double-margin bug fix */
}
.columnRight { /* 5px margin on BOTH sides, resulting in a 10px gutter between columns */
	margin: 0 5px;
	float: left;
	display: inline; /* ie6 double-margin bug fix */
}
.wrap { /* center the row on the page, clear the interior contents with overflow:hidden hack */
	width: 1002px;
	margin: 0 auto;
	padding:0 5px;
	overflow: hidden;
}
	.wrap .row{
		width:992px;
		margin: 0 auto;
		padding-left: 5px;
		padding-right: 5px;
		overflow: hidden;
	}
/*Dual Column Widgets - These widgets use 2 columns of grid_9 and grid_8 width*/
.dualcolumns{}/*The main column container*/
    .dualcolumns .widget
    {
        float:none;
        width:inherit !important;/*Widgets that are now living within the dual column widget must inherit their width*/
        margin-bottom:10px;/*All widgets should have a margin-bottom*/
    }
    /*Prevent the 2 columns from pushing out of the .dualcolumns parent*/
    .first {margin-left:0 !important;}
    .last {margin-right:0 !important;}
/*Forms*/
input{
	border:1px solid #ccc;
	color:#1f1f1f;
	font:normal 10px sans-serif;
}
.btn{
	color:#fff !important;
	cursor:pointer;
	display:block;
	font-size:10px;
	line-height:10px;
	text-transform:uppercase;
	text-decoration:none !important;
}
/*Widgets*/
.widget{overflow:hidden;margin-bottom:10px;}
.widget .padder{
    clear:both;
    padding:0 10px 10px;
}
	.widget img{
		float:left;
		margin:0 5px 10px 0;
	}
	.widget ul{
		clear:both;
		font-size:10px;
		list-style-position:inside;
		list-style-type:square;
	}
		.widget ul li{}
		.widget ul h3{
			display:inline;
		}
.more{
	color:#555555 !important;
	display:block;
	float:right;
	font-size:12px;
	line-height:12px;
	margin:4px 0 0;
	text-align:right;
	text-decoration:none !important;
	text-transform:uppercase;
}
.floatingmore{}/*Widget with the more link+arrow floating left next to header*/
    .floatingmore h1{
	    float:left;
	    height:20px;
	    margin:0;
    }
        .floatingmore h2{
	        float:left;
	        margin:9px 0 0 5px;
	        text-transform:none;
        }
	        .floatingmore h2 a:link,
	        .floatingmore h2 a:visited{color:#555;}
        .floatingmore ul
        {
	        clear:both;
	        list-style:none;
	        margin:0 0 10px;
	        overflow:hidden;
	        width:auto;
        }
	        .floatingmore ul li h2{
		        float:none;
		        font:normal 12px/13px sans-serif;
		        margin:0;
	        }
	        .floatingmore .more a{
	            display:block;
	            float:left;
	        }
.dart{margin-bottom:10px;}/*Container specifically to hold dart ads*/
/*Arrows*/
.arrow{
	border-color:transparent;
	border-style:solid;
	border-width:3px;
	float:left;
	font-size:0;
	height:0;
	line-height:0;
	text-indent:-9999px;
	width:0;
}
	.north{
		border-bottom-color:#999;
		border-top-width:0;
	}
	.east{
		border-left-color:#999;
		border-right-width:0;
	}
	.south{
		border-top-color:#999;
		border-bottom-width:0;
	}
	.west{
		border-right-color:#999;
		border-left-width:0;
	}
	.more .east{/*Arrows that come at the end of see more links/text should float to the right*/
		border-left-color:#555;
		border-width:4px;
		display:inline;
		font-size:0;
		float:right;
		margin-top:2px;
	}
	.floatingmore .more{float:left;}
	.floatingmore .more .arrow{
	    float:left;
	    margin:3px 0 0 5px;
	}
/*SEO and Footer*/
/*Common*/
#extralinks,
#extralinks a:link,
#extralinks a:visited{color:#888;}
#extralinks .mainsites{
    margin-top:5px;
}
    #extralinks ul{
        overflow:hidden;
        width:auto;
    }
	#extralinks ul li{
		background-color:#fff;
		border-right:1px solid #ccc;
		float:left;
		padding:0 0 0 33px;
	}
		#extralinks ul li.tb{border:none;width:291px;}
		#extralinks ul li h1 a{
			display:block;
			font-weight:normal;
			padding-top:45px;
			text-indent:79px;
		}
		#extralinks .tk h1{
		    background:transparent url(http://media.theknot.com/basicUI/tk_footer_sprite.png) no-repeat 0 -31px;
		    width:193px;
		}
		#extralinks .tn h1{
		    background:transparent url(http://media.theknot.com/basicUI/tk_footer_sprite.png) no-repeat -318px -31px;
		    width:199px;
		}
		#extralinks .tb h1{
		    background:transparent url(http://media.theknot.com/basicUI/tk_footer_sprite.png) no-repeat -636px -31px;
		    width:159px;
		}
		#extralinks .tb ul{width:140px;}
		#extralinks ul li ul{
			float:left;
			margin:10px 0;
		}
			#extralinks ul li ul li{
				border:none;
				display:block;
				float:none;
				margin:0 !important;
				padding:0;
			}
#extralinks section,
#extralinks section .padder{overflow:hidden;}
#seolinks{}
	#seolinks .padder,
	#social .padder{
		background-color:#fff;
	}
	#seolinks .padder{padding:15px 33px;}
		#seolinks h1{display:inline;}
#social{}
	#social .padder{padding:0 33px 10px;}
	#social h1,
	#social h2{
		float:left;
		line-height:11px;
		margin-right:5px;
	}
	#social h1 a{
	    display:block;
	    padding:4px 0 5px 25px;
	}
	#social h2 a{
	    display:block;
	    padding:4px 0 5px;
	}
	#social h2{font-weight:normal;}
	#social h1.fb a{background:transparent url(http://media.theknot.com/basicUI/tk_footer_sprite.png) no-repeat -968px -64px;}
	#social h1.twitter{margin:0 30px 0 15px;}
	#social h1.twitter a{background:transparent url(http://media.theknot.com/basicUI/tk_footer_sprite.png) no-repeat -968px -31px;}
#networksites .padder{padding:5px 10px 10px;}
#mainfooter{
	font:normal 10px/10px sans-serif;
	color:#fff;
	overflow:hidden;
	padding:8px 10px 7px;
}
	#mainfooter a{color:#fff;}
	#mainfooter .copyright{float:left;}
	#mainfooter nav{float:right;}

/***TK MAIN***/
body{background-image:url("http://scmedia.theknot.com/Sites/TheKnot/styles/images/general/bg.gif");}
.shadow{background-color:#ebf4fb;}
/*All links in TK hover blue. Note, underlining varies depending on situation. */
#middlearea a:active,
#middlearea a:hover,
#extralinks a:active,
#extralinks a:hover,
#mainfooter a:active,
#mainfooter a:hover{color:#4e8abe;}
/*Typography*/
	/*Headers*/
	#middlearea h1{
		font-family:kievit_Book,sans-serif;
		padding:5px 0 5px;
		text-transform:lowercase;
	}
	/*Kievit fonts for TK*/
	.kievit_lt{font-family:kievit_Light,KievitOT-Light,sans-serif !important;}
	.kievit_bk{font-family:kievit_Book,KievitOT-Book,sans-serif !important;}
	.kievit_rg{font-family:kievit_Regular,KievitOT-Regular,sans-serif !important;}
	.kievit_bksc{font-family:kievit_BookSC,KievitOT-BookSC,sans-serif !important;}
	.kievit_bd{font-family:kievit_Bold,KievitOT-Bold,sans-serif !important;}
	.kievit_bdsc{font-family:kievit_BoldSC,KievitOT-BoldSC,sans-serif !important;}
	/*Casino Hand*/
	.casino_hand{font-family:"Casino Hand",Arial,sans-serif !important;text-indent:-9999px;}
/*Left Nav*/
nav#leftnav{background-color:#f9f9f9;}
	nav#leftnav ul{
		border-bottom:1px solid #ececec;
		margin:0 5px 5px;
		padding:5px 0 10px;
	}
	nav#leftnav li{margin-bottom:4px;}
	nav#leftnav h1 a{
		color:#579bc3;
		font:normal 13px Georgia,serif;
		text-transform:lowercase;
	}
	nav#leftnav h2 a{
		color:#666;
		font-weight:normal;
	}
/*Colors*/
	/*Green*/
	.green_lt{background-color:#F3F8E7;}
	.green_grad{
		background-color:#f3f7e7;
		background: -moz-linear-gradient( -90deg, #f3f7e7, #fbfcf6);
		background: -webkit-gradient( linear,left top,left bottom, color-stop(0.0,#f3f7e7), color-stop(1.0,#fbfcf6));
	}
		.green_lt h1,
		.green_grad h1{color:#84ad42;}
		
	/*Blue*/
	.blue_lt{background-color:#ebf4fb;}
	.blue_grad{
		background-color:#eef7fe;
		background: -moz-linear-gradient( -90deg, #eef7fe, #fcfdff);
		background: -webkit-gradient( linear,left top,left bottom, color-stop(0.0,#eef7fe), color-stop(1.0,#fcfdff));
	}
		.blue_lt h1,
		.blue_grad h1{color:#4e8abe;}
		.blue_lt .btn,
		.blue_grad .btn{background:#6f9cc9;}
/*SEO and Footer*/
#extralinks{background-color:#ebf4fb;}
#extralinks .mainsites{
    background:transparent url(http://media.theknot.com/basicUI/tk_footer_sprite.png) no-repeat 0 -97px;
    padding-top:23px;
}
#extralinks ul{padding:0 7px;}
    #extralinks ul li ul{
        padding:0;
        width:144px;
    }
    #extralinks ul li h1{width:289px;}
#seolinks .padder,
#social .padder{
	margin:0 7px;
}
#social{
    background:transparent url(http://media.theknot.com/basicUI/tk_footer_sprite.png) no-repeat 0 30px;
    padding-bottom:15px;
}
#mainfooter{
	background-color:#8fc6e7;
	border-bottom:4px solid #5790b1;
}
/*Blue Arial Button*/
.bluebtn{
    background-color:#4e8abe;
    color:#fff !important;
    display:inline-block;
    font:bold 12px Arial,sans-serif;
    line-height:20px;
    margin-bottom:10px;
    padding:0 2px 0 5px;
    text-transform:uppercase;
}
    .bluebtn:hover{text-decoration:none;}
    .bluebtn .arrow{
        border-left-color:#fff;
        border-width:4px;
        display:inline-block !important;
        float:none;
        vertical-align:middle;
    }
#popupControls{float:right;}
/***TK ODB MAIN***/
#leftnav.grid_5{
    background-color:#EBF4FB;
    font:normal 11px Arial,sans-serif;
}
    #leftnav.grid_5 a{color:#555;}
    #leftnav.grid_5 ul{display:none;}
        #leftnav ul.onstate{display:block;}
    #leftnav.grid_5 > h1{
        background-color:#C9E4F7;
        color:#6F9CC9;
        font-size:10px;
        font-weight:bold;
        line-height:15px;
        padding:0 10px;
        text-transform:uppercase;
    }
    #leftnav.grid_5 h2{
        border-bottom:1px solid #ccc;
        color:#555;
        cursor:pointer;
        font-weight:bold;
        line-height:23px;
        margin:0 5px;
        padding:0 0 0 16px;
        background:transparent url("http://scmedia.theknot.com/sites/theknot/styles/images/general/mainnav_arrow.gif") no-repeat 0 0;
    }
        #leftnav.grid_5 h2 a{font-weight:bold;}
        #leftnav.grid_5 h2.onstate{
            background:transparent url("http://scmedia.theknot.com/sites/theknot/styles/images/general/mainnav_arrow_onstate.gif") no-repeat 0 0;
            border:none;
        }
    #leftnav.grid_5 ul{
        border-color:#ccc;
        margin-bottom:0;
        padding:0 0 10px 16px;
    }
        #leftnav.grid_5 ul li{margin:1px 0 6px;}
    #leftnav.grid_5 p a{
        display:block;
        font:bold 11px/23px Arial,sans-serif;
        padding:5px 5px 5px 20px;
        text-decoration:none;
    }
#rightcol{float:right;}
#breadcrumbs{
    color:#999;
    font:normal 10px Arial,sans-serif;
    margin-bottom:5px;
    padding-bottom:3px;
    text-transform:uppercase;
}
    #breadcrumbs a{color:#999;}
    #breadcrumbs .next{
        border:0;
        float:right;
    }
#middlearea .title > h1,
#middlearea .maintext > h1{
    color:#666;
    font:normal 24px Kievit-Book,Arial,sans-serif;
    margin:10px 0 0;
    padding:0 0 5px;
    text-transform:none;
}
    #middlearea .detail h1,
    #middlearea .view h1{
        margin:0 0 10px;
        padding:0;
    }
    #middlearea .view h1{font-size:22px;}
nav.pagination{
    border-top:2px solid #ededed;border-bottom:1px solid #ededed;
    color:#999;
    line-height:20px;
    overflow:hidden;
    padding:3px 0;
    text-align:center;
    width:auto;
}
    nav.pagination a{color:#999;}
    nav.pagination span{float:left;}
        nav.pagination span.pagelinks span{float:none;}
        nav.pagination span.pages{float:right;}
            nav.pagination span.pages *{display:inline;}
    nav.pagination .arrow,
    #maincontent .slideshowlink .arrow{
        border-width:4px;
        display:inline-block !important;
        float:none;
        margin-top:-2px;
        vertical-align:middle;
    }
    nav.pagination .previous,
    nav.pagination .next,
    #maincontent .slideshowlink{
        display:block !important;
        font-size:12px;
        line-height:20px;
        padding:0 2px 0 5px;
        text-transform:uppercase;
        vertical-align:top;
    }
        nav.pagination .previous:hover,
        nav.pagination .next:hover,
        #maincontent .slideshowlink:hover{text-decoration:none;}
    nav.pagination .previous{
        color:#999 !important;
        float:left;
        margin-right:4px;
    }
    nav.pagination .next{
        background-color:#44779E;
        color:#fff !important;
        float:right;
        margin-left:4px;
    }
        nav.pagination input{
            background:transparent !important;
            border:none !important;
        }
        nav.pagination .next .arrow{border-left-color:#fff;}
    
    /*IE7 overrides for pagination*/
    .ie7 .pagination{
        height:20px;
        position:relative;        
    }
    .ie7 .pagination > span{
        margin-top:-3px;
        position:absolute;
    }
    .ie7 .pagination .resultsText{float:none;left:0;}
    .ie7 .pagination .pages{
        background:transparent;
        float:none;
        right:0;
        text-align:right;
        top:6px;
        white-space:nowrap;
    }
    .ie7 .pagination .pages .pagelinks,
    .ie7 .pagination .pages .previous,
    .ie7 .pagination .pages .next{
        display:inline-block !important;
        float:none;
    }
    .ie7 .pagination .previous{
        width:48px;
    }
    .ie7 .fromparent .previous{
        display:block;
        float:left;
        overflow:hidden;
        white-space:nowrap;
        width:auto;
    }
    .ie7 .fromparent .previous span{
        display:block;
        float:left;
        margin-top:6px;
    }
        
/**Results**/
#maincontent.results .thumbs{
    margin-top:10px;
    overflow:hidden;
    width:auto;
}
    #maincontent.results .thumbs .resultContainer{
        float:left;
        text-align:center;
    }
        #maincontent.results .thumbs .last{clear:right;}
        #maincontent.results .thumbs .resultContainer .result{
            margin:0 18px;
            width:91px;height:175px;
        }
            #maincontent.results .thumbs .resultContainer .result .thumbCaption{margin-top:5px;}
    #maincontent.results h1.kievit_bk a{color:#4e8abe;display:inline-block;}
        #maincontent.results h1.kievit_bk a:active,
        #maincontent.results h1.kievit_bk a:hover{text-decoration:none;border-bottom:1px solid #4e8abe;margin-bottom:-1px;}
/**Detail**/
#maincontent .mainimage{width:310px;}
#maincontent .maintext{
    margin-top:25px;margin-bottom:10px;
    width:321px;
}
    #maincontent .maintext .more{
        font:normal 12px Arial,sans-serif;
        color:#999 !important;
        float:none;
        margin-bottom:10px;
        text-transform:none;
        text-align:left;
    }
        #maincontent .maintext .more a{
            color:#999;
            text-decoration:underline;
        }
            #maincontent .maintext .more a:active,
            #maincontent .maintext .more a:hover{color:#4e8abe;}

    div.mainimage{margin-top:13px;margin-bottom:10px;}
    #middlearea .detail .maintext h1{
        color:#555;
        font:normal 16px Arial,sans-serif;
        padding:0;
    }
    .maintext h1 a{color:#555;}
    .maintext p{
        font-size:12px;
        margin-bottom:10px;
    }
    .maintext .photocredit{
        border:1px dotted #ccc;border-left:0;border-right:0;
        color:#999;
        font-size:11px;
        margin:0 0 10px;
        padding:10px 0;
    }
        .maintext .photocredit b{font-weight:normal;}
        .maintext .photocredit a{color:#999;text-decoration:underline;}
    .maintext img{margin-bottom:10px;}
/**View**/
#maincontent.view .thumbs{padding-top:10px;padding-left:10px;}
    #maincontent.view .thumbs .thumb{
        float:left;
        margin:0 5px 10px;
    }
    #maincontent .thumbs .thumb img{display:block;}
    #maincontent .maintext .author{font-style:oblique;}
    #maincontent p.deck{margin:0 0 10px;}
/**Sharing**/
.articleoptions{
    border:1px dotted #ccc;border-left:0;border-right:0;
    clear:both;
    margin:10px 0;
    padding:8px 0;
    text-align:center;
}
    .articleoptions li{
        display:inline;
        margin-right:10px;
        padding-left:16px;
        text-transform:lowercase;
    }
        .articleoptions li a{color:#999;}
    .articleoptions .optionbookmark{background:url("http://scmedia.theknot.com/sites/theknot/styles/images/general/icn_bookmark.gif") no-repeat scroll 0 0 transparent;}
    .articleoptions .optionsave{background:url("http://scmedia.theknot.com/sites/theknot/styles/images/general/icn_notebook.gif") no-repeat scroll 0 0 transparent;}
    .articleoptions .optionemail{background:url("http://scmedia.theknot.com/sites/theknot/styles/images/general/icn_email.gif") no-repeat scroll 0 0 transparent;}
/**Bottom Modules**/
nav .padder,
aside .padder{padding:7px 10px 10px;}
    nav.search .padder{padding-bottom:0;}
    #middlearea nav .padder h1,
    #middlearea aside .padder h1{
        font-size:16px;
        text-transform:lowercase;
    }
.search select{width:155px;}
    .search .btn{
        float:right;
        font-size:12px;
        font-weight:bold;
        padding:4px;
    }
    .search #searchagain{
        border-bottom:1px dotted #ccc;
        padding-bottom:10px;
        position:relative;
    }
    .ie7 #searchagain .btn{
        position:absolute;
        right:0;
    }
        .search #searchagain select{visibility:visible !important;}
aside.moreslideshows{}
    aside.moreslideshows .padder{overflow:hidden;padding-right:0;}
    aside.moreslideshows .item{
        float:left;
        margin-right:10px;
        text-align:center;
        width:85px;
    }
        aside.moreslideshows .item a{text-decoration:none;}
        aside.moreslideshows .item img{
            display:block;
            margin-bottom:5px;
            width:85px;height:85px;
        }
aside.locresources{
    float:right;
    font-size:12px;
}
    aside.locresources p,
    aside.locresources ul{margin-bottom:10px;}
        aside.locresources ul li{
            background-image:url(http://images.theknot.com/odb/tk_rw_localmodule_sprite.png);
            background-repeat:no-repeat;
            line-height:21px;
            margin-bottom:5px;
            padding-left:26px;
        }
        aside.locresources ul li.reception{background-position:0 -25px;}
        aside.locresources ul li.florists{background-position:0 -50px;}
        aside.locresources ul li.planners{background-position:0 -75px;}
    aside.locresources select{width:218px;}
/*Local button*/
.localbutton{margin-bottom:10px;}
.localbutton a
{
    background-image:url(http://media.theknot.com/odb/galleries/btn_us.gif);
    background-position:0 0;
    background-repeat:no-repeat;
    border:1px solid #E4EFC7;
    color:#77a134;
    display:block;
    font-size:14px;
    line-height:16px;
    padding:9px 0 10px 45px
}
