@import url("//hello.myfonts.net/count/290157");
@import url(http://fonts.googleapis.com/css?family=Bubbler+One);

 

@font-face {font-family: 'StrangeloveBombs';src: url('webfonts/290157_0_0.eot');src: url('webfonts/290157_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/290157_0_0.woff') format('woff'),url('webfonts/290157_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'StrangeloveText';src: url('webfonts/290157_1_0.eot');src: url('webfonts/290157_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/290157_1_0.woff') format('woff'),url('webfonts/290157_1_0.ttf') format('truetype');}

h1, h2, h3, h4 {
	color: rgba(35,57,102,1);
	font-family: 'StrangeloveText', sans-serif;
}

h1{
	font-size:5.4em;
	color: rgba(35,57,102,1);
	margin-bottom:0em;
	letter-spacing:0.04em;
}

h2{
	font-size:3.4em;
	letter-spacing: 0.05em;
	color: rgba(35,57,102,1);
}

h3{
	font-size:2.4em;
	letter-spacing: 0.03em;
	color: rgba(35,57,102,1);

}


p {
	color: rgba(20, 20, 20, 1);
	font-family: 'Bubbler One', sans-serif;
	font-size: 1.3em;
	letter-spacing: 0.03em;
	margin: 2em 0 2em 0;
}

a {
	color: rgba(204,164,56,1);
	padding-left: .3em;
	padding-right: .3em;
}

h2 a:hover, a:hover {
	color: rgba(247,203,85,1);
}

.image{
	padding-left: 0em 0em 0em 0em;
}

img {
	margin: 0px auto;
	max-width: 100%;
}

body {
	background: url(../img/wallpaper.gif) 50% 0 repeat;
}

.nothing {
	margin-top: 6em;
	vertical-align: middle; 
  	text-align: center; 
  	color: rgba(190,190,190,1);
}

.butthen, .finale {
	border: 3px dashed rgba(35,57,102,1); 
	margin-top: 2em;
	margin-bottom: 2em;
	background-color: white;
	padding: 30px;
	border-style: dashed;
	}

.butthen h2:first-child:first-letter, .finale h2:first-child:first-letter{
	font-size: 4em;
	float: left;
	margin: 20px 20px 0 0;
	line-height: 0.7;
	color: #D3A42E;
}

.top-bar-section ul li > a {
	font-family: 'StrangeloveText', sans-serif;
	letter-spacing: .1em;
	font-size:1.5em;
	}

#timeline{
	background: url(../img/timelinecenter.png) repeat-y 50% top;
	margin-top: -7em;
}



#timeline p {
	margin: 0em 0em 3.2em 0em;
}

.leftarrow {
	margin-left: 1.6em;
}


.victoria h3, .victoria p{
	text-align:right;
}


.rightarrow {
	margin-left: -1.0em;
}



.giantimage {
	width: 100%;
	margin-top: 6em;
	margin-bottom: 6em;
	max-height: 900px;
	overflow: hidden;
}

.otherstuff {
	background-color: rgba(70,70,70,1);
	padding-top: 3em;
	padding-bottom: 3em;
}

.otherstuff img{
	padding-top: .9em;
	padding-right: 2em;
	padding-bottom: .9em;
	padding-left: 2em;
}

.otherstuff h2, .otherstuff p{
	text-align: center;
	margin: 0;
	color: rgba(255,255,255,1);

}

.smallphoto {
	width: 100%;
	margin-bottom: .9em;
}

#wpwrap
{
	height:auto;
	min-height:100%;
	width:450px;
	margin:0px auto;
}

.am-wrapper{
	float:left;
	position:relative;
	overflow:hidden;
}
.am-wrapper img{
	position:absolute;
	outline:none;
}

.schedule h3{
	line-height: 0.2em;
	color: rgba(95,129,165,1);
}

.schedule p{
	margin: 0em 0em 2em 0em;
}



.btn {
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 24px;
  background: #cca538;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #f7cc55;
  text-decoration: none;
}

.right {
	text-align: right;
}

#photostopimage {
	width: 100%;
	margin-top:-35px;
	min-height: 220px;
	max-height: 923px;
	overflow: hidden;
	background: url(../img/photos_bg.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	
}

#partytopimage {
	width: 100%;
	margin-top:-35px;
	min-height: 220px;
	max-height: 923px;
	overflow: hidden;
	background: url(../img/party_bg.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	
}

#registrytopimage {
	width: 100%;
	margin-top:-35px;
	min-height: 220px;
	max-height: 923px;
	overflow: hidden;
	background: url(../img/registry_bg.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	
}

.gigantic {
	color: rgba(247,203,85,1);
	font-family: 'StrangeloveText', sans-serif;
	font-size: 8em;
	letter-spacing: 0.06em;
	text-shadow:2px 2px 5px rgba(35,57,102,1);
	z-index: 2;
	margin: 0 auto 0 auto;
	text-align: center;
	margin-top: 30%;
}

.partytext {
	margin: 0;
	margin-bottom: 5em;


}

.partysub h1, .partysub h2, .partysub h3 {
	text-align: center;
}

.partysub h1{
	margin-bottom: -0.2em;
	letter-spacing: 0.06em;
}

.partysub h2{
	margin-bottom: -0.2em;

}

.partysub h3{
	margin-bottom: .3em;
}

.am-container a{
	background-color: rgba(255,255,255,0)
}

.important {
	color: rgba(95,129,165,1);
	background-color: rgba(247,203, 85,1);
	font-size: 1.2em;
}
.party {
	max-width: 100%;
}



.button {
	padding: 2em; 

}

.button h2{
	color: white;
	font-size: 1.9em;
	line-height: 1.1em;

}

.act {
	display: block;
    margin: 0px auto;
}

.finale {
	margin-top:-2em;
	text-align: center;
}

.button{
	background-color: rgba(95,129,165,1);
	border: none;
}

.button, .top-bar-section ul li > a.button h2{
	
	font-size: 2em;
	line-height: 1.1em;
}

.top-bar-section ul li > a.button h2{
color: rgba(35,57,102,1);
}

.button:hover {
	background-color: rgba(35,57,102,1);
}


.top-bar, .top-bar-section ul, .top-bar-section .has-form, .top-bar-section ul li.active > a, .top-bar-section li a:not(.button) {
background: rgba(35,57,102,1);
}

.top-bar-section ul li > a.button{
background: rgba(247,203, 85,1);
color: rgba(35,57,102,1);;
}

.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
border-right: rgba(35,57,102,1);
border-left: rgba(35,57,102,1);
}

.top-bar .button {
top: 5px;
}
