/* @override http://emilyanddixon.dev/style.css */

* { margin: 0; padding: 0; }
html, body { height: 100%; }	
body { font-family: Georgia, "Times New Roman", Times, serif; background: url(images/bodybg1.gif) 0 -100px repeat-x; }	

input, textarea {
	font-family: Arial, Helvetica, Verdana, Sans-serif; font-size: 12px;	
	line-height: 16px;
	padding: 3px 3px 2px 3px;
	outline: none;
}
/*textarea {
	padding:  0 2px;
}*/

div#shim { visibility: hidden; width: 100%; height: 50%; margin-top: -300px; float: left; }


#page { height: 600px; clear: both; position: relative; }
#logo { display: block; position: absolute; top: 12px; left: 50%; background: url(images/logo-small-trans.png) 0 0px no-repeat; width: 162px; height: 105px; margin-left: -80px; /*padding-top: 12px;*/ z-index: 9999; outline: none; }

.book { width: 941px; margin: 0 auto; position: relative; display: none; z-index: 9998; }

/*#content { padding-top: 55px; }*/
.css-panes { width: 941px; margin: 0 auto; text-align: center; /*border: solid 1px;*/ }

.book-loading { background: url(images/loading.jpg) center bottom no-repeat; }

.book, .css-panes, .main { height: 540px; }

.ui-tabs-hide { display: none; /*position: absolute;*/ left: -9999px;}


#loading { position: absolute; top: 300px; left: 50%; /*display: none;*/ }

#nav { text-align: center; margin-top: 7px; }	
#nav li { display: inline; font-size: 11px; margin: 0 5px; text-transform: uppercase; }
#nav li a { text-decoration: none; color: #000; outline: none; }
#nav li.ui-tabs-selected a, #nav li a:hover { border-bottom: solid #64b6a4 2px; }
#nav li ul { display: none; }
#nav li a span { position: relative; top: -2px; }

#twitter { text-align: left; width: 100px; height: 122px; position: absolute; left: 188px; bottom: 248px; }
#twitter li { list-style: none; font-size: 12px; line-height: 1.3em; }
#twitter li span { }
#twitter li a { color: #80bbb1; position: absolute; left: 0; bottom: 2px; }

#home .book { background: url(images/home.jpg) center bottom no-repeat; }
#countdown { width: 300px; margin: 0 auto; color: #3f3e3e; }	
.hasCountdown { border: none; background: none; }
#countdown li { position: absolute; list-style: none; font-size: 50px; text-align: center; width: 105px; }		
#days { bottom: 157px; /*top: 132px;*/ left: 763px; }
#hours { bottom: 240px; /*top: 68px;*/ left: 312px; display: none; }
#minutes { bottom: 182px; /*top: 125px;*/ left: 536px; display: none; }
#seconds { bottom: 220px; /*top: 86px;*/ left: 698px; display: none; }	

#ourstory .book { background: url(images/ourstory.jpg) center bottom no-repeat; }	
#ourstory .jScrollPaneContainer { position: absolute; top: 177px; left: 322px; }
#scroller { text-transform: uppercase; text-align: left; width: 343px; height: 260px; font-size: 13px; line-height: 1.6em; left: 0;  overflow: hidden; position: absolute; top: 177px; left: 322px; }
#ourstory .jScrollPaneContainer #scroller { top: 0; left: 0; }

#scroller-inner { padding-top: 31px; background: url(images/dropcap.gif) 0 11px no-repeat; }
.dropcap { margin-right: 28px; visibility: hidden; }
/*.jScrollPaneTrack { right: -5px !important; }*/
#scroller a { text-decoration: none; color: #57AF92; font-weight: bold; }
#scroller a:hover { text-decoration: underline; }
#ourstory-frame { position: absolute; bottom: 112px; left: 146px; width: 154px; height: 159px; }
#ourstory-frame img { width: 154px; height: 159px; }
#ourstory-overlay { position: absolute; bottom: 112px; left: 146px; width: 154px; height: 159px; background: url(images/ourstory-frame-trans.png) no-repeat; z-index: 9999; }

#thebigday .book { background: url(images/thebigday.jpg) center bottom no-repeat; }	
#skycity { width: 43px; height: 201px; background: url(images/skycity-trans.png) no-repeat; position: absolute; bottom: 292px; left: 805px; }
#ceremony-directions-trigger { position: absolute; width: 87px; height: 22px; bottom: 20px; left: 80px; text-indent: -9999px; outline: none; }
#reception-directions-trigger { position: absolute; width: 87px; height: 22px; bottom: 20px; left: 538px; text-indent: -9999px; outline: none; }

#ceremony-directions .book { background: url(images/ceremony.jpg) center bottom no-repeat; }	
#ceremony-directions-back { position: absolute; width: 50px; height: 50px; bottom: 268px; left: 697px; text-indent: -9999px; outline: none; cursor: pointer; }	
#ceremony-map { bottom: 85px; left: 80px; position: absolute; }

