/*
Theme Name: Executrade
Theme URI: 
Description: Custom theme built for Executrade website
Version: 1
Author: Trafik Interactive
Author URI: http://www.trafikinteractive.com
Tags: 
*/

@import "style/css/grid.css";

* { margin: 0; padding: 0; }

body { 
  background: #f8f8f8 url(style/images/bodybg.png) top center repeat-x;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #3f3f3f;
}

img { border: 0; }

h1 { margin: 0.5em 0;  text-transform: uppercase; }
h2 { margin: 0.5em 0;  font-size: 1.3em; color: #69c3c9; text-transform: uppercase;}
h3 { font-family: "Helvetica neue", Helvetica, Arial, sans-serif; font-size: 1.3em; text-transform: uppercase; margin: 0.4em 0;}
h3 a, h4 a { color: #4abac4; } h3 a:hover, h4 a:hover {color: #62b036; }
h4 { text-transform: uppercase; margin-bottom: 1em; font-family: "Helvetica neue", Helvetica, Arial, sans-serif;}
h5 { text-transform: uppercase; }
a { text-decoration: none; outline: none; color: #62b036; }

em { font-size: 0.86em; color: #818181; }

ul { list-style-type: none; }

hr { 
  display: block; 
  height: 20px; 
  width: 630px; 
  background: transparent url(style/images/hr.png) top center no-repeat; 
  border: 0; outline: 0;
  border-style: none;
}

hr.large { background: url(style/images/hrLarge.png) top center no-repeat; border: 0;}

.heading { display: inline; margin-bottom: 10px;}

.clear { clear: both; height: 0; margin: 0; padding: 0;}

pre { font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; }


/* ---- LAYOUT STYLES ------- */

#header { height: 135px; }

#logo { margin-top: 16px; }

#topnav ul { 
  margin-top: 50px;
  float: left;
}
#topnav ul li { float: left; margin-right: 18px; }
#topnav ul li a { 
  color: #f8f8f8;
  font-style: italic;
  display: block;
  height: 30px;
}
#topnav ul li a:hover { color: #c7d417; }

/*---- DROPDOWN STYLES ------ */
#topnav ul li.page_item ul {
  padding: 0 10px;
  margin: 0 0 0 -10px;
  height: auto;
  font-size: 12px; 
  position: absolute; 
  background: #424242 /*url(style/images/subnavbg.png) top left repeat-x*/;
  border-bottom: 1px solid #fff;
}
#topnav ul li.page_item ul li { float: none; margin-bottom: 4px; padding-right: 40px; } /*remove if horizontal */
#topnav ul li.page_item ul li a{ padding-bottom: 9px; height: auto;}
#topnav ul li.page_item ul li ul {
  height: auto;
  margin-left: -10px;
  padding-bottom: 5px;
}
#topnav ul li.page_item ul li ul li { margin-top: 4px; margin-bottom: 4px; float: none; }
#topnav ul li.page_item ul li ul a { padding-bottom: 0;} 

/*------ LAYOUT STYLES ----- */

#sidebar { line-height: 1.4em; }

.content p { line-height: 1.5em; margin-bottom: 1em;  }
.content ul li { list-style: circle outside; margin: 1.5em 0 1.5em 3em; }
.content ol li { list-style: decimal outside; margin: 1.5em 0 1.5em 3em; }
.content ol li li { list-style: disc outside;}
ul.post-categories li { list-style: none; margin: 0;}

#sitemap ul li { list-style: none; margin: 1em;}

#footer {
  width: 100%;
  padding: 2em 0px 1em 0px;
  background: #424242;
  border-top: 1px solid #fff;
  margin-top: 2em;
  color: #8e8e8e;
}
#footer p { font-size: 0.86em; }

#footer hr{
	clear: both;
	float: none;
	width: 100%;
	height: 0px;
	margin-bottom: 1em;
	padding-top: 1em;
	background: none;
	border-top: none;
	border-left: none; border-right: none;
	border-bottom: 1px solid #555;
}

#footer ul { 
  margin-top: 20px;
  margin-bottom: 5px;
  float: left;
}
#footer ul li { float: left; margin-right: 16px; }
#footer ul li a { 
  color: #8e8e8e;
  font-size: 0.86em;
}
#footer ul li a:hover { color: #fff; }
#logosmall { height: 31px; background: url(style/images/logosmall.png) top right no-repeat; margin-top: 10px;}

/*----- LANDING PAGE STYLES ----- */

.homemiddle { 
  height: 355px; 
  margin-top: 30px;
  width: 100%; 
  background: url(style/images/homemiddle.jpg) top center repeat-x; 
}

.homecallout {
  height: 355px;
  margin-bottom: -104px; 
  text-align: center;
  padding: 30px 34px 0;
  float: left;
}
#homecallout1 { background: url(style/images/homecallout1.jpg) top center no-repeat; width: 233px; }
#homecallout2 { background: url(style/images/homecallout2.jpg) top center no-repeat; width: 277px; }
#homecallout3 { background: url(style/images/homecallout3.jpg) top center no-repeat; width: 236px; }


