/*
Theme Name: Tapp Jobs
Theme URI: http://www.press75.com/
Description: Detailed usage instructions for this theme can be found <a href="http://www.press75.com/tapp-jobs-setup-usage/">HERE</a>.
Version: 1.0
Author: Jason Schuller
Author URI: http://www.press75.com/

This theme was designed and built by Jason Schuller,
whose portfolio you will find at www.theSevenFive.com

The CSS, XHTML and design are all Copyright 2009 Circa75 Media, LLC:
*/

html, body {
background: url(images/bg.jpg) top left repeat fixed;
font: 62.5%/1.5 'Lucida Grande',Lucida,Verdana,Arial,Helvetica,sans-serif;
color: #4D4D4D;
line-height: 1.2em;
width: auto;
height: auto;
margin: 0;
padding: 0 0 40px 0;
}

a:link, a:visited {
color: #3F3F3F;
text-decoration: none;
}

a:hover {
color: #3F3F3F;
}

ul li {
list-style: none;
}

p {
font: 14px/20px Arial,Helvetica,sans-serif;
padding: 7px 0;
}

.hidden {
display: none;
}

h1 {
font-size: 45px;
font-weight: normal;
letter-spacing: -2px;
line-height: 42px;
margin: 10px 0 25px 0;
}

h1 a {
color: #3C3C3C;
font-weight: normal;
text-decoration: none;
}

h2, h3 {
color: #4D4D4D;
font-size: 16px;
letter-spacing: -1px;
line-height: 20px;
margin: 0 0 0 0;
}

* + html h2 {
margin-top: 20px;
}

h4 {
font-size: 13px;
font-weight: normal;
}

p {
margin: 0 0 10px 0;
}

img {
border: none;
}

.clearfix {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

#wrapper {
width: 970px;
margin: 0px auto;
overflow: hidden;
position:relative;
}

/** header styles **/
#header {
width: 960px;
float: left;
color: #FFFFFF;
padding: 40px 5px 0 5px;
text-shadow: 0.2em 0.2em 0.3em #333;
font: 14px/20px Arial,Helvetica,sans-serif;
}

#header a {
color: #FFFFFF;
}

#header a:hover {
color: #CCCCCC;
}

#header p {
margin: 0;
padding: 0;
}

#header-left {
width: 400px;
float: left;
}

#header-right {
width: 560px;
float: left;
text-align: right;
}

#header ul {
margin: 0;
padding: 0;
list-style: none;
}

#header li {
display: inline;
margin: 0 0 0 15px;
}

#sub-header {
width: 940px;
float: left;
padding: 0 0 20px 0;
border-bottom: 1px solid #E6E6E6;
}

#logo {
width: 450px;
float: left;
padding: 0 0 0 20px;
}

#newlogo{ position:absolute; width:320px; height:175px; left:50px; top:13px; background:url('images/newlogo.png') no-repeat left top; }

#newlogo h1{ display:none;}

.logolink{ display:block; height:150px; width:300px;}

#search {
width: 450px;
float: left;
padding: 7px 20px 0 0;
}

#search-wrapper {
background: url(images/search-bg.jpg) top left no-repeat;
width: 373px;
height: 56px;
float: right;
}

#search-wrapper input{
vertical-align: middle;
background: none;
color: #4D4D4D;
font-family: arial,helvetica,verdana,sans-serif;
margin: 3px 0 0 4px;
}

#s{
font-size: 20px;
border: none;
padding: 4px 4px;
width: 305px;
height: 38px;
}

/** content styles **/
#content-top {
background: url(images/content-top-bg.png) bottom left no-repeat;
width: 970px;
height: 25px;
float: left;
}

#content-wrapper {
background: url(images/content-bg.png) top left repeat-y;
width: 940px;
padding: 20px 15px 20px 15px;
float: left;
}

#content-bottom {
background: url(images/content-bottom-bg.png) top left no-repeat;
width: 970px;
height: 25px;
float: left;
}

#main {
width: 940px;
float: left;
}

#home-featured {
float: left;
margin: 10px 0 20px 0;
}

.the-post {
width: 940px;
float: left;
padding: 0 0 12px 0;
border-bottom: 1px solid #E6E6E6;
}

.the-single-post {
width: 720px;
float: left;
padding: 0 0 0 0;
}

.dets {
background: #EBEBEB;
border: 1px solid #CCCCCC;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin: 15px 0 5px 0;
padding: 8px;
font-size: 12px;
float: left;
line-height:normal;
}

.job-date {
width: 200px;
float: left;
padding: 12px 0 0 20px;
font-size: 14px;
line-height: 18px;
}

.the-post h2 {
width: 450px;
float: left;
font-size: 15px;
padding: 10px 0 0 0;
margin: 0;
}

