/*
Theme Name: Romantic Wedding
Theme URI: http://www.cyberleaf.it
Author: Cyberleaf Studio (Andrea Baroni)
Version: 1.15
Description: Single Page Responsive Wedding Theme
*/




/* This CSS file is for use by WordPress, please see the /css/ folder of this theme for full style information. */



/*************** PRINCIPALI ***********/
/*------------------------------------*/

body, div, h1, h2, h3, h4, p, ul, li, dl, dt, dd, img, form, fieldset, blockquote {
	border:0px none;
	margin:0px;
	padding:0px;	
}

html{
	height:100%;
	background: transparent;
}

body {
	position:relative;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 300;
	line-height: 22px;
	font-size: 15px;
	text-align:left;
	border:0;
	padding-top:66px;
}


a { text-decoration:underline; border-style: none; }
a:hover { text-decoration:none; border-style: none; }

p{padding:0; margin:0 0 22px 0; z-index:1; position:relative; }


img{ border:0; border-style: none; max-width: 98%; height: auto; }
a img { border: none; }

ul, ol, dl { position: relative; }
			  
ul{ margin:-7px 0 15px 25px; padding:0; list-style:square; font-size:90%; list-style-position:inside;}

ul li{ margin: 0 0 4px 0; padding:0px; }

dd{text-align: center}

iframe { border:0px; }

strong, b{ font-weight:bold; }

hr{ width:100%;
	height:31px;
	margin:0 auto 13px;
	text-align:left;
	padding:0;
	border:0px;
	background:url('images/bk_hr.png') center top no-repeat;
	display:block;
	clear:both;
}


/*************** TITOLI ***********/
/*------------------------------------*/
h1{
	
}


h2{
	line-height:88px;
	font-family: 'Pinyon Script', cursive;
	font-weight: 400;
	font-size:56px;
	height:88px;
	padding:0;
	margin:0 auto 0;
	position: relative;
	top:-98px;
	width:390px;
	text-align: center;
}

h2 span{
	position: relative;
	width: auto;
	padding:0 20px;
	display: block;
}

h2 span span{
	position: absolute;
	width: 100%;
	padding:0;
	display: block;
}
h2 span span.shadowbottom{
	height:3px;
	bottom:-3px;
	left:0;
	background:url(images/bk_section_shadow.png) left bottom repeat-x;
}

.even h2 span span.borderbottom{
	height:6px;
	bottom:0;
	left:0;
	background:url(images/bk_sectiontitle_border_odd.gif) left bottom repeat-x;
}
.odd h2 span span.borderbottom{
	height:6px;
	bottom:0;
	left:0;
	background:url(images/bk_sectiontitle_border_even.gif) left bottom repeat-x;
}
.even h2 span span.borderleft{
	height:100%;
	width:6px;
	bottom:0;
	left:0;
	background:url(images/bk_section_borderleft_even.png) left bottom no-repeat;
}
.odd h2 span span.borderleft{
	height:100%;
	width:6px;
	bottom:0;
	left:0;
	background:url(images/bk_section_borderleft_odd.png) left bottom no-repeat;
}
.even h2 span span.borderright{
	height:100%;
	width:6px;
	bottom:0;
	left:auto;
	right:0;
	background:url(images/bk_section_borderright_even.png) left bottom no-repeat;
}
.odd h2 span span.borderright{
	height:100%;
	width:6px;
	bottom:0;
	left:auto;
	right:0;
	background:url(images/bk_section_borderright_odd.png) left bottom no-repeat;
}


h3{
	font-family: 'Pinyon Script', cursive;
	font-size:44px;
	line-height:44px;
	margin:0;
	font-weight: 400;
}

h4{
	font-family: 'walkway_ultraboldregular',Helvetica,Arial,sans-serif;
	font-weight: bold;
	font-size:24px;
	line-height:34px;
	padding-top:10px;
	margin:0;
	font-weight: 400;
}

h5{
	font-weight: bold;
	font-size:18px;
	line-height:22px;
	margin:0;
}


/*************** MAIN ELEMENTS **************/
/*------------------------------------------*/

