/*
Theme Name:Usability First
Theme URI:http://wordpress.org/
Description:Customized Usability First WP Theme.
Author:Joshua Giblette
Version:1.0
Usability First v1.0
*/

/* RESET
------------------------------------------------------------------------------:o}-------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body {line-height:1;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
a {overflow:hidden;}
/* Base Fonts */
body {font:12px arial,helvetica,clean,sans-serif;color:#4a4a4a;}
table {font-size:inherit;font-size:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;}
body * {line-height:1.44em;}
label {cursor:pointer;}
img {display:block;}
/* GRIDS
------------------------------------------------------------------------------:o}-------------------------------- */
#main #content, #main #sidebar, .grid-2 .col, body.page-template-training-workshops-php .col {float:right;display:inline;width:50%;} /* 2 grid */
body#sidebar-right #main #content, body#jobs #main #content, body#home #main #content, #main #sidebar, .grid-2 .first, body.page-template-training-workshops-php .first {float:left;}

/* FONT SIZES
------------------------------------------------------------------------------:o}-------------------------------- */
h1 {font-size:250%;}
h2 {font-size:142%;}
h3 {font-size:125%;}
h4 {font-size:117%;}
h5 {font-size:108%;}
h6 {font-size:100%;}

h1,h2,h3,h4,h5,h6, .snip dt {font-family:"Calibri", arial, helvetica, sans-serif;}

/* Pixel to percent to em font conversion - based on 12px base font
10px / 83% / .83em
11px / 92% / .92em
12px / 100% / 1em
13px / 108% / 1.08em
14px / 117% / 1.17em
15px / 125% / 1.25em
16px / 133% / 1.33em
17px / 142% / 1.42em
18px / 150% / 1.5em
19px / 158% / 1.58em
20px / 167% / 1.67em
21px / 175% / 1.75em
22px / 183% / 1.83em
23px / 192% / 1.92em
24px / 200% / 2em
25px / 208% / 2.08em
26px / 217% / 2.17em
27px / 225% / 2.25em
28px / 233% / 2.33em
29px / 242% / 2.42em
30px / 250% / 2.5em
31px / 258% / 2.58em
32px / 267% / 2.67em
*/

p p, p li, p dt, p dd, p th, p td, p address, p blockquote, p pre, p input, p textarea, p select,
li p, li li, li dt, li dd, li th, li td, li address, li blockquote, li pre, li input, li textarea, li select,
dt p, dt li, dt dt, dt dd, dt th, dt td, dt address, dt blockquote, dt pre, dt input, dt textarea, dt select,
dd p, dd li, dd dt, dd dd, dd th, dd td, dd address, dd blockquote, dd pre, dd input, dd textarea, dd select,
th p, th li, th dt, th dd, th th, th td, th address, th blockquote, th pre, th input, th textarea, th select,
td p, td li, td dt, td dd, td th, td td, td address, td blockquote, td pre, td input, td textarea, td select,
address p, address li, address dt, address dd, address th, address td, address address, address blockquote, address pre, address input, address textarea, address select,
blockquote p, blockquote li, blockquote dt, blockquote dd, blockquote th, blockquote td, blockquote address, blockquote blockquote, blockquote pre, blockquote input, blockquote textarea, blockquote select,
pre p, pre li, pre dt, pre dd, pre th, pre td, pre address, pre blockquote, pre pre, pre input, pre textarea, pre select,
input p, input li, input dt, input dd, input th, input td, input address, input blockquote, input pre, input input, input textarea, input select,
textarea p, textarea li, textarea dt, textarea dd, textarea th, textarea td, textarea address, textarea blockquote, textarea pre, textarea input, textarea textarea, textarea select,
select p, select li, select dt, select dd, select th, select td, select address, select blockquote, select pre, select input, select textarea, select select
{font-size:100%;}

#sidebar #snav li a, #sidebar #snav li span, body#sidebar-left #content p, body#sidebar-left #content li, body#sidebar-left #content a, body#full-width #content p, body#full-width #content a, body#full-width #content li, body#sidebar-right #content #cats dt, body#sidebar-right #content #cats dd {font-size:13px;}
body#sidebar-left #content h2 a {font-size:17px;}

/* Common Elements
------------------------------------------------------------------------------:o}-------------------------------- */
u {background:yellow; text-decoration:none;} /* for debugging purposes */

.clear {clear:both;}
.hide {display:block;text-indent:-32767px;height:0;line-height:0;overflow:hidden;margin:0 !important; padding:0 !important;}
.left {float:left;}
.right {float:right;}

hr {
	border-color:#dfdfdf;
	border-style:solid;
	border-width:1px 0 0;
	clear:both;
	margin:1em 0;
	height:0;
	}
	
a {text-decoration:none; color:#1461cc;}
a:visited {color:#7baef6;}
a:focus, a:active, a:hover {text-decoration:underline;}
#nav li a.active:hover {cursor:default;}
#content a, #content dt a:hover {text-decoration:underline;}
body#sidebar-left #content dt a {text-decoration:none; font-size:108%}

.skip a, .skip a:hover, .skip a:visited {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	}

.skip a:active, .skip a:focus {
	position:static;
	width:auto;
	height:auto;
	} 
	
h1 {color:#404040;margin-bottom:22px; line-height:1.2em;}
h2 {color:#779a14; margin-bottom:15px;}
h3,h4,h5,h6 {color:#111; margin-bottom:4px;}

.btt {margin:1em 0;}
	.btt a {display:block;}
	
#ping-count {
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-topright:4px;
	-moz-border-radius-bottomleft:4px;
	border-top-right-radius:4px;
	border-bottom-left-radius:4px; 
	background:#f7f7f7; 
	padding:0 10px; 
	position:absolute; 
	top:3px; 
	right:3px; 
	border-left:1px solid #eaeaea; 
	border-bottom:1px solid #eaeaea;
	}

#ping-count span {color:#666; line-height:40px; display:block;}
#ping-count span strong {font-size:14px;}


/* THEME CSS for Usability First
------------------------------------------------------------------------------:o}-------------------------------- */
body.page-template-training-workshops-php #content img, body.page-template-books-php #content img {behavior:url(/wp-content/themes/usability-first/iepngfix.htc);}
/* General */
body {background:#fff;}
#hwrap, #cwrap, #fwrap, #masthead, #main, #main-outer, #snav li {position:relative;}
#masthead, #footer {width:966px; min-width:966px; margin:0 auto;}

/* Page-specific layout styles */
body#sidebar-right #content {width:650px; padding-right:26px;}
body#sidebar-right #sidebar {width:222px;}
body#sidebar-right #main {padding-top:30px;}

body#jobs #content {width:650px; padding-right:20px; margin-top:30px;}
body#jobs #jobs-sidebar {width:226px;}

body#sidebar-left #content {width:618px; margin-top:30px; padding-left:42px;}
body#sidebar-left #sidebar {width:274px;}

body#full-width #main #content {display:block;}

p {margin-bottom:15px;}

body.page-template-landing-php .snip dl {
	float:left;
	width:525px;
	}

h3.color {
	color:#779a14;
	margin-bottom:20px;
	font-size:142%;
	}

.snip h2, .snip dt {
	color:#779a14;
	margin-bottom:0;
	}
	
.snip dt {font-size:142%;}

.entry h2 {
	color:#779a14;
	margin-bottom:10px;
	}

body.page-template-conferences-php .snip h2, body.page-template-books-php .snip h2, body.page-template-workshops-php .snip h2 {margin-bottom:17px;}

p#post-it {font-size:92%; margin:12px 20px;}

.snip li, .entry li {
margin-bottom:5px;
}	

img.icon {
float:left;
margin-right:20px;
}

#content ul {
	margin-left:16px;
	margin-bottom:1em;
	list-style:disc;
	}
	
#content ul li {padding-bottom:8px;}
body#home #content ul li {padding-bottom:0;}
	
body#home #content ul, body#jobs #content #job-listings {margin-left:0; list-style:none;}
body#home #content ul {margin-bottom:0;}
	
#content ol {
	margin-left:25px;
	margin-bottom:1em;
	list-style:decimal;
	}

#content ol li {padding-bottom:6px;}
	
#content li ul {padding-top:8px; margin-bottom:0;}

#content p a, body#jobs #content #job-filter a:hover {text-decoration:underline;}
body.page-template-training-workshops-php #content a, body#jobs #content #job-filter a, body#home #content a {text-decoration:none;}
body#jobs #content #job-filter a.active:hover {text-decoration:none; cursor:default;}

.snip table {margin-top:8px;}

/* Header Wrapper - #hwrap
------------------------------------------------------------------------------:o}-------------------------------- */
#hwrap {background:#f4f4f4 url(images/bg-header.png) repeat-x center top; padding-bottom:12px;}
	
#masthead {background:url(images/bg-masthead.png) no-repeat left top; height:105px;}

.logo h1, .logo a {
	display:block;
	text-indent:-32767px;
	background:url(images/logo.png) no-repeat 0 0;
	width:140px;
	height:79px;
	position:relative;
	top:19px;
	left:17px;
	}
	
img.logo {display:none;}
	
#anav {
	position:absolute;
	top:12px;
	right:19px;
	}
	
#anav a {
	color:#e6f6b6;
	border-right:1px solid #e6f6b6;
	margin-right:6px;
	padding-right:6px;
	font-size:100%;
	}
	
	
/* Content Wrapper - #cwrap
------------------------------------------------------------------------------:o}-------------------------------- */	
#cwrap {
	padding-bottom:0px;
	padding-top:0px;
	border-bottom:1px solid #fff;
	background:#f4f4f4;
	}
	
#crumbs {
	width:921px;
	margin:0 auto;
	background:url(images/bg-crumbs.png) no-repeat 0 0;
	padding-left:15px;
	padding-right:30px;
	}
	

