body{background:#FEF7DC url(http://www.farawaybay.com.au/images/body.jpg) bottom center fixed no-repeat; margin:0; padding:0; font-size:76%;}

#wrapper{ width:761px;margin-left:auto; margin-right:auto; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;   background:#fff}


p{ margin: .75em 0; padding:0;}

a{color:#333}

.pagequote{padding:10px; width:180px; color:#333; text-align:center; font-style:italic; font-weight:bold; background:url(http://www.farawaybay.com.au/images/comma_right.gif) right bottom no-repeat ; margin:0; }

.testimonial {padding:10px; width:180px; color:#333; text-align:left; font-style:normal; font-weight:normal; background:url(http://www.farawaybay.com.au/images/comma_right.gif) right bottom no-repeat ; margin:0; }

.fullwidthtestimonial{padding:10px 10px 0 10px; color:#333; text-align:left; font-style:normal; font-weight:normal; background:url(http://www.farawaybay.com.au/images/comma_right.gif) right bottom no-repeat ; margin:10px 0; }

#address{text-align:left; padding:10px; font-size:1em;}

			.flash-replaced .alt {
				display: block;
				height: 0;
				position: absolute;
				overflow: hidden;
				width: 0;
			}
			
			#header_ss{float:left;}
			
			
#navmodules{background: #E5DEDE;float:left; width:209px; border-bottom:5px solid #fff; height:35px;}
#navmodules a img{float:left; padding:5px; border:0;}
#tophimg{float:right; border-left:5px solid #fff;border-bottom:5px solid #fff;}


#contentarea{width:761px; float:left; border-top: #fff solid 5px;  border-bottom:#fff solid 5px; background:#fff url(http://www.farawaybay.com.au/body_bg.gif) left repeat-y;}

 #left{float:left; padding-top:10px; width:210px;  text-align:center; margin-right: 5px }

#text{width:535px; float:left; background:#fff; margin:0;} 

#hometext{width:355px; padding-right:5px; float:left; background:#fff; margin:0;} 
#homeright{float:left; padding-top:10px; width:180px; margin-right:5px;  text-align:center; }
 
#footer{float:left; width:511px; background:#AB9696; text-align:right; padding-right:250px; line-height:40px; height:60px;}

#footerleft{float:left; width:210px; background:#9C8383; text-align:center; color:#fff; height:60px; border-right:5px solid #fff;}


blockquote {font-size: 1.2em; color: rgb(107, 40, 35);}
blockquote .author{ display: block; text-align: right;}

/*h2#coming_events_title, h2#subscribe_title, h2#latest_posts_title { color:#007FA8; font-size:1.3em */

h2#coming_events_title, h2#subscribe_title, h2#latest_posts_title { 
	color:#fff; background:#CF5142; display:block; margin: 4px auto 0 auto; text-decoration:none; text-align:center; font-size:1.3em;
	padding: .5em ; -moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px; 
	width:130px;
}


#comingevents, #latestposts {list-style:none; margin:0; padding:  0; -moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;border: 1px solid #666; margin: .5em 0;background-color:#F8F8F8; color: #333333;  }


#comingevents li.event, #latestposts li.post { text-align:left; padding:3px; margin:2px 0; widows:none;}
#comingevents .event p, #latestposts .post p{ margin:0; line-height:normal}
#comingevents .event strong a  {
	color:#007FA8; display:block; margin: 4px 0; text-decoration:none; text-align:center; font-size:1.1em;
	}

#comingevents .event p small {line-height:inherit;}
#comingevents .event p small { margin:0}

#latestposts .post strong a {text-decoration:none; font-size:1.1em}
#latestposts .post strong a span {font-size:10px; font-weight:normal}

h1{ font-size:1.2em;}
h2{ font-size:1.1em;}

.clear{clear:left}
.clearboth{clear:both}
.lbox {margin:0; padding:0}

.right {
	float: right;
	margin-left: 10px;
}
.left {
	float: left;
	margin-right: 10px;
}
.border {
	margin: 1px;
	padding: 2px;
	border: 1px solid #666;
	background:#fff;
}
#fabgallery {clear:both}
#fabgallery ul{margin:0; padding:0;}
#fabgallery ul li {float:left; margin:1px; text-align:center; font-size:.8em; list-style:none;}
#gallery {margin:0; padding:0;}
#gallery li{list-style:none; }

#tariff tr { margin-bottom:10px}
#tariff th {background:#EEDDA2;font-size:1.1em; text-align:left}
#tariff caption {font-size:1.3em;}
#tariff td{border:1px solid #EEDDA2; padding:5px;background:#F4EAC4;}



#sidegallery { text-align:left; float:right; margin-left:3px; padding:0; }
#sidegallery ul{margin:0; padding:0;}
#sidegallery li{list-style:none; margin:2px 0}

#indexsidebar{width:180px; float:right; margin-left:3px; padding:0; line-height:15px;}
#indexsidebar h2{font-size:.9em; text-align:center; margin:2px 0 2px 0; padding:0;}

.selem{border:1px solid #ccc;padding:3px;  margin:2px 0; }
#newsletter {font-size:.9em}

/* ################## blogger template ####################*/


div.blogPost {padding-left:5%;padding-right:10%;}
		div.byline {color:#555555;}
		p#bloggerBug {padding-top:20px;}
		.blogComments {padding-top:30px;color:#555555;padding-bottom:0px;margin-bottom:0px;font-weight:bold}
		.blogComments .byline {font-size:1em;font-weight:normal;color:#555555;margin-right:10px;display:inline}
		.blogComment {font-size:1em;margin:3%;color:#000000;font-weight:normal}
        .deleted-comment {font-style:italic;color:gray;}
        #blogfeeds { }
        #postfeeds { }

.icon-action {border:0;}

/* ###################  media page styles ##################*/

.media-entry-thumb{ float:left; padding:2px; margin: 2px ; width:auto;  border:0; 
}

.media-entry-thumb img{ border:0; }
.media-entry{margin:2px 0; border-bottom:1px dashed #ccc;line-height:normal; font-size:75%
font-weight:normal;}
.media-entry-thumb a{text-decoration:none}

/* ###################  date picker styles ##################*/
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}




/* For the popup */



div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

.mediathumb { width: 120px; text-align:center; float:left; margin-right:3px}

.newsdate {margin-right:10px;}
/****** temporary style for the menu before clickMenu styles override *****/
#navigation { visibility:hidden}

.shaded {background:#F8F8F8}