#reception-directions .book { background: url(images/reception.jpg) center bottom no-repeat; }	
#reception-directions-back { position: absolute; width: 50px; height: 50px; bottom: 135px; left: 857px; text-indent: -9999px; outline: none; cursor: pointer; }	
#reception-map { bottom: 85px; left: 80px; position: absolute; }

#rsvp .book { background: url(images/rsvp.jpg) center bottom no-repeat; }
#rsvp-form {  
  position: absolute;
  bottom: 106px;
  left: 316px;
  width: 234px;
  height: 254px;
  background: url(images/rsvp-fields.gif) no-repeat;  
}
#rsvp-name {
	top: 35px;
	left: 68px;	
	height: 16px;
	width: 225px;
}
#rsvp-email {
	top: 65px;
	left: 68px;
	height: 16px;
	width: 225px;
}
#rsvp-attending {
	top: 95px;
	left: 250px;
	height: 16px;
	width: 43px;
}

#rsvp-message {
	top: 140px;
	left: 68px;	
	height: 85px;
	width: 225px;
}
#rsvp-submit {
	
	position: absolute;
	top: 240px;
	left: 68px;
	background: none;
	height: 20px;
	width: 60px;
	text-indent: -9999px;
	font-size: 0;
	display: block;
	cursor: pointer;
	outline: none;
	border: none;	
}
#rsvp-loading {
  position: absolute;
	top: 241px;
	left: 135px;
	font-size: 13px;	
}
#rsvp-name, #rsvp-email, #rsvp-attending, #rsvp-message { 
  position: absolute; border: solid #dfd3bc 1px; background: #fff;  
}
#rsvp-response { background: url(images/rsvp-response.gif); width: 117px; height: 49px; position: absolute; bottom: 245px; left: 720px; display: none; }
/*#rsvp-name, #rsvp-email, #rsvp-attending, #rsvp-message, #rsvp-submit { border: solid; }*/

#photos .book { background: url(images/photos.jpg) center bottom no-repeat; }

#giftregistry .book { background: url(images/giftregistry.jpg) center bottom no-repeat; }
.frameoverlay, #gallery-link { width: 235px; height: 238px; background: url(images/frame-trans.png) no-repeat; position: absolute; bottom: 140px; left: 365px; z-index: 9999; }
.frame { position: absolute; width: 235px; height: 238px; overflow: hidden; left: 365px; bottom: 140px; }
.frame img { width: 235px; height: 238px; }
.next, .prev { width: 48px; height: 63px; position: absolute; outline: none; text-indent: -9999px; }
.prev { top:226px; left: 260px; }
.next { top:186px; left: 661px; }
.frame-caption { font-size: 12px; position: absolute; left: 375px; bottom: 105px; width: 220px; height: 30px; text-align: center; text-transform: uppercase; }

#gallery .book { background: url(images/gallery.jpg) center bottom no-repeat; }
#gallery-frame a { display: block; width: 100px; height: 100px; border: 1px; z-index: 10000; }
#gallery-link { background: none; display: block; z-index: 10000; outline: none; }
#gallery-frame-prev { top:420px; left: 255px; width: 115px; height: 40px; }
#gallery-frame-next { top:420px; left: 581px; width: 115px; height: 40px; }

#sayhello .book { background: url(images/sayhello.jpg) center bottom no-repeat; }

#sayhello-form {  
  position: absolute;
  bottom: 106px;
  left: 316px;
  width: 235px;
  height: 255px;
  background: url(images/sayhello-form.gif) no-repeat;  
}

#sayhello-name {
	top: 59px;
	left: 68px;
	height: 16px;
	width: 223px;
}
#sayhello-email {
	top: 89px;
	left: 68px;
	height: 16px;
	width: 223px;
}
#sayhello-message {
	position: absolute;
	top: 118px;
	left: 68px;
	border: none;
	background: none;
	height: 108px;
	width: 223px;
}
#sayhello-submit {
	position: absolute;
	top: 240px;
	left: 68px;
	border: none;
	background: none;
	height: 20px;
	width: 60px;
	text-indent: -9999px;
	font-size: 0;
	display: block;
	cursor: pointer;
	outline: none;
}
#sayhello-loading {
  position: absolute;
	top: 241px;
	left: 135px;
	font-size: 13px;
}
#sayhello-name, #sayhello-email, #sayhello-attending, #sayhello-message { 
  position: absolute; border: solid #dfd3bc 1px; background: #fff;  
}
#sayhello-response { background: url(images/sayhello-response.gif); width: 112px; height: 48px; position: absolute; bottom: 342px; left: 129px; display: none; }


.loading { background: url(images/ajax-loader.gif) left 50% no-repeat; height: 16px; width: 16px; display: block; }


/* Jscroll */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;	
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(images/scrolltrack.gif) 3px 0 repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	/*background: #666;*/
	cursor: pointer;
	overflow: hidden;
	left: 0;
	background: url(images/drag.gif) center center no-repeat;
	
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


.error { border-color: red !important; }
label.error { text-indent: -9999px; display: block; }

.form-thanks { position: absolute; top: 220px; left: 330px; width: 242px; height: 189px; background: url(images/form-thanks.gif) no-repeat; display: none; }