#breadcrumb {
	height:43px;
	line-height:43px;
	color:#989898;
	width:100%;
	overflow:hidden;
	margin:0px;
	padding:0px;
	margin-bottom:1.5em;
	}
	
#breadcrumb li, #breadcrumb a, #breadcrumb span {float:left;}
	
#breadcrumb li, #breadcrumb span {
	list-style-type:none;
	padding-top:3px;
	padding-bottom:3px;
	}
	
#breadcrumb a {
	height:27px;
	display:block;
	text-decoration:none;
	background:url(images/bg-crumbs-a.png) no-repeat 0 0;
	color:#1461cc;
	padding:10px 10px 0 24px;
	}
	
#breadcrumb li span, #breadcrumb li.current-crumb {
	display:block;
	height:27px;
	margin-top:3px;
	padding:10px 0px 0 24px;
	background:url(images/bg-crumbs-span.png) no-repeat 0 0;
	}
	


/* Mainwrap and Main */
#mainwrap {margin-bottom:3em;}
body#home #mainwrap {margin-bottom:5em;}
	
body#sidebar-left #main-outer, body#sidebar-left #main, body#sidebar-right #main, body#jobs #main, body#full-width #main {
	background:url(images/container-top.png) no-repeat left top;
	width:934px;
	padding-right:32px;
	padding-left:0px;
	margin:0 auto;
	}
	
