/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

/* Wedding colors

Forest green: #005642
Tan/Gold: #96774d
Teal: #60b0bc
Goldenrod: #ffb81b
Orange: #e56840
*/

body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
padding-bottom: 40px;
background-color: #fff;	
}

h1 {
margin-bottom: .5em;
}

p, img {
margin-bottom: 1em;
}

h1 a:link, h2 a:link, h3 a:link, h4 a:link, p a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, p a:visited {
color: #e56840;
text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, p a:hover, h1 a:active, h2 a:active, h3 a:active, h4 a:active, p a:active {
border-bottom: 1px solid #e56840;
}

#nav {
text-align:right;
}

#nav ul {
list-style: none;
}

#nav ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

#nav li {
padding: 3px;
}

#nav li a {
padding: 3px 6px;
}

#nav li a:link, #navlist li a:visited {
color: black;
text-decoration: none;
}

#nav li a:hover {
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius:4px 0 0 4px;
-khtml-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
background-color: #e56840;
}

#nav p a:link, #navlist a:visited {
border-bottom: 1px dotted #e56840;
}

#nav p a:hover {
border-bottom: none;
}

#nav #current a {
font-weight: bold;
border-right: 3px solid #e56840;
}

#content h3 {
font-style: normal;
font-weight: normal;
font-size: 120%;
text-transform: uppercase;
color: #60b0bc;
margin-bottom: 0.2em;
}

#content h4 {
font-size: 120%;
margin-bottom: .2em;
}

#content h5 {
text-transform: uppercase;
font-size: 100%;
color: #60b0bc;
font-weight: normal;
}

img.header {
margin-bottom: 2em;
}
	
#airports {
margin: 0; 
width: 100%;
border-collapse: collapse; 
text-align: left; 
} 
#airports th { 
font-size: 14px; 
font-weight: bold;
text-transform: uppercase; 
color: black; 
padding: 8px 0; 
border-bottom: 2px solid #60b0bc; 
} 
#airports td { 
border-bottom: 1px dotted silver; 
color: #333; 
padding: 8px 4px;
}

#airports tbody tr:hover td { 
background-color: #ffb81b;
}

th.num, td.num {
text-align: left;
}

div.wedding-party {
margin-bottom: 2em;
clear: both;
}

div.wedding-party img, .left {
float: left;
margin: 0 1em 1em 0;
}

.wedding-party h4 {
margin-bottom:0;
font-weight: 300;
font-size: 180% !important;
color: #ffb81b !important;
}

.headshot {
position: relative;
top:8px;
}

.title {
margin: 0 0 2em 0;
color: black  !important;
font-size: 80% !important;
}

#train-schedule {
margin: 2.5em 0 1em 0; 
width: 100%;
border-collapse: collapse; 
text-align: left; 
}

#train-schedule td {
font-size: 60%;
vertical-align:center; 
border: 1px dotted silver; 
padding: 2px;
}

#train-schedule tbody tr td:hover { 
background-color: #ffb81b;
}

.sched-head {
font-weight: bold;
}

.sat {
background-color: #e56840;
}

#timeline-container {
background-image: url(images/timeline.gif) top center repeat-y;
}

#timeline h5 {
color: #ffb81b;
font-style: italic;
font-weight: normal;
font-size: 80%;
margin-bottom: .5em;
text-transform: none;
}

.timeline-box {
-moz-box-shadow: 0 0 10px #ccc;
-webkit-box-shadow: 0 0 10px #ccc;
box-shadow: 0 0 10px #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 4px;
border-radius: 4px; /* future proofing */
-khtml-border-radius: 4px; /* for old Konqueror browsers */
padding: 1em 1em .5em 1em;
margin: 0 auto 1.5em auto;
width: 80%;
background-color: white;
}

.alert {
padding: 1em;
background-color: rgb(255, 255, 0);
}

p.alert {
text-transform: uppercase;
font-weight: bold;
font-size: 75%;
line-height: 1.6em;
}

.alert-inline {
padding: 0 .2em;
background-color: rgb(255, 255, 0);
}

/*
#content h3 {
font-style: normal;
font-weight: normal;
font-size: 120%;
text-transform: uppercase;
color: #60b0bc;
margin-bottom: 0.2em;
}

#content h4 {
font-size: 120%;
margin-bottom: .2em;
}

#content h5 {
text-transform: uppercase;
font-size: 100%;
color: #60b0bc;
font-weight: normal;
}
*/

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}