body {font-family: "Lucida Grande", "Helvetica", "Arial"; font-size: 13px; color: #333333;}

h1, h2 {font-family: Georgia;}
h1 {font-size: 40px; margin: 90px 20px 0px 20px; letter-spacing: .01em;}
h2 {font-size: 22px;}

a {color: #0066CC;}
a:hover {color: #0066CC;}
a:visited {color: #999999;}

#footer {margin-top: 20px; font-size: 11px; color: #999999;}
#footer a {text-decoration: none;}
#footer a:hover {text-decoration: underline;}


/* JOB LIST PAGE - index.html.erb */
#job_list {margin-top: 20px; padding: 20px 20px 0 20px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}

#job_list .job {margin-bottom: 20px;}
#job_list .job h2 {width: 69%; float: left; line-height: 36px; margin: 0;}
#job_list .job h2+p {font-size: 11px; color: #999999; width: 29%; float: right; text-align: right; line-height: 36px; margin: 0;}
#job_list .job h2+p+p {margin: 0; font-size: 11px; color: #999999;}

#job_list .job h2 a {text-decoration: none;}
#job_list .job h2 a:hover {text-decoration: underline;}


/* JOB PAGE - show.html.erb */
h1+p {text-align: right; font-size: 11px; margin: 0 20px 10px 0;}
h1+p a {text-decoration: none; color: #0066CC;}
h1+p a:hover {text-decoration: underline;}
h1+p a:visited {color: #0066CC;}

#job {padding: 20px 0px 20px 20px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}
#job h2 {margin-bottom: 2px;}
#job h2+p {font-size: 11px; color: #999999; margin-bottom: 30px;}
#job .main {float: left; width: 58%;}
#job .secondary {float: right; width: 38%; background-color: #EFF3DA; padding: 10px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#job .secondary img {float: none; margin: 0 auto; margin-top: 30px; margin-bottom: 5px;}
#job .secondary h3 {font-size: 14px; font-weight: bold; text-align: left; color: #000; clear: both; margin: 0 0 15px 0; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
#job .secondary p {font-size: 11px; color: #333333; clear: both; margin: 0;}
#job .secondary label {font-size: 12px; color: #000;}


/* APPLY PAGE - apply.html.erb */
.apply {margin-top: 0; padding: 20px 20px 0px 20px; }
.apply h2 {margin-bottom: 0px;}
.apply h2+p {font-size: 11px; color: #999999;}
.apply h2+p a {text-decoration: none; color: #0066CC;}
.apply h2+p a:hover {text-decoration: underline;}
.apply h2+p a:visited {color: #0066CC;}

form {}
form label {margin-bottom: 3px; display: block; font-weight: normal; color: #333; font-size: 14px;}
input {margin: 0; margin-bottom: 10px; padding: 6px; font-size: 12px; color: #404B4E; font-family: "Lucida Grande", "Helvetica", "Arial"; border: 1px solid #89BFD2;}
input.button {border: none; margin: 0; padding: 0; vertical-align: middle;}
textarea {margin: 0; margin-bottom: 20px; padding: 6px; font-size: 12px; color: #404B4E; font-family: "Lucida Grande", "Helvetica", "Arial"; border: 1px solid #89BFD2;  }
select {margin-top: 0; padding: 6px; margin-bottom: 10px; font-size: 12px; color: #404B4E; font-family: "Lucida Grande", "Helvetica", "Arial"; border: 1px solid #89BFD2;}

#attachments label {font-weight: normal;}
#attachments input {border: none;}
#attachments p {font-size: 11px; color: #999999;}

#action {font-size: 11px; margin-bottom: 20px; border-top: 1px solid #ccc; padding-top: 15px; }
#action span {margin-left: 15px; color: #0066CC; text-transform: uppercase;}
#action a {color: #0066CC; text-decoration: none; }
#action a:hover {text-decoration: underline;}

/* THANKS PAGE - thanks.html.erb */
#thanks {padding: 20px 0px 20px 20px; border-top: 1px solid #CCCCCC;}
#thanks p {margin-bottom: 5px;}
#thanks h2+p {font-size: 13px; color: #999999; margin-top: 0; margin-bottom: 30px;}
#thanks h2 {margin-bottom: 5px;}
#thanks h3 {margin-bottom: 30px;}
#info {background-color: #EFF3DA; padding: 20px; margin-bottom: 30px;}
#thanks .main {float: left; width: 48%;}
#thanks .secondary {float: right; width: 48%;}