body#sidebar-right #main, body#jobs #main, body#full-width #main {
	padding-left:35px;
	padding-right:33px;
	width:898px;
	}
	
body#full-width #main #content {width:898px; margin-top:30px;}
	
body#sidebar-left #main-outer {background:url(images/container-bot-leftcol-btt.png) no-repeat left bottom;}
body#sidebar-left #main {background-image:url(images/container-top-leftcol.png);}

body#sidebar-left #main-outer, body#sidebar-right #main-outer  {padding-bottom:28px}

body#sidebar-right #main-outer {background:url(images/container-bot-rightcol-btt.png) no-repeat bottom;}
body#jobs #main-outer, body#full-width #main-outer {background:url(images/container-bot-rightcol-btt.png) no-repeat bottom; padding-bottom:29px;}

.grid-2 .col {width:449px;}
.grid-2 .first {padding-right:40px; width:409px;}


/* Job Postings page
------------------------------------------------------------------------------:o}-------------------------------- */
body#jobs #main {padding-right:30px; width:901px;}
	
body.page-template-job-postings-single-php h1 {width:100%;}

body.page-template-job-postings-php h1, body.page-template-job-postings-fulltime-php h1, body.page-template-job-postings-parttime-php h1, body.page-template-job-postings-contract-php h1 {
	float:left;
	width:30%;
	}

body#jobs #job-filter {float:right; width:385px; margin-left:0; list-style:none;}
body#jobs #job-filter li {float:left;}
	
body#jobs #job-filter li a {
	background:url(images/bg-job-filter.png) no-repeat 0 0;
	display:block;
	height:33px;
	padding-top:11px;
	text-align:center;
	font-size:117%;
	}
	
body#jobs #job-filter li#all-jobs a {width:72px;}	
body#jobs #job-filter li#ft-jobs a, body#jobs #job-filter li#pt-jobs a {width:105px; background-position:-72px 0;}
body#jobs #job-filter li#freelance-jobs a {width:103px; background-position:-177px 0;}

body#jobs #job-filter li a.active {background-position:0 -44px; color:#fff; font-style:italic;}
body#jobs #job-filter li#ft-jobs a.active, body#jobs #job-filter li#pt-jobs a.active {background-position:-72px -44px;}
body#jobs #job-filter li#freelance-jobs a.active {background-position:-177px -44px;}

body#jobs #job-listings {
	width:649px;
	border-bottom:1px solid #e2e2e2;
	clear:both;
	}

body#jobs #content #job-listings li {
	border-top:1px solid #e2e2e2;
	padding-bottom:0;
	}
	
body#jobs #job-listings li div {
	margin:1px 0;
	background:#fff;
	padding-left:20px;
	padding-right:20px;
	}
	
body#jobs #job-listings li.alt div {background:#f2f2f2;}

body#jobs #job-listings li p {
	float:left;
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom:0;
width:42%;
	}

body#jobs #job-listings li p.position-company {
width:40%;
font-size:13px;
}

body#jobs #job-listings li p.position-company span {font-size:100%;}

body#jobs #job-listings li p.location-type span {
font-family:Georgia, "Times New Roman", Times, serif;
color:#9f9f9f;
font-size:92%;
}

body#jobs #job-listings li p.date-job-posted {
	float:right;
	text-align:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#9f9f9f;
	font-style:italic;
	padding-top:25px;
width:18%;
	}
	
body#jobs #job-listings li a {text-decoration:none;}
body#jobs #job-listings li a:hover {text-decoration:underline;}
	
body#jobs #jobs-sidebar a.postajob {
background:url(images/postajob.jpg) no-repeat;
display:block;
height:117px;
text-indent:-32767px;
width:228px;
margin-bottom:25px;
}

#jobs-sidebar {
padding-top:30px;
float:right;
}

#jobs-sidebar #recent-listings {margin-top:20px}

#jobs-sidebar #recent-listings li {
border-bottom:1px dotted #c0c0c0;
margin-bottom:20px;
}

#jobs-sidebar #recent-listings li em {
	position:relative;
	top:-35px;
	float:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#9f9f9f;
	}	
	
body#jobs #recent-listings li p.position-company {float:left; width:69%;}

body#jobs #recent-listings li p.job-type {
	width:29%;	
	float:right;
	text-align:right;
	}
	
body#jobs #content h2.center {clear:both;}

body#jobs #job-deets {
	margin-bottom:2em;
	padding-bottom:2em;
	border-bottom:1px solid #eee;
	}
	
body.page-id-306 #job-deets {display:none;}

body#full-width #job-deets {margin-bottom:1em;}


