/* BASIC */

html, body, h1, h2, h3, h4, h5, h6, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }

q:before, q:after { content:''; }

* :focus {
	outline: 0;
}

html {
	background: #E6E6E6 url(images/page_bg.jpg) repeat-y center top; 
}

body {
	
	font-family: 'OpenSansRegular';
	font-size: 67.5%;
	margin: 20px; 
	background-position: center top;
	padding: 0;
	margin: 0 auto;
	width: 860px;	
}

#bodybg {
    background-color: #fcf6ac;
    padding-top: 30px;
       
}

/*--------------------------------Listutorial navigation bar--------------------------------------*/

#navbar ul
 {
  margin: 0;
  padding-top: .2em;
  padding-bottom: .2em;
  padding-left: 0;
  list-style-type: none;
  text-align: center;
  background-color: #506bb1;
 }

 #navbar ul li { 
  display: inline;

 }

 #navbar ul li a
 {
 text-decoration: none;
 padding: 0em 1em;
 color: #fcf6ac;
 font-size: 1.4em;
 font-weight:700;
 }

 #navbar ul li a:hover
 {
 color: #f90;

 }
 
 .here {
 color: #f90;
 }

/*--------------------------------Listutorial navigation bar--------------------------------------*/


/*------------------------ For the Font Squirrel fonts for the site----------------------------------- */

@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyrePagellaRegular';
    src: url('fonts/texgyrepagella-regular-webfont.eot');
    src: url('fonts/texgyrepagella-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyrepagella-regular-webfont.woff') format('woff'),
         url('fonts/texgyrepagella-regular-webfont.ttf') format('truetype'),
         url('fonts/texgyrepagella-regular-webfont.svg#TeXGyrePagellaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*------------------------ For the Font Squirrel fonts for the site----------------------------------- */

/*------------------------Individual Memorials-------------------------------*/

#wholeThing {
	position: relative;
	background-color: #000;
}

#goBack {
	position: absolute;
	left: 409px;
}

#goBack  a{
	outline: none;
}

.name {
	font-family: 'OpenSansBold';
	font-size: 14px;
	}
	
.date {
	font-family: 'OpenSansRegular';
	font-size: 12px;
}


#mem {
	position: absolute;
	top: 43px;
	left: 40px;
	border: 9px solid #899ab5;
	border-radius: 15px;
}

#mem-jake {
	position: absolute;
	top: 43px;
	left: 65px;
	border: 9px solid #899ab5;
	border-radius: 15px;
}

#moreAboutLeft {
	position: absolute;
	top: 665px;
	left: 42px;
	color: #899ab5;	
	}
	
#moreAboutLeftJake {
	position: absolute;
	top: 579px;
	left: 65px;
	color: #899ab5;	
	}
	
#moreAboutMiddle {
	font-family: 'OpenSansSemibold';
	position: absolute;
	top: 665px;
	left: 273px;
	color: #899ab5; 
	font-size: 12px;
	line-height: 17.5px;
	text-align: justify
}

#moreAboutRight {
	font-family: 'OpenSansSemibold';
	font-size: 12px;
	line-height: 16px;
	position: absolute;
	top: 665px;
	left: 569px;
	color: #899ab5; 
	padding-bottom: 5px;
	line-height: 17.5px;
	text-align: justify;
}

/*------------------------Individual Memorials-------------------------------*/

/*------------------------Drop-caps in memorials------------------------------*/


.firstLetter{
  font-family: 'TeXGyrePagellaRegular';
  display      : block;
  float        : left;
  margin-top   : -0.205em; /* use -0.205em for two lines */
  margin-left  : -0.56em;
  margin-right : 0.5em;
  height       : 3.0em;
}

.firstLetter span{
  font-size    : 3.2em;   /* use 3.33em for two lines */
  line-height  : 1.0em;
}

.firstLetter + span{
  margin-left  : -0.2em;
}
/*------------------------Drop-caps in memorials------------------------------*/

/*------------------------Testimonial Page-------------------------------*/

#loriphoto {
	 position: relative;
	 padding-left: 90px;
	 margin: 20px;
}

#lpquote {
	position: absolute;
	top: 22px;
	left: 370px;
	width: 230px;
	font-size: 13px;
}

h2 {
	font-size: 18px;
	font-weight: bold;
	 }

#palmquistphoto {
	position: relative;
	margin-top: -20px;
	padding-left: 530px;
}

#palmquistquote {
	position: absolute;
	top: 16px;
	left: 300px;
	width: 200px;
	font-size: 13px;
}

#dandcphoto {
	position:relative;
	margin-top: -20px;
	padding-left: 50px;
}

#dandcquote {
	position: absolute;
	top: 50px;
	left: 350px;
	width: 230px;
	font-size: 13px;
}

#jakephoto {
	position: relative;
	margin-top: -20px;
	padding-left: 470px;
}

#jakequote {
	position: absolute;
	top: 58px;
	left: 242px;
	font-size: 13px;
}

#millerphoto {
	position: relative;
	margin-top: -20px;
	padding-left: 80px;
}

#millerquote {
	position: absolute;
	top: 90px;
	left: 370px;
	font-size: 13px;
}

#ryanboysphoto {
	position: relative;
	margin-top: -25px;
	padding-left: 420px;
}

#ryanboysquote {
	position: absolute;
	top: 80px;
	left: 84px;
	font-size: 13px;
}
/*----------------------Testimonial Page---------------------------------*/