#header{
	position: fixed;
	height:66px;
	top:0;
	left:0;
	width:100%;
	z-index:100;
}

#header .content{ padding:0; width:760px; margin:0 auto 0; position: relative; }


#headerback{
	width:100%;
	height:62px;
	position: absolute;
	left:0;
	top:0;
	z-index:1;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	
	-moz-box-shadow:0 4px 6px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.3);
	box-shadow:0 4px 6px rgba(0,0,0,0.3);
}

#header #menutoggle{
	display: none;
}

#page_welcome{
	padding-top:62px;
	padding-bottom:56px;
	min-height:60px;
	border-top-width: 4px;
	border-top-style: solid;
}

#slideshow_wrapper{
	position: relative;
	height:490px;
}
#slideshow_container{
	position: relative;
	height:490px;
	overflow: hidden;
	margin:0 auto 0;
}


#slideshow_container img{ position: absolute; max-width: none;}

#slideshow_container #slide_preload{
	position: absolute;
	left:50%;
	top:50%;
	width:50px;
	height:50px;
	margin:-40px 0 0 -25px;
	background: url(images/preload_slideshow.gif) left top no-repeat;
}


#bridalnames{
	top:330px;
	left:50%;
	width:760px;
	margin-left:-380px;
	position:absolute;
	text-align: center;
	z-index:50;
	display: none;
}

#bridalnames #bride{ left:0; }
#bridalnames #groom{ right:0; }

#bridalnames #bride, #bridalnames #groom{
	width:300px;
	height:250px;
	background:url(images/bk_ellipse.png) left top no-repeat;
	font-size:68px;
	line-height:220px;
	position: absolute;
	font-family: 'Pinyon Script', cursive;
	font-weight: 400;
}

#bridalnames #bride span, #bridalnames #groom span{
	font-family: 'walkway_semiboldregular',Helvetica,Arial,sans-serif;
	font-size:29px;
	line-height:10px;
	display: block;
	margin-top: -62px;
	text-transform: uppercase;
}


#weddingdate{
	font-family: 'walkway_semiboldregular',Helvetica,Arial,sans-serif;
	z-index:45;
	position: absolute;
	left:50%;
	top:-23px;
	display: none;
}
#weddingdate span{
	display: block;
	height:44px;
	line-height:44px;
	text-align:center;
	margin-left:-155px;
	width:310px;
	font-size:26px;
}
#weddingdate strong{ font-family: 'walkway_ultraboldregular',Helvetica,Arial,sans-serif; } 


#weddingdate .heart{
	position: absolute;
	left:-242px;
	top:-70px;
	width:487px;
	height:82px;
	background: url(images/bk_heart.png) left top no-repeat;
}



#countdown{
	width: 563px;
	height:110px;
	margin: 0 auto 80px;
	position: relative;
	display: none;
}


#countdown ul li{
	float: left;
	height: 110px;
	width: 140px;
	margin:0 1px 0 0;
	line-height:80px;
	text-align: center;
}

#countdown ul li span{
	line-height:9px;
	position: absolute;
	bottom:20px;
	text-align: center;
	width: 100%;
}
#countdown ul li#seconds{ margin-right:0;}
#countdown .edgeleft, #countdown .edgeright{
	height:110px;
	width: 22px;
	position: absolute;
}
#countdown .edgeleft{ left:-22px; top:0; background: url(images/bk_counteredgeL.png) left top no-repeat; }
#countdown .edgeright{ right:-22px; top:0; background: url(images/bk_counteredgeR.png) left top no-repeat; }


#footer{
	border-top:4px solid #d1ccc9;
	text-align:left;
	line-height: 20px;
	font-size: 13px;
	padding:4px 0 10px 0;
}

#footer p{ margin:0; }

#footer .social_icons{
	height: auto;
	position: relative;
	margin:0;
	top:10px;
	left:0;
	right:auto;
	bottom:auto;
	padding:0 0 50px 0;
}
#footer .social_icons a{ float:left; }
#footer .content{ margin-top:0px; }


/*************** MESSAGEBOX **************/
/*------------------------------------------*/