/* Training Courses
------------------------------------------------------------------------------:o}-------------------------------- */
body.page-template-training-workshops-php .second-col h3, #jobs-sidebar h3 {font-size:150%;}

body.page-template-training-workshops-php .first {
	margin-right:18px;
	width:372px;
	}

body.page-template-training-workshops-php .second {width:228px;}

body.page-template-training-workshops-php #content .second .logos {
	list-style:none;
	margin:10px 0 4px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #c8c8c8;
	}

body.page-template-training-workshops-php #content .second .logos li {
	float:left;
	}
	
body.page-template-training-workshops-php #content .second .logos li a {
	text-indent:-32767px;
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	}
	
body.page-template-training-workshops-php #content .second .logos li.sigchi a {width:137px; height:43px; background-image:url(images/logos/sigchi.jpg);}
body.page-template-training-workshops-php #content .second .logos li.upa a {width:74px; height:43px; background-image:url(images/logos/upa.jpg);}
body.page-template-training-workshops-php #content .second .logos li.baa a {width:211px; height:43px; background-image:url(images/logos/boxesandarrows.jpg);}
body.page-template-training-workshops-php #content .second .logos li.ixda a {width:106px; height:48px; background-image:url(images/logos/ixda.jpg);}
body.page-template-training-workshops-php #content .second .logos li.stc a {width:105px; height:48px; background-image:url(images/logos/stc.jpg);}
body.page-template-training-workshops-php #content .second .logos li.iai a {width:211px; height:32px; background-image:url(images/logos/tiai.jpg);}
body.page-template-training-workshops-php #content .second .logos li.hfes a {width:211px; height:52px; background-image:url(images/logos/humanfactors.jpg);}
	
body.page-template-training-workshops-php #content .second a.more {
	font-size:92% !important;
	float:right;
	}

body.page-template-training-workshops-php h4 {margin-bottom:1em;}

/* Upcoming */
.upcoming, .upcoming-workshop {
background:transparent url(images/uc-bg.jpg) repeat scroll 0 0;
width:332px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
}

.upcoming table {margin-top:20px;}

.upcoming td, .upcoming-workshop td {
vertical-align:top;
padding-bottom:10px;
}

.upcoming td span, 
.upcoming-workshop td span,
 body.page-template-conferences-php td span, 
 body.page-template-workshops-php .value, 
 .italics,
 body.page-template-books-php .value,
 body.page-template-conferences-php .value,
 body.page-template-training-workshops-php .value, 
 body.page-template #snip dl dt {
	color:#9c9c9c;
	font-family:georgia,"Times New Roman",serif;
	font-style:italic;
	padding-right:10px;
	}

.upcoming-footer, .upcoming-workshop-footer {
background:transparent url(images/uc-footer.jpg) no-repeat scroll 0 0;
height:51px;
margin-bottom:30px;
}

.upcoming-workshop-footer {background-image:url(images/ucw-footer.jpg);}

.upcoming-footer a, .upcoming-workshop-footer a {
	float:left;
	font-size:92% !important;
	margin-left:8px;
	margin-top:32px;
	}
	
.upcoming-workshop-footer a {margin-top:34px;}

.upcoming-footer .visitthesite {
background:transparent url(images/visitthesite.jpg) no-repeat 0 0;
display:block;
height:44px;
margin-bottom:0;
margin-right:0;
margin-top:0;
padding:0;
position:relative;
top:6px;
left:135px;
width:109px;
text-indent:-32767px;
}

.upcoming-workshop-footer .moreinfo {
background:transparent url(images/more-information.jpg) no-repeat 0 0;
display:block;
height:44px;
margin-bottom:0;
margin-right:0;
margin-top:0;
padding:0;
position:relative;
top:4px;
left:127px;
text-indent:-32767px;
width:125px;
}

.conf-info {position:relative;}

h3.location {
float:left;
position:absolute;
top:113px;
text-align:center;
width:150px;
}

/* Featured Books */
.featured-book-top {
background:transparent url(images/books-top.jpg) no-repeat 0 0;
height:213px;
text-align:center;
}

.featured-book-top h3 {
background:transparent url(images/books-icon.png) no-repeat 0 0;
float:left;
font-size:18px;
height:30px;
margin-left:12px;
margin-top:11px;
padding-left:34px;
}

.featured-book-top img {
clear:both;
display:inline;
}

.featured-book-info {
background:transparent url(images/books-bg.jpg) repeat-y 0 0;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
}

.featured-book-info span {
display:block;
font-style:italic;
padding-bottom:13px;
}

.featured-book-footer {
background:transparent url(images/books-footer.jpg) no-repeat 0 0;
height:51px;
margin-bottom:30px;
}


.featured-book-footer .moreinfo {
background:transparent url(images/more-information.jpg) no-repeat 0 0;
display:block;
height:44px;
margin-bottom:0;
margin-right:0;
margin-top:0;
padding:0;
position:relative;
top:4px;
left:7px;
text-indent:-32767px;
width:125px;
}

.featured-book-footer a {
float:left;
font-size:92% !important;
margin-left:8px;
margin-top:33px;
}

/* Books */
body.page-template-books-php .snip dl {
float:left;
width:390px;
} 

body.page-template-books-php .snip img {
float:left;
margin-right:15px;
} 

.snip {
border-bottom:1px dotted #d0d0d0;
margin-bottom:40px;
padding-bottom:40px;
}

