/*
Theme Name: Pioneer Finance
Theme URI: http://www.pioneerfinance.co.nz
Description: A custom theme developed for Pioneer Finance Limited of New Zealand.
Version: 1.0
Author: Hodgeman Web & Design
Author URI: http://www.hodgeman.co.nz/
Tags: black, grey, white, monotone, smart, clean, uncluttered
*/


/* Begin Typography & Colors */
*{margin:0;padding:0}
body{background:#000;font:13px Tahoma, Myriad, 'Myriad Pro', Arial, Helvetica, sans-serif;color:#333}
a{outline:none;color:#475da6;text-decoration:none}
a img{border:0}
a:hover{text-decoration:underline}
#header{float:left;height:137px;width:100%;position:relative}
#middle{float:left;width:100%;background:#858585 url(images/bg_middle.gif) 0 0 repeat-x;}
.center{width:772px;margin:0 auto}
.wider{width:772px;background:url(images/shadow.jpg) center top no-repeat;min-height:300px;padding:0 30px}
h1{background:url(images/logo.gif) no-repeat;width:310px;height:158px;float:left;margin-left:1px}
h1 a{width:345px;height:158px;display:block}
h1 span{display:none}
h2,h3,h4,p,ol,ul,table,fieldset{margin-bottom:15px}
ol,ul{margin-left:20px}
p,li{line-height:130%}
h2{font:bold 30px Georgia, "Times New Roman", Times, serif;color:#475da6}
h3,legend{font:20px Georgia, "Times New Roman", Times, serif}
.menu ul{list-style-image:none;list-style-position:outside;list-style-type:none;padding:95px 0 0;float:left;margin-bottom:0}
.menu ul li{float:left;font:14px Myriad, 'Myriad Pro', Arial, Helvetica, sans-serif}
.menu ul li a{color:#BBB;text-decoration:none;display:block;padding:2px 10px 0;height:40px;line-height:25px}
.menu ul li.current_page_item, .menu ul li.current_page_parent{background:#000 url(images/menu_current.gif) top left no-repeat;height:40px}
.menu ul li.current_page_item a, .menu ul li.current_page_parent a{padding-left:15px;color:#FFF}

#content{float:left;width:710px;padding:30px 30px 10px;border-left:1px solid #000;border-right:1px solid #000;background:#FFF url(images/bg_content.gif) top right repeat-y;min-height:300px}
#main{float:left;width:460px;margin-right:50px;position:relative}
#testimonial{position:absolute;left:-181px;top:-30px;width:90px;height:241px;margin:0;padding:45px 10px 20px 50px;background:url(images/bg_testimonials.png) right top no-repeat}
#testimonial p{font-size:0.8em;text-align:right;line-height:15px}
#testimonial em{font-weight:bold;text-transform:uppercase}

#sidebar{float:left;width:200px}
#sidebar h2{font-size:18px;margin-bottom:5px}
#sidebar ul{margin-left:0;list-style:none}
#sidebar ul ul{margin-left:15px;list-style:circle}

#footer{float:left;width:100%;color:#999;margin:10px 0 30px 0}
#footer a{color:#999;text-decoration:none}
#footer a:hover{text-decoration:underline;color:#CCC}
span.left{float:left}
span.right{float:right;text-align:right}

.loanpack{float:left;width:100%;margin-bottom:20px}
.postit{background:url(images/postit.jpg) no-repeat;width:110px;height:90px;padding:46px 20px 27px;float:left;text-align:right;margin-right:20px}
.postit h3{font-size:28px;margin:0}
.postit small{font-size:18px;font-style:italic}

.question{margin-bottom:0;color:#000;font-weight:bold;font-size:14px;border-top:2px dotted #CCC;padding-top:15px}
.break{border-top:2px dotted #CCC;padding-top:15px}

iframe{border:1px solid #666}

#shadow_left{background:url(images/shadow_left.jpg) 0 0 no-repeat;width:30px;height:300px;float:left}
#shadow_right{background:url(images/shadow_right.jpg) 0 0 no-repeat;width:30px;height:300px;float:left}

.alignright{float:right;margin-left:10px}
.alignleft{float:left;margin-right:10px}
.txt-center{text-align:center}
.clearleft{clear:left}
.green{color:#3C6D0F}

/*APPLY NOW*/
fieldset{padding:5px}
legend{padding:0 10px;margin-left:10px}
span.small{font-size:.8em}
table td{padding:3px}
#error {padding:10px;background-color:#FFF0F0;border:1px solid #FFD9DA;margin-bottom:20px}
#error h3{margin:0 0 10px 0;background-color:#FFF0F0;color:#B90000;padding:0}
#error ol{margin:0 0 0 30px}
.offstate-joint, .offstate-jointprevious, .offstate-applicantprevious{display:none}
.onstate-joint, .onstate-jointprevious, .onstate-applicantprevious{display:block}
/* BLOG STYLES */
.blog h2{font-size:20px}
.blog ul#posts{list-style:none;margin:0}
.blog ul#posts li{position:relative;border-bottom:2px dotted #CCC;margin-bottom:15px}
.blog ul#posts li div.date{position:absolute;left:-91px;width:40px;padding:10px;background-color:#FFF;border-width:1px 0 1px 1px;border-style:solid;border-color:#000;text-align:center}
.blog ul#posts li div.date strong{font-size:24px}
.blog ul#posts li div.date span{font-size:18px;display:block;margin-top:10px}
.blog ul#posts li p.comments{float:right;width:50px;height:40px;padding:8px 10px 0 0;background:url(images/comments.gif) no-repeat;text-align:center;font-size:16px;font-weight:bold}
.commentlist{margin-left:0;list-style:none}
.commentlist li div img{float:left;margin-right:10px}
.comment-detail{margin-left:74px}
.comment-detail h4{font-size:16px;margin-bottom:5px}
.commentmetadata{margin-bottom:10px}