.the-single-post h2 {
font-size: 20px;
padding: 10px 0 0 0;
margin: 0;
}

.job-type {
width: 250px;
float: left;
padding: 12px 0 0 0;
font-size: 14px;
line-height: 18px;
}

.job-location {
width: 150px;
float: left;
padding: 12px 0 0 0;
font-size: 14px;
text-align: right;
line-height: 18px;
}

.the-post h2 a {
}

.the-post h2 a:hover {
}

.entry {
width: 680px;
float: left;
}

.entry img {
border: 1px solid #CCCCCC; 
padding: 5px;
}

.entry ul {
margin: 0 0 30px 0;
padding: 0;
list-style: none;
}

.entry li {
padding: 0 0 0 20px;
margin: 8px 0 0 0;
background: url(images/bullet.png) top left no-repeat;
font: 13px 'Lucida Grande',Lucida,Verdana,Arial,Helvetica,sans-serif;
color: #666666;
line-height: 1.2em;
}

.entry ol li {
background: none;
padding: 0;
margin: 8px 0 0 -20px;
}

* + html .entry ol li {
margin-left: -17px;
}

.entry img {
border: 1px solid #ccc; 
padding: 5px; 
background: #FFFFFF;
}

.entry img:hover {
border: 1px solid #999; 
padding: 5px; 
background: #FFFFFF; 
}

.entry-thumb {
float: left;
margin: 5px 20px 0 0;
}

/** sidebar styles **/
#sidebar {
width: 200px;
float: left;
padding: 15px 0 0 20px;
}

.side-ad {
margin: 0 0 20px 18px;
float: left;
}

.widget-block {
width: 200px;
float: left;
margin-bottom: 20px;
}

/** footer styles **/
#footer {
text-align: center;
color: #FFFFFF;
text-shadow: 0.2em 0.2em 0.3em #333;
}

#footer a {
color: #FFFFFF;
}

#footer a:hover {
color: #CCCCCC;
}

#footer p {
margin: 0 0 3px 0;
padding: 0;
font-size: 14px;
color: #FFFFFF;
font-weight: normal;
}

/** comment styles **/
#comments {
width: 608px;
float: left;
padding: 15px 0 20px 0;
margin: 0 0 10px -23px;
}

#reply-form {
width: 604px;
margin: 0 0 0 0;
padding: 8px;
float: left;
}

.comment-author {
font-weight: normal;
}

.comment-meta {
font-size: 10px;
font-weight: normal;
margin: 0 0 10px 0;
}

.avatar {
float: right;
margin: 2px 0 15px 15px;
width: 64px;
border: 1px solid #ccc; 
padding: 5px; 
background: #FFFFFF; 
}

ol.commentlist {
margin: -22px 0 0 0;
padding: 0;
list-style: none;
}

ol.commentlist a:link, ol.commentlist a:visited {
color: #4A4A4A;
}

ol.commentlist a:hover {
color: #4A4A4A;
text-decoration: underline;
}

ol.commentlist cite {
font: 15px/20px GraublauWeb, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
}

ol.commentlist li.alt {
padding: 25px 0 20px 20px;
background: url(images/divider.jpg) bottom left no-repeat;
}

ol.commentlist li {
padding: 25px 0 20px 20px;
background: url(images/divider.jpg) bottom left no-repeat;
}

ol.commentlist li div.reply {
cursor: pointer;
background: url(images/reply.jpg) top left no-repeat;
border: none;
width: 39px;
height: 20px;
padding: 3px 0 0 6px;
margin: 0 0 15px 0;
}

* + html ol.commentlist li div.reply {
padding: 3px 0 0 4px;
}

ol.commentlist li div.reply a {
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
font-size: 10px;
}

ol.commentlist li div.reply a:hover {
color: #CCCCCC;
background: none;
}

ol.commentlist li ul.children { 
list-style: none; 
text-indent: 0; 
}

ol.commentlist li ul.children li {
padding: 20px 0 5px 20px;
background: none;
}

ol.commentlist li ul.children li.alt {
padding: 20px 0 5px 20px;
background: none;
}

ol.commentlist li ul.children li.depth-2 { margin:0; }
ol.commentlist li ul.children li.depth-3 { margin:0; }
ol.commentlist li ul.children li.depth-4 { margin:0; }
ol.commentlist li ul.children li.depth-5 { margin:0; }

#comments-last-item {
float: left;
margin: -1px 0 0 0;
background: #FBFBFB;
width: 660px;
height:1px;
}

input#submit {
cursor: pointer;
background: url(images/submit.jpg) 0 0;
border: none;
width: 75px;
height: 30px;
padding: 0;
}

