/*
Theme Name: GSI Corp
Theme URI: http://www.ocularharmony.com
Description: Wordpress theme for GSI Corp
Author: Robin Bastien
Author URI: http://www.ocularharmony.com
*/

/*Begin Fundamentals*/
/*---------------------------------------------------------------*/
body {font-size: 62.5%;font-family: helvetica, Verdana, Arial, Sans-Serif; color: #333; margin: 0px;}
.wrapper {width: 900px; margin: 0 auto;}
#content {font-size: 1em; }
#header {width: 100%; text-align: left; height: 70px; border-bottom: 1px solid #ddd;}
#header #logo {float: left; width: 99px; height: 35px; margin-top: 20px; background: url("images/logo.jpg") no-repeat; position: relative;}
#header #logo a {display: block; width: 100%; height: 100%;}
#header #phones {position: absolute; right: -121px; top: 17px;}
#content {min-height: 300px; height: auto !important; height: 500px; width: 900px; float: left; text-align: left}
#footer {border-top: 1px solid #eee; padding: 10px 0 0; height: 100px; float: left; width: 100%;}
#navigation {width: 100%; height: 30px; display: block}
#nav {height: 56px; float: right; margin-top: 15px; margin-left: 30px;}
#editpage {position: fixed; z-index: 999; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 8px; background-color: #333;}
#sidebar {width: 190px; min-height: 500px; float: left;}
#sidebar ul {padding: 0 10px 0 0; margin-top: 0;}
#sidebar ul li {list-style-type: none; margin-bottom: 10px;}
#sidebar li li {margin-bottom: 3px;}
#sidebar a {color: #1E7CCE; font-weight: bold; text-decoration: none;}
#sidebar input[type="text"] {width: 160px; height: 15px;}
#sidebar h2 {width: 100% !important; margin: 0px 0 20px 0  !important; font-size: 1.2em; height: 20px;}
img {border: none;}
p {font-size: 1.4em; text-align: left; font-family: helvetica, arial, sans-serif; line-height: 25px;}
input[type="text"] {background: url(images/search-bg.jpg) repeat-x; border: 1px solid #bbb; height: 15px; padding: 4px; font-size: 1.3em; width: 200px; color: #5f6587;}
.social {float: right; clear: none;}
.social img {width: 18px; height: 18px;}
 
/*Body Elements*/
/*---------------------------------------------------------------*/
#nav ul {
	float: left; 
	padding: 0; 
	margin-top: 5px;
	text-transform: uppercase; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	height: 32px; 
	}
#nav li {display: block; float: left; height: 32px; text-align: center; min-width: 100px; clear: none;  }
#nav li a {display: block; width: auto; height: 32px; font-size: 1.2em; padding: 15px 12px 0px; color: #555; border-left: 2px solid #ddd;}
#nav li a:hover, #nav li.current_page_item a {color: black; border-left-color: #888;}
#nav li ul {position: absolute; width: 8.5em; left: -999em; top: 50px; height: auto; background-color: #f9f9f9; border: 1px solid #ddd; padding: 4px 3px;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}
#nav li ul a, #nav li li {float: left;}
#nav a .navhover {display: none; width:100%; height: 6px; margin-top: 3px; background-color: #302d54;}
#nav a:hover .navhover {display: block;}
.column {width: 360px; min-height: 200px; height: auto !important; height: 200px; float: left; display: inline;}
.columnwide {width: 500px; padding: 0px 10px;}
#content img {padding: 3px; border: 1px #eee solid; margin: 5px;}
#contentform {min-height: 400px; height: auto !important; height: 400px;}
#contentform h3 {color: #666; }
#contentform .formblock{width:400px; margin-bottom:50px; min-height:400px;height: auto !important; height: 400px; float:left;display:inline;padding:10px 25px; font-size: 0.8em;}
#contentform .formblock form{padding: 10px 10px 10px 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
input, textarea {border: 1px solid #999; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px;}
#contentForm input {float: left; display: inline;}
#contactForm p label {float: left; display: inline; width: 80px;}
#contactForm .messagelabel {width: 90px;}
.entry, #content h1 {text-align: left;}
#copyright {width: auto; float: left; clear: none}
#content img.noborder {border: 0px;}
#content #mainblock {width: 100%; position: relative; height: 263px; background: url(images/slider-bg.jpg) repeat-x center bottom; display: block; float: left; padding: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#content #mainblock .slideshow { display: block; position: absolute; width: 255px; height: 261px; overflow: hidden;  -moz-border-radius: 4px; -webkit-border-radius: 4px; 	}
#content .slideshow img {border: none; margin: 0; padding: 10px 0 0 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; float: left; width: auto;}
#content #mainblock .buttons {display: block; position: absolute; right: 60px; top: -20px; z-index: 30; width: 430px; padding-top: 74px; padding-left: 90px;}
#content #mainblock .buttons p {color: #555; font-family: georgia, serif; font-size: 1.5em; line-height: 23px;}
#content p, #content li { font-size: 1.2em; color: #777; font-family: helvetica, arial, sans-serif; line-height: 23px;}
#content p a {font-size: 1em; font-weight: normal;color: #5c7b9f; border-bottom: none;}
#content #mainblock .buttons .btn {float: left; display: block; margin-bottom: 10px; width: 131px; height: 36px; background: url(images/button.png) no-repeat top; font-size: 1.3em; margin-right: 5px;}
#content #mainblock .buttons .btn:hover {background-position: bottom;}
#content #mainblock .buttons .btn a, #content #mainblock .buttons .btn a:hover {display: block; width: 100%; height: 30px; border: none; color: black; padding-top: 11px; text-align: center; color: white; font-weight: bold;}
#content .wideblock {width: 580px; padding-right: 20px; float: left;}
#content .narrowblock {width: 290px; padding: 0 5px; float: left;}
#error404 {width: 100%; text-align: center; padding-top: 30px;}
/*browse jobs page*/

#searcharea {width: 400px; min-height: 600px; height: auto !important; height: 600px; margin-right: 20px; float: left; display: block;}
.jobarea {width: 100%; float: left; display: block; line-height: 17px;}
#searchsubmit { position: absolute; left: 184px; top: -1px; border: 0; width: 23px; height: 23px;}
#searchform {position: relative}

.introheader {height: 204px; margin-bottom: 10px; width: 100%; background: url('images/inner-header.jpg') no-repeat center; float: left; }
.introheader h1 {padding-left: 40px; padding-top: 26px; display: block; width: 400px; float: left; color: #5399d3;}
.introheader blockquote { color: #777; font-size: 1.8em; display: block; width:  550px; line-height: 22px; clear: both;}
.resumeheader {background: url(images/inner-header-resume.jpg) no-repeat center;}
.browsejobs {background: url(images/inner-header-browse.jpg) no-repeat center;}
.contactpage {background: url(images/inner-header-jobs.jpg) no-repeat center;}

.thejob {background: url(images/inner-header-jobs.jpg) no-repeat center;}
.jobcriteria {display: block; float: right; width: 300px; height: 100%; margin-top: 40px;}
.jobcriteria ul {margin: 0; padding: 0;}
.jobcriteria ul li {list-style-type: none; font-size: 1.3em; line-height: 23px; width: 150px; float: left;}
.jobcriteria ul li a {color: #5399d3;}
.itsajob {float: left; width: 275px; height: 275px; overflow: hidden; position: relative; margin-bottom: 20px; margin-right: 18px;}
#content .itsajob p {font-size: 1em; line-height: 21px;}
span.jobtitle {font-size: 1.5em; display: block; width: 265px; padding: 0 10px; border-bottom: 2px solid #bbb; color: #5399d3; padding-left: 5px; background-color: white;}
.highlightjob {border-left: 3px solid #bbb; display: block; height: 100%; width: 100%; float: left; position: absolute; left: 0; top: 0;}
.highlightjob:hover { border-color: #5399d3;}
.itsajob .meta {padding: 5px 12px; display: block;}
.itsajob:hover { border-color: #5399d3; color: black; background-color: #f3f6f8;}
.highlightjob:hover .meta, .itsajob:hover .meta, .highlightjob:hover .meta p {color:black !important;}

/*Begin Typography*/
/*---------------------------------------------------------------*/
#content a {color: #7c7c7c; text-decoration: none; border-bottom: 1px dotted #7c7c7c;}
#content a:hover {border-bottom: 1px solid;}
#content .theindustry a {font-size: 1em; text-transform: capitalize; color:}
.onemeta {display: block; float: left; width: 80px; margin-right: 10px; font-weight:  bold;}
.meta p {margin: 0; font-family: Helvetica, arial, sans-serif; font-size: 1em; line-height: 17px; }
#header h2 {font-size: 1.2em; font-style: italic; font-family: georgia; color: #ddd; margin: 0 3px; padding: 0; clear: none; font-weight: normal;}
.column h2 {display: block; text-align: center; font-weight: normal; border: 2px solid #eee; border-width: 2px 0; padding: 5px 0;}
#content h2 {font-size: 1.3em; font-weight: bold; width: 100%; border-bottom: 1px solid #ddd;}
#nav a {text-decoration: none; color: #333;}
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {text-align: center;}
a#footertext, a#footertext:visited, a#footertext:hover, a#footertext:active {color: #ccc;}
a.hotlink {padding: 4px; background-color: #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-decoration: none; font-family: Helvetica, verdana, arial, sans-serif; font-size: 0.85em; color: #444; border: 1px solid #aaa; text-align: right;}
a.hotlink:hover {background-color: #bbb}
img.bioimage {padding-bottom: 300px;}
#content.widecolumn .post a {border-bottom: none;}
#editpage a {color: #fff;}
#content .column .meta {font-size: 1.3em; margin-bottom: 1em; display: block; float: left;}
a.joblistingbutton {display: block; width: 100%; margin: 0px; height: 13px; background-color: #9fce4f; color: white; border-bottom: 1px solid #888; padding: 7px 0px 7px; font-size: 15px; font-weight: bold; text-decoration: none;}
a.joblistingbutton:hover {background-color: #a7dd50;}
a.joblistingbutton span {padding-left: 10px; text-decoration: underline;}
#wpjb_main .job-view-header {background: url(images/job-view-head.jpg) repeat-x; display: block; height: 20px; width: 882px !important; border: 1px solid #d1d1d1; padding: 9px; margin-bottom: 0px !important;-moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-radius-top-left: 3px;-webkit-border-radius-top-right: 3px; margin-top: 10px; color: #444;font-size: 1.3em; }
.singlepage div.wpjb_job_info, div.wpjb_job_text {background-color: #ddecf0; width: 880px; padding-left: 20px;border: 1px solid #d1d1d1 !important; border-collapse: separate !important; float: left; clear: left; }
div.wpjb_job_text {background-color: #Fdfdfd !important; padding: 10px 5px 5px 20px; width: 875px !important; float: left; margin-top: 0px; line-height: 19px;}
.wpjb_job_info span, .wpjb_job_info strong {width: 180px; padding: 3px 20px 3px 2px; float: left;  display: block; clear: none;}