/******* GLOBAL DEFAULTS *******/
body 
{
    background:     #ffffff;
    font-family:    "Source Sans Pro", Helvetica;
    margin:         0px;
    padding:        0px;
    text-align:     center;
}

h1, h2, h3, h4, h5, h6
{
    font-family:    'Source Sans Pro';
    text-align:     center;
    text-transform: uppercase;
    letter-spacing: 5px;
}

h1 
{
    font-size: 40px;
    margin: 10px;
}

h2 
{
    font-size: 20px;
}

h3 
{
    font-size: 15px;
}


a:link, a:visited 
{
    color: #ddd;
}

a:active, a:hover
{
    color: #000;
}

/*** Dropcap ***/
p
{
  line-height : 1.5;
}

.firstLetter
{
  float       : left;
  font-size   : 3.3em;
  line-height : 0.37;
  margin      : 0.240em 5px 0 0;
}

.firstLetter + span
{
  margin-left : 0;
}

/******* LAYOUT ELEMENTS *******/

/*** Navigation Section ***/
.navSection
{
    background-color: #ffffff;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 1000;
    bottom: auto;
    display: block;
}

.navTitle 
{
    display: inline;
    float:left;
    font-family: "Rouge Script";
    font-size: 36px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 32px;
}

.navBar li 
{
    display:inline;
    float:right;
}

.navLink 
{
    font-family: "Source Sans Pro";
    font-size: .85em;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-decoration: none;
    padding-left: 1em;
    padding-right: 1em;
}

/*** Curtains ***/
.curtains>li 
{
    height: auto;
    width: 100%; 
    max-width: 100%; 
    min-width: 300px;
    box-shadow: 0 0 12px #483c3c;
}

.curtains>li:last-child
{
    box-shadow:none;
}

/*** Images ***/
.heroImg
{
    width: 100%; 
    max-width: 100%; 
    min-width: 300px;
}

.circle 
{
    width: 160px;
    height: 160px;
    -moz-border-radius: 160px; 
    -webkit-border-radius: 160px; 
    border-radius: 50%;
    border: 6px solid #ffffff;
}

.circlelg 
{
    width: 200px;
    height: 200px;
    -moz-border-radius: 200px; 
    -webkit-border-radius: 200px; 
    border-radius: 50%;
    border: 10px solid #ffffff;
}


/*** Sections ***/
div.section
{
    margin: 0px auto;
    width: 1024px;
    align-content:center;
}

div.row
{
    display:inline-block;
}

div.cell
{
    float: left;
    display: table-column;
    margin: 0px;
    padding: 10px 0px 0px 0px;
    display: block;
    font-size: 8pt;
    box-sizing:border-box;
    border: 0px solid red;
}

.contentStory
{
    font-size:20pt;font-family:'Playfair Display';color:#808080;
}

.contentBio 
{
    font-size:14pt;font-family:'Source Sans Pro'; color:#808080;
}

#sectionHome
{
    top: 55px;
}

#sectionStory 
{
    top: 55px;
}

#sectionPeople 
{
    top: 55px;
}

#sectionSchedule 
{
    top: 55px;
}

#sectionRegistry 
{
    top: 55px;
}

#sectionAccomodations 
{
    top: 55px;
}

/* Blocks */
.blockContainer 
{
    margin: auto;
}

.block {
    display: inline-block;
    margin: 5px;
    padding: 15px;
    width: 300px;
    height: 300px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    /*
    border:     30px solid transparent;
    border-image-source: url(border2.png);
    border-image-slice: 65;
*/
}