/*
Theme Name: Wharf Rd
Theme URI: http://www.wharfrd.com.au
Description: Theme for Wharf Rd, Nowra
Author: Danielle De Silva
Author URI: http://www.delaks.com.au
Version: 1.0
*/

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

html, body {
    height: 100%; margin:0; padding:0;
}

body{background-image:url(images/wharfrdBG.jpg); background-color:#eef1ee; font-family: 'Open Sans', sans-serif; font-size:12px; letter-spacing:1px;}

h1{font-family: 'Averia Serif Libre',Georgia, "Times New Roman", Times, serif;font-weight:normal; font-size:24px; color:#998B76; text-transform:uppercase;}
h1 a:link, h1 a:visited, h1 a:active, h1 a:hover {font-weight:normal;}

.homeHeading{font-weight:normal; color:#000;}

a:link, a:visited, a:active {color:#998B76; text-decoration:none; outline:none; font-weight:bold;}
a:hover {color:#333;text-decoration:none; outline:none;}

.topstripe{ background-color:#000; height:8px;}
.contact {float:right; font-size:10px; width:61px; height:31px; text-align:center; background-image:url(images/email.png); background-repeat:no-repeat; position:relative; z-index:1000; padding-top:3px; margin-right:38px; text-transform:uppercase; font-weight:700;}

a img {border: none; }
a {outline:none;}

/*---------------------------------------Main DIVs-------------------------------------*/

#container {
	min-height: 100%;
	background-image:url(images/bg.png);
	width:950px;
	margin:0 auto;
}

#wrap {
    overflow:auto;
	width:950px;
	margin:0 auto;
	min-height:100%;
	margin-top:-8px;
	border-top:solid 8px #000;
	padding-bottom: 40px;/* must be same height as the footer */
}  

#header{width:850px; margin-left:50px; position:static; z-index:100;}

#content{margin:0 auto; width:850px; margin-top:35px;}

#blog{width:525px; float:left; margin-left:50px; padding-top:25px; margin-bottom:50px;}

#sidebar{width:235px; float:right; margin-right:50px; margin-top:45px; padding:10px 20px 20px 20px; background-color:#FFF; border:solid 1px #999;}

#footer {
        position: relative;
	margin-top: -40px;  /*negative value of footer height */
	height: 40px;
	clear:both;
	background-color:#000;
}

/*-------------------Navigation Styling - Top Level----------------------------------*/

#main-nav	{
	height: 30px; /* set to the height you want your menu to be */
	margin: 0 0 0 5px; /* just to give some spacing */
	float:right;
}
#main-nav ul	{
	margin: 0; padding: 0; /* only needed if you have not done a CSS reset */
}
#main-nav li	{
	display: block;
	float: left;
	line-height: 30px; /* this should be the same as your #main-nav height */
	height: 30px; /* this should be the same as your #main-nav height */
	margin: 0; padding: 0; /* only needed if you don't have a reset */
	position: relative; /* this is needed in order to position sub menus */
}
#main-nav li a	{
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	color:#000;
	text-transform:uppercase;
}
#main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover {
	color: #998B76;
	background: #f0eeeb;
}

#main-nav li:hover > a{ background: #f0eeeb;}

/*Navigation - Sub Menu Level*/
#main-nav ul ul { /* this targets all sub menus */
	display: none; /* hide all sub menus from view */
	position: absolute;
	top: 30px; /* this should be the same height as the top level menu -- height + padding + borders */
}
#main-nav ul ul li { /* this targets all submenu items */
	float: none; /* overwriting our float up above */
	width: 130px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
}
#main-nav ul ul li a { /* target all sub menu item links */
	padding: 0px 15px; /* give our sub menu links a nice button feel */
	font-weight:normal;	
}

#main-nav ul li:hover > ul {
	display: block; /* show sub menus when hovering over a parent */
	background:#f0eeeb;
}

/*Navigation - Deeper than Sub Menu Level*/
#main-nav ul ul li ul {
	/* target all second, third, and deeper level sub menus */
	left: 130px; /* this needs to match the sub menu width set above -- width + padding + borders */
	top: 0; /* this ensures the sub menu starts in line with its parent item */
}


/*----------------------------------Blog Styling---------------------------------------*/

.post {margin-top:20px;}

.postmetadata{font-size:10px; text-transform:uppercase; color:#666;margin-bottom:15px; padding-bottom:20px; border-bottom: dotted 1px #000;}
.postmetadata a:link, .postmetadata a:active, .postmetadata a:visited {text-decoration:none; color:#333;}
.postmetadata a:hover {color:#998B76;}

#sidebar li {list-style:none;}
#sidebar li a {font-weight:normal;}
#sidebar li.widget {border-bottom: dotted 1px #666; padding-bottom:25px; margin-bottom:20px;}
#sidebar li.widget_categories { border:none; margin:0;}
#sidebar li.widget ul {list-style:circle; margin:0; padding:0;}

/*--------------------------------Page Content Styling ---------------------------*/

.homePage{margin-bottom:20px;}

.leftImage {float:left; width: 380px; border:solid 10px #FFF; background-color:#CCC; margin-right:35px; display:block; padding:0; outline:solid 1px #CCC;}
.leftImage div{padding:0; margin:0 0 -4px 0;}
.rightContent {float:right; width:415px; margin-top:-10px; display:block; margin-bottom:50px;}

hr {
background: transparent;
color: transparent;
border-left: none;
border-right: none;
border-top: none;
border-bottom: 1px dotted #666;
height:1px;
margin-top:20px;
margin-bottom:20px;
}

.top{ text-align:right; margin-top:20px; margin-bottom:-18px;}
.top a:link, .top a:visited, .top a:active {text-decoration: none; font-weight:normal; color: #666; outline:none; font-size:10px;}
.top a:hover 	{text-decoration: none; font-weight:normal; color: #998B76; outline:none; font-size:10px;}


/*------------------------------Footer Styling------------------------------------------*/

.footerHeading{font-family: 'Averia Serif Libre',Georgia, "Times New Roman", Times, serif; text-transform:uppercase;font-weight:700; font-size:14px; margin-right:20px;}


#footerContent{
	width:950px;
	margin:0 auto;
	color:#998B76;
	font-size:12px;
	padding-top:5px;
}

#footerContent a:link, #footerContent a:visited, #footerContent a:active {text-decoration:none; color:#998B76; font-weight:normal;}
#footerContent a:hover {color:#FFF;}