/* 
Theme Name: Eventi Planning
Theme URI: http://www.eventiplanning.com
Version: 2.0
*/

/* Baseline reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0;}
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style: none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
abbr,acronym { border:0; }
a { outline:0; }
strong { font-weight: bold; }
em { font-style: italic; }

/* Font(s) */

@font-face {
	font-family: 'MuseoSans500Italic';
	src: url('../fonts/museosans_500_italic-webfont.eot');
	src: local('‚ò∫'), url('../fonts/museosans_500_italic-webfont.woff') format('woff'), url('../fonts/museosans_500_italic-webfont.ttf') format('truetype'), url('../fonts/museosans_500_italic-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'MuseoSans500';
	src: url('../fonts/museosans_500-webfont.eot');
	src: local('‚ò∫'), url('../fonts/museosans_500-webfont.woff') format('woff'), url('../fonts/museosans_500-webfont.ttf') format('truetype'), url('../fonts/museosans_500-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HansHandItalic';
	src: url('../fonts/hanshand-webfont.eot');
	src: local('‚ò∫'), url('../fonts/hanshand-webfont.woff') format('woff'), url('../fonts/hanshand-webfont.ttf') format('truetype'), url('../fonts/hanshand-webfont.svg#webfontDnentYfi') format('svg');
	font-weight: normal;
	font-style: normal;
}



body,td,th {
    color: #474350;
	font-family: "Museo Sans 500", Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: lighter;
	letter-spacing: 0.08em;
	line-height: 1.6em;
}

em { font-family: "Museo Sans 500 Italic", Arial, Verdana, Helvetica, sans-serif; font-size: inherit; letter-spacing: inherit; line-height: inherit; }

/* Body */
body { text-align: left; background: #b7accf url(../images/bg_watercolorpaper_lavender.jpg) 0 0 repeat; } 

/* General */
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
.clear { clear: both; }
.center { margin: 0px auto; text-align: center; }
address { margin-bottom: 1.5em; }
.hidden { display: none; }

/* Layout */
#headerWrap, #contentWrap, #footerWrap { clear: both; /* overflow: hidden; */ width: 100%; }
#headerWrap { background: url(../images/deckled_edge_top_short.png) center bottom no-repeat; }
#home #headerWrap { background: url(../images/deckled_edge_top.png) 0 bottom repeat-x; }
#header { margin: 0 auto; width: 940px; /*overflow: hidden;*/ padding: 12px 0 32px 0; position: relative; }
#home #contentWrap { background-color: white; }
#content { clear: both; overflow: hidden; background: url(../images/bknd_content.png) 0 0 repeat-y; margin: 0 auto; width: 877px; padding: 20px 40px; position: relative; }
#home #content { background-image: none; width: 940px; padding: 20px 0; }
#footerWrap { background: url(../images/deckled_edge_bottom_short.png) center top no-repeat; }
#home #footerWrap { background: url(../images/deckled_edge_bottom.png) 0 0 repeat-x; }
#footer { margin: 0 auto; width: 940px; /*overflow: hidden;*/ padding-top: 48px; }

/* Headlines */
h1, h1 a { display: block; text-indent: -9999px; }
h1 a { width: 159px; height: 78px; background: url(../images/h1.png) 0 0 no-repeat; }
h2 { color: #75bb7f; font-size: 180%; margin-bottom: .8em; font-family: "HansHandItalic"; }
#home h2 { font-size: 160%; line-height: 1.6em; }
h3 { color: #474350; font-size: 130%; margin-bottom: .4em; }
#gallery h3 { font-family: "HansHandItalic"; }

/* Navigation */
#topnav ul { position: absolute; top: 35px; right: 0px; }
#topnav li { float: left; margin-left: 30px; }
#topnav a { height: 38px; display: block; background-image: url(../images/topnav.png); text-indent: -9999px; }
#topnav a.about { width: 78px; background-position: 0 0; }
#topnav a.about:hover { background-position: 0 bottom; }
#topnav a.services { width: 101px; background-position: -78px 0; }
#topnav a.services:hover { background-position: -78px bottom; }
#topnav a.praise { width: 182px; background-position: -179px 0; }
#topnav a.praise:hover { background-position: -179px bottom; }
#topnav a.blog { width: 61px; background-position: -361px 0; }
#topnav a.blog:hover { background-position: -361px bottom; }
#topnav a.contact { width: 97px; background-position: -422px 0; }
#topnav a.contact:hover { background-position: -422px bottom; }
#footernav li { float: left; margin-left: 12px; }
#footernav a { height: 29px; display: block; background-image: url(../images/footernav.png); text-indent: -9999px; }
#footernav a.about { width: 59px; background-position: 0 0; }
#footernav a.about:hover { background-position: 0 bottom; }
#footernav a.services { width: 78px; background-position: -59px 0; }
#footernav a.services:hover { background-position: -59px bottom; }
#footernav a.praise { width: 145px; background-position: -137px 0; }
#footernav a.praise:hover { background-position: -137px bottom; }
#footernav a.blog { width: 46px; background-position: -282px 0; }
#footernav a.blog:hover { background-position: -282px bottom; }
#footernav a.contact { width: 75px; background-position: -328px 0; }
#footernav a.contact:hover { background-position: -328px bottom; }

/* Content */
#content a { color: #75bb7f; cursor: pointer; border-bottom: 1px solid #b9edc1; text-decoration: none; }
#content a:hover { border-bottom: 1px solid #75bb7f; text-decoration: none; }
#content p { text-align: justify; margin-bottom: 1.5em; }
div.hr { height: 1px; background: url(../images/hr.jpg) 0 center no-repeat; margin-bottom: 1.8em; }
div.hr hr { display: none; }
#intro { width: 248px; float: right; }
#intro p { padding-bottom: 60px; background: url(../images/swirly.jpg) center bottom no-repeat; line-height: 1.5em; }
#slideshow { width: 651px; height: 333px; float: left; }
.callout { position: absolute; top: 20px; right: 40px; }
#contact_sidebar { float: left; margin-right: 90px; width: 295px; padding-bottom: 60px; background: url(../images/swirly.jpg) center bottom no-repeat; }
#contact_content { float: left; width: 378px; }
#contact_options li { height: 50px; margin-bottom: 20px; padding: 4px 0 0 60px; width: inherit; background-repeat: no-repeat; background-position: left center; line-height: 50px; }
#contact_options #e-mail { background-image: url(../images/icon_mail.png); }
#contact_options #telephone { background-image: url(../images/icon_phone.png); }
#contact_options #fax { background-image: url(../images/icon_fax_machine.png); }

/* Bio */
.bio { background: url(../images/hr.jpg) center top no-repeat; padding-top: 1.5em; overflow: hidden; display: block; }
.metadata { display: block; width: 200px; padding-right: 20px; float: left; }
.metadata .title { color: #c9c7c7; font-size: 80%; float: left; line-height: 1.2em; margin-bottom: 1em; }
.metadata img { border: 4px solid #ebebeb; }
.bio_copy { display: block; float: right; width: 655px; }

/* Gallery */
.gallery { background: url(../images/hr.jpg) center top no-repeat; padding-top: 1.5em; overflow: hidden; display: block; }
.gallery .photographer { display: block; color: #c9c7c7; font-size: 80%; float: left; line-height: 1.2em; margin-bottom: 1em; width: 100%; }
.gallery blockquote { display: block; font-size: 80%; line-height: 1.2em; padding-right: 5px; font-style: italic; float: left; }
.gallery blockquote em { font-style: normal; }
.gallery blockquote span { color: #918e8e; display: block; margin-top: 1.2em; margin-bottom: 1.2em; font-style: normal; }
#wedding_wire { height: 130px; width: 130px; margin-left: auto; margin-right: auto; }
#wedding_wire a { text-decoration: none; border-bottom: 0 none !important; padding: 0; margin: 0; }
#wedding_wire img { display: block; margin: 0; padding: 0; border: 0; }

/* Slider */
.slider_container { position: relative; width: 651px; height: 333px; background: url(../images/bknd_slider2.png) 0 0 no-repeat; float: right; margin-bottom: 1.2em; }
.slider { position: absolute; top: 0; left: 76px; }
.slider ul, .slider li { margin: 0; padding: 0; list-style: none; }
.slider, .slider li { width: 500px; height: 333px; overflow: hidden; }
.slider li img { display: block; margin: 0 auto; }
span#prevBtn {}
span#nextBtn {}
.prevBtn a, .nextBtn a { display: block; width: 18px; height: 35px; position: absolute; z-index: 1000; text-indent: -9999px; border-bottom: 0 !important; }
.prevBtn a { background: url(../images/btn_slider.png) 0 0 no-repeat; top: 144px; left: 23px; }
.prevBtn a:hover { background-position: 0 -37px; }	
.nextBtn a { background: url(../images/btn_slider.png) -20px 0 no-repeat; top: 144px; right: 23px; }
.nextBtn a:hover { background-position: -20px -37px; }		

/* Table */
table { border-collapse: separate; border-spacing: 0; margin-bottom: 1.5em; border-width: 0; }
table.packages { width: 100%; font-size: 85%; }
table.packages h3 { font-size: 150%; }
table.packages td { border-bottom: 1px solid #dfe7e7; border-right: 1px solid #edf1f1; height: 25px; padding: 5px 0; text-align: center; vertical-align: middle; /*width: 15%;*/ line-height: 1.3em; }
table.packages td.first-child, table.packages td:first-child { /*width: 55%;*/ text-align: left; background-color: #f8fbfb; padding-left:10px; padding-right: 10px; }
table.packages tr.pricing td.first-child, table.packages tr.pricing td:first-child { background-color: transparent; }
table.packages tr.pricing td { color: #75bb7f; font-size: 250%; font-weight: bold; line-height: .5em; padding-top: 8px; padding-bottom: 14px; }
table.packages tr.pricing td span { display: block; font-size: 45%; font-weight: normal; font-style: normal; }
table.packages tr.pricing td sup { font-size: 50%; font-weight: normal; font-style: normal; position: relative; top: 5px; }

/* Form */
#contact_form li { background: none repeat scroll 0 0  transparent !important; line-height: 1.1em; list-style: none outside none !important; padding: 0; text-align: left; margin: 5px 0 !important; }
#contact_form label { float: left; margin: 30px 0 3px 3px; padding: 0; text-align: left; font-size: 14px; letter-spacing: 0.25em; text-transform: uppercase; vertical-align: top; width: 100%; }
#contact_form textarea, #contact_form input, #contact_form select { width: 100%; }
#contact_form select { height: 40px; }
#contact_form textarea, #contact_form input, #contact_form select { -moz-border-radius: 8px 8px 8px 8px; background-color: #ebebeb; border: 1px solid #fff; color: #474350; float: left; font-size: 16px; font-weight: lighter; letter-spacing: 0.05em; line-height: 1.6em; padding: 6px 10px; }
#contact_form textarea:focus, #contact_form input:focus, #contact_form select:focus { -moz-box-shadow: 0 0 6px #5a4e73; background-color: #fff; border: 1px solid #52446f; color: #75bb7f; outline: medium none; }
span.reqtxt { color: #75bb7f; font-size: 13px; line-height: 1.2em; margin-left: 0; padding: 5px 0 0 3px; vertical-align: top; width: auto; }
#contact_form button { cursor: pointer; display: block; float: left; margin-top: 30px; }
#contact_name input { background: #ebebeb url(../images/form_bknd_name.png) right center no-repeat; }
#contact_email input { background: #ebebeb url(../images/form_bknd_envelope.png) right center no-repeat; }
#contact_phone input { background: #ebebeb url(../images/form_bknd_phone.png) right center no-repeat; }
#contact_date input { background: #ebebeb url(../images/form_bknd_date.png) right center no-repeat; }
#contact_form input.sendbutton { background: url(../images/btn_send.png) 0 0 no-repeat; border: 0 none; cursor: pointer; display: block; height: 41px; margin: 20px 0 0; width: 106px; text-indent: -9999px; }
#contact_form input.sendbutton:hover { background-position: 0 -41px; }

/* Footer */
/*#footer { background: url(../images/footer_logo.png) right 34px no-repeat; }*/
#copyright { float: right; font-size: 80%; /*padding-right: 115px;*/ }
#social_links { clear: both; width: 200px; height: 51px; margin: 0 auto 20px auto; padding: 20px 0 30px 0;}
#social_links p { text-align: center; margin-bottom: .6em; font-size: 90%; }
#social_links li { float: left; margin-left: 15px; }
#social_links a { height: 51px; width: 51px; display: block; background-image: url(../images/social_icons.png); text-indent: -9999px; }
#social_links a.facebook { background-position: 0 0; }
#social_links a.twitter { background-position: -51px 0; }
#social_links a.youtube { background-position: -102px 0; }