/**************************************************************
Author:  Pro Tennis Jobs
URL:	 protennisjobs.com
Rev:     v1
Date:    24 January 2010
The design created by this stylesheet and associated images 
are copyright Pro Tennis Jobs. All rights reserved. 
No portion of this website may be reproduced without  
explicit permission.
**************************************************************/

/* @group Clearfix */

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

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/

.clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* End hide from IE-mac */

/* @end */

/* @group Structure */

body {
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	color: #797979;
	background: #fff url(/images/site/bg_large_gradient.png) repeat-x;
}

#header-wrapper {
	background: transparent;
	height: 200px;
}

#header {
	position: relative;
	width: 960px;
	margin: 0 auto;
	height: 100px;
	color: #1e1f24;
	font-size: 12px;
	line-height: 16px;
	
	overflow:hidden;
}

#container {
	width: 960px;
	margin: -50px auto 0 auto;
	padding: 0;
	background: #fff;
	min-height: 900px;
}

#content {
	margin: 0 auto;
	width: 920px;
	min-height: 500px;
	padding: 30px 0 20px 0;
	background: #fff;
}

#main {
	width: 640px;
	float: left;
	margin: 20px 0 0;
	background: transparent;
}

#main-wide {
	width: 800px;
	float: right;
}

#sidebar {
	width: 250px;
	float: right;
	position: relative;
	margin: 20px 0 0 20px;
}

#footer-wrapper {
	background-color: #fff;
	height: 100px;
}

#footer {
	width: 960px;
	margin: 0 auto;
	padding: 10px 0;
	clear: both;
	border-top: 1px dotted #999;
}

/* @end */

/* @group Typography */

h1 {
	font-weight: normal;
	font-size: 24px;
	line-height: 20px;
}

h2 {
	font-size: 30px;
	line-height: 30px;
	padding-top: 0;
	margin-bottom: 0.5em;
	color: #DE1616;
	font-weight: normal;
}

h3 {
	font-weight: normal;
	font-size: 20px;
	line-height: 16px;
	color: #d9002d;
	padding-bottom: 1em;
}

h4 {
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
}

p {
	font-size: 12px;
	text-align: left;
	margin: 0 0 1em 0;
	line-height: 20px;
}

p.date {
	font-size: 12px;
	color: #646666;
	border-bottom: 1px dotted #999;
}

#main h3 {
	font-size: 16px;
	line-height: 20px;
	background: transparent;
	color: #000;
	padding-bottom: 0;
}

#main div.alert h3, #main div.alert p {
text-align: left;
}

#article-image h3 {
margin: 1em 0 0 0;
}

#sidebar h3 {
	font-size: 14px;
	text-align: left;
	padding-bottom: 0;
	border-bottom: 1px dotted #999;
}

#sidebar .box h3 {
	text-align: left;
	padding-bottom: 0;
	font-size: 14px;
	border-bottom: none;
}

.box p {
	margin-bottom: 0;
}

#main .job-title {
	float: left;
	width: 475px;
}

#main .job-date {
	float: right;
	width: 150px;
	font-size: 11px;
	text-align: left;
	color: #646666;
	line-height: 14px;
}

#main p.listings {
font-size: 14px;
}

/* @end */

/* @group Header */

#logo {
	float: left;
	margin: 0;
	width: 400px;
	height: 100px;
}

#header-wrapper #header h1 {
	margin: 0;
	float: left;
	font-size: 48px;
	font-weight: lighter;
	font-family: Georgia, serif;
	line-height: 100px;
letter-spacing: 1px;
}

#header h1 a {
	text-decoration: none;
	color: #fff;
}

#header-wrapper #header h1 a:link,
#header-wrapper #header h1 a:visited {
	display: block;
	width: 100%;
	height: 100%;
	/*background: url(/images/site/logo.png) no-repeat;*/
}

#header h1 a:hover {
	border: none;
}

/* @group Main nav */

#mainnav {
width: 960px;
height: 50px;
margin: 0 auto;
}

ul#nav {
list-style: none;
float: left;
margin-top: 10px;
}

ul#nav li {
display: block;
height: 35px;
/*width: 100px;*/
/*text-transform: uppercase;*/
padding-right: 10px;
font-size: 14px;
font-family: Georgia, serif;
line-height: 35px;

margin: 0;
text-align: center;
float: left;
letter-spacing: 1px;
}

#nav li a  {
display: block;
background: transparent;
color: #fff; 
padding: 3px 8px;
}

ul#nav li a.current, ul#nav li a:hover {
	background: #fff;
	color: #000;
	text-decoration: none;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
}

