*{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }

a{ color: #360; display: inline-block; text-decoration: none; }
a:hover{ color: #369; }

abbr{ border-bottom: 1px dotted #666; }
abbr:hover{ cursor: help; }

article{ display: block; margin-bottom: 12px; }
article p{ padding: 0 3px; }

aside{ width: 25%; float: left; padding: 10px; }
aside ul{ list-style: none; margin: 0; padding: 0; }
aside ul li{ margin-bottom: 1px; }
aside ul li a{ display: block; padding: 4px 5px; font-weight:bold; border-left: 4px solid #FFF; font-family:"Courier New", Courier, monospace }
aside ul li a:hover{ display: block; padding: 4px 5px; border-left: 4px solid #06F; }


q{ font: italic 14px/18px Georgia; position: relative; display: inline-block; box-sizing:content-box; -moz-box-sizing:content-box;  -webkit-box-sizing:content-box; -o-box-sizing:content-box; -ms-box-sizing:content-box; padding: 0px 20px; margin: 10px 0; }
q{ line-height: 1.7em; display: inline-block; padding: 0 30px; }
q:before{ content: open-quote; color: #AAA; font: bold italic 34px Georgia; position: absolute; top: -5px; left: 0; }
q:after{ content: close-quote; color: #AAA; font: bold italic 34px Georgia; position: absolute; bottom: -8px; right: 0; }

body{ font-family: Georgia,"Times New Roman",Times,serif; font-size: 14px; line-height: 1.7em; margin: 0; padding: 0; position:relative; overflow:auto; }

footer{ clear:both; padding:10px 0; background: #CCC; border-top: 5px solid #AAA;}
footer h2{ display: none; }
footer p{ margin: 0px 5%; text-align:center; font: normal 10px/14px Verdana, Geneva, sans-serif;  }

h1, h2, h3{ line-height: 1.3em; margin: 0; 	padding: 0; }
h2, h3{ font: normal bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif }
h1{ font-size: 2.5em; color:#FFF; font-family: Georgia, "Times New Roman", Times, serif  }
h2{ font-size: 1.5em; font-style: italic; margin-top:20px; color:#36F;}
h3{ font-size: 1.3em; color:#090 }
h4{ border-bottom: 1px solid #CCC; margin: 30px 0 10px 0; padding:0; }

header{ padding: 30px 20px; position: relative; text-align:center; background: #030; box-shadow: 0 4px 11px #AAA; font-family: "Courier New", Courier, monospace }
header figure{ padding: 0; margin: 0;}
header figcaption{ font-size: 0.8em; color:#693; }
header img{ position: absolute; top: -30px; right: 5%; padding: 4px; background: white; border: 1px solid #AAA; border-top: 0; border-radius: 0 0 10px 10px; height: 135px;  }

li{ margin-bottom: 3px; line-height: 1.5em; }
main{ position: relative; width: 75%; float: left; padding: 0 10px; }

p { margin: 0 0 2px 0; }
section{ margin: 10px 0; }
	
#main_text{ padding: 3px 10px; }
#jobs{ overflow: auto; }
#jobs article{ width: 48%; float:left; padding: 3px 10px; margin: 0 1%; }

/**** INBOX MODAL *****/
html,body{ width: 100%; }
#modal{ position: fixed; top: 0; left: 0; width: 100%; background: rgba(0,0,0,0.5); height: 100%; z-index: 10;}
#modal h3{  font: bold 20px/22px "Trebuchet MS", Arial, Helvetica, sans-serif }
#modal div{ float: right; width: 380px; margin-top: 10px}
#modal section{ background: #fff; padding: 20px 30px; box-shadow: 0px 0px 5px black; width: 950px; margin: 50px auto; }
#modal form { width: 500px; }
#modal form span{ display: inline-block; width: 75px; vertical-align:top; padding:5px 0; }
#modal form input[type=text], #modal form input[type=email], #modal form textarea{ display: inline-block; width: 400px; border: 1px solid #AAA; padding: 5px 10px; border-radius: 4px; color:#AAA; }
#modal form input[type=text]:focus, #modal form input[type=email]:focus, #modal form textarea:focus{ outline: none; box-shadow: 0 0 4px rgba(51,102,255,0.7); color:#06C; }
#modal form textarea{ height: 200px; resize:none; }
#modal form div{ margin: 10px 0; padding:0; float: none; width:auto }
#modal form input[type=submit], #modal form input[type=button]{ display: inline-block; padding: 10px 20px; border: none; color: white; font-weight: bold; border-radius:5px; }
#modal form input[type=submit]{ margin-left:80px; padding-left:70px; background: #1B5A2E url('icons/email_send.png') 5px center no-repeat;transition: all 0.2s linear 0s; margin-right:5px }
#modal form input[type=button]{ background-color: #CCC }

.ok, .error{ padding:5px 10px; font-size:11px; line-height:16px; font-family: Verdana, Geneva, sans-serif; margin: 0 0 10px 0; }
.ok{ color:#030; background:#CBFFC4; }
.error{ color:#900; background:#FFD7D7; }