/*  
Theme Name: Empladv
Theme URI: http://employmentadvocate.co.nz/
Description: Customised for David Flaws
Version: 1.0
Author: John Potter
Author URI: http://motuweb.com/

*/
html {height:100%}/*with min-height on body to force scrollbars*/
body	{
	margin: 0;
	padding: 0;
	min-width: 770px;
	min-height:100.01%;
	}
#header {
	margin: 15px 5% 0 333px;
	padding: 0;
	height: 218px;
	border-style: solid;
	border-width: 1px 1px 1px 0;
	}
#logo {
	position:absolute;
	top:15px;
	left: 15px;
	}
.admin-bar #logo {
	top: 43px;
	}
h1 {
	margin: 30px 120px 0 30px;
	padding: 10px 0 0 0;
	text-align: center;
	height:210px;
	}
#tagline {
	position: absolute;
	top: 172px;
	left: 350px;
	margin: 0 170px 0 0;
	padding: 0;
	text-align: center;
	}
#davidflaws {
	float: right;
}
#wrap {
	float:	left;
	width:	66%;
	padding: 0 0 1em 0;
	margin-bottom: 4em;
	margin-left: 33%;
	min-width: 430px;
	}
#content {
	max-width: 600px;
	}
#sidebar{
	float: left;
	width: 33%;
	margin-top: 10px;
	margin-left: -100%;
	padding:0 0 100px 0;
	min-width: 155px;
	}
#sidebar li {
	list-style: none;
	}
.widget {
	margin: 1em 2.5em;
	padding: 1em;
	border: 1px solid;
	}
h2.widgettitle{
	margin-top: 0;
	background: none;
	border: none;
	}
#footer{
	clear: both;
	margin:0;
	padding: 0 5% 0 0;
	border-top: 1px solid;
	text-align: right;
	}
.next {
	margin: 2em 0;
	text-align: right;
	font-weight: bold;
	}
.skipnav {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
}
/* Commented backslash hack v2 - IE5 Mac can't do this properly -  \*/
.skipnav:active, .skipnav:focus {
	position: absolute;
	overflow: visible;
	top:5px;
	left:5px;
	z-index:5;
	padding:5px;
	width: auto;
	height: auto;
	color: red;
	background-color:  #fff;
	font-weight: bold;
	font-size: .8em;
	text-decoration: underline;
} 
/* End Hack  */
ul#mainmenu {margin:0; padding:0;}

/* APPEARENCE   ---------------------------------------------------*/

body {
	background: #fff url(images/bodybg.jpg) repeat-y;  
	color: #030606;
	font-family:  "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 76%;
	}
#header {
	color: #20160F;
	background: #E8F3F4 url(images/header-bg.jpg) repeat-x;
	border-color: #999;
	}
#header a:link, #header a:visited, #header a:hover {
	padding: 0;
	background: none; /* or IE5 looses tagline when logo hovered???  */
	}
#logo {background: #E8F3F4;}
h1 {
	font-size: 240%;
	font-weight: bold;
	color: #030606;
	background: transparent url(images/handshake.gif) no-repeat;
	background-position: bottom center ;
	}
#tagline {
	font-style: italic;
	font-size: 120%;
	font-weight:bold;
	color: #030606;
	}
#wrap {
	color: #000;
	background: #fff; 
	}
#content {
	margin: 40px 0 0 0;
	padding: 0 3em;
	line-height: 1.5em;
	}
#content img {
	float: right;
	margin: 5px 5px 5px 10px;
	padding: 5px;
	}
h5 {					/*  date  */
	padding-top: 1em;
	padding-right: 2em;
	text-align: right; 
	font-size: .90em;
	clear: both;
	}
						
h2 {					/*  main page heading  */
	padding:.25em;
	font-size: 1.4em;
	color: #3A7478;
	background-color: #E3EEF0;
	border-bottom: .8em solid #F2F5F5;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	}
h2.cat-head {
	color: #000;
	background-color: transparent;
	text-align: center;
	font-size: 1.5em;
	border: none;
	}
h3 {
	font-size: 1.25em;
	clear: both;
	color: #3A7478;
	background: #fff;
	}
h4 {
	text-align: center;
	}
a:link {
	color: #489095;
	background-color: #fff;
	text-decoration: underline;
	}
a:visited  {
	color: #808080;
	background-color: #fff;
	text-decoration: underline;
	}
p a:link, p a:visited, li a:link, li a:visited {
	padding: .3em;
	line-height: 1.8em;
	}
a:hover {
	color: #3A7478;
	background-color: #E8F3F4;
	text-decoration: none;
	}
a:hover.imagelink {
	color: #000;
	background-color: #fdfcfb;
	
		}
h2 a:link, h2 a:visited {
	color: #3A7478;
	background-color: #E3EEF0;
	text-decoration: none;
	}
h2 a:hover {
	text-decoration: underline;
	}
a img {
	border: none;
	}
dl {
	margin-left: 2em;
	}
dt {
	font-weight: bold;
	}
acronym, abbr {
	border-bottom: 1px dashed #D8CBC4;
	}
acronym, abbr {
	cursor: help;
	}
acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
	}