ul#nav li a:active {
	padding-top: 4px;
}



/* @end */

/* @group Subnav */

ul#subnav {
	position: absolute;
	top: 5px;
	right: 220px;
	background: transparent;
}

ul#subnav li {
	float: left;
	margin: 0 0 0 3px;
	height: 20px;
	font-size: 11px;
}

ul#subnav li a {
	display: block;
	padding: 0;
	color: #fff;
	border-bottom: 0;
}

ul#subnav li#twitter a {
	padding-left: 32px;
	background: url("/images/site/twitter.png") 11px center no-repeat;
}

ul#subnav li#rss a {
	padding-left: 32px;
	background: url("/images/site/feed.png") 11px center no-repeat;
}

ul#subnav li#facebook a {
	padding-left: 32px;
	background: url("/images/site/facebook.png") 11px center no-repeat;
}

ul#subnav li a.current,
ul#subnav li a:hover {
	color: #fff;
	text-decoration: none;
}

/* @end */

/* @group Search */

#search {
	position: absolute;
	top: 5px;
	right: 0;
	background: transparent;
}

#search form fieldset {
	padding: 0;
	margin: 0;
	background: transparent;
	border: none;
}

#search input {
	background: #fff;
	height: 20px;
	width: 200px;
	color: #aaabaf;
	padding: 0 5px;
	font-size: 12px;
}

/* @end */

/* @end */

/* @group Footer */

#footer p {
	font-size: 12px;
	text-align: left;
	padding: 0 0 0 20px;
	margin-bottom: 0;
	color: #999;
}

/* @end */

/* @group Links */

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#main h2 a {
color: #DE1616;	
}

/* @end */

/* @group Images */

img {
	padding: 0;
	border: 0 none;
}

/* @end */

/* @group Lists */

ol, ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ol li, ul li {
	margin: 0.5em 0 0.5em 2em;
	font-size: 12px;
}

li {
	text-align: left;
	padding: 0;
}

#main ul {
	list-style-type: square;
}

#main ol {
	list-style-type: decimal;
}

ul.category_list, #sidebar ul {
	margin: 0.5em 0 1em 0;
}

ul.category_list li, #sidebar ul li {
	list-style-type: none;
	margin: 0 0 2px 0;
	text-align: left;
}

ul.category_list li a {
	
}

ul.category_list li a.active {
	
}

ol.mod_list {
	list-style: decimal;
	list-style-position: inside;
	margin: 1em 0;
}

li.mod_listitem {
	
}

/* @end */

/* @group Promo */

#promo, #logged-in {
	background: #efefef;
	padding: 20px;
	margin-bottom: 10px;
}

#promo p.promo {
	color: #000;
	margin: 10px 0 0 0;
	font-size: 12px;
}

#logged-in ol.member-links, #promo ol.member-links {
	margin-bottom: 1em;
}

#logged-in ol.member-links li, #promo ol.member-links li {
	display: block;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

#logged-in ol.member-links li {
	background: url(/images/site/tick.png) no-repeat 0 2px;
	padding-left: 20px;
}

#promo p {
	font-size: 12px;
}

#promo p.quote {
	
}

#logged-in h2, #promo h2 {
	margin-bottom: 0;
	font-size: 24px;
	line-height: 40px;
	text-transform: none;
	border-bottom: none;
}

#logged-in h3, #promo h3 {
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 16px;
	line-height: 20px;
	border-bottom: none;
	color: #000;
}

/* @end */

/* @group Forms */

fieldset {
	padding: 20px;
	margin-bottom: 1em;
	background: #fff;
	border: 1px dotted #999;
}

fieldset legend {
	display: none;
}

form {
	width: 100%;
}

form label {
	display: block;
	float: left;
	width: 100px;
	margin-right: 10px;
	font-weight: normal;
	text-align: left;
}

form ol li {
	height: auto;
	margin-bottom: 20px;
}

#main form h3 {
	color: #d9002d;
	padding-bottom: 5px;
}

/* @group Hover instructions */

form.memForm li.focused {
	background-color: #fff7c0;
}

form.memForm li.focused, form.memForm li:hover {
	position: relative;
/* Makes Instructs z-index stay on top in IE. */
}

form.memForm .instruct {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 25%;
	margin: 0 0 0 8px;
	padding: 8px 10px 10px 10px;
	border: 1px solid #e6e6e6;
	background: #f5f5f5;
	visibility: hidden;
	font-size: 12px;
}

form.memForm .instruct small {
	line-height: 14px;
	font-size: 12px;
	color: #444;
}

