@charset "UTF-8";
/* CSS Document */

/*   
Theme Name: Ocean View Estates
Theme URI: http://www.oceanviewestates.com.au
Description: Theme for OVE
Author: Kille Creative
Author URI: http://www.kille.com.au/
.
Your theme can be your copyrighted work.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/




h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	}

h1 {
	color: #4a87bb;
	font:22px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	}
	
h2 {
	color: #4a87bb;
	font:16px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
	}
	
h3, h4 {
	color: #4a87bb;
	font:16px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
	font-weight: normal;
	}
	
h5 {
	color: #4a87bb;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
	font-weight: bold;
	}

	
p {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	line-height: 17px;
	margin-bottom: 10px;
	}
	
	
	#content ul {
		margin-left: 0px;
		margin-top: 15px;
		margin-bottom: 10px;
		}
	#content li {
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		line-height: 1.2em;
		color:#666;
		margin-bottom: .5em;
		}

	
		.alignright {float:right; margin-left: 10px; margin-bottom: 15px;}
		.alignleft {float:left; margin-right: 10px; margin-bottom: 15px;}

.date {
	font-style:italic; color: #d81d62;}
	
	a.news_link  { color:#4a87bb; text-decoration:none; }
	a.news_link:active, a.news_link:visited { color:#4a87bb; text-decoration:none; }
	a.news_link:hover { color:#d81d62; text-decoration:underline; }
	
	a.more  { color:#4a87bb; text-decoration:none; }
	a.more-link:active, a.more-link:visited { color:#4a87bb; text-decoration:none; font-style:italic; }
	a.more-link:hover { color:#d81d62; text-decoration:underline; font-style:italic; }


.none {
	display: none;
	}


form {
	border-top: 1px #DDD solid;
	border-bottom: 1px #DDD solid;
	padding: 15px 0px 15px 0px;
	margin: 10px 0px 10px 0px;
	}
	
	#footer form {
	  border-top: 0px;
	  border-bottom: 0px;
	  padding: 0px 0px 0px 0px;
	  margin: 0px 0px 0px 0px;
	  }


body {
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background: #ffffff url(images/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	}
	
#wrapper2 {
	margin: 0 auto;
	margin-top: 0px;
	padding: 0px;
	width: 1020px;
	text-align: center;
	background:url(images/bg-container.jpg) #FFFFFF no-repeat;
	}

#wrapper {
	margin: 0 auto;
	padding: 0px;
	border: 0;
	width: 960px;
	text-align: left;
	}
	
	
	
/*---------  HEADER  ----------*/

#header {
	margin: 0 0 0 0;
	width: 960px;
	height: 450px;
	position: relative;
	background-color:#000;
	}
	
	#header_left {
		width: 240px;
		height: 450px;
		float:left;
		background-image: url(images/header_left-bg.png); 
		}
	
		#logo {
			width: 240px;
			height: 170px;
			padding-top: 30px;
			text-align:center;
			}
		
		/*---------  MAIN NAVIGATION  ----------*/
		
		#navigation {
			width: 240px;
			height: 250px;
			color: #FFF;
			}
			
					#navlist {
						padding-left: 0;
						margin: 7px 0px 0px 0px;
						/*border-bottom: 1px solid #000;*/
						width: 240px;
						font: 12px Verdana, Arial, Helvetica, sans-serif;
						}
						
					#navlist li {
						list-style: none;
						margin: 0;
						/*border-top: 1px solid #000;*/
						}
						
					#navlist li a {text-decoration: none; display:block; padding: 5px 10px 5px 20px; color:#FFF;}
					#navlist li a:hover { text-decoration: none; color:#FFF; border-left:8px solid #d81d62; padding-left:12px; background-color:#000; }
			
			
		
	#header_content {
		width: 720px;
		height: 450px;
		float: right;
		}



/*---------  CONTAINER  ----------*/