blockquote {
	margin: 1em 2em;
	padding: .2em 1em;
	border-left: 6px solid #F2F5F5;
	border-top: 1px dashed #AFD5D8;
	color: #3A7478;
	background: #fff;
	}
cite {
	display: block;
	font-style: italic;
	text-align: right;
	}
p.breakout {
	float: right; 
	width: 30%;
	margin-left: 10px;
	border: 1px solid #ccc;
	padding: 1em;
	color: #fff;
	background: #92C7CA;
	font-weight: bold;
	font-size: 1.1em;
}
#sidebar {
}
#pagenav { 
	margin: 2em auto;
	padding: 0;
	}
#search {
	text-align: right;
	}
#searchform input {
	border-color: #D8CBC4;
}
.widget{
	border-color: #ccc;
	color: #fff;
	background: #92C7CA;
}
li.widget_search {
	border: none;
	color: #fff;
	background:transparent;
}
.widget ul {
	margin: 0 0 0 1em;
	padding: 0;
	}
.widget li {
	margin: 1em 0 0 0;
	padding: 0;
	}
.widget a:link, .widget a:visited {
	color: #000;
	background-color: #92C7CA;
	text-decoration: underline;
	padding: .2em;
	}
.widget a:hover {
	color: #3A7478;
	background-color: #E8F3F4;
	text-decoration: none;
	}
#footer {
	border-color: #999;
	color: #fff;
	background: #92C7CA;
	padding-bottom: .1em;
	font-size: .9em;
	color: #fff;
	}
p.credit {
	display: inline;
	margin: .4em 0;
	padding: 0;
	}
#footer cite {display: inline;}
#footer a:link, #footer a:visited {
	color: #fff;
	background: transparent;
	}
#linkslist {
	list-style: none;
	margin:0;
	padding:0;
	}
#linkslist ul {list-style: disc;}

/*  NAVIGATION -----------------------------*/
a#site-navigation {
	visibility: hidden;
	}
ul#pagenav {
	width: 200px;
	font-weight: bold;
	z-index:5;
	font-size: 1.2em;
	}
#pagenav li {
	margin-top: 6px;
	list-style: none;
	}
#pagenav li a {
	height: 24px;
	padding: .5em 0 0 .8em;
	text-decoration: none;
	border-width: 1px;
	border-color:  #808080 #907262 #907262 #808080;
	border-style: solid;
	}
#pagenav li a:link, #pagenav li a:visited {
	display: block;
	color: #000;
	background: #E8F3F4 url(images/navbutton.gif);
	}
	
#pagenav li a:hover {
	color: #fff;
	background: #92C7CA url(images/navbutton.gif) 0 -32px;
	border-color:  #eee #999 #999 #eee;
	}
	
#pagenav li a:active {
	color: #fff;
	background: #666 url(images/navbutton.gif) 0 -64px;
	border-color: #907262; 
	}
	
	/*	              stop hover on current page */
#pagenav li.current_page_item a,
#pagenav li.current_page_item a:link,
#pagenav li.current_page_item a:visited,
#pagenav li.current_page_item a:hover{
	background: #E8F3F4 url(images/navbutton.gif) 0 -32px;
	color: #000;
	border-color:  #808080 #907262 #907262 #808080;
	}
/*                 	second level menu items*/
#pagenav ul {
	font-size: .9em;
	margin: 0;
	padding: 0 ;
	text-align: left;
	}
#pagenav li ul li a:link,
#pagenav li ul li a:visited,
#pagenav li.current_page_item ul li a,
#pagenav li.current_page_item ul li a:link,
#pagenav li.current_page_item ul li a:visited {
	color: #000;
	background: #E8F3F4 url(images/navbutton.gif) ;
	border-width: 1px;
	border-color:  #808080 #907262  #907262 #808080;
	padding-left: 2.5em;
	}
#pagenav li ul li a:hover,
#pagenav li ul li a:visited:hover,
#pagenav li.current_page_item  ul li a:hover {
	background: #92C7CA url(images/navbutton.gif) 0 -32px;
	color: #fff;
	border-width: 1px;
	border-color:  #eee #999 #999 #eee;
	}
#pagenav li ul li a:active,
#pagenav li ul li a:visited:active {
	color: #fff;
	background:  #666 url(images/navbutton.gif) 0 -64px;
	border-width: 1px;
	border-color: #907262 #808080 #808080 #907262;
	}
/*	stop hover on current second-level page */
#pagenav li ul li.current_page_item a:link,
#pagenav li ul li.current_page_item a:visited,
#pagenav li ul li.current_page_item a:visited:hover,
#pagenav li ul li.current_page_item a:hover {
	background: #E8F3F4 url(images/navbutton.gif) 0 -32px;
	color: #000;
	border-width: 1px;
	border-color:  #808080 #907262 #907262 #808080;
}