/* Custom Styles For The Riverside County Bed & Breakfast */
/* CSS Final Project by Lucinda Wales */


/* 1. Events Page Calendar Table Styles Add your styles to these. Styles shouldn't affect other tables */ 
/* ==================================== Style table heading, weekdays, date #'s, empty days, & events */

table#calendar { 
	width: 98%;             /* change this table width as needed  */
	margin-left: auto;      /* auto left and right margins centers the item since it has a width */
	margin-right: auto;  
	border: #C96 1px solid; 
}

table#calendar td { 
	height:  4.75em;  /*  change this height for the calendar days as needed */
	width: 14%;       /*  in xhtml 1.0 strict, these html attributes of tr, td, or th aren't allowed */
}

table th {
	border-color: #999; 
}

table th#monthYear {
	background: #C96 url(images/bg_orangegranite.gif);
	font-size: 1.2em;
}

table tr#weekdays {
	background: #999 url(images/bg_graygranite.jpg);
	text-align: center;
}

table tr td {
	padding: 0 5px 5px 5px;
	border-color: #999;
}

table tr .noday {
	background: white url(images/cal-noday.gif) no-repeat center center;
}

table tr td .date {
	font-weight: bold;
	text-align: right;
}

table tr td .event {
	text-align: left;
	height: 4.75em;
}



/* 2. FAQ Page Question & Answer Styles: Style questions differently from answers */
/* ====================================  */

p.question:before {
	content: "Q:";
	font-weight: bold;
	font-size: 1.2em;
	margin-right: 6px;
}

.question {
	font-weight: bold;
	color: #C96;
	margin-top: 15px;
}

p.answer:before {
	content: "A:";
	font-weight: bold;
	font-size: 1.22em;
	margin-right: 6px;
}

.answer {
	font-style: italic;
	letter-spacing: 1px;
	margin-top: -10px;
}

/* 3. Services Page Image Floating, Border & Margin Styles: Can be used for images on other pages too */
/* =======================================================  */


.servicepic {
  	border: 5px outset #CCC;
  	float: right;	
}

#rightpic {  /* Mr. McLeod, this picture looks better floating to the right, rather than to the left.  Because of the size and amount of text next to this picture, there would be an orphan sentence under the picture. */
	float: right;
	margin-left: 15px;
}

#leftpic {
	float: left;
	margin-right: 15px;
}




/* Miscellaneous Styles: For any other styles for a single page not fitting above categories */
/* ====================  If your positioning styles affect only 1 page, put them here! */


/* Homepage photo */
.photo {
	float: right;
	margin: 0 0 0 15px;
	width: 176px;
	height: 226px;
}