* {
  margin:0px;
  padding:0px;
  font-family:'Open Sans',sans-serif;
  text-align:center;
}

body {
    width:100%;
    height:100%;
    color:#333333;
    background-color:#FFFFFF;
}

html {
    width:100%;
    height:100%;
    -webkit-font-smoothing: antialiased;
}

body.dark {
  color:#FFFFFF;
  background-color:#000000;
}

.navbar-left .nav li {
    width:100px;
    float:left;
}

.navbar-right .nav li {
    width:40px;
    float:left;
}

#page {
    width:960px;
    margin:0 auto;
    position:relative;
}

.container {
    width:960px;
}

.navbar-custom a {
    color:#333333;
    color:#AAAAAA;
}

nav {
    padding-top:60px;
    height:120px;
}

.navbar-custom a {
    font-size:15px;
}

.nav>li>a:focus, .nav>li>a:hover {
    color:#555555;
    background-color:#FFFFFF;
}

body.dark .nav>li>a:focus, body.dark .nav>li>a:hover {
    color:#555555;
    background-color:#000000;
}

body.dark .nav .open>a, body.dark .nav .open>a:focus, body.dark .nav .open>a:hover, body.dark .dropdown-menu {
    background-color:#000000;
}

.dropdown-menu {
    min-width:360px;
}

.social-icons img {
    height:28px;
    width:28px;
}

.social-icons:hover {
    opacity:0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */
}

#header {
  text-align:center;
}

#header img {
  width:776px;
}

h1 {
    padding-top:40px;
    padding-bottom:60px;
}

h2 {
    text-align:left;
}

p {
    text-align:left;
    padding-bottom:20px;
}

.item {
    width:320px;
    height:260px;
    position:relative;
    float:left;
}

.item-link {
    width:100%;
    height:100%;
    padding:5%;
    position:absolute;
    top:0;
    left:0;
    background-color:#FFFFFF;
    font-size:20px;
    color:#000000;
    text-align:left;
    overflow:hidden;
    opacity:0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
    transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
}

.item-link:hover {
    opacity:0.9;
    filter:alpha(opacity=0.9); /* For IE8 and earlier */
    text-decoration:none;
    color:#000000;
}

input, textarea {
    width:100%;
    text-align:left;
    border:1px solid #999999;
    padding:5px;
}

input#submit {
    width:200px;
    float:right;
    background-color:#000000;
    color:#FFFFFF;
    border:none;
    text-align:center;
}

.padded {
    padding-left:40px;
    padding-right:40px;
}

img.person {
    border-radius:100px;
    height:200px;
    width:200px;
}

#footer {
    margin-top:50px;
    margin-bottom:20px;
    font-size:10px;
}

#lightbox-bg {
    display:none;
    width:100%; 
    height:100%; 
    opacity:0.8; 
    background-color:#000000; 
    position:fixed;
    z-index:99999;
}

#lightbox {
    display:none;
    width:100%;
    height:100%;
    position:fixed; 
    z-index:100000;
    min-width:960px;
}

#lightbox-container {
    height:100%;
    padding:3%;
    display:inline-block;
}

.slideshow-image {
    max-height:80%;
    max-width:80%;
    cursor:pointer;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}

.in-the-background {
    display:none;
}