#homecallout4 { 
  background: url(style/images/homecallout4.jpg) top left no-repeat; 
  height: 114px; 
  margin-top: 100px;
}
#homecallout5 { 
  background: url(style/images/homecallout5.jpg) top left no-repeat; 
  height: 114px; 
  margin-top: 100px;
}

#homecallout4 img, #homecallout5 img { margin-top: 15px; margin-left: 15px;}
#homecallout4 em, #homecallout5 em { margin-left: 15px;}

/* ------- CAREER OPPORTUNITIES STYLES ----- */
ul#catlist li:first-child { background: none;}
ul#catlist li { 
  list-style: none; 
  margin: 0 0 ; 
  background: url(style/images/careerlistbg.png) 0 -106px no-repeat; 
  padding: 26px 0 10px;
  height: 30px;
  border-bottom: 1px solid #bcbcbc;
}
ul#catlist li:hover { background: url(style/images/careerlistbg.png) 0 0 no-repeat; }

ul#catlist a { 
  color: #4abac4; 
  text-transform:uppercase; 
  font-family: "Helvetica neue", Helvetica, arial, sans-serif; 
  font-size: 1.3em; 
}
ul#catlist p { margin-bottom: 0; }

#sidebar .post {  margin-bottom: 1.5em; }
#sidebar .New, #sidebar .Open, #sidebar .Filled, #sidebar .OnHold, #sidebar .Pending { background-position: top right;}
#sidebar .post h4 { margin: 0; color: #818181; }

/*-------- CONTACT STYLES ------- */
.wpcf7-form label, #commentform label { display: inline-block; width: 140px; margin-right: 15px; }
.wpcf7-form input[type=text], #commentform input[type=text] { border: 1px solid #888;}
span.wpcf7-list-item { margin-left: 0 !important; }
textarea { width: 450px; border: 1px solid #888; }
.wpcf7-form input[type=text]:focus, #commentform input[type=text]:focus, textarea:focus {
  outline: 2px solid #69c3c9;
}

#footer .contact-info {
  color: #aaa;
}

#footer .contact-info h5{
  color: #fff;
  text-transform: uppercase;
}

/*------- SEARCH STYLES -------- */
#searchform {
  background: url(style/images/searchbg.png) top left no-repeat;
  width: 350px;
  padding: 37px 20px 0 30px;
  height: 63px;
  margin-bottom: 2em;
}

a.advanced-search { font-size: 11px; color: #4ABAC4; margin-top: 5px; display:block; }

#s {
  background: url(style/images/searchinputbg.png) top left no-repeat;
  width: 310px;
  padding: 6px 0 6px 2px;
  height: 15px;
  border: 0;
  color: #aaaaaa;
  float: left;
}
#searchsubmit { float: right;}

#slimsearchform {
	width: 240px;
  padding: 1em 0px;
}

#slimsearchform #s, .TextField input {
	background: #fff;
	width: 188px;
  padding: 6px;
  height: 15px;
  border: 1px solid #92D2D7;
  border-color: #92D2D7 #D9EEF1 #D9EEF1 #92D2D7;
  color: #aaaaaa;
  float: left;
}

#slimsearchform #searchsubmit { 
	float: right;	
}

/* ------ ADVANCED SEARCH ---- */

.searchform-spoiler { display: none; }
.TextField label { padding-top: 5px;}
.TextField input, .DropDownField select { margin-bottom: 20px; clear:both;}


/* ------ POSTING STYLES ----- */

.New { padding-right: 70px; background: url(style/images/new.png) center right no-repeat; }
.Open { padding-right: 70px; background: url(style/images/open.png) center right no-repeat; }
.Filled { padding-right: 70px; background: url(style/images/filled.png) center right no-repeat; }
.OnHold { padding-right: 70px; background: url(style/images/onhold.png) center right no-repeat; }
.Pending { padding-right: 70px; background: url(style/images/pending.png) center right no-repeat; }

ul#catsidebar li { 
  list-style: none; 
  margin: 1em 0 ; 
}
ul#catsidebar a { color: #4abac4; text-transform:uppercase; font-family: "Helvetica neue", Helvetica, arial, sans-serif; font-size: 1em; padding: 0.4em 0.2em;  display: inline-block; width: 100%; }
ul#catsidebar a:hover {background: #4abac4; color: #fff; }

#footer .recent-job-posts{
	color: #aaa;
}

#footer .recent-job-posts a{
	color: #69c3c9;
}

#footer .recent-job-posts a:hover{
	color: #fff;
}

#footer .recent-job-posts p{
	font-size: 0.8em;
}

.fine-print{
	font-size: 0.8em;
}

/* -------- STAFF DIRECTORY STYLES -----------*/
.staff-directory{
  margin-bottom: 2em;
}

.staff-directory a {
  color: #62B036;
}