body.page-template-training-workshops-php .featured-book-info p {margin-bottom:0;}

body.page-template-books-php .snip dl dt, 
body.page-template-books-php .snip dl dd,
body.page-template-workshops-php .snip dl dt,
body.page-template-workshops-php .snip dl dd,
body.page-template-training-workshops-php dt,
body.page-template-training-workshops-php dd,
body.page-template-conferences-php .snip dt, 
body.page-template-conferences-php .snip dd,
body.page-template #snip dt,
body.page-template #snip dd {
float:left;
width:80%;
}

body.page-template-training-workshops-php dd,
body.page-template #snip dd
{width:70%;}

body.page-template-books-php .snip dl dt,
body.page-template-workshops-php .snip dl dt,
body.page-template-training-workshops-php dt, 
body.page-template-conferences-php .snip dt,
body.page-template #snip dt {
font-size:100%;
margin-right:8px;
width:15%;
text-align:right;
clear:both;
}

/* Conferences */
.snip img.thumb {
	border:1px solid #d0d0d0;
	padding:1px;
	float:left;
	margin-right:15px;
	}

body.page-template-conferences-php .snip div {
	float:left;
	width:390px;
	} 
	
body.page-template-conferences-php .snip img { margin-right: 1.5em; }

/* Usability Degree Programs */
body.page-id-211 #main h2 {margin-bottom:0px;}


/* FORMS 
------------------------------------------------------------------------------:o}-------------------------------- */
/* Post a Job */
.box {
border:1px solid #ddd;
border-radius:7px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
margin-bottom:50px;
margin-top:40px;
padding:45px 30px 30px;
position:relative;
}

.box h3 {
border-radius:7px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
background:#efefef;
border:1px solid #ddd;
float:left;
font-size:16px;
padding:5px 15px;
position:absolute;
top:-19px;
left:12px;
}

.wpcf7-form span {
color:#b3b3b3;
font-family:Georgia,times New Roman,serif;
font-style:italic;
font-size:92%;
}

.wpcf7-form span.wpcf7-list-item-label {font-size:117%;}
.wpcf7-form span.required {font-size:100%;}

.box span.send-you-information span.wpcf7-list-item {margin-right:1em;}
.box span.send-you-information span.wpcf7-list-item input {width:auto;}
.box span.solve-it input {width:30px;}
.box p em {color:red;}

.box input, .box textarea {
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	background:#f8f8f8;
	border:1px solid #ddd;
	padding:10px;
	width:96%;
	}

.box input:focus, .box textarea:focus {background:#fff;}

.box p {font-size:117%;}

.type-of-work input {width:5%;}
	
.ginput_container {position:relative;}

div#custom-file {
	right:135px;
	top:2px;
	cursor:pointer;
	}
	
div#custom-file input {
	cursor:pointer;
	
	}
	
p.submit input {
	background:url(images/btn-submit.png) no-repeat 0 0;
	width:109px;
	height:44px;
	text-indent:-32767px;
	border:none;
	cursor:pointer;
	}

body#jobs #content span.wpcf7-not-valid-tip {
	left:398px;
}

/* Contact Us */
span#whats-this {
	text-decoration:underline;
	cursor:pointer;
	color:#1461cc;
	}
span.wpcf7-quiz-label {
	font-size:117%;
	margin-bottom:15px;
	line-height:1.44em;
	color:#4A4A4A;
	font-family:arial,helvetica,clean,sans-serif;
}

span.quiz1 input {
	width:25px;
}

#content span.wpcf7-not-valid-tip {
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:6px;
	background:#e17f7fF;
	border:1px solid #ca4444;
	color:#fff;
	float:right;
	font-size:10px;
	left:636px;
	padding:8px;
	position:absolute;
	text-align:center;
	top:-11px;
	width:170px;
	z-index:100;
}

#content span.quiz1 span.wpcf7-not-valid-tip {
	-moz-border-radius:6px;
}

#content div.wpcf7-validation-errors {
	-moz-border-radius:6px;
	background:#E17F7F none repeat scroll 0 0;
	border:1px solid #ca444;
	color:#fff;
	padding:8px;
	text-align:center;
	margin: 0px;
}

/* Glossary page
------------------------------------------------------------------------------:o}-------------------------------- */
body#sidebar-right #sidebar #cats ul {margin-top:1em;}
body#sidebar-right #sidebar #cats li {border-bottom:1px solid #dfdfdf;}	
body#sidebar-right #sidebar #cats li a {line-height:35px;}

.related span {float: left;}


ul#term li, ul#term {
	float: left;
	list-style: none;
	margin-left:5px;
}

.current-cat a{
	cursor: default;
	color:#4A4A4A;
	text-decoration: none;
}

#glossary-terms {
	border:1px solid #cbcbcb;
	background:url(images/bg-glossary-popular.png) repeat-x 0 0;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	padding:8px 12px 20px 12px;
	}
	
#glossary-terms h2 {
	background:url(images/icon-glossary-popular.png) no-repeat 0 0;
	padding-left:50px;
	color:#585858;
	}

#glossary-terms {padding:1.5em 1em;}

#content #letters {
	border-bottom:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;
	list-style:none;
	margin-left:0;
	padding-bottom:7px;
	padding-top:9px;
	}
	