#container {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 960px;
	position: relative;
	clear:both;
	}
	
	
	
	/*---------  LEFT COLUMN  ----------*/
	
	
	
		#left_col {
			width: 199px;
			float: left;
			margin: 20px 0px 20px 0px;
			padding: 20px 20px 0px 20px;
			}
			
		#left_col h3, #content_index-right h3 {
			margin-bottom: 10px;
			color:#d81d62;
			}
			
				#sub_navlist, #sub_navlist2, #sub_navlist-right {
					padding-left: 0;
					margin-left: 0px;
					margin-top: 20px;
					width: 199px;
					font: 16px Verdana, Arial, Helvetica, sans-serif;
					}
				#sub_navlist2, #sub_navlist-right {
					margin-left: 0px;
					margin-top:20px;
					}
					
				#sub_navlist li, #sub_navlist2 li, #sub_navlist-right li {
					list-style: none;
					margin: 0;
					padding-bottom: 20px;
					}
					
				#sub_navlist li a, #sub_navlist2 li a {text-decoration: none; display:block; color:#4a87bb; }
				#sub_navlist li a:hover, #sub_navlist2 li a:hover { text-decoration: underline; color:#6699cc; }
									
				#sub_navlist-right li a { font-size: 14px; text-decoration: none; display:block; color:#666; border-bottom: 1px solid  #4a87bb; padding-bottom: 5px; padding-left: 5px;}
				#sub_navlist-right li a:hover { font-size: 14px; text-decoration: none; color:#4a87bb; }

				#news_signup {
					display: block;
					width: 199px;
					height: 55px;
					background: url(images/news_signup.png) no-repeat 0 0;
					margin-top: 30px;
					}
					
					#news_signup:hover {background-position: 0 -55px;}
					#news_signup span {display: none;}
					
				#facebook {
					display: block;
					width: 181px;
					height: 95px;
					background: url(images/facebook.jpg) no-repeat 0 0;
					margin-top: 0px;
					}
					#facebook span {display: none;}
		
	/*---------  Content INDEX Column ----------*/
		
	#content {
		width: 680px;
		float: right;
		margin-top: 20px;
		margin-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
		border-left: 1px #DDD solid;
		}
		
		#content_index {
			float: left;
			width: 440px;
			margin-top: 20px;
			}
		
		#content_index-right {
			float: right;
			width: 220px;
			margin-top: 20px;
			}
	
	
	/*---------  Content PAGE Column  ----------*/
			
		#content_page {
			float: left;
			width: 330px;
			margin-top: 20px;
			}
		
		#content_page-right {
			float: right;
			width: 330px;
			margin-top: 60px;
			}
			
				
				#content_page a, #content_page a:active, #content_page a:visited { color:#4a87bb; text-decoration:none; }
				#content_page a:hover { color:#d81d62; text-decoration:underline; }
				
			
	/*---------  Content INDEX Column ----------*/
		
	#content-1_column {
		width: 680px;
		float: right;
		margin-top: 20px;
		margin-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
		border-left: 1px #DDD solid;
		}


/*------ SINGLE PAGE ------*/
	
.more-link a { color:#d81d62; text-decoration:underline; }
.more-link a:hover { color:#4a87bb; text-decoration:underline; }
			
			
			
/* GALLERY */


.ngg-galleryoverview {
	z-index: 10;
	position: absolute;
	overflow: hidden;
	margin-left: 360px;
	}
		
		
#photo_album .ngg-galleryoverview {
	z-index: 10;
	position: absolute;
	margin-left: 0px;
	width: 660px;
	}
	
#photo_album {
	min-height: 500px;
	padding-top:20px;
	}
	


/*---------  Restaurant Menu  ----------*/

	
	div#food_menu {
		width: 600px;
		margin: 0 auto;
    	font: 90% Verdana, Arial, Helvetica, sans-serif;
		text-align:left;
		}
	
	#food_menu h2 {
		color: #4a87bb;
		font: 20px Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 20px;
		padding-top:30px;
		}

	dl {
		width: 100%;
		overflow: auto;
		margin: 0 0 1em;
		background: url(images/dot.gif) repeat-x 0 0.8em;
		}
	dt,dd.price {
		background: #FFF;
		font-size: 12px;
		}
	dt {
		float: left;
		padding-right: 3px;
		color: #4a87bb;
		}
	dd { margin:0; }
	dd.price {
		float: right;
		padding-left: 3px;
		color: #666;
		font-style: italic;
		}
	dd.ingredients {
		float: left;
		width: 580px;
		padding: 3px 0;
		padding-left: 10px;
   		font: 10px Verdana, Arial, Helvetica, sans-serif ;
		font-style: italic;
		color: #666;
		}

	
		
/*---------  FOOTER  ----------*/
		
		
#footer {
	width: 920px;
	clear:both;
	background: #ffffff;
	padding: 10px 20px 10px 20px;
	border-top: 1px #CCCCCC solid;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #4a87bb;
	}

	#footer a { color:#4a87bb; text-decoration:none; }
	#footer a:hover { color:#6699cc; text-decoration:underline; }
	
	#footer p { color:#4a87bb;}