body {
    font-family: 'Actor';
    background-image: url('./images/bkgnd_redStripe.png');
}

a {
	color: #AB2707;
}

a:hover {
	color: #E34A24;
}

a:visited {
	color:#E68230;
}

h1 {
	font-family: 'Old Standard TT';  /*'Jacques Francois'; /*Englebert', sans-serif;   */
	font-size: 1.5em;	
	text-shadow: 1px 1px 2px #aaa;
	-webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    line-height: 1.3em;
}

h2 {
	font-family: 'Old Standard TT'; /*'Milonga'; /*'Jacques Francois'; /*'Vollkorn';*/
	font-size:1.2em;
	font-weight: bold;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
}

h3 {
	font-family: 'Old Standard TT'; /*'Milonga'; /*'Jacques Francois'; /*'Vollkorn';*/
	font-size:0.9em;
	font-weight: bold;
    -webkit-margin-before: 1.5em;
    -webkit-margin-after: 0em;
}

li {
	font-size:13px;
}

p {
  font-size:14px;
  font-weight: normal;  
  font-family: 'Actor';
  -webkit-margin-before:0em;
  -webkit-margin-after:0em;
  margin-bottom: 1.4em;
    margin-top: 0.4em;
}

.row {
	width:100%;
	float:left;
}

.rowFirst {
	margin-top:5px;
}

.paragraphFirst {
	margin-top:0px;
}

.plainLink {
	color:Black;
}

