@charset "UTF-8";

* {padding: 0; margin: 0;}


body {
	background: url(../images/bg_main.gif) repeat-x top #fff;
	margin: 0;
	padding: 0;
	font: 76% "Trebuchet MS", "Trebuchet", Arial, Helvetica, sans-serif;
	color: #666666;
}

/* General Classes */

p {
	font-family: "Trebuchet MS", "Trebuchet", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin: 5px 0;
	font-weight: 300;
	line-height: 1.8em;
}

p.meta {font-size: 0.8em; font-style:italic; color: #999;}

li {font-size: 1.1em; margin-bottom: 5px; font-family: "Trebuchet MS", "Trebuchet", Arial, Helvetica, sans-serif;}

a:link, a:visited {color: #24527a;}

a:hover {color: #d5276c;}

h1, h2, h3, h4, h5, #leftcolumn ul li a, ul#topnav .sub ul li a, th, .edate, .emonth, .eday {
	
	font-weight: 300; 
	font-style: normal;
}

h1, h5, h3 {font-weight: 100;}

/*h2 {font-size: 0.9em; margin: 5px 10px; font-weight: normal;}*/

h2 {font-size: 1.4em; margin: 10px 0;}

h4 {color: #719752; font-size: 1.1em; margin: 0; padding: 0; font-weight: 300;}

strong {font-weight: 700;}

#container {
	margin: 0 auto;
	width: 960px;
	clear: both;
}

#contentcontainer {
	background: url(../images/bg-content.gif) repeat-y top;
	margin-top: 20px;
}

/* Header */

#header {
	width: 960px;
	height: 144px;
	}
	
#headmain {height: 104px; overflow: hidden;}
	
#logo {float: left;}
	
#logo h1 a {background: url(../images/logo_vancity-weddings.png) no-repeat 0 0; width: 334px; height: 104px; display: block;}

#logo span, h2 span, .viewsite span, .learnmore span {display: none;}

#topads {margin-top: 15px; background-color: rgba(119, 183, 216, 0.8);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartcolorStr='#77b7d8', EndcolorStr='#77b7d8');
 border: 1px solid #5aa3c6; padding: 5px; float: right;}

#topads a img {border: none;}

/* Menu */

#menu{
	height: 40px;
	width: 960px;
	clear: both;
	
}

/*#menu ul li span {display: none;}*/

#menu ul {
	height: 40px;
	overflow: hidden;
}
#menu ul li, #menu ul li.active {
	display: inline;
	float: left;
	
	margin-right: 1px;
	border: 1px solid #d4d4d4;
		-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: #fdfdfd; /* Old browsers */
background: -moz-linear-gradient(top, #fdfdfd 0%, #f5f5f5 37%, #e9e9e9 63%, #e2e2e2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(37%,#f5f5f5), color-stop(63%,#e9e9e9), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fdfdfd 0%,#f5f5f5 37%,#e9e9e9 63%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fdfdfd 0%,#f5f5f5 37%,#e9e9e9 63%,#e2e2e2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fdfdfd 0%,#f5f5f5 37%,#e9e9e9 63%,#e2e2e2 100%); /* IE10+ */
background: linear-gradient(to bottom, #fdfdfd 0%,#f5f5f5 37%,#e9e9e9 63%,#e2e2e2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
}


#menu ul li a{
	display: block;
	padding: 12px 20px 12px;
	text-decoration: none;
	text-transform:uppercase;
	color: #397194;
	font-weight: 500;
	font-size: 0.9em;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
}

#menu ul li a:hover {
	color: #84b15e;
	
}

#menu ul li.active {background: #fff; border-bottom: 1px solid #fff;}

#menu ul li.active a {color: #d5276c;}




#content {
	width: 600px;
	margin: 0 20px 20px 20px;
	float: left;
}

#content ul {margin-left: 20px; margin-bottom: 20px;}

#contentfull {
	width: 780px;
	margin: 0 0 20px 20px;
	float: left;
}

#content h1, #contentfull h1 {font-size: 1.8em; padding-top: 10px; color: #888; padding-bottom: 20px; color: #719752;}

p.intro {font-size: 1em; line-height: 1.8em;}


#rightcolumn {
	float: left;
	width: 160px;
	margin: 0;
	overflow: hidden;
}

#leftcolumn {
	width: 160px;
	margin: 0;
	float: left;
	overflow: hidden;
}

#leftcolumn ul {
	margin: 0 0 0 0;
	padding: 0;
	list-style-type: none;
	font-family: "Trebuchet MS", "Trebuchet", Arial, Helvetica, sans-serif;
	width: 160px;
}