#glossary-terms ul {
	list-style:none; 
	margin-left:0;
	}
	
#glossary-terms li {
	float:left;
	width:300px;
	padding-right:11px;
	}
	
#glossary-terms dt img {
	float:left;
	margin-right:1em;
	margin-bottom:2em;
	}
	
#glossary-terms .view-glossary {
	position:absolute;
	bottom:12px;
	right:14px;
	font-size:92%;
	}

body.page-template-glossary-home-php #search {margin-top:20px;}

#content .related p#term {margin-bottom:4px;}
#content .related p#link {margin-bottom:2em;}

.glossary-category-entry, .glossary-letter-entry {
	border-bottom:1px dotted #e5e5e5;
	padding-bottom:1.5em;
	margin-bottom:1.5em;
	}
	
#content .glossary-category-entry a, #content .glossary-letter-entry a {text-decoration:none;}	
#content .glossary-category-entry a:hover, #content .glossary-letter-entry a:hover {text-decoration:underline;}
#content .glossary-category-entry h2, #content .glossary-letter-entry h2, #content .glossary-category-entry p, #content .glossary-letter-entry p {margin-bottom:8px;}
	
#main #search {margin-top:3em;}

h3#comments {clear:both; border-top:1px dotted #e5e5e5; padding-top:1em;}
#content ol.commentlist li {padding-bottom:1em;}
	
/* Glossary Icons */	
#letters li {
	float:left;
	margin-right:3px;
	}
	
#content #letters a, #letters a, #content #letters li.active a, #letters li.active a {
	display:block;
	text-align:center;
	background:url(images/bg-glossary-letter.png) no-repeat 0 0;
	width:22px;
	height:22px;
	padding-top:2px;
	text-decoration:none;
	}
	
#content #letters li.active a, #letters li.active a {
	background-image:url(images/bg-glossary-letter-on.png);
	color:#fff;
	}
	
#sidebar #letters li#numbers.active a {
	background-image:url(images/bg-glossary-numbers-active.png);
	color:#fff;
	}

#sidebar #letters {
margin-bottom: 20px;
}
	
/* Glossary Search */
body#sidebar-right #search input {
	background:transparent url(images/bg-search.png) no-repeat 0 0;
	border:none;
	color:#a9a9a9;
	font-size:117%;
	padding:18px 15px 18px 12px;
	width:541px;
	height:18px;
	float:left;
	}

body#sidebar-right #search #searchsubmit {
	background:transparent none repeat 0 0;
	border:none;
	color:#a9a9a9;
	float:right;
	font-size:117%;
	height:51px;
	padding:0;
	width:82px;
	}
	
#content #letters li.numbers a, #sidebar #letters li#numbers a  {
	background:url(images/bg-glossary-numbers.png) no-repeat 0 0;
	width:37px;
}


/* Navigation
------------------------------------------------------------------------------:o}-------------------------------- */
#nav li, #nav li a, #anav li, #anav li a, #footer li, #footer li a {line-height:1;}	
#nav li, #anav li, #footer li {float:left; position:relative;}

#nav {
	position:absolute;
	top:43px;
	right:0;
	height:41px;
	}
	
#nav li {padding-right:8px; padding-left:5px;}
	
#nav li a {
	display:block;
	line-height:41px;
	color:#fff;
	font-size:100%;
	padding-right:12px;
	padding-left:7px;
	}
	
#nav li.active {background:url(images/bg-nav-left.png) no-repeat center left;}
	
#nav li.active a {
	color:#91b227;
	background:url(images/bg-nav-right.png) no-repeat center right;
	cursor:default;
	}
	
#nav li.active a:hover {text-decoration:none;}

#breadcrumb span .glossary {padding-top:0;}


/* Side Navigation
------------------------------------------------------------------------------:o}-------------------------------- */
#sidebar {position:relative;}
#sidebar #snav {margin-top:38px;}
#sidebar #snav li {background:url(images/bg-snav-separator.png) no-repeat bottom right;}
	
#sidebar #snav li {
	height:auto !important;
	height:24px;
	min-height:24px;
	}

#sidebar #snav li a {padding-left:31px;}

#sidebar #snav li a, #sidebar #snav li span {
	display:block;
	padding-top:9px;
	padding-bottom:11px;
	padding-right:12px;
	}
	
#sidebar #snav li.current_page_item span{
	background:url(images/snav-indicator.png) no-repeat 0 2px;
	padding-left:41px;
	font-weight:bold;
	}

/* Home page
------------------------------------------------------------------------------:o}-------------------------------- */
body#home #content {width:670px; padding-right:16px;}
body#home #sidebar {width:280px;}

body#home #mainwrap {background:none;}
body#home #main {width:980px; margin:0 auto;}

body#home h3 {
	font-size:150%;
	margin-bottom:6px;
	}
	
body#home #home-img {
	background:url(images/home-img.jpg) no-repeat 0 0;
	width:966px;
	height:341px;
	margin-bottom:2em;
	}
	
body#home #home-img h2, body#home #home-img p {
	display:block;
	text-indent:-32767px;
	}

body#home h2, body#home #what-is-usability span {color:#585858; padding-top:20px;}	
body#home #what-is-usability h2, body#home #from-the-glossary h2 {font-size:200%;}
body#home #recent-job-postings h2, body#home #online-usability-courses h2 {font-size:150%; color:#2e2e2e;}
	