#messageBox{
	position: fixed;
	top:0;
	left:0;
	display: none;
	pointer-events:none;
	width:100%;
	height:100%;
	z-index:1000;
}

#messageBox #MB_back{
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	background: rgba(255,255,255,0.5);
	display: none;
	pointer-events:auto;
	z-index:1;
}

#messageBox #MB_contentwrapper{
	position: absolute;
	left:50%;
	top:0%;
	width:50%;
	height:50%;
	margin-left:-25%;
	z-index:100;
}

#messageBox #MB_content{
	margin:0 auto 0;
	position: relative;
	top:0;
	min-width:400px;
	min-height:50px;
	color:#FFF;
	font-size: 17px;
	text-align: center;
	padding:20px;
	pointer-events:auto;
	/*border-radius: 10px;*/
	z-index:10;
	box-shadow: 0 2px 10px rgba(0,0,0,0.5);
	display: none;
	line-height:20px;
	border:4px solid #FFF;
	background-color: #383737;
}

#messageBox #MB_content.success{
	background-color: #dbe4ea;
	color:#222;
}

#messageBox #MB_content.error{
	background-color: #900;
	color:#FFF;
}

#messageBox #MB_content.confirm{
	min-width:500px;
}

#messageBox #MB_content button{
	background: #FFF;
	margin:15px 25px 0 0;
	height:30px;
	line-height: 30px;
	padding: 0 15px;
	min-width:100px;
	border:0;
	font-weight: 300;
	cursor: pointer;
}
#messageBox #MB_content button.confirm{	background: #e0f654; }
#messageBox #MB_content button:hover{ background:#222; color:#FFF; }


#messageBox .text_small{
	font-size:75%;
	line-height: 75%;
}
#messageBox .text_verysmall{
	font-size:60%;	
}

#messageBox .text_red{
	color:#F22;
	font-weight: 500;
}



/*************** LISTS & MENUS **************/
/*------------------------------------------*/

.topmenu{
	list-style: none;
	font-size:22px;
	float: left;
	height:62px;
	margin:0;
	padding:0;
	z-index:50;
	display:block;
	top:0;
	font-family: 'walkway_semiboldregular',Helvetica,Arial,sans-serif;
}

.topmenu li{
	float: left;
	padding:0;
	text-transform: lowercase;
	border-left-style: solid;
	border-left-width: 1px;
}
.topmenu li:first-child{border-left-width:0;}

.topmenu ul{ display:none; }

.topmenu a{
	display: block;
	line-height:62px;
	text-decoration:none;
	padding:0 24px;
}
.topmenu a:hover{ font-family: 'walkway_ultraboldregular',Helvetica,Arial,sans-serif; text-shadow:none;}
.topmenu a.selected{ font-family: 'walkway_ultraboldregular',Helvetica,Arial,sans-serif;  border-top:4px solid #8a6e58; padding-bottom:4px; height:54px; line-height:54px; }



#countdown ul{
	list-style: none;
	margin:0;
	padding:0;
}

#countdown ul li{
	font-family: 'walkway_ultraboldregular',Helvetica,Arial,sans-serif;
	font-size:58px;
	position: relative;
}

#countdown ul li span{
	font-size:28px;
	display: block;
	font-family: 'Pinyon Script', cursive;
	font-weight: 300;
}



.social_icons{
	position: absolute;
	right:0;
	top:17px;
	width:auto;
	height:28px;
	z-index:50;
}

.social_icons a{ display: block; height:28px; width:28px; overflow:hidden; float:right; padding:0; margin:0 10px 0 0; max-width:none; }	
.social_icons a img{ max-width:none; }	
.social_icons a:hover img{margin-top:-28px; } 



/*--- OUR LOVE STORY POSTS ---*/
.lovestory{
	list-style: none;
	width:100%;
	margin:8px 0 15px 0;
	padding:0;
}

.lovestory li{
	margin:0 0 44px 0;
	clear: both;
	min-height:286px;
	overflow: auto;
	position: relative;
}

.lovestory li.last{ margin-bottom:0px;}

.lovestory li .content{
	margin-top:0;
	padding:0;
}

