body
{
	background: url(http://www.haran.co.nz/images/bg.jpg) top center no-repeat #000;
	color: #dfdfdf;
	font-size: 80%;
	padding: 20px 0 40px;
	font:13px/1.5 "Century Gothic", Helvetica, Arial, sans-serif;
}
.bold {
    font-weight:bold;
    font-size:1.2em;
}
.footer ul {
   text-align:center;
}
a
{
	color: #dfdfdf;
	text-decoration: none;
	border-bottom: 1px;
}

a:hover
{
	text-decoration: none;
	border: none;
}

a:focus{outline:1px dotted invert}

hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}

h1{font-size:3em}

h2{font-size:1.7em}

h3{font-size:1.2em;}

h4{font-size:1.0em;}

ol{list-style:decimal}

ul { margin: 0; padding: 0; list-style-type: none; }

h1 {
text-indent:-9999px;
margin:0;
padding:0;
border:0;
}
h1 a,h1 a:hover {
text-decoration: none;
width:274px;
height:87px;
background: url(http://www.haran.co.nz/images/logo.gif) top left no-repeat;
margin:0 0 20px 10px;
padding:0;
border:0;
float: left;
display: inline;
}

h2
{
	text-align: left;
	padding: 10px;
	margin: 0;
}
h2 a {
	text-decoration: none;
	border: none;
}
h2 a:hover {
	color: #999;
	border-bottom: 1px solid;
}


h3
{
	text-align: left;
	padding: 10px;
	margin: 0;
}
h3 a {
	text-decoration: none;
	border-bottom: 1px solid;
}
h3 a:hover {
	border: none;
}

h4
{
	text-align: left;
	padding: 10px;
	margin: 0;
}

p
{
	overflow: hidden;
	padding: 10px;
	text-align: left;
	margin: 0;
	font-size: 1em;
	line-height: 160%;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
}

p a {
	text-decoration: underline;
}

a img, a img:hover {
	text-decoration: none;
	border: 0;
}


/* NAVIGATION MENUS */


.menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 10px;
	font-size: 1em;
	font-weight: bold;
}
.menu ul li {
	list-style-type: none;
	padding: 5px 0 7px 0;
	margin: 0;
	text-transform:uppercase;
	border-bottom: 1px solid #333;
}
.menu ul li a, .menu ul li ul li a { padding: 0; margin: 0; text-decoration: none; border: none; }
.menu ul li:last-child {
	border: none;
	padding-bottom: 0;
}
.menu ul li ul {
	padding: 0;
	margin: 0;
}
.menu ul li ul li {
	list-style-type: disc;
	padding: 5px 0;
	margin: 0 0 0 14px;
	text-transform:none;
	border: none;
	font-size: 0.9em;
}

#current, .current_page_item, #current a, .current_page_item a {
	color: #666;
}

.menu ul li a:hover, .menu ul li ul li a:hover {
	color: #333;
}



/* GENERIC CONTENT */

.column_big ul, .column_med ul li {
	margin: 0 0 0 15px;
	list-style: none;
}
.column_big ul li, .column_med ul li {
	list-style-type: disc;
	margin: 0 0 0 10px;
	line-height: 190%;
}



/* BLOG */

.alignleft {
	float: left;
	display: inline;
	border: 5px solid #666;
	margin: 0 10px 10px 0;
}
.alignleft:hover {
	border: 5px solid #ccc;
}
.blog_details {
	color: #999;
	margin: 0 10px;
	padding: 0 0 10px 0;
	text-transform: uppercase;
	font-size: 0.85em;
	clear: both;
}
.blog_details2 {
	color: #999;
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
	font-size: 0.85em;
	clear: both;
}
.blog_details a {
	color: #999;
	border-bottom: 1px solid;
	text-decoration:none;
}

.blog_details2 a {
	color: #999;
	border-bottom: 1px solid;
	text-decoration:none;
}
.blog_details a:hover, .blog_details2 a:hover {
	text-decoration: none;
	border: none;
}
.icons {
	vertical-align: middle;
}