body#home #what-is-usability h2, body#home #from-the-glossary h2, body#home #recent-job-postings h2, body#home #online-usability-courses h2 {
	padding-left:33px;
	line-height:23px;
	background-position:0 20px;
	background-repeat:no-repeat;
	}

body#home #what-is-usability {background:url(images/home-what-is-usability-top.png) no-repeat 0 0; margin-bottom:2em;}	

body#home #what-is-usability .pad {
	background:url(images/home-what-is-usability-bot.png) no-repeat left bottom;
	padding:0 16px 0 22px;
	}

body#home #what-is-usability h2 {
	background-image:url(images/icon-home-whatisusability.png);
	float:left;
	margin-bottom:36px;
	}
	
body#home #what-is-usability span {
	float:left;
	font-size:200%;
	font-family:"Calibri", arial, helvetica, sans-serif;
	display:block;
	line-height:23px;
	padding-left:5px;
	}
	
body#home #what-is-usability .wiu-row {
	width:619px;
	padding-left:7px;
	padding-bottom:1em;
	clear:both;
	}

body#home #what-is-usability li#ucd, body#home #what-is-usability li#acc, body#home #what-is-usability li#usatest, body#home #what-is-usability li#ia {float:left;}
	
body#home #what-is-usability li#ucd, body#home #what-is-usability li#usatest {
	margin-right:16px;
	width:287px;
	} 
	
body#home #what-is-usability li#acc, body#home #what-is-usability li#ia {
	padding-left:16px;
	width:288px;
	}
	
body#home #what-is-usability li a {
	float:left;
	margin-bottom:1em;
	}
	
body#home #what-is-usability li h3, body#home #what-is-usability li p {padding-left:105px;}

body#home #what-is-usability h3 a {
	float:none;
	margin-bottom:0;
	border-bottom:1px dotted #c0c0c0;
	display:block;
	}

body#home #what-is-usability li p {line-height:14px;}
	
body#home #from-the-glossary {background:url(images/home-from-the-glossary-bot-temp.png) no-repeat left bottom; padding-bottom:36px; position:relative;}
body#home #from-the-glossary .pad {background:url(images/home-from-the-glossary-top.png) no-repeat 0 0; padding-left:17px; padding-right:9px;}
body#home #from-the-glossary h2 {background-image:url(images/icon-home-fromtheglossary.png); padding-left:47px;}
	
body#home #recent-job-postings {background:url(images/home-recent-job-listings-bot.png) no-repeat left bottom;}	
body#home #recent-job-postings .pad {background:url(images/home-recent-job-listings-top.png) no-repeat 0 0; padding-bottom:10px;}
body#home #recent-job-postings h2 {background-image:url(images/icon-home-recentjoblistings.png); float:left; margin-left:17px; margin-bottom: 1px;}
	
body#home #online-usability-courses {background:url(images/home-online-courses-top.png) no-repeat 0 0;}
body#home #online-usability-courses h2 {background-image:url(images/icon-home-onlineusabilitycourses.png); margin-left:17px;}
body#home #online-usability-courses p {padding-left:17px; padding-right:15px;}
	
body#home #online-usability-courses #upcoming {background:url(images/home-upcoming-courses-top.png) no-repeat 0 0;}	
body#home #online-usability-courses #upcoming .pad {background:url(images/home-upcoming-courses-bot.png) no-repeat left bottom;}	

body#home a.register-now {
	display:block;
	text-indent:-32767px;
	background:url(images/btn-more-information-conf.png) no-repeat 0 0;
	width:109px;
	height:44px;
	position:relative;
	left:142px;
	top:18px;
	}
	
body#home #recent-job-postings .view-all {
	float:right;
	line-height:23px;
	display:block;
	padding-top:20px;
	padding-right:15px;
	font-size:92%;
	}

body#home #recent-job-postings ul {
	border-top:1px solid #e2e2e2;
	clear:both;
	margin-left:5px;
	margin-right:5px;
	}

	
body#home #recent-job-postings ul li div {
	margin:1px 0;
	background:#f2f2f2;
	padding:0 20px 12px 17px;
	}
	
body#home #recent-job-postings ul li.alt div {background:#fff;}

body#home #recent-job-postings ul li p {
	float:left;
	padding-top:12px;
	margin-bottom:0;
	font-size:92%;
	}

body#home #recent-job-postings ul li p.position-company, body#jobs #recent-listings li p.position-company {width:69%;}
body#home #recent-job-postings ul li p.date-job-posted, body#jobs #recent-listings li p.date-job-posted {width:22%;}
body#home #recent-job-postings ul li p.position-company a {font-size:117%;}
body#home #recent-job-postings ul li p.position-company span {font-size:100%;}

body#home #recent-job-postings ul li p.location-type span, 
body#home #recent-job-postings ul li p.date-job-posted, 
body#home #recent-job-postings p.tag {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#9f9f9f;
	font-size:92%;
	}

body#home #recent-job-postings ul li p.date-job-posted, body#jobs #recent-listings li p.date-job-posted {
	float:right;
	font-style:italic;
	padding-top:25px;
	}

body#jobs #recent-listings li p.date-job-posted {color:#9f9f9f; font-family:Georgia, "Times New Roman", Times, serif;}
	