.lovestory li .storythumb{
	float:left;
	width:300px;
	margin:-22px 0 0 0;
	padding:0;
	z-index:50;
	position: relative;
	background: url(images/bk_storythumb.png) left top no-repeat;
}

.lovestory li.post_odd .storythumb{
	float:right;
	margin:-22px 0 0 17px;
}

.lovestory .storythumb img{
	border-radius:50%;
	border:0;
	margin:5px 0 0 5px;
}

.lovestory li .storyinfo{
	padding:0 0 0 317px;
}
.lovestory li.post_odd .storyinfo{
	padding:0 317px 0 0;
}

.lovestory li .storydate{
	height:32px;
	position: relative;
	margin:22px 0 12px 0;
	z-index:0;
	font-family: 'walkway_semiboldregular',Helvetica,Arial,sans-serif;
	font-size:20px;
	line-height:32px;
	color:#FFF;
	text-align: left;
	background:#9c816b;
}
.lovestory li.post_even .storydate{
	width:200px;
	padding:0 35px 0 215px;
	left:-220px;
}
.lovestory li.post_odd .storydate{
	left:auto;
	width:415px;
	padding:0 0 0 35px;
	right:-200px;
}

.lovestory li .storydate span{
	background:url(images/bk_lovestory_date.png) right top no-repeat;
	display: block;
	height:32px;
	width: 14px;
	position: absolute;
	right:-14px;
	top:0;
}
.lovestory li.post_odd .storydate span{
	background:url(images/bk_lovestory_date_odd.png) right top no-repeat;
	left:-14px;
}




/*--- EVENTS ---*/
.events{
	list-style: none;
	width:100%;
	margin:8px 0 15px 0;
	padding:0;
}

.events li{
	margin:0 0 40px 0;
}
.odd .events li{ background:url(images/bk_event_texture.png) left top repeat; }
.even .events li{ background:url(images/bk_event_texture_even.png) left top repeat; }

.events li.last{ margin-bottom:0px;}

.events li .content{
	margin-top:0;
	width:708px;
	height:173px;
	left:-10px;
	padding:0;
}

.events li .content .eventdate{
	position:absolute;
	top:0;
	right:0;
	height: 150px;
	width:146px;
	z-index:5;
	padding:12px 11px 11px 16px;
	line-height:24px;
	text-align:center;
	font-family: 'walkway_semiboldregular',Helvetica,Arial,sans-serif;
	font-size:22px;
	border-left-style: solid;
	border-left-width: 5px;
}

.events li .content .eventdate span{
	height: 173px;
	width:23px;
	position: absolute;
	right:-23px;
	top:0;
	background:url(images/bk_eventdate_edge.png) left top no-repeat;
}

.events li .content .eventdate .calendarday{
	width:76px;
	height:70px;
	padding-right:4px;
	line-height:90px;
	margin:5px auto 5px;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:30px;
	font-weight: bold;
	background: url(images/bk_calendarday.gif) left top no-repeat;
}

.events li .content .eventdate .time{
	font-size:18px;
	padding-left:14px;
	background: url(images/bk_eventtime.png) 2px 3px no-repeat;
}


.events li .content .eventthumb{
	position:absolute;
	top:0;
	left:0;
	height: 173px;
	width:173px;
	overflow: hidden;
	z-index:0;
}
.events li .content .eventthumb img{ border:0; width: 100%; height:auto; max-width:none; }
.events li .content .eventthumb span{
	display: block;
	position: absolute;
	top:0;
	left:0;
	width:173px;
	height: 173px;
	background: url(images/bk_eventthumb_mask.png) left top no-repeat;
}

.events li .content .eventinfo{
	padding:20px 0 20px 190px;
	height: 123px;
	width:332px;
	overflow: hidden;
	z-index: 10;
	position: relative;
}
.events li .content .eventinfo div{ display:block; width:180px; }

.events li .content .eventinfo .eventmapbutton{
	position: absolute;
	display: block;
	top:88px;
	right:11px;
	height:25px;
	padding:0 10px 0 27px;
	font-family: 'walkway_semiboldregular',Helvetica,Arial,sans-serif;
	font-size:15px;
	text-decoration: none;
	line-height: 25px;
	border-radius:8px;
	outline: none;
}
.events li .content .eventinfo .eventmapbutton:hover{ text-shadow:none; }

