/*style_rules

email_line_color #7e1d15

email_text_color #000

email_link_color #7e1d15

email_border_color #7e1d15

home_photo_max_width 400 x 300

*/

* { margin: 0; padding: 0; }
html{}



/* Set background color and any image for entire site */

body {margin:0; font-family: "Geneva", Arial, Helvetica, sans-serif; font-size: 14px; color: #000; text-align: center; background:#fff; }



p { color: #000; line-height:20px;}



/* Set links for template */

a { color: #000; }



a:visited { color: #000; }



a:hover { color: #e62420; }



small { font-size: 9pt; margin-top: 1.5%; margin-bottom: 1.5%; }



/*=================================================================*/

/*Polaroid border and drop shadow style for photos*/

.c-photo img { border: 2px solid #000; margin-bottom:15px; }



/*=================================================================*/

/* Content Area images and color */

/* background image and background color */

/* background color is always behind image */

#t-container { position: relative; width: 1085px; margin: 0 auto; text-align: left; background: #fff;  }



/*=================================================================*/

/*t-center is the larger container that holds t-links and t-content*/

/*t-links holds the menu nav, and t-content holds page content*/

#t-center { position: relative; background: #fff; min-height: 700px; width:800px; margin: 0 auto;}



/* customize menu links */

#t-links {  padding-left:40px;font-size: 14px; width: 135px; display: block; margin: 0; }



#t-links ul { margin: 0; list-style-type: none; color: #000; }

#t-links li { margin-bottom: 10px;  }

#t-links ul li a { color: #000; }

#t-links a:link {color:#000;font-size: 14px; text-decoration: none; font-weight: normal;}      /* unvisited link */
#t-links a:visited {color:#000;}  /* visited link */
#t-links a:hover {color:#cd1d40;}  /* mouse over link */
#t-links a:active {color:#c0bfbf;}



/* Set middle image */

#t-content { margin: 0 40px 0 200px; width:700px; }



/* the content text */

.c-form { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; color: #000; text-align: left; }



.c-text { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #000; text-align: left; }



.c-info { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #000; text-align: left; line-height: 21px; }



.c-date { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; color: #000; text-align: left; font-weight: bold; line-height: 26px; }



#c-countdown-days { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; color: #000; text-align: left; font-weight: bold; line-height: 30px; }



#c-countdown-text { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; color: #000; text-align: left; font-weight: bold; line-height: 30px; }



.c-odd,

.c-even { margin: 30px 0; /* 30px top and bottom, no margin left and right */ }



.c-intro { color: #000; }



/* Photo Gallery Styles Start */

/*space for gallery photo - should remain at 214 */

#c-galleries-container .c-photo { width: 214px; padding-bottom: 0px; }



/*spaces gallery description from it's title */

#c-galleries-container .c-text { padding-top: 0px; }



/*title link for gallery name */

#c-galleries-container .c-subtitle { left: 241px; padding-top: 0px; }



/*backgrounds for galleries odd */

#c-galleries-container .c-odd { background-color: transparent; padding: 15px 0px 0px 15px; margin-bottom: 15px; margin-top: 15px; }



/*backgrounds for galleries even */

#c-galleries-container .c-even { background-color: transparent; padding: 15px 0px 0px 15px; margin-bottom: 15px; margin-top: 15px; }



/* display of thumbnails inside gallery */

#c-photo-list .c-photo { width: 214px; height: 214px; }



/* padding to manually center thumbnails in content region */

#c-photo-list { margin-left: 50px; }



/* background color for individual thumbnails in a gallery */

#c-photo-list .c-odd{ background-color: transparent; margin-right: 10px; margin-bottom: 10px; }



/* background color for individual thumbnails in a gallery */

#c-photo-list .c-even{ background-color: transparent; margin-bottom: 10px; }



/* background color for individual large detail images */

#c-photo-container { background-color: transparent; padding: 10px 10px 10px 10px; }



/* background color for individual large detail images */

#c-photo-container .c-even { text-align: center; }



/* buttons for large image viewer - back to gallery */

.c-page-up { margin-right: 10px; }



/* buttons for large image viewer - next */

.c-page-next {  padding: 3px 3px 4px 4px; background-color: #333; margin-right: 82px; text-align: center; }


/* buttons for large image viewer - previous */

.c-page-previous {  padding: 3px 3px 4px 4px; margin-right: 8px; background-color: #333; text-align: center; }

.c-page-previous a, .c-page-next a{ color:#fff;}

/* background color for individual large detail images */

#c-photo-container .c-text { margin-left: 10px; margin-right: 10px; }



/* Photo Gallery Styles End */



/* align photos with text on our story and wedding party */

#c-party-container .c-photo { float: left; padding: 10px 10px 0 0; }

#c-story-container .c-photo { float: right; padding: 10px 0 0 10px; }



/*=================================================================*/

/* Music & Blog Styles Start */

#c-music-playlist .c-odd, #c-music-playlist .c-even { border-bottom: 1px dotted #faf8e8; }

#c-music-suggestions .c-odd, #c-music-suggestions .c-even { border-bottom: 1px dotted #faf8e8; }

.c-blog-container .c-odd, .c-blog-container .c-even { border-bottom: 1px dotted #faf8e8; }

.c-blog-container .c-comments { color: #666; }

.c-byline { color: #666;}



/* Music Player Pop-up Heading */

.c-player-container h4 { color: #000; }



/* Headings */

h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 22px; color: #000; text-align: left; /*margin-top : 1.5%;*/ margin-bottom: 2.0%; text-decoration: none; font-style: normal; }



h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 24px; color: #000; text-align: left; margin-top: 1.5%; margin-bottom: 1.5%; line-height: 21px; text-decoration: none; font-weight: lighter; }



h5 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px; color: #000; text-align: left; margin-top: 1.5%; margin-bottom: 1.5%; line-height: 21px; text-decoration: none; }




/* Set footer image */

#t-footer { height:60px;background:#fff; padding-top: 20px;padding-bottom:20px; text-align: center; color: #000; line-height: 7px; font-size: 14px;}



#t-footer a { color: #000; font-size: 14px; }



#t-footer a:visited { color: #000; font-size: 14px; }



#t-footer a:hover { color: #e62420; font-size: 14px; }


/*===================================================================*/
/* ************************* forms **************************** */
/*===================================================================*/
.c-form {
	font-size:16px;
	color:#000;
}
#c-contact-container{
	padding:0;
}

.c-form input{
	width:320px;
	height:25px;
	background:#fef9fa;						/* background color for name and email field */
	color:#666;								/* text color for inside of name and email field */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	border:1px solid #999;
	margin-bottom:15px;
	-moz-box-shadow:inset 0 0 10px #ccc;	/*color for inset shadow in name and email field */
	-webkit-box-shadow:inset 0 0 10px #ccc;
	box-shadow:inset 0 0 10px #ccc;
	padding:4px;
}

.c-form input:hover{
	background:rgb(255,255,255); 			/* IE fallback */
	background:rgba(255,255,255,0.7);		/* background color for name and email field in HOVER state*/
}

.c-form input:focus{
	background:rgb(255,255,255); 			/* IE fallback */
	background:rgba(255,255,255,0.9);		/* background color for name and email field when clicked on (Active) */
	color:#666;
}
.c-form textarea{
	width:320px;
	height:100px;
	border:1px solid #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 					/* future proofing */
	-moz-box-shadow:inset 0 0 10px #ccc;	/*color for inset shadow in comment field */	
	-webkit-box-shadow:inset 0 0 10px #ccc;
	box-shadow:inset 0 0 10px #ccc;
	padding:4px;
}
.c-form textarea:hover{
	background:rgb(255,255,255); 		/* IE fallback */
	background:rgba(255,255,255,0.7);	/* background color for comment field in HOVER state*/	
}
.c-form textarea:focus{
	background:rgb(255,255,255); 			/* IE fallback */
	background:rgba(255,255,255,0.9);		/* background color for comment field when clicked on (Active) */
	color:#666;
}

.c-input-text { font-size: 16px; color: #000; }
/*===================================================================*/
   /* ************************* RSVP **************************** */
/*===================================================================*/



#c-rsvp-contact h4, #info h4{
	margin-bottom:25px;
}
#c-rsvp-contact label{
	padding-left:30px;
}
#c-rsvp-comments{padding-left:110px;}
#c-rsvp-attend-yes, #c-rsvp-attend-no {margin:0; padding:0 0 0 50px;height:34px;}
#c-rsvp-attend-yes input, #c-rsvp-attend-no input, #c-register-agree-terms input{
	width:30px;
	height:20px;
}
#c-rsvp-attend-yes label, #c-rsvp-attend-no label{margin:0; padding:0;height:34px;}
#c-rsvp-num-guests input{width:40px; text-align:center;}





/*===================================================================*/

/* Set styles for form elements and buttons */

.c-buttons input {
		border:none;
		height:30px;
      	width:150px;
		background:#333;
		color:#fff;
}
.c-buttons input:hover{
	
		background:#666666;
		color:#fff;
}


/*===================================================================*/