body#home #recent-job-postings p.tag {
	border-top:1px dotted #c0c0c0;
	font-style:italic;
	margin:0;
	margin-left:17px;
	margin-right:20px;
	padding-top:7px;
	color:#a4a4a4;
	}
	
body#home #recent-job-postings ul li p {margin:0; border:none;}

body#home #online-usability-courses .view-all {
	font-size:92%;
	float:right;
	margin:0;
	padding:8px 26px 0 0;
	}
	
body#home #online-usability-courses #upcoming h5 {
	padding-top:12px;
	padding-left:17px;
	padding-bottom:1.6em;
	font:bold 100% arial,helvetica,clean,sans-serif;
	color:#4a4a4a;
	}
	
body#home #online-usability-courses #upcoming p {margin-bottom:0;}

body#home #content #from-the-glossary ul#letters {
	width:356px;
	padding:0;
	position:absolute;
	top:10px;
	right:2px;
	border:none;
	}
	
body#home #from-the-glossary ul#letters li {
	width:auto;
	padding-right:0;
	}

body#home #from-the-glossary ul#terms {
	padding-top:2.5em;
	width:637px;
	padding-right:7px;
	}
	
body#home #from-the-glossary ul#terms li {
	float:left;
	width:306px;
	padding-right:12px;
	}
	
body#home #from-the-glossary dt img {
	float:left;
	margin-right:1em;
	margin-bottom:2em;
	}
	
body#home #from-the-glossary .view-glossary {
	position:absolute;
	bottom:12px;
	right:14px;
	font-size:92%;
	}
	
body#home #home-img a {
	display:block;
	position:absolute;
	top:266px;
	left:30px;
	text-indent:-32767px;
	background:url(images/btn-learn-more.png) no-repeat 0 0;
	width:109px;
	height:44px;
	}


/* Search Glossary
------------------------------------------------------------------------------:o}-------------------------------- */
body.home #main #search {
	float:left;
	position:relative;
	left:-3px;
	top:3px;
	margin-top:0;
	}

body.home #search #searchfield {
	background:transparent url(images/bg-search.png) no-repeat 0 0;
	border:none;
	color:#a9a9a9;
	font-size:117%;
	float:left;
	padding:18px 15px 18px 12px;
	width:439px;
	height:18px;
	}

body.home #search #searchsubmit {
	background:none;
	border:none;
	color:#a9a9a9;
	float:right;
	font-size:117%;
	height:51px;
	padding:0;
	width:82px;
	}
	
body.archive .wp-pagenavi {
margin-top:25px;
text-align:center;
}
	
body.archive .wp-pagenavi span, body.archive .wp-pagenavi a{
border: none;
}
	
/* Social Media - Sharebar plugin
------------------------------------------------------------------------------:o}-------------------------------- */
#content #sharebarx {list-style:none; margin:0 0 30px 0; padding:0;}
#content #sharebarx li {padding-bottom:0; margin-right:10px;}
	
/* Site map
------------------------------------------------------------------------------:o}-------------------------------- */
#content #sitemap li ul {padding-top:4px;}
#content #sitemap ul {margin-bottom:0;}
#content #sitemap li {padding-bottom:4px;}
	
	
/* Footnotes
------------------------------------------------------------------------------:o}-------------------------------- */
#reference {
	border-top:1px dotted #e7e7e7;
	margin-top:3em;
	}
	
#reference h5 {margin-top:1em;}


/* Landing Content
------------------------------------------------------------------------------:o}-------------------------------- */
.landing-content {
border-bottom:2px solid #D0D0D0;
margin-bottom:30px;
padding-bottom:20px;
}


/* Footer
------------------------------------------------------------------------------:o}-------------------------------- */
#fwrap {
	border-top:1px solid #dcdcdc;
	height:89px;
	} 
	
#footer {
	background:url(images/logo-footer.png) no-repeat 0 23px;
	padding:25px 0 20px 50px;
	width:916px; 
	min-width:916px;
	font-size:92%;
	position:relative;
	}
	
#fnav li a {
	border-right:1px solid #1461cc;
	margin-right:6px;
	padding-right:6px;
	}
	
#social {
	position:absolute;
	top:27px;
	right:0;
	}
	
#social #twitter a, #social #facebook a {
	display:block;
	text-indent:-32767px;
	width:22px;
	height:23px;
	background-repeat:no-repeat;
	background-position:0 0;
	}
	
#social #twitter a {background-image:url(images/icon-twitter.png); margin-right:4px;}
#social #facebook a {background-image:url(images/icon-facebook.png);}


/* Clearfix
------------------------------------------------------------------------------:o}-------------------------------- */
.clearit:after, #main:after, #nav:after, #anav:after, #footer ul:after, #masthead:after, #job-listings li:after, #glossary-terms:after, #letters:after, body#home #what-is-usability:after, body#home #what-is-usability .wiu-row:after , body#home #from-the-glossary ul:after, body#home #recent-job-postings ul li div:after, body#jobs #job-listings li div:after, #recent-listings li:after, #searchform:after, #crumbs:after, body.page-template-training-workshops-php #content .second .logos:after, body.page-template-workshops-php .snip dl:after,
 body.page-template-training-workshops-php dl:after, body.page-template-conferences-php .snip:after, body.page-template #snip dl:after, .btt:after
{content:".";display:block;height:0;clear:both;visibility:hidden;}