.events li .content h3{
	font-size:37px;
	margin: 0 0 22px -10px;
}





/*************** GALLERY *********é********/
/*----------------------------------------*/

.galleries{
	list-style: none;
	width:100%;
	margin:0 0 15px 0;
	padding:0;
}


.galleries li{
	margin:0 0 20px 0;
	padding:17px 16px 15px 16px;
	position: relative;
}

.galleries li .content{
	height: 100%;
	padding:0;
	margin-top:0;
}

.galleries li .content h3{
	margin:0 0 20px 20px;
	padding:10px 0 0 0;
	line-height:40px;
}

.galleries li span.back{
	display: block;
	position: absolute;
	left:0;
	width:100%;
	top:0;
	height: 100%;
	background: url(images/bk_gallery_li_back.png) left top repeat;
	z-index:0;
}
.odd .galleries li span.back{ background: url(images/bk_gallery_li_backodd.png) left top repeat; }


.galleryContainer{
	position: relative;
	margin:0 0 50px 0;
	padding:0;
	z-index: 10;
}

.galleryContainer .nav{ display: none; }

.gallery{
	height:154px;
	overflow:visible;
	margin:0;
	padding: 0;
	position: relative;
}

.gallery .thumbsContainer a.thumb{
	display: block;
	float: left;
	margin-right:2px;
	margin-left:2px;
	margin-bottom:4px;
	outline: none;
	position: relative;
	overflow: hidden;
	width:172px;
	height:148px;
	border:3px solid #FFF;
}
.gallery .thumbsContainer a.thumb img{ border:0; max-width:none; margin-bottom:0;}

.gallery .thumbsContainer a span.magglass{
	display: block;
	position: absolute;
	width:40px;
	height:40px;
	top:50%;
	left:50%;
	margin:-20px 0 0 -20px;
	z-index:50;
	background: url(images/icon_magglass.png) left top no-repeat;
	display: none;
}
.gallery .thumbsContainer a span.caption{
	display: block;
	position: absolute;
	width:92%;
	min-height:20px;
	line-height: 15px;
	padding:2px 4%;
	background:url(images/bk_caption.png) left top repeat;
	font-size:13px;
	bottom:0;
	left:0;
	text-align: center;
	margin:0;
	z-index:40;
	display: none;
}



/*************** FORM *********************/
/*----------------------------------------*/



form{ margin:20px 0 5px 0; padding:0; width:100%; position:relative; }

.form_left, .form_ right{ width:100%; padding:0; margin:0; position: relative; }

label{
	font-size:17px;
	line-height:22px;
	font-family: 'walkway_semiboldregular',Helvetica,Arial,sans-serif;
}

input, textarea{
	font: 200 19px/1.35 "Helvetica Neue",Helvetica,Arial,sans-serif;
	color:#444;
	background:#FFF;
	border: 1px solid #e8e3df;
	overflow:auto;
	border-radius: 0;
	padding-top:3px;
	margin-bottom:3px;
	background: #FFF url(images/bk_gallery_li_backodd.png) left top repeat-x;
	-webkit-appearance: none;
}
.even input, .even textarea{
	border-color: #bbced7;
}

input{
	height:35px;
	width:50%;
	max-width:300px;
}
input.short{ width:20%;}