/***************************************
    Header
***************************************/
.headerBlock {
	    /*
	    background-color: #FCFAF2;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EDE9DA), to(#FCFAF2));
    background: -webkit-linear-gradient(top, #FCFAF2, #EDE9DA);
    background: -moz-linear-gradient(top, #FCFAF2, #EDE9DA);
    background: -ms-linear-gradient(top, #FCFAF2, #EDE9DA);
    background: -o-linear-gradient(top, #FCFAF2, #EDE9DA); */
    width:100%;
    padding-top:45px;
        background-color: #EDE9DA;
        background-image: url('./images/headerGradient.png');
        background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFAF2), to(#EDE9DA));
    background: -webkit-linear-gradient(top, #EDE9DA, #FCFAF2);
    background: -moz-linear-gradient(top, #EDE9DA, #FCFAF2);
    background: -ms-linear-gradient(top, #EDE9DA, #FCFAF2);
    background: -o-linear-gradient(top, #EDE9DA, #FCFAF2); 
    
    float:left;
    position:relative;
}

.headerBlockLink {
		width:85%;
	float:left; 
	color: #AB2707; 
	margin-top:10px; 
  border-bottom: 1px solid #C2B6B4;
  padding-right:10px;
  font-family: 'Buenard';
}

.headerBlockLink a {
  text-decoration:none;
  padding-left:10px;
}

.headerBar {
	width:940px; 
	background-color:Black; 
	height:200px; 
	background-image: url('./LaraHaaseHarp_header.png'); 
	border: solid 10px #C98279;
	box-shadow: 0px 0px 5px 4px #aaa; 
	background-position: 0px -73px;
}

.headerName {
	font-family: 'Jacques Francois'; /*Englebert', sans-serif;   */
	font-size: 1.5em;	
	text-shadow: 1px 1px 3px #aaa;
	-webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    margin-left:72px; 
    position:relative; 
    top:-2px;
}

.headerPageLink {
	width:auto;
	float:left; 
	color: #AB2707; 
	margin-top:10px; 
	font-weight:bold;
	margin-left:20px;
	padding: 0px 20px 0px 20px;
}

.headerPageLink a:visited {
	color: #AB2707; 
}

.headerPageLink a:hover {
	color: #E34A24; 
}

.headerPageLinkBar {
	 float:left; 
	 position:relative; 
	 height:40px; 
	 margin-bottom:10px; 
	 width:100%;
	 margin-left: 15px;
}

.headerSubText {
	font-family: 'Vollkorn';
	font-size:1.0em;
	font-weight: 200;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    position:relative;
}


#ribbon {
	width: 320px;
	height: 170px;
	/*margin: 50px auto 0;*/
	position: relative;
	overflow: hidden;
}

#ribbon .inset {
	width: 300px;
	height: 55px;
	position: absolute;
	top: -50px;
	left: 13px;
	z-index: 5;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	background: rgba(0,0,0,0.3);
	
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
}

#ribbon .container {
	position: relative;
	width: 300px;
	height: 165px;
	overflow: hidden;
	margin: 0 auto;
	border-left: 1px solid #631a15;
	border-right: 1px solid #631a15;
	border-bottom: 1px solid #631a15;
}

#ribbon .base {
	height: 165px;
	width: 300px;
	/*
	background: rgb(199,59,60);
	background: -moz-linear-gradient(top,  rgba(199,59,60,1) 0%, rgba(184,32,31,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(199,59,60,1)), color-stop(100%,rgba(184,32,31,1)));
	background: -webkit-linear-gradient(top,  rgba(199,59,60,1) 0%,rgba(184,32,31,1) 100%);
	background: -o-linear-gradient(top,  rgba(199,59,60,1) 0%,rgba(184,32,31,1) 100%);
	background: -ms-linear-gradient(top,  rgba(199,59,60,1) 0%,rgba(184,32,31,1) 100%);
	background: linear-gradient(top,  rgba(199,59,60,1) 0%,rgba(184,32,31,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c73b3c', endColorstr='#b8201f',GradientType=0 );
*/
	
	
	background: #FCFAF2;
	background: -moz-linear-gradient(top,  #FCFAF2 0%, #F7F2E1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCFAF2), color-stop(100%,#F7F2E1));
	background: -webkit-linear-gradient(top,  #FCFAF2 0%,#F7F2E1 100%);
	background: -o-linear-gradient(top,  #FCFAF2 0%,#F7F2E1 100%);
	background: -ms-linear-gradient(top,  #FCFAF2 0%,#F7F2E1 100%);
	background: linear-gradient(top,  #FCFAF2 0%,#F7F2E1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCFAF2', endColorstr='#F7F2E1',GradientType=0 );

	position: relative;
	z-index: 2;
}

#ribbon .base:after {
	content: '';
	position: absolute;
	top: 0;
	width: 285px;
	left: 6px;
	height: 158px;
	border-left: 1px dashed #631a15;
	border-right: 1px dashed #631a15;
	border-bottom: 1px dashed #631a15;
}

#ribbon .base:before {
	content: '';
	position: absolute;
	top: 0;
	width: 285px;
	left: 7px;
	height: 157px;
	border-left: 1px dashed #da5050;
	border-right: 1px dashed #da5050;
	border-bottom: 1px dashed #da5050;
}

#ribbon .left_corner 
{
    /*
	width: 100px;
	height: 100px;
	background: #F7F2E1;
	position: absolute;
	bottom: 20px;
	left: -50px;
	z-index: 1;
	
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
*/
}

#ribbon .right_corner 
{
    /*
	width: 100px;
	height: 100px;
	background: #F7F2E1;
	position: absolute;
	bottom: 20px;
	right: -50px;
	z-index: 1;
	
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
*/
}

.vertDivider {
	width:1px;
	height:300px;
	float:left;
}

.testimonialsHeader   {
  border-bottom:2px solid #4A130D;
  color: #4A130D;
  	font-size:16px;
	float:left;
	width:100%;
  font-family: 'Buenard';
}

.testimonialText  {
  float:left;
  position:relative;
  font-size:13px;
  margin-top:12px;
}

.testimonialName {
  width:100%;
  float:left;
  position:relative;
  font-size:12px;
  font-style: italic;
text-align: right;
padding-right: 5px;
border-bottom: 1px solid #ddd;
padding-bottom: 7px;
padding-top: 3px;
}

/************************************
    Footer
************************************/
.horizBreak {
	width:90%; 
	height:2px; 
	background-color:#C98279; 
	float:left;  
	margin-top:2px;
	 margin-left:5%;
}

.footer {
	width:100%; 
	float:left; 
	background-color:#6b5c62;
	color:White;
	margin-top:15px;
	box-shadow: 0px 3px 5px 3px #aaa; 
}

.footerContent {
    width: 100%;
    float:left;
	margin-left:10px;
}


.footerBlock {
	float:left;position:relative; 
	background-color: #E8E4D5;
	background-image: url('./images/footerGradient.png');
	background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F7F4EB), to(#E8E4D5));
    background: -webkit-linear-gradient(top, #E8E4D5, #F7F4EB);
    background: -moz-linear-gradient(top, #E8E4D5, #F7F4EB);
    background: -ms-linear-gradient(top, #E8E4D5, #F7F4EB);
    background: -o-linear-gradient(top, #E8E4D5, #F7F4EB); 
    width:90%;
    margin-left:5%;
    padding-bottom:20px;
    margin-bottom:5px;
}

.footerLinkBlock {
	float:left;
	position:relative;
	width:100px;
	font-size:12px;
	margin-top:15px;
}

.footerLink {
	float:left;
	width:100%;
	position: relative;
	font-size:12px;
	font-weight:bold;
}

.footerSubLink {
	width:100%;
	float:left;
	position:relative;
	padding-left:5px;
	font-size:11px;
}

.footerCopyright {
	float: left;
    width: 50%;
    margin-top: 25px;
}

.footerCopyright p {
	font-size:11px;
	color: #777;
}

/*************************************
    Contact Info
**************************************/
.contactInfo {
	float:right; 
	position:relative; 
	width:18%; 
	background-color: #FCFAF2; 
	font-size:12px; 
	margin-bottom:10px;  
	border: 1px solid black; 
	padding: 15px;
	box-shadow: 0px 0px 5px 4px #aaa;  /*0px 1px 2px 2px #a1a1a1;*/
}
.contactInfoLabel {
	font-weight:bold; 
	width:35%;
	float:left;
}

.contactInfoData {
	width:60%;
	float:left;
	font-family: 'Droid Sans';
}

.contactInfoImage {
	width:100px; 
	margin-left:21%; 
	margin-bottom:5%;
	box-shadow: 0px 1px 3px 3px #aaa;  /*0px 1px 2px 2px #a1a1a1;*/
	border:2px solid black;
}

/*************************************
    Performance Info
**************************************/
.performanceEvent {
	margin-top:5px;
	margin-bottom:5px;
	float:left;
	width:100%;
}
.performanceInfo {
	width:18%;
	float:right; 
	background-color: #FCFAF2; 
	padding:15px;
	margin-right:0px; 
	box-shadow: 0px 0px 5px 4px #aaa;  /*0px 1px 2px 2px #a1a1a1;*/
	border: 1px solid black;
	min-height:380px;
}

.performanceInfoTitle {
	font-size:16px;
	font-weight:bold;
	float:left;
	width:100%;
	font-family: 'Droid Sans';
}

.performanceInfoMonth {
	font-size:14px;
	font-weight:bold;
	margin-top:5px;
	float:left;
    width:100%;	
}

.performanceInfoDate {
	font-size:12px;
	float:left;
	width:100%;
	font-family: 'Droid Sans';
}

.performanceInfoLabel {
	font-size:12px;
	float:left;	
	font-family: 'Droid Sans';
}

.performanceInfoLocation {
	font-size:12px;
	float:left;	
	font-family: 'Droid Sans';
}

/***************************************
    Main Content
***************************************/
.mainContent {
	width:73%;
	float:left; 
	background-color: #FCFAF2; 
	padding:15px; 
	box-shadow: 0px 0px 5px 4px #aaa; 
	border: 1px solid black;
}

.overview {
	float:left; 
	width:57%; 
	margin-top:10px;
	margin-left:5px;
}

.overviewImage {
	float:right; 
	width:38%; 
	margin-top:5%;
	box-shadow: 0px 5px 5px 4px #aaa;  /*0px 1px 2px 2px #a1a1a1;*/
	border:3px solid black;
}

/**************************************
    Repertoire
**************************************/
.repertoireListBlock
{
  margin-bottom:25px;
  float:left;
}

.repertoireListTitle {
  padding-top:10px;   
  margin-bottom:10px;
}

.repertoirelistRow {
    border:none; 
    border-bottom: #dadada solid 1px;  
    height:20px; 
    padding-top:4px; 
    float:left;
    font-size:13px;
}

.repertoireListRowTitle {
    width:235px;
    float:left;
    height:30px;
}

.repertoireListRowComposer {
      width:200px;
      float:left;
}

.repertoireListRowListen {
    width:50px; 
    float:left;     
}

.repertoireListRowListen a {
    padding-left:20px;
}

.repertoireListRowWedding {
	width:130px; 
	float:left; 
	padding-left:10px;
	display:none;
}

.repertoireListWeddingCheck {
	width:15px; 
	margin-left:60px;
}

.playStop {
	width:20px;
	padding-left: 5px;
	position:relative;
	top:-2px;
}

/************************************
    Contact Page
************************************/
.contactPageContent {
	padding-left:2%;
}

.contactPageIntroText {
	width:80%;
}
.contactPageLabelMyInfo {
	font-size:13px;
	font-weight:bold;
	float:left;
	width:100px;
	padding-left:3px;	
}

.contactPageLabel {
	font-size:13px;
	font-weight:bold;
	float:left;
	width:210px;
	padding-top:3px;
}

.contactPageData {
	float:left;
	width:150px;
	font-size:13px;
	font-family: 'Droid Sans';
}

.contactPageField {
	float:left;
	width:300px;
}

input.contactPageField, textarea.contactPageField {
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:1px solid #aaa;
    font-family: 'Droid Sans';
}

input.contactPageField {
	height:20px;
}

.contactPageRadioButtons {
	float:left;
	width:300px;
}

.contactPageRadioText {
	font-family: 'Droid Sans';
	font-size:13px;
}

.contactPageContactForm {
	float:left;
	width:100%;
	margin-top:40px;
	border-top:1px solid #aaa;
}

.contactPageContactInfoBlock {
	float:left;
	width: 100%;
	margin-top:20px;
}

.contactPageRow {
	padding:3px;
	float:left;
	width:auto;
}

input.contactPageSubmit {
	float:right;
	background-color:#C98279;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:1px solid #aaa;
    font-family: 'Droid Sans';
    padding:5px;
    margin-bottom:3%;
    margin-top:1%;
}

/**********************************
    About
***********************************/
.aboutHarpImage {
	position:relative;
	top:-25px;
}

img.aboutHarpImage {
	float:left;
	width:25%;
}

.aboutHarpText {
	width:70%;
	float:left;
}

.aboutLabel {
	font-weight:bold;
	width:150px;
	float:left;
}

.aboutData {
	float:left;
}

/****************************
    Events
*****************************/
.eventContent {
	width:93%;
	padding:3%;
}


/*****************************
    FAQs
 ****************************/
 .faqSection
 {
 margin-top:10px;
 }
 
 .faqQuestion
 {
     font-size: 14px;
    margin-left: 15px;
    font-weight: bold;

 } 
 
 .faqAnswer
 {
     font-size:14px;
     margin-left:15px;
         margin-bottom: 15px;
 }
 
 /************************
    Wedding - Limited
*************************/
.repertoireListRowTitleLimited {
	width:335px;
}

.repertoireListRowComposerLimited {
	width:190px;
}

/***************************
    Wedding Packages
 ***************************/ 
 .packageSubBlock
 {
 margin-left:25px;
 float:left;
 }  
 .packageSubHeading
 {
  font-weight: bold;
  font-size:0.7em;
 } 
 
/********************************************
    Sample Videos
**********************************************/
.videoRow
{
    height:22px;
    float:left;
    font-size:11px;
    width:100%;
}

.videoRowTop
{
    height:22px;
    float:left;
    font-size:14px;
    width:100%;
    font-family: 'Buenard';
    margin-bottom:5px;
}

.videoRow input
{
    float:left;
    position:relative;
    top:0px;
}

.videoSelected span
{
    font-weight:bold;
}
.videoTitle
{
    float:left;
    width:54%;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow:hidden;
    position:relative;
    top:2px;
}
.videoComposer
{
    float:right;
    width:33%;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow:hidden;
    position:relative;
    top:2px;
}

/********************************
	Ceremony
*********************************/
.ceremonySuggestions
{
	width:100%;
	float:left;
	
}

.ceremonySuggestions span
{
	font-style: italic;
}
.ceremonySuggestionsSong
{
	float:left;
	width:100%;
	padding-left: 10px;
	font-size:13px;
	border-bottom: #dadada solid 1px;
	padding-top: 3px;
height: 18px;
}

.ceremonySuggestionsTitle
{
	float:left;
	width:180px;
}

.ceremonySuggestionsComposer
{
	float:left;
	width:100px;
}

.ceremonySuggestionsCheck
{
	background-image: url("http://www.rocharp.com/images/check.png");
	background-size: 15px;
	-moz-background-size: 15px;
	float:right;
	width:43px;
	height: 20px;
	background-repeat: no-repeat;
}

.ceremonySuggestionsProcessional
{
	float:left;
	width: 75px;
	height:20px;
}


.ceremonySuggestionsInterlude
{
		float:left;
	width: 55px;
	height:20px;
	padding-left:5px;
}

.ceremonySuggestionsRecessional
{
		float:left;
	width: 75px;
	height:20px;
	padding-left:5px;
}

.ceremonySuggestionsListen
{
	float:left;
	width:35px;
	height:20px;
}