form.memForm li.focused .instruct, form li:hover .instruct {
	left: 100%;
/* Prevent scrollbars for IE Instruct fix */
	visibility: visible;
}

/* @end */

/* @group zem and mem */

form.memForm, form.zemContactForm {
	margin-top: 40px;
}

form.memForm ol li, form.zemContactForm ol li {
	list-style: none;
}

form.memForm ol li {
	width: 75%;
	margin-left: 0;
}

form.memForm ol li.fullwidth {
	width: 100%;
}

form.zemContactForm ol li {
	width: 100%;
	margin-left: 0;
}

form ol#article_image li {
	
}

form.zemContactForm fieldset, form.memForm fieldset {
	
}

form.memForm fieldset {
	padding: 10px;
}

ul.zemError, ul.memError {
	margin-bottom: 1em;
}

ul.memError li {
	margin: 0;
	color: #000;
	list-style-type: decimal;
	list-style-position: inside;
}

ul.zemError li {
	margin: 0;
	padding: 0;
	/*padding-left: 40px;*/
	list-style-type: decimal;
	list-style-position: inside;
	color: #000;
}

input.memText, textarea.memTextarea, input.memRequired, input.memEmail {
	width: 60%;
	border: 1px solid #999;
	background: #fff;
	padding: 4px;
}

input.zemText, textarea.zemTextarea {
	border: 1px solid #999;
	background: #fff;
	padding: 4px;
	width: 440px;
	max-width: 458px;
	margin: 0;
}

input.memFile {
	background: transparent;
	border: none;
}

select.memSelect {
	width: 61%;
	border: 1px solid #999;
	background: #fff;
	padding: 4px;
}

input.zemRequirederrorElement, select.zemRequirederrorElement,textarea.zemRequirederrorElement, input.memRequirederrorElement, select.memRequirederrorElement, textarea.memRequirederrorElement {
	border: 1px solid #000;
}

memSelect memRequired article_section

form label.memSelect, form label.memTextarea, form label.memText, form label.memRequired, label.memEmail, label.memFile {
	width: 35%;
}

form label.memRequired, form label.zemRequired {
	color: #000;
	font-weight: bold;
}

.memRequirederrorElement {
	color: #000;
}

/* @end */

/* @group Buttons */

body button,
a.button:link,
a.button:visited {
	display: block;
	background: #1e1f26;
	border: none;
	color: #fff;
	cursor: pointer;
	padding: 5px 10px;
	font-size: 15px;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

button.center {
	margin: 0 auto;
	width: 110px;
}

a.button.center, button.memSubmit {
	margin: 0 auto;
	width: 200px;
}

body button:hover,
a.button:hover {
	background: #DE1616;
	color: #fff;
}

body button:hover, a.button:hover,
a.button:active {
	text-decoration: none;
}

/* @end */

/* @end */

/* @group Misc */

.right {
	float: right;
}

.left {
	float: left;
}

.clear {
	clear: both;
}

/*.box {
	margin-bottom: 20px;
	padding: 10px;
	text-align: center;
	background: #fff;
	border: 1px dotted #999;
}*/

.list {
	background: #efefef;
	margin-bottom: 1em;
	padding: 1em;
}

.alert {
	background: #efefef;
	margin-bottom: 1em;
	padding: 1em;
}

.success {
	margin-bottom: 1em;
	padding: 1em;
	color: red;
}

strong, .bold {
	font-weight: bold;
}

strong {
	color: #000;
}

.red {
	color: red;
}

.post {
	font-size: 12px;
	padding-bottom: 1em;
}

.meta {
	float: left;
	width: 100px;
/*font-size: 12px;*/
}

span.new {
	background: transparent url(/images/site/new2.png) no-repeat 0 50%;
	display: inline-block;
	width: 20px;
	text-indent: -9999px;
}

.classified {
	padding: 5px;
	margin: 10px 0;
	border-bottom: 1px dotted #999;
}

/* @end */

/* @group Code */

blockquote {
text-align: left;
/*padding: 0;*/
margin-top: 1em;
margin-bottom: 1em;
}

pre, code {	
font: 12px Monaco, "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace;
background: #fdf498;
overflow: auto;
}

p code {
padding: 0.5em;
}

pre {
margin: 1.4em 0;
padding: 0.5em;
}

pre strong {
font-weight: bold;
}

pre code {
line-height: 2em;
}

blockquote {
margin-left: 2em;
padding-left: 1em;
margin-right: 0;
border-left: 2px solid #999;
font-style: italic;
}

/*@end */