/* =BASE
   ------------------------------------------------------ */

body {
	background : #000000 url(../images/wall.jpg) no-repeat fixed right bottom;
	color:#FFF;
	font: normal normal normal 1em/1.5em Arial, sans-serif;
}
a {
  color: #FFF;
}
a img { border:0;}
p, td {font-size:.85em;}
table{border-collapse:collapse;border-spacing:0}
header h1 {
	font-size:75px;
}
header h1 .emphasis {
	font-size:95px;
	text-transform:uppercase;
	display:block;
}

header h1 .faith
{
	margin-top : 50px;
	margin-left : 50px;
}

header h1 .marriage{
	margin-top : -50px;
	margin-left : 150px;
}

header h1 .family
{
	margin-top : -50px;
	margin-left : 300px;
}
header h2 {
	font-size: 45px; margin : 1em 0 .25em;
}
section p {
	width: 600px;
}

input, select, button, label, textarea {
	font-size : .875em;
}
fieldset {
	border:0;
	margin:0;
	position:relative;
	padding: 0 0 20px;
}  
fieldset ul, fieldset li {
	margin : 0;padding: 0;
	list-style:none;
}	
fieldset li {
	margin : 5px 0;line-height:2.5em;
}
fieldset li.break {
	margin-bottom:15px;
}
input[type=checkbox], input[type=radio] {
	margin-left:20px;	
}
input[type=text], select, button, label, textarea {
	border:1px solid transparent;
		-webkit-border-radius: 5px;
	display:block;
	padding:.4em;
	line-height:2.2em;
	width:270px;		
}
textarea {
	height:300px;
}

button[type=submit] {
	font-weight:bold;width:280px;background-color:red;color:#FFF;
}

footer {
	width: 100%;overflow:hidden;height:360px;position:fixed;
	bottom : 0;
	right: 0;
}
footer aside {
	width : 1920px; height: 360px;position:absolute;bottom:0;right:0;z-index : 9; 
}
footer #logo {
	z-index : 10;
	position : absolute;
	bottom: 40px;
	right: 100px;
}
   
   


/* =CONTENT
   ------------------------------------------------------ */
section {
	width:940px;
	height: 500px;
	margin: 10px auto 140px;
	display:block;border:1px solid transparent;
}
.columns {
	height : 920px;
	position:relative;

}
.column {
	width: 300px;
	height: 920px;
	filter:alpha(opacity=25);
	-moz-opacity:0.25;
	-khtml-opacity: 0.25;
	opacity: 0.25;

}
.column:hover,
.column:focus {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;	
	z-index : 1;
}
.column header,
.column div {
	width : 300px;	
	display:block;
}
.column h2 {
	text-transform:uppercase;font-size:32px;
}

section.column {
	position:absolute;
}
section.column p {
	width:90%;
}
section.last {
	margin-bottom:400px;
}
#teaser {
	margin-bottom:10px;height:400px;
}
#bio, #thankyou {
	height: auto;
}
#marriage, #about {
	left:320px;
}
#family, #find-us {
	left:630px;
}
#whats-missing {height:750px;}
#closing h2 span.church,
#closing h2 span.life,
#closing h2 span.through {
	display:block;margin-left:50px;
}
#closing h2 span.life {
	margin-top: 50px;
}
#closing h2 span.church,
#closing h2 span.life{
	text-transform:uppercase;
}

#closing h2 span.church {
	margin-left:150px;
}
#closing h2 span.through{
	margin-left:300px; line-height:1.25em;
}
#newsletter { height : 200px; }
#online { height:350px;display:none; }

#newsletter label { display:inline; }
#newsletter input, #newsletter button { display:inline-block; }

#bio img {
    float:left;
    margin-right:20px;
    margin-bottom:10px;
}
section.short {
    margin-bottom:20px;
}
#find-us table {
	width:285px;
}
#find-us table
{
	vertical-align:middle;border:2px solid #374620;
}
#find-us td{
	padding: .5em;
}
#find-us th {
	background : #374620;
}
#find-us table tbody tr:nth-child(even) {
	background-color:#202710;
}
#find-us table tbody tr td:first-child {
	text-align:center;
	border-right:1px solid #374620;
}

#about h3, #find-us h3 {
	text-transform:uppercase;
	font-size: 1.5em;
}

#socials,
#socials li {
	list-style:none;margin:0 15px;padding:0;
}
#socials li {
	line-height:1.75em;height:36px;padding-left:36px;background: transparent url(../images/social-media-icons.png) no-repeat left top;
}
#socials li#Twitter{
	background-position: 0 -37px;
}
#socials li#YouTube{
	background-position: 0 -76px;
}
#socials li#LinkedIn{
	background-position: 0 -114px;
}
#socials li#Blog{
	background-position: 0 -151px;
}

.revolution, label.error {
	color:red;
}
input[type=text].error, select.error {
	border: 1px solid red!important;
}

a.more {
	display:block;
	text-align:right;
}