.checkbox input{ width:auto; height:15px; margin:15px 5px 0 0; padding:0; -webkit-appearance:checkbox; cursor:pointer;}
label.checkbox{
	height:20px;
	line-height: 20px;
	font-size:15px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	cursor:pointer;
} 
label.checkbox span{ font-size:80%; color:#594331; margin-left:10px;  }

textarea{
	font-size:15px;
	width:98.5%;
	max-width:500px;
}

.form_submit{
	height:38px;
	width:auto;
	min-width: 180px;
	background: #dbe4ea;
	margin:0;
	border-radius: 6px;
	border:3px solid #c3d2db;
	font-size:20px;
	padding:0 20px;
	line-height: 34px;
	display: block;
	cursor: pointer;
	overflow:hidden;
	font-family: 'walkway_semiboldregular',Helvetica,Arial,sans-serif;
}
.form_submit:hover{
	background: #e6f2fa;
	font-family: 'walkway_ultraboldregular',Helvetica,Arial,sans-serif;
}
.even .form_submit{
	background: #fcf7f2;
	border-color:#d9d1cb;
}
.even .form_submit:hover{
	background: #FFF;
}


p.events{ 
	display: block;
	padding:6px;
	width:97%;
	margin:22px 0 22px 0;
	background:url(images/bk_event_texture.png) left top repeat;
	position: relative;
	max-width:495px;
}
p.events span.eventsbox{ 
	height: 100%;
	display: block;
	border: 1px solid #FFF;
	padding:4%;
}


/*************** GUESTBOOK **************/
/*------------------------------------*/
ul.comments{
	list-style: none;
	margin:0 0 15px 0;
	padding:0;
}

ul.comments li{
	margin:0 2% 2% 0;
	padding:30px 20px 30px 20px;
	width:48%;
	float: left;
	position: relative;
	font-style: italic;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	box-shadow:0px 0px 7px rgba(0,0,0,0.15);
}

ul.comments li .says{ display: none;}

ul.comments li .reply{ display: none; }

ul.comments li .comment-meta, ul.comments li .comment-author{
	position: absolute;
	height:20px;
	line-height:20px;
	font-size: 13px;
	padding:0 15px;
	font-style: normal;
}
ul.comments li .comment-meta{
	top:10px;
	right:0;
	text-align: right;
}
ul.comments li .comment-author{
	bottom:10px;
	left:0;
	min-width: 130px;
}
ul.comments li .comment-author cite{
	font-family: 'walkway_semiboldregular',Helvetica,Arial,sans-serif;
	font-weight:100;
	font-style: normal;
	font-size: 16px;
	margin:0;
	padding: 0;
	position: relative;
	bottom:0;
	background:none;
}

.comment-awaiting-moderation{
	padding: 2px 8px;
	font-size: 90%;
}


/*************** VARIOUS **************/
/*------------------------------------*/

.content{
	width:728px;
	margin:-84px auto 0;
	padding:0 16px;
	position: relative;
}


.section{
	margin:0;
	min-height:200px;
	padding:10px 0 132px 0;
	position: relative;
}
.section div.borderbottom{ position:absolute; bottom:0; left:0; width:50%; height:54px; z-index:0; }
.section div.right{ right:0; left:auto; }

.section a{ outline: none; }

.section img{ border:5px solid #FFF; margin-bottom:6px; }

.lastpage{padding-bottom:66px;}

.important{
	font-size:170%;
	font-style: italic;
}


blockquote{
	font-size:130%;
	font-style: italic;
	padding:0 20px 30px 30px;
	margin:5px 0 0 0;
	background: url(images/bk_blockquoteL.png) left top no-repeat;
}
blockquote p{
	position: relative;
}

cite{
	text-align: right;
	font-size:70%;
	position: absolute;
	bottom:-10px;
	left:0;
	padding:0 0 0 20px;
	background: url(images/bk_cite.gif) left center no-repeat;
}

.clear_all{ clear:both; }

.alignleft{ margin-right:10px; }

.highlight{ padding:3px 5px; }

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

.text_small{ font-size:85%; line-height:120%; }
.text_big{ font-size:120%; }
.text_light{ font-weight: 200; font-size:110%; }

.col_one_fourth, .col_one_third, .col_two_third, .col_one_half  { position: relative; float:left; }
.col_one_half{
	width:46%;
	margin:0;
	padding:0 4% 0 0;
}
.col_one_third{
	width:31%;
	margin:0;
	padding:0 2% 0 0;
}
.col_two_third{
	width:65%;
	margin:0;
	padding:0 2% 0 0;
}
.col_one_fourth{
	width:23%;
	margin:0;
	padding:0 2% 0 0;
}
div.last{
	clear:right;
	padding-right:0;
}