/*
Theme Name: West Sound Workforce
Theme URI: http://www.westsoundworkforce.com/
Description: Custom Site Design for West Sound Workforce
Version: 1.02
Author: Eric Amundson
Author URI: http://www.ivycat.com/
Last Edit Date: Jan 27, 2010
Thanks to http://www.famfamfam.com/lab/icons/ for the Silk icons under Creative Commons licensing.
*/
/* General Styles
----------------------------------------------------- */
*{list-style-type:none;margin:0;padding:0}
html{margin-bottom:1px;min-height:100%}
body{background:url(images/body-bg.gif) #fafaf8 repeat-x center top;color:#4d555a;font:62.5%/180% verdana,arial,helvetica,sans-serif}
#nav_access{position:absolute;text-indent:-9999px}
.wrapper,.subnav_main,div.clearer,#site_info,#footernav{margin:0 auto;width:780px}
#outer{background:#ffffff}
#shadow{background:url(images/shadow-bg.gif) repeat-x}
/* Header Styles
----------------------------------------------------- */
#header{background:url(images/header-bg.jpg) no-repeat left top;height:196px;position:relative}
#toplogo{background:url(images/toplogo.jpg) no-repeat left top;height:144px;margin:0;text-indent:-9999px;width:192px}
#toplogo a{display:block;height:144px;position:absolute;width:192px}
.description{background:url(images/description.jpg) no-repeat;height:144px;margin:0;padding:0;position:absolute;right:0;text-indent:-9999px;top:0;width:510px}
/* Main Navigation Styles
----------------------------------------------------- */
#mainnav{position:absolute;right:35px;top:163px}
#mainnav li{display:inline}
#mainnav li a{border-right:1px solid #c58e3e;color:#341f02;font-size:1em;font-weight:bold;height:1%;padding:0 10px;text-decoration:none}
#mainnav li a:hover{color:#0d6f0c}
#mainnav li.nb a{border:none}
#mainnav li.current_page_item a{color:#de5100}
/* Subnavigation Styles
----------------------------------------------------- */
.subnav{font-size:1em;height:276px;margin-bottom:0;min-height:276px;padding-top:35px}
#content_secondary .subnav{clear:both;font-size:1em;height:100%;min-height:100%}
.subnav li,#content_secondary li{display:inline}
.subnav li a,#content_secondary li a{border-bottom:1px solid #dddddd;border-top:1px solid #ffffff;color:#4d555a;display:block;font-size:1.1em;font-weight:normal;padding:5px 10px 5px 4px;text-decoration:none;width:185px}
.subnav li a:visited,#content_secondary li a:visited{color:#999999}
.subnav li a:hover,#content_secondary li a:hover{background:#dadade;border-bottom:1px solid #b7b7b8;border-top:1px solid #b7b7b8}
.subnav li.current_page_item a,#job_tags li.current_page_item a{background:#f2f3ea}
.subnav ul{margin-bottom:20px;margin-top:15px}
.subnav_main{background:url(images/home-main.jpg) no-repeat right bottom;height:311px;min-height:311px;position:relative}
.subnav_main li#social{background:url('images/wsw-social-v2e.png') no-repeat top left;bottom:10px;display:block;height:48px;position:absolute;right:0;width:285px}
.subnav_main li#social a{display:block;float:left;height:35px;margin-top:5px;text-indent:-9999px;width:140px}
.subnav_emp{background:url(images/employers-main.jpg) no-repeat right bottom}
.subnav_js{background:url(images/job-seeker-main.jpg) no-repeat right bottom}
.subnav_about{background:url(images/about-main.jpg) no-repeat right bottom}
.subnav_contact{background:url(images/img-main.jpg) no-repeat right bottom}
.subnav_main li{display:inline}
a.jobseekers{background:no-repeat url(images/jobseekers.png) left bottom;display:block;height:152px;text-indent:-9999px;width:217px}
a.employers{background:no-repeat left top;background:url(images/employers.png);display:block;height:122px;margin-top:5px;text-indent:-9999px;width:217px}
/* Typography
----------------------------------------------------- */
h1{border-bottom:1px solid #a3907a;color:#786b5a;font:normal 1.8em "trebuchet ms",verdana,arial,helvetica,sans-serif;margin:30px 0 20px;padding-bottom:15px}
h2,h3,h4,h5{color:#0d6f0c;font-family:verdana,arial,helvetica,sans-serif;font-weight:bold;margin-top:25px}
#content_main h2{font-size:1.4em;margin-bottom:.3em}
h2 span{font-style:italic;font-weight:bold}
#content_main h3{font-size:1.3em;font-weight:bold}
#content_main h4{color:#0d6f0c;font:1.2em verdana,arial,helvetica,sans-serif}
#footer h4{font:1.6em "trebuchet ms",verdana,arial,helvetica,sans-serif}
p,ul,#footer ul,dl,ol{color:#4d555a;font-size:1.1em;margin-bottom:1.2em}
.post{padding:.5em 0}
p.postmetadata{color:#bbbbbb;font-size:.9em;margin:-15px 0 25px}
.nav_post{background:#e3dad9;border:1px solid #d9d0cf;border-radius:5px;font-size:1.1em;font-weight:bold;-moz-border-radius:5px;text-align:center;-webkit-border-radius:5px;width:346px}
.nav_post a{padding:0 1em}
dt{font-weight:bold;margin:15px 0 3px}
dl p{font-size:1em;margin:0 0 10px}
/* Content Styles
----------------------------------------------------- */
#content_main{float:right;margin-bottom:30px;width:535px}
#content_main blockquote{background:transparent url(images/blockquote.png) no-repeat scroll left top;font-size:1em;margin:1em 1em 3em;padding-left:40px}
#post-19 blockquote{font-size:1.2em}
#content_main blockquote cite{display:block;font-size:.9em;margin:.5em 0;text-align:right}
#content_main ul{margin:0 0 1em;padding-left:2em}
#content_main ul ul{font-size:1em;margin:1em 0 2em;padding-left:2em}
#content_main ul li{list-style-type:disc;margin:1em .5em}
#content_main ul p,#content_main ol p{font-size:1em}
#content_main ul.ls-none li{list-style-type:none;margin:.3em 0}
#content_main dl li{font-size:1em;margin:.2em .5em}
#content_main ul li li,#content_main ol ul li{font-size:1em;list-style-type:circle;margin:.5em}
#content_main ul p{font-size:1em}
#content_main ol{margin:12px 0 0;padding-left:20px}
#content_main ol li{list-style:decimal;margin:1em .5em}
div.post_list p.post_data{color:#999999;font-size:.9em;margin:0;padding:0}
div.post_list{margin:10px 0 2em}
div.post_list h3{margin:0}
div.post_list p{margin:0;padding:5px 0}
.asides{background:#f2f3ea;border:1px solid #ddded0;float:right;margin:4px 10px 25px 30px;padding-bottom:1em;width:200px}
#content_main .asides li{margin:0 1em .11em;padding:0}
#content_main .asides h3{font-size:1.2em;margin:0;padding:.5em}
#content_main ul.dispbox{background:#f2f3ea none repeat scroll 0 0;border:1px solid #ddded0;margin:0 1em;padding:1em 0}
#content_main ul.dispbox li{list-style-type:none;margin:0 2em}
#content_main ul.dispbox li h3{margin:0 0 .5em}
#content_main p.hm-hilite{background:#f2f3ea;border:1px solid #ddded0;font-size:1.5em;line-height:1.5em;margin:0 1em;padding:1em}
.hm-js,.hm-em{width:45%}
.hm-js h3,.hm-em h3{margin-left:1em}
.hm-js{float:left;margin-left:15px}
.hm-em{float:right;margin-right:15px}
/* Sidebar Styles
----------------------------------------------------- */
#content_secondary{float:left;margin-bottom:30px;padding-top:0;width:200px}
#shadow #content_secondary{float:left;margin-bottom:30px;padding-top:20px;width:200px}
#content_secondary h3{font:bold 1.3em verdana,arial,helvetica,sans-serif}
#content_secondary #apply_now a{background:url(images/apply.png) no-repeat top;display:block;height:133px;text-indent:-9999px;width:184px}
#content_secondary #place_order a{background:url(images/place-order.png) no-repeat top;display:block;height:133px;text-indent:-9999px;width:184px}
#content_secondary blockquote{background:transparent url(images/blockquote.png) no-repeat scroll left top;font-family:Georgia,"Times New Roman",serif;margin:2em 0;padding:12px 0 0 12px;text-align:right}
#content_secondary blockquote p{font-size:1.5em;font-style:italic;margin-bottom:.2em;padding:0}
#content_secondary blockquote cite,#content_secondary blockquote a{display:block;font:normal .7em verdana,arial,helvetica,sans-serif;letter-spacing:-1px;padding-left:.5em}
#content_secondary blockquote a{font-size:1em;margin-top:-6px}
#sidecontact{border-bottom:3px solid #008000;border-top:3px solid #008000;float:left;margin:15px 0;padding:5px 0;text-align:center}
#sidecontact h4{font-size:1.5em;font-weight:bold;margin:0 0 3px}
#sidecontact p{font-size:1.2em;font-weight:bold;margin:0;padding:0 5px}
#sidecontact dl{color:#666666;float:left;font-size:1.1em;font-weight:bold;margin:3px 0}
#sidecontact dt{float:left;margin:0;padding:0 2px;text-align:right;width:80px}
#sidecontact dd{float:left;padding:0 2px;width:108px}
#subnav_np{padding-top:10px}
ul#featured{background:#e3dad9;border:solid #a3907a;border-width:1px 0;font-size:1em;margin:1em 0;padding:10px 0}
ul#featured h3{margin:0}
ul#featured li{display:block;margin:0 10px 0.5em}
ul#featured p{margin:0 0 5px}
/* Footer Styles
----------------------------------------------------- */
#footer{background:#918876;clear:both;padding:30px 0}
#footer ul{margin-top:1.2em}
#footer li{margin:0 0 0.3em}
#footer .wrapper div{float:left;padding-bottom:30px;width:33%}
#footer .wrapper div ul{margin-right:10px}
#footer h4{color:#ffffff;font-weight:normal}
#footernav{border-top:1px dotted #e8e8e8;padding-top:30px}
#footernav li a{padding:0 10px 0 0}
#footernav li{display:inline}
#site_info{list-style-type:disc}
#site_info li{float:left;font-size:.8em;list-style-type:disc;padding-right:20px}
#site_info li.credits{float:right;padding:0}
#site_info a{color:#666666;text-decoration:none}
#site_info li.no_disc{list-style-type:none}
/* Link Styles
----------------------------------------------------- */
a{color:#e65c00;font-weight:bold;text-decoration:underline}
a:visited{color:#e69900;text-decoration:underline}
a:hover,a:active{color:#a84500;text-decoration:none}
a.email{background:transparent url(images/email_go.png) no-repeat 0 50%;padding-left:18px}
a.feed{background:transparent url(images/icon-feed-12px.png) no-repeat 0 50%;padding-left:18px}
a.facebook{background:transparent url(images/FaceBook-16x16.png) no-repeat 0 50%;padding-left:18px}
a.twitter{background:transparent url(images/Twitter-16x16.png) no-repeat 0 50%;padding-left:18px}
a[title="Edit post"]{clear:both;margin:1em 0}
#footer a{color:#ffffff;font-size:1em;font-weight:normal}
#footer a.strong{font-weight:bold}
#footer a:visited{color:#ddded0}
#footer h4 a{text-decoration:none}
#footer h4 a:hover{text-decoration:underline}
#footer .footerlinks a{padding-left:20px}
#footer .footerlinks a.feed{background:transparent url(images/Feed-16x16.png) no-repeat 0 50%}
.clearer a[title="Edit post"]{background:#eeeeee;border:1px solid #dddddd;display:block;font-weight:bold;padding:.2em 10px;text-decoration:none}
.clearer a[title="Edit post"]:hover{background:#dddddd;border:1px solid #bbbbbb}
#content_secondary a{font-weight:normal}
#content_secondary #featured a{border:none;display:inline;padding:0;text-decoration:underline}
#content_secondary #featured a:hover,
#content_secondary #featured a:active{background:none;color:#ff0000;text-decoration:none}
a.pdf{background:transparent url(images/page_white_acrobat.png) no-repeat scroll left center;padding-left:20px}
p.postmetadata a,p.post_data a{font-weight:normal}
/* Handy Classes
----------------------------------------------------- */
.imgfr,img.alignright{border:solid 1px #cccccc;float:right;margin:4px 0 5px 12px;padding:4px}
img.noborder{border:none}
.imgfl{border:solid 1px #cccccc;float:left;margin:4px 12px 5px 0;padding:4px}
.strong{font-weight:bold}
.flr{float:right}
.fll{float:left}
.clearer{clear:both}
/* self-clear floats */
.group:after{clear:both;content:".";display:block;height:0;visibility:hidden}
/* Contact Styles
----------------------------------------------------- */
.vcard{float:left;width:255px}
div.contact_wrap{background:#f2f3ea;border:1px solid #ddded0;float:left;margin-top:20px;padding:1.2em 0;width:100%}
#content_main div.contact_wrap h3{font-size:1.5em;margin:10px 15px}
.vcard p{clear:both;float:left;margin:0 15px;padding:0 10px;width:200px}
.vcard p.org{font-size:1.2em;font-weight:bold}
.vcard p.tel .type{clear:both;display:block;float:left;font-weight:bold;width:40px}
.vcard div.telecommunications{clear:both;float:left;font-size:1.2em;padding-top:5px}
#wsw-gig-harbor{border-right:1px solid #dddddd;padding-right:10px}
#wsw-poulsbo{margin-left:10px}
.vcard p.hc a{background:transparent url(images/icon-hcard-download.png) no-repeat scroll left center;display:block;height:20px;margin-top:5px;padding-left:35px}
/* Job Listing Styles
----------------------------------------------------- */
#content_main div.jobs{border-bottom:1px solid #b7b7b8;padding:1em 0}
#content_main div.jobs h2{font:1.4em verdana,arial,helvetica,sans-serif}
#content_main div.jobs h3,#content_main div.listing h3{border-bottom:none;font:bold 1.3em verdana,arial,helvetica,sans-serif;margin:0}
#joblist{display:inline;float:left;padding-top:0;width:350px}
#joblist dl{display:inline;float:left;font-size:1.1em;margin:5px;padding:0}
p.tag_list,#joblist p.tag_list{clear:both;font-size:1.1em;margin:0;padding:0}
#joblist p.tag_list{padding:0 10px}
#content_main p.tag_list a{font-style:italic;font-weight:normal}
#content_main p.tag_list{font-size:1em;font-weight:bold}
dl.jobdata dt{display:inline;float:left;font-weight:bold;margin:0 0 0 10px;padding:0 2px;width:60px}
#joblist dt{display:inline;float:left;font-weight:bold;margin:0 0 0 10px;padding:0 2px;width:70px}
#joblist li.hours span,#joblist li.wage span{width:4.5em}
#joblist dd{display:inline;float:left;width:200px}
.listing{margin:1em 0;padding:1.2em 0}
#content_main div.listing h3{margin:0 10px}
#content_main div.listing .tag_list{border:none}
#joblist .alt{background:#f2f3ea;border:1px solid;border-color:#ddded0 transparent}
#joblist .alt li{border-bottom:1px solid #ffffff}
p.feed_link{margin-top:2em}
#jobcatlist{float:right;margin-top:-20px;padding-bottom:20px;width:175px}
#jobcatlist h3{margin:0;padding:30px 0 0 20px}
#content_main #jobcatlist ul{padding:0}
#content_main #jobcatlist ul li{font-size:0.9em;list-style-type:none;margin:0.5em 0}
#content_main #jobcatlist ul li a{display:block;font-weight:normal;padding-left:20px}
/* Job Listing Subscription Block
----------------------------------------------------- */
#subscribe{background:url(images/subscribe-bkg.png) #fdef86 repeat-x scroll left top;border:2px solid #f1dc11;border-radius:10px;margin:2.5em 0 1em;-moz-border-radius:10px;padding:1em 0;-webkit-border-radius:10px}
#content_main #subscribe h3{color:#e65c00;font-size:1.5em;margin:0 12px;text-shadow:1px 1px 1px #f1dc11}
#subscribe div{border-top:1px solid #f1dc11;margin:1em 15px}
#subscribe div div{border:none;margin:0}
#subscribe h4{font-weight:bold;margin:0;margin-top:0.5em}
#subscribe .feed_link{margin:0}
#subscribe #mce-EMAIL{border:2px solid #f1dc11;color:#bbbbbb;padding:2px;width:200px}
/* Job Single Styles
----------------------------------------------------- */
#content_main dl.jobdata{background:#e3dad9;border-bottom:1px dotted #a3907a;float:right;margin:-20px 0 20px 20px;padding:20px 0;width:195px}
#content_main dl.jobdata dd{display:block;float:left;margin-right:10px;width:104px}
#content_main dl.skills{background:#e3dad9;border:1px solid #a3907a;border-left:none;border-right:none;clear:both;font-size:1.1em;margin:10px 0;padding:10px 0}
#content_main dl.skills dd{padding:10px 10px 0 90px}
#content_main dl.skills dt{display:block;float:left;font-weight:bold;margin:0 0 0 10px;padding-top:10px;width:75px}
#content_main dl.skills dd.required{border-bottom:1px dotted #a3907a;padding-bottom:10px}
.error form{background:#e3dad9;border:1px solid #a3907a;border-left:none;border-right:none;margin:10px auto;padding:1em;text-align:center}
/* Feed Styles
----------------------------------------------------- */
div.feed_block{float:left;margin-left:10px;width:160px}
div.feed_block_lg{float:left;margin-left:10px;width:250px}
div.feed_block h4{margin:3px 0 0;padding:0}
#content_main div.feed_block ul,#content_main div.feed_block_lg ul{margin:0;padding:0}
#content_main div.feed_block ul li,#content_main div.feed_block_lg ul li{font-size:1em;list-style-type:none;margin:0}
.highlight{background:#e3dad9;border:1px dotted #a3907a;float:left;margin:10px 0;padding:10px 0;width:100%}
.highlight h3{margin:0 10px 5px}
.highlight a.feed{font-weight:normal}
/* Staff
----------------------------------------------------- */
#content_main .staff li,#content_main .staff-sm li{list-style:none;margin:0}
#content_main .staff{border-bottom:1px solid #dddddd;clear:both;padding:0 0 25px}
.staff .alignright{border:solid 1px #cccccc;float:right;margin:0 20px 5px 30px;padding:4px}
#content_main ul li.sname{color:#0d6f0c;font-size:1.3em;font-weight:bold;margin:1em 0 .5em}
#content_main .staff-sm{border-bottom:1px solid #dddddd;float:left;padding:0 0 25px;text-align:center;width:49%}
.staff-sm img{border:solid 1px #cccccc;margin:0;padding:4px}
#content_main li.vcard-dl{clear:right;float:right;padding:1em 0;text-align:right;width:175px}
li.vcard-dl a{background:url(images/vcard_add.png) no-repeat left bottom;padding-left:20px}
.staff li.bio{padding-right:175px}
li.bio p.vcard{float:none;width:100%}
/* Apply Now
----------------------------------------------------- */
dl.inline-contact{display:block;float:left;margin-bottom:2em;width:100%}
dl.inline-contact dt{clear:left;display:block;float:left;margin-top:1em;width:5em}
dl.inline-contact dd{display:block;float:right;width:430px}
dl.inline-contact dd.space{margin-top:1em}
#li-3-13 {clear:both;text-align:left;padding:0 20px;color:#0D6F0C;font-weight:normal;}
/* Comments
----------------------------------------------------- */
.comments-template{border-top:1px solid #cccccc;margin:10px 0 0;padding:10px 0 0}
.comments-template ol{list-style:none;margin:0;padding:0 0 15px}
.comments-template ol li{border-bottom:1px solid #cccccc;line-height:18px;margin:10px 0 0;padding:0 0 10px}
.comments-template ol li.alt{background:#eeeeee}
.comments-template h2,.comments-template h3{font-size:1.6em}
.commentmetadata{font-size:1.2em}
.comments-template p.nocomments{padding:0}
.comments-template textarea{font-size:1.2em}
/* Cashman
----------------------------------------------------- */
#wbo{background:#f2f3ea none repeat scroll 0 0;border:1px solid #ddded0;clear:both;font-size:1.2em;line-height:1.5em;margin:1em 1em 0;padding:1em}
#wbo h3{font-weight:normal;margin:0 0 0.3em}
#wbo a.cash-img{float:left;margin-right:15px}
#wbo div.cash-desc{float:right;width:390px}
#wbo p{margin:0}
/* Sociable
----------------------------------------------------- */
div.sociable{background:url(images/subscribe-bkg.png) #fdef86 repeat-x scroll left top;border:2px solid #f1dc11;border-radius:10px;margin:16px 0;margin:2.5em 0 1em;-moz-border-radius:10px;padding:0.6em 0 0.3em;padding-left:10px;-webkit-border-radius:10px}
#sociable-job{clear:right;float:right;width:196px}
#sociable-job div.sociable{margin-top:0}
#sociable-job div.sociable ul{display:block;float:none}
div.sociable:after{clear:both;content:".";display:block;height:0;visibility:hidden}
div.sociable_tagline{color:#0d6f0c;display:block;float:left;font:1.8em "trebuchet ms",verdana,arial,helvetica,sans-serif;margin-right:10px;text-align:right;width:5.5em}
#sociable-job div.sociable_tagline{color:#0d6f0c;float:none;font-size:1.4em;font-weight:bold;text-align:left;width:auto}
div.sociable_tagline span{display:none;width:14em}
div.sociable_tagline:hover span{background:#ffffee;border:1px solid #cccccc;color:#000000;display:block;line-height:1.25em;position:absolute;top:-5em}
.sociable span{display:block}
.sociable ul{display:inline;float:left;margin:0 !important;padding:0 !important}
#content_main .sociable ul li{background:none;display:inline !important;float:left;list-style-type:none;margin:2px 5px 0 0;padding:1px}
.sociable ul li:before{content:""}
.sociable img{border:0;float:none;height:16px;margin:0;padding:0;width:16px}
.sociable-hovers{filter:alpha(opacity=40);-moz-opacity:.4;opacity:.4}
.sociable-hovers:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}

.map {border:1px solid #0D6F0C;margin:0 auto;background:#EEE;text-align:center;padding:0.5em 0;}
p.g-map a {padding-left: 35px;}