#leftcolumn li { margin: 0; }

.sidefirst {border-top: 1px solid #9db8c4; background: #efefdf;}

#leftcolumn ul li a {
	display: block;
	padding: 8px 0 4px 0px;
	width: 159px;
	min-height: 16px;
	text-align: left;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #fcfcfc;
	border-right: 1px solid #ededed;
	cursor: pointer;
}

#leftcolumn ul li a:link, #leftcolumn ul li a:visited {
	color: #999;
	text-decoration: none;
	background: none; 
	font-size: 0.9em;
	cursor: pointer;
}

#leftcolumn ul li a:hover {
	color: #eb6e92;
	text-decoration: none;
	background: #fff;
	cursor: pointer;
	/*width: 160px;*/
	
}

#sidetop {
	width: 160px;
	height:40px;
	background: url(../images/hdr-vendor-categories.gif) no-repeat top;
	padding: 0;
}

#sidetop h5 {
	color: #85c1dd;
	font-size: 1.3em;
	padding-top: 13px;
}




.dlines {
	width: 160px;
	background: url(../images/bg-doubleline.gif) repeat-x top;
	height: 3px;
}

#social {margin-bottom: 20px;}

#social h3 {
	margin: 10px 0;
	color: #85c1dd;
	font-size: 1.3em;
	text-align: center;}

#social a span {display: none;}

#twitter a {margin-left: 5px;}

#twitter a, #facebook a, #pinterest a, #instagram a {
	display: block;
	background: url(../images/social.gif) no-repeat 0 0;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	float: left;
	margin-bottom: 10px;
	}

#facebook a {
	background-position: -40px 0;
}

#pinterest a {
	background-position: -80px 0;
}

#instagram a {
	background-position: -120px 0;
	margin-right: 5px;
}

#twitter a:hover {background-position: 0 -30px;}

#facebook a:hover {background-position: -40px -30px;}

#pinterest a:hover {background-position: -80px -30px;}

#instagram a:hover {background-position: -120px -30px;}

#oursponsors img{
	margin-bottom: 20px;
}

#oursponsors {margin-bottom: 20px;}

.clear {clear: both;}

#rightbanner {width: 148px; height: 635px; background: #f4f7ef; border: 1px solid #b3ca96; padding: 10px 0 0 10px;}

#intro {
	background: url(../images/intro-bg.gif) no-repeat top;
	width: 535px;
	min-height: 270px;
	border: 1px solid #fff;
	margin-bottom: 10px;
}

#intro2 {
	background: url(../images/intro-bg.gif) no-repeat top;
	width: 535px;
	min-height: 160px;
	border: 1px solid #fff;
}

.mainimage {float: right; margin-right: 10px;}



#intro p {margin-bottom: 12px;}