input#submit:hover {
background: url(images/submit.jpg) 0 -30px;
}

#comment {
border: 1px solid #CACBCB;
width: 575px;
height: 215px;
padding: 5px;
font: 12px/20px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
background: url(images/fields.jpg) top left repeat-x;
}

#author {
border: 1px solid #CACBCB;
width: 154px;
height: 20px;
padding: 4px 5px 0 5px;
font: 12px/20px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
background: url(images/fields.jpg) top left repeat-x;
}

#email {
border: 1px solid #CACBCB;
width: 154px;
height: 20px;
padding: 4px 5px 0 5px;
font: 12px/20px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
background: url(images/fields.jpg) top left repeat-x;
}

#url {
border: 1px solid #CACBCB;
width: 154px;
height: 20px;
padding: 4px 5px 0 5px;
font: 12px/20px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
background: url(images/fields.jpg) top left repeat-x;
}

.fieldset {
list-style: none;
margin: 0;
padding: 0;
}

.fieldset li {
margin: 0;
padding: 0;
}

.says {display:none;}

#respond {
width: 585px;
float: left;
padding: 0 0 20px 0;
margin: 0;
}

/** wordpress specific styles **/
.wp-caption img {
margin-bottom: 5px;
border: 1px solid #ccc; 
padding: 5px; 
background-color:#FFFFFF;
}

.wp-caption-text {
color:#FFFFFF;
text-align:center;
padding-top: 5px;
padding-bottom: 5px;
width: auto;
font-weight: bold;
}

code {
font: 1.1em 'Courier New', Courier, Fixed;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
border: 1px solid #ccc; 
padding: 5px; 
margin: 0 0 2px 10px;
display: inline;
}

img.alignleft {
border: 1px solid #ccc; 
padding: 5px; 
margin: 0 10px 2px 0;
display: inline;
}

.alignright {
float: right;
margin-left: 15px;
}

.alignleft {
float: left;
margin-right: 15px;
}

#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }

acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #999;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

.center {
text-align: center;
}

.hidden {
display: none;
}

hr {
display: none;
}

.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
text-align: center;
background-color: #FFF;
padding: 10px 5px 0 5px;
margin-bottom: 5px;
}

.wp-caption img {
margin: 0;
border: 1px solid #ccc; 
padding: 5px; 
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 4px 4px 5px;
margin: 0;
background: none;
color: #333;
}

/** tooltip styles **/
.tooltip {
border:1px solid #E6E6E6;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: url(images/trans-bg.png) repeat;
width: 300px;
margin:0;
padding:6px 12px 6px 12px;
}

.tooltip .tooltip-content {
position:relative;
margin:0;
padding:0;
}

a.tooltip-close {
display:block;
height:18px;
width:18px;
background:url(../images/closeBtn.png) no-repeat;
text-indent:-9999px;
outline:none;
position:absolute;
top:-15px;
right:-15px;
margin:2px;
padding:4px;
}

/** form styles **/
.gform_wrapper {
margin: 0 0 20px 0;
}

.gfield_required {
color: #C30;
}

.gfield_description {
font-size: 10px;
font-style: italic;
margin: 5px 0 0 0;
width: 600px;
}

.gform_body ul {
list-style: none;
margin: 0;
padding: 0;
border-bottom: none;
}

.gform_body li {
margin: 0;
padding: 0;
background: none;
}

.gfield_label {
font-size: 14px;
color: #3F3F3F;
padding: 0 0 0 2px;
font-weight: bold;
}

li.gfield {
margin: 20px 0 0 0;
}

.medium {
background: #EBEBEB;
border: 1px solid #CCCCCC;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
width: 300px;
height: 20px;
padding: 4px 5px 0 5px;
margin: 5px 0 0 0;
}

.large {
background: #EBEBEB;
border: 1px solid #CCCCCC;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
width: 600px;
height: 20px;
padding: 4px 5px 0 5px;
margin: 5px 0 0 0;
}

.small {
width: 200px;
margin: 5px 0 15px 0;
}

.textarea{
background: #EBEBEB;
border: 1px solid #CCCCCC;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
width: 600px;
height: 600px;
padding: 5px;
margin: 5px 0 0 0;
}

.gfield_select {
background: #EBEBEB;
border: 1px solid #CCCCCC;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 3px 2px 2px 2px;
height: 25px;
font-size: 11px;
margin: 5px 0 0 0;
}

input.button {
cursor: pointer;
background: url(images/form-submit.jpg) 0 0;
border: none;
width: 146px;
height: 56px;
margin: 5px 0 0 0;
padding: 0;
}

input.button:hover {
background: url(images/form-submit.jpg) 0 -56px;
}

.gform_footer {
margin: 25px 0 0 0;
}