/*
Theme Name: Getting Married
NARROW style
*/

body {
	padding-top:44px;
}


/*************** TITOLI ***********/
/*------------------------------------*/

h2{
	width:320px;
	font-size:49px;
}



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

#header{
	position:absolute;
	height:44px;
}

#headerback{
	height:40px;
}

#header .content{ padding:0; width:100%; margin:0; padding:0; }


#header #menutoggle{
	display: block;
	position: absolute;
	top:9px;
	left:10px;
	width:34px;
	height:24px;
	z-index:50;
	cursor: pointer;
	background: url(images/icon_menuToggle.png) left top no-repeat;
}


#page_welcome{
	padding-top:270px;
}

#slideshow_container #slide_preload{
	margin-top:-80px;
}

#bridalnames{
	top:282px;
	left:50%;
	width:auto;
	margin:0;
}
#bridalnames #bride{ left:-150px; }
#bridalnames #groom{ left:-150px; top:255px; }



#weddingdate{
	position: relative;
	left:0;
	top:0;
	width:310px;
	margin:0 auto 50px;
	z-index:55;
}
#weddingdate span{
	margin:0;
	width:310px;
	font-size:28px;
}
#weddingdate .heart{
	position: absolute;
	left:50%;
	margin-left:-15px;
	top:-288px;
	width:100px;
	height:82px;
	background: url(images/bk_heart_nolines.png) left top no-repeat;
}



#countdown{
	width: 260px;
	height: auto;
	margin: 20px auto 80px;
	position: relative;
}

#countdown ul li{
	float:none;
	height: 110px;
	width: 90px;
	margin:0 0 1px 0;
	padding:0 140px 0 30px;
	line-height:110px;
	text-align: right;
}

#countdown ul li span{
	bottom:47%;
	right:35px;
	text-align: right;
	width: auto;
}
#countdown .edgeleft, #countdown .edgeright{
	height:22px;
	width: 260px;
}
#countdown .edgeleft{ left:0; top:-22px; background: url(images/bk_counteredgeT.png) left top no-repeat; }
#countdown .edgeright{ right:0; bottom:-22px; top:auto; background: url(images/bk_counteredgeB.png) left top no-repeat; }



#footer{
	font-size: 14px;
	padding-top:5px;
}


#messageBox #MB_contentwrapper{
	width:80%;
	margin-left:-40%;
}

#messageBox #MB_content{
	width:100%;
	min-width: 200px;
}



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

.topmenu{
	list-style: none;
	font-size:21px;
	width:100%;
	height:auto;
	position: relative;
	top:64px;
	float:none;
	z-index:0;
	display: none;
	
	-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);
	
}
.topmenu li{
	float:none;
	padding:0 0 0 0;
}

.topmenu a{
	line-height:45px;
	border-bottom:1px solid #d7d7d7;
}
.topmenu li:first-child{display:none;}
.topmenu a.selected{ border:0; line-height:45px; height:auto; }



/*--- OUR LOVE STORY POSTS ---*/
.lovestory li .storythumb{
	float:none;
	margin:0 auto 0;
	width:300px;
	padding:0;
}
.lovestory li .content{
	height:auto;
	left:0;
	margin:0 auto 0;
}
.lovestory li.post_odd .storythumb{
	float:none;
	margin:0 auto 0;
}

.lovestory li .storyinfo, .lovestory li.post_odd .storyinfo{
	padding:0;
}

.lovestory li.post_even .storydate{
	margin:0 0 12px 0;
	padding:0 0 0 5%;
	width:64%;
	left:-5%;
}
.lovestory li.post_odd .storydate{
	margin:0 0 12px 0;
	padding:0 9% 0 0;
	width:62.5%;
	text-align: right;
	left:35%;
}



/*--- EVENTS ---*/
.events li .content .eventthumb{
	position:absolute;
	top:0;
	left:0;
	width:310px;
	height:66px;
	overflow: hidden;
	z-index:0;
}
.events li .content .eventthumb span{ display: none; }

.events li .content{
	margin: 0 auto 0;
	width:310px;
	height:auto;
	left:0;
}

.events li .content .eventinfo{
	padding:83px 0 22px 15px;
	height: auto;
	width:295px;
}
.events li .content .eventinfo .eventmapbutton{
	position: relative;
	top:0;
	left:0;
	float: left;
}

.events li .content .eventdate{
	bottom:0;
	left:0;
	width:280px;
	height: auto;
	z-index:5;
	padding:0 15px;
	line-height:44px;
	text-align: left;
	font-family: 'walkway_semiboldregular',Helvetica,Arial,sans-serif;
	font-size:21px;
	border-top-style: solid;
	border-top-width: 5px;
	border-left:0;
	position: relative;
}
.events li .content .eventdate .weekday{ display: inline; margin-right:5px; }
.events li .content .eventdate span{ display:none; }
.events li .content .eventdate .calendarday{ display:none; }

.events li .content .eventdate .time{
	position: relative;
	text-align: left;
	width:120px;
	font-size:18px;
	margin-top:-9px;
	padding-left:25px;
	background: url(images/bk_eventtime.png) 0px 11px no-repeat;
}

.events li .content h3{
	margin:0 0 5px 4px;
}

.social_icons{ top:7px;}
.social_icons a{ margin:0px 0 0; }	


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

.galleries li{
	padding:17px 0 15px 0;
}

.galleries li .content{
	padding:0 3%;
}
	
.galleries li .content h3{
	margin:0 0 20px 25px;
}

.gallery .thumbsContainer a.thumb{
	width:146px;
}



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

ul.comments li{
	background: #FFF;
	margin:0 0 2% 0;
	padding:30px 20px 30px 20px;
	width:100%;
	float: left;
	position: relative;
	font-style: italic;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
}


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

form{ margin-left:0; width:100%; }


.section{
	width:100%;
}

.content{
	width:94%;
	margin:-95px 0 0 0;
	padding:0 3%;
	position: relative;
}

.col_one_half{
	float:none;
	width:100%;
	margin:0;
	padding:0;
}