.divider {width:535px; border-top: 1px solid #d6e2ea; height:1px; overflow: hidden; border-bottom: 2px solid #f5f8fa;}

.vendmain {background: url(../images/main-vendors-bg.gif) no-repeat top; width: 255px; height: 110px; border: 1px solid #d4d6d9; margin: 0 5px 10px 5px; float: left;}

.vendmain p {line-height: normal;}

.vendmain p a {text-decoration: none; color: #666;}

.vendmain p a:hover {text-decoration: underline; color: #194061;}

.vendmain h2 a {color: #eb5c7a;text-decoration: none;}

.vendmain h2 a:hover {text-decoration: underline;}

.vmimage {float: left; margin-bottom: 70px; margin-top: 10px; width: 80px;}

.misvend {
	float: left; width: 165px; margin-top: 15px; margin-left: 10px; margin-bottom: 20px;
}

.misvend ul li {list-style: url(../images/bullet.gif); font-size: 0.8em; margin: 3px 0;}


.divider2 {border-top: 1px solid #c9cdd1; border-bottom: 1px solid #eff0f1; background: #fff; height: 1px; overflow: hidden; width: 870px; margin: 8px auto;}


table {font-size: 0.9em;}

#vlist, .vlist {
width: 100%; font-size: 1em; margin-bottom: 20px;
	
	
}


#vlist tr {
	

}
#vlist td, #vlist th, .vlist td, .vlist th {padding: 10px; text-align: left; border-top: 1px solid #ededed;}
#vlist th, #vlist th, .vlist th, .vlist th {color: #fff; border-top: none; background-color: #8abfdd; padding: 10px;}

tbody tr:nth-of-type(odd) { background:#fcfcfc;
}

#vlist td.vsite, .vlist td.vsite {text-align: center;}

#vlist td a {font-weight: bold; text-decoration: underline;}

#vlist td a:hover {text-decoration: none;}

.icon {float: left; margin: 0 10px 30px 0px;}

table#listings {width: 600px;}

#listings td {border: 1px solid #d6e2ea; padding: 4px 10px; background: #fcfdfd; font-size: 0.9em;}

#listings td.get {background: url(../images/advertise-bg2.gif) repeat-y right #fff;}

#listings th {background: #dfeaf0 url(../images/advertise-bg.gif) repeat-x top; padding: 10px; border: 1px solid #d6e2ea;}

#listings .none, #bads .none {border: none; background: #fff;}

#sponsors {margin: 20px 0 5px 0;}

a img.leftads {border: 0; margin-bottom: 10px;}

.note {font-size: 1em; text-align: center;}

.note strong {color: #eb5c7a;}

.annual {font-size: 0.9em;}

.aprice {font-size: 2.2em; font-weight: bold; color: #38668d; position: relative; top: -5px;}

h3.bannerad {color: #427cad; margin: 20px 0 10px 10px;}


#bads {width: 513px; font-size: 0.8em; margin-bottom: 20px; margin-left: 10px;}

#bads td, #bads th {padding: 5px; text-align: left; border: 1px solid #d6e2ea;}
#bads th, #bads th {background: #f1f6f8 url(../images/advertise-bg.gif) repeat-x bottom; padding: 10px; border: 1px solid #d6e2ea;}
#bads td.types {background: #f0f5f8;}



/* Events */

.eventbox, .contest {
	width:600px; 
	border-bottom: 1px solid #e7e7e7; 
	position: relative;
	margin: 0;
	} 
	
.eventdate {width: 120px; float: left; border: 1px solid #e9849a; margin: 20px 20px 20px 0; background: #fffefe; margin-right: 0px;
border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;}
.edate {font-size: 2.3em; text-align: center; letter-spacing: 0em; margin-top: 10px; font-weight: normal;}
.emonth { background: #faa2b6; text-align: center; color: #fff; font-size: 1.2em; padding: 5px 0; border-bottom: 1px solid #e9849a; margin: 0;}
.eday {text-align: center; font-size: 0.9em; margin-bottom: 10px;}
.eventinfo, .contestinfo {float: left; width: 420px; padding: 5px 0px; margin-left: 20px; margin-bottom: 10px;}
.eventinfo h2, .contestinfo h2, .articles h2 {font-size: 1.2em; color: #427cad; font-weight: normal; margin: 15px 0 0 0;}
.eventinfo p, .contestinfo p {margin: 0;}
img.featuredevent {padding-bottom: 20px; border-bottom: 1px solid #e7e7e7; }

h2.featuredevent {padding-top: 10px; border-top: 1px solid #e7e7e7; margin-top: 20px;}

/* Contests */
.contestimage {width: 160px; margin: 20px 20px 20px 0; float: left;
border-radius: 3px;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;} 

.contestinfo {width: 400px; margin-left: 0;}

/* Listing Packages */

.pkg, #featureinside {
	width:598px; 
	border: 1px solid #e7e7e7; 
	position: relative;
	margin: 20px 0;
	border-radius: 5px;
	background: url(../images/bg-pkg.gif) repeat-x top;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	
#featureinside {
	width: 558px;
	padding: 10px 20px;
	background: #fff;
	border: 1px solid #ccc;
	}

.pkginfo {float: left; width: 410px; overflow: hidden; padding: 15px 10px 0px 15px; border-left: 1px solid #e1e2e4; min-height: 120px;}
.pkginfo h5 {font-size: 1.3em; margin: 0;}
.pkginfo h5 a {text-decoration: none; color: #e27aa3;}
.pkginfo h5 a:hover {text-decoration: underline;}
.pkginfo p {font-size: 1em; padding: 0; margin: 0;  color: #585858;}
.pkgpricing {float: right; margin: 10px 0; padding-right: 10px; font-size: 0.8em; text-align: right;}
.pkgpricing strong {color: #64893b;}

.pkgimage{float: left; width: 160px; margin: 0;}
.pkgimage img {width: 160px;}

.pkgbtns {
	margin-top: 10px;
	width: 407px; 
	/*background:url(../images/bg-pkginfo.gif) repeat-x top #f4f6f8;*/
	padding: 5px 0; 
	border-top: 1px dotted #efefef;
	
	overflow: hidden;
	}
.pkgbtns a {text-decoration: none; font-size: 1em;}
.pkgbtns a:hover {text-decoration: underline;}
.pkgbtns img {border: none; margin-right: 3px; position: relative;margin-left: 12px; vertical-align: middle;}
.pkgbtns img.iconfirst {margin-left: 0;}



.pkginfo2 {padding-left: 10px;}
.pkginfo2 h1 {font-size: 1.1em; margin-top: 10px;}
.pkginfo2 h1 a {text-decoration: none;}
.pkginfo2 h1 a:hover {text-decoration: underline;}

.pkgdescription {border-top: 1px solid #e1e2e4; background: #f8f9fa; padding: 5px 10px;}

.pkgdescription p {font-size: 1em; float: left; width: 480px;}
.pkgbtn {float: right;}

.learnmore a {display: block; background: url(../images/btn-learnmore.png) no-repeat top; width: 93px; height: 34px; margin-top: 10px;}
.learnmore a:hover {background-position: 0 -34px;}



/* Footer */

#footer {width: 100%; margin: 0px 0 0 0; padding: 0; background: url(../images/bg_footer.gif) repeat-x top #f2f7fb; overflow: hidden;}

#footcontainer { width: 960px; height: 130px; clear: both; margin-bottom: 20px; position: relative; top: 20px; margin: 0 auto;}

#footmenu {margin: 0 0 0 0; float: left; font-size: 0.9em;}

#footmenu ul {list-style: none; float: left; padding-right: 50px; margin-top: 12px; padding-bottom: 40px; width: 100px;
}

#footmenu a:link, #footmenu a:visited {text-decoration: none; color: #7199aa;}

#footmenu a:hover {text-decoration: underline;}

.copyright {float: right; font-size: 0.9em; margin-right: 19px; width: 300px; background: url(../images/bg_footer_divider.gif) no-repeat 0 5px; height: 130px;}

.copyright p {font-size: 1em; padding: 0; margin: 6px -10px 0 0; text-align: right; color: #767676;}

img.inline {align: right; margin: 5px 20px 20px 0; float: left;}

/* Form */

.formbox {width: 600px; border-top: 1px solid #e7e7e7; margin-top: 20px; padding-top: 15px;}

label {width: 190px; float: left; margin: 15px 10px 10px 10px ; text-align: left; font-size: 1.1em;}

select.input {width: 380px; padding: 6px 5px; font-size: 1em;}

.input {
	width: 370px; 
	float: left; 
	margin: 10px 0; 
	padding: 6px 5px;
	border: 1px solid #ccc; 
	font-size: 1em;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: inset 2px 2px 3px rgba(0,0,0,0.05);
	}

textarea.input {height: 200px;}

br {clear: both;}

input#submit {
	position: relative; left: 470px; margin-bottom: 20px;}
	

.articleimagelg {padding: 10px; border: 1px solid #dedfde; background: #fcfcfc;display: block;
   
	margin: 20px auto;}
	
	
	#fvendor {
	width: 560px;
	padding: 20px;
	background: url(../images/bg-featured-vendor.gif) no-repeat top;
	margin-top: 20px;
}

#fvendor h2, #featureinside h2 {color: #d5276c; font-size: 1.3em; margin: 0;}

#fvendor p {line-height: 1.6em;}

.featuredimage { width: 200px; height: 190px; float: left; margin-top: 10px; background: url(../images/bg_featured_vendor_shadow.gif) no-repeat 2px 180px; margin-bottom: 0px;}
.featuredimage img { width: 190px; height: 170px; overflow: hidden; padding: 4px; border: 1px solid #dedfde; background: #f5f5f5;}
.featuredinfo {width: 340px; float: left; margin-left: 20px; margin-top: 5px; margin-bottom: 10px; overflow: hidden;}
.featuredinfo p {margin: 0; padding: 0;}
.featuredinfo h5 {font-size: 1.0em; margin-bottom: 10px;}
.featuredinfo h5 a {text-decoration: none;}
.featuredinfo h5 a:hover {text-decoration: underline;}
.learnmore a {display: block; background: url(../images/btn-moreinfo.gif) no-repeat top; width: 84px; height: 24px; margin-top: 10px;}
.learnmore a:hover {background-position: 0 -24px;}
.learnmore span {display: none;}

.featuredinfo h6 {color: #598db2; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; font-style: oblique; font-weight: normal; margin: 5px 0;}

.featuredinfo h6 a {color: #598db2; text-decoration: none;}

.featuredinfo h6 a:hover {text-decoration: underline;}



#featureinside .featuredinfo {width: 300px;}