.more-link {
	display: block;
	height: 18px;
	width: 70px;
	background: url(http://www.haran.co.nz/images/button_dark.jpg) 0 0 repeat-x #888;
	color: #000;
	font-size: 0.9em;
	border: none;
	padding: 0 4px 2px 4px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-align:center;
	text-decoration:none;
}
.more-link:hover {
	background: url(http://www.haran.co.nz/images/button_dark.jpg) 0 -30px repeat-x #444;
	color: #fff;
	border: none;
	text-decoration: none;
}

.blog_line {
	margin: 0 10px 10px 10px;
	border-bottom: 1px solid #333;
	display: block;
}

.blog_comment_name {
	font-size: 1.2em;
	font-style: italic;
}
.blog_comment_time, .blog_comment_time a {
	color: #999;
	margin: 0;
	padding: 10px 0 0 0;
	text-transform: uppercase;
	font-size: 0.9em;
}
.comment-body p {
	margin: 5px 0 30px 0;
	padding: 10px 0 20px 0;
	border-bottom: 1px solid #333;
}
.commentlist {
	margin: 20px 10px 0 30px;
}
.commentlist li {
	padding-left: 10px;
}

.search_top {
	float: right;
	font-size: 0.9em;
}

#searchform {
	padding: 10px;
}

#s { /* sidebar search input text */
	width: 80px;
	padding: 2px 5px;
	background: url(http://www.haran.co.nz/images/form_bg.jpg) 0 0 repeat-x #f4f4f4;
	border: 1px solid #888;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 0.9em;
}
#s:hover, #s:focus {
	background: url(http://www.haran.co.nz/images/form_bg.jpg) 0 -250px repeat-x #CFD0D2;
}

#searchsubmit, .send_button, #submit, #comment {
	background: url(http://www.haran.co.nz/images/button_dark.jpg) 0 0 repeat-x #888;
	color: #000;
	border: none;
	padding: 5px 8px 4px 8px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#searchsubmit:hover, .send_button:hover, #submit:hover {
	background: url(http://www.haran.co.nz/images/button_dark.jpg) 0 -30px repeat-x #444;
	color: #fff;
	border: none;
	cursor: pointer;
}
.send_button, .search_top label {
	font-size: 0.9em;
}

#searchsubmit {
	padding: 2px 5px;
	font-size: 0.9em;
}
#submit { font-size: 0.9em }


.navigation {
	margin: 40px 0 0 10px;
	font-size: 0.85em;
	text-transform: uppercase;
}

.navigation_top {
	margin: 10px 0 40px 10px;
	font-size: 0.85em;
	text-transform: uppercase;
}


/* CONTACT */

#name,  #email, #phone, #date, #hear, #captcha {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	padding: 2px 5px;
	background: url(http://www.haran.co.nz/images/form_bg.jpg) 0 0 repeat-x #f4f4f4;
	border: 1px solid #888;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	display: block;
	width: 190px;
	padding: 5px;
}

#hear { width: 200px }
#hear option {
	background: none;
}
#hear option:hover, #hear option:focus {
	background: #999;
}

#comments, #comment {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	padding: 2px 5px;
	background: url(http://www.haran.co.nz/images/form_bg.jpg) 0 0 repeat-x #f4f4f4;
	border: 1px solid #888;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	display: block;
	width: 330px;
	height: 130px;
	padding: 5px;
}

#name:hover,  #email:hover, #phone:hover, #date:hover, #hear:hover, #comments:hover, #comment:hover, #captcha:hover, #name:focus,  #email:focus, #phone:focus, #date:focus, #hear:focus, #comments:focus, #comment:focus, #captcha:focus {
	background: url(http://www.haran.co.nz/images/form_bg.jpg) 0 -250px repeat-x #CFD0D2;
}



/* ALBUMS PAGE FLIP */

#fbContainer { margin: 10px 0 0 10px; }

.album_link {
	display: inline;
	margin: 0 170px 0 10px;
	padding: 0;
	float: left;
}
.last { margin: 0; }

.album_current {
	color: #666;
}
.album_link a:hover {
	color: #999;
}

/* FOOTER */

.footer {
	background: none;
	margin: 20px 0 0 160px;
	font-size: 0.85em;
	color: #999;
}

.footer a {
	text-decoration: none;
	border-bottom: 1px solid;
	color: #999;
}
.footer a:hover {
	text-decoration: none;
	border: none;
	color: #999;
}

.footer ul {
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;
}
.footer ul li {
	display: inline;
	padding: 0 50px 0 0;
	color: #999;
}


/* MISC */

.floatRight {
	float: right;
	margin: 10px;
}

.box_grey {
	margin: 10px 10px 0 10px;
	padding: 10px;
	width: 740px;
	height: 70px;
	background: url(http://www.haran.co.nz/images/banner.jpg) top left no-repeat;
	clear: both;
}
.box_grey h3 {
	color: #fff;
	margin: 10px 0 10px 215px;
	padding: 0;
}
.box_grey p {
	color: #fff;
	margin: 0;
	padding: 0 0 0 215px;
}
.button_grey {
	float: right;
	display: block;
	margin: 12px 10px 0 0;
	padding: 0;
	background: url(http://www.haran.co.nz/images/button_grey.png) 0 0 no-repeat;
	width: 155px;
	height: 44px;
}
.button_grey:hover {
	cursor: pointer;
	background: url(http://www.haran.co.nz/images/button_grey.png) 0 -44px no-repeat;
}
.button_grey h3 {
	color: #000;
	margin: 0;
	padding: 10px;
	text-align: center;
}
.button_grey h3:hover {
	cursor: pointer;
	color: #fff;
}

#nzipp {
	float: right;
	display: inline;
	margin: 20px 10px 0 0;
}

#facebook {
	margin: 20px 0 0 10px !important;
	margin: 20px 0 0 5px;
	padding: 0;
	background: url(http://www.haran.co.nz/images/facebook.jpg) 0 0 no-repeat;
	width: 140px;
	height: 16px;
	float: left;
	display: block;
}
#facebook:hover {
	background: url(http://www.haran.co.nz/images/facebook.jpg) 0 -16px no-repeat;
}