/* ------ NOTES ---------------------------------------------------------------

Site: Fit Club
Stylesheet: Global Screen Styles
Author: Damien Buckley, Propeller Graphic Design & Marketing (http://www.propellerglobal.com).
Company: Extreme Fitness
Version: 27/10/11
Alterations:
	28/7/11 - contact form selector from ID to class, combined reset & typography stylesheets into global.css
	27/10/11 - added styles for nutrition page
--------- CONTENTS ------------------------------------------------------------

1: BODY
	a) Container
	b) Base Link Styles
	c) Skip Links

2: MASTHEAD
	a) Logo
	b) Tagline
	c) Search form
	d) Nav-main

3: BANNER
	a) Flash Banner

4: CONTENT MAIN
	a) Home Page Summary
	b) Content Divisions

5: CONTACT PAGE

6: TIMETABLE

7: SEARCH RESULTS PAGE

8: INLINE IMAGE STYLES

9: PAGINATION

10: CONTACT & COMMENT FORMS
	a) Comment Specific

11: NEWSLETTER SUBSCRIBE FORM

12: EVENTS LISTING & MINICAL

13: PRICE TABLES

14: FOOTER

15: MISC

GLOBAL RESET - thanks to Eric Meyer
============================================================================ */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, cite, del, em, img, ins, q, strike, strong, sub, sup, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, 
th, td {
	margin: 0; padding: 0; border: 0; font-weight: inherit; font-size: 100%; 
	font-style: inherit; font-family: inherit; vertical-align: baseline; 
	}

ol, ul {list-style: none;}

table {border-collapse: separate; border-spacing: 0;}

caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}

strong {font-weight:bold;}

em {font-style:italic;}

img {border:none; display:block;}

/* 1) BASE LIST STYLES
============================================================================ */

ul, ol, ol.indent {
	padding-left:0.5em;
	margin-left:0.5em;
	}

li, ol.indent li, ul.indent li {
	margin-bottom:0.75em;
	margin-left:1em;
	line-height:1.3em;
	}

ul li {list-style:disc;}

ol li {list-style-type:decimal;}

#content_main li, #content_secondary li {font-size:1.1em;}

	/* 1a) SPECIAL LIST STYLES
============================================================================ */

.noindent {
	margin-left:0;
	padding-left:0;
	}

.noindent li {
	list-style:none;
	padding-left:0;
	margin-left:0;
	}

ul.circle li {list-style:circle;}
ul.square li {list-style:square;}
ol.upper-alpha li {list-style:upper-alpha;}
ol.lower-alpha li {list-style:lower-alpha;}
ol.upper-roman li {list-style:upper-roman;}
ol.lower-roman li {list-style:lower-roman;}
ul.blank li, ol.blank li {list-style:none;}

ul.inside, ol.inside {
	margin-left:0;
	padding-left:0;
	}
	
ul.inside li, ol.inside li {
	list-style-position:inside;
	margin-left:0.5em;
	}

ol.indent, ul.indent {
	padding-left:0.5em;
	margin-left:0.5em;
	}

ol.indent li, ul.indent li {
	margin-bottom:0.75em;
	margin-left:1em;
	line-height:1.3em;
	}

ul.small li, ol.small li {font-size:0.9em!important}

ul.large li, ol.large li {font-size:1.2em!important}

p del {text-decoration:line-through;}

sup {
	vertical-align:super;
	font-size:50%;
	}

sub {
	vertical-align:sub;
	font-size:50%;
	}

/* 2) TYPOGRAPHY - GENERAL
============================================================================ */

p {
	margin-bottom:0.75em;
	line-height:1.3em;
	font-size:1.1em;
	}

h1, h2, h3, h4 {
	margin-bottom:0.5em;
	line-height:1.3em;
	color:#F78F1E;
	}

h1, h2 {font-size:1.5em;}

h1.header {
	text-transform:uppercase;
	text-align:center;
	font: normal 3.5em/1 helvetica, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color:#FFF;
	margin-bottom:0.3em
	}

h1.header em {
	color:#F78F1E;
	font-style:normal;
	}

h2.banner {
	text-transform:uppercase;
	text-align:center;
	font: bold 2.5em/2 helvetica, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	background:#F78F1E;
	color:#000;
	}

h3, h4, caption {font-size:1.3em;}

blockquote {padding:1em 2em;}

blockquote p {
	font-family:Palatino, Georgia, serif;
	font-style:italic;
	font-size:120%;
	}

blockquote.testimonial {
	border:1px solid #CCC;
	padding-bottom:0.5em;
	}

blockquote.testimonial cite {font-style:normal;}

/* 3) hCard
============================================================================ */

.fn, .type {font-weight:bold;}

.adr {
	padding:1em 0;
	border-top:1px dotted #CCC;
	margin-bottom:0.75em;
	line-height:1.3em;
	font-size:1.1em;
	}

.type {margin-bottom:0.5em;}

/* 4) NEWS PAGE LISTING
============================================================================ */

ul.news-list {
	margin:0;
	padding:0;
	}

.news-list li {
	margin:0;
	list-style:none;
	overflow:hidden;
	padding:0.5em 0 0;
	border-bottom:1px dotted #CCC;
	}

.news-list li:last-child {
	border-bottom:none;
	padding-bottom:0;
	}

#content_main h2.comments-invite {
	padding:0.75em 0 0;
	border-top:1px dotted #CCC;
	}

.news #newsletter {
	padding:1em 0;
	margin-bottom:1em;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
	}

	/* 4a) NEWS PAGE ADDITIONAL
============================================================================ */

p.published {
	font-style:italic;
	line-height:1.75em;
	margin-bottom:0;
	}

.news .entry-content {
	padding-bottom:0.5em;
	border-bottom:1px dotted #666;
	}

/* 1) BODY
============================================================================ */

body {
	font-family: Palatino, Georgia, "Times New Roman", serif;
	text-align: center;
	color:#FEFEFE;
	font-size:small;
	background-color: #000;
	}

/* 1a) CONTAINERS
============================================================================ */

#container {
	margin:0 auto;
	width:960px;
	padding-bottom:15px;
	text-align:left;
	position:relative;
	}

#branding {
	height:200px;
	width:960px;
	position:relative;
	overflow:hidden;
	}

/* 1b) BASE LINK STYLES
============================================================================ */

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

#content_main p a:link, #content_main p a:visited {color:#F78F1E;}

a:hover, a:active, a:focus, h3 a:link, h3 a:visited,
 p.continue a:link, p.continue a:visited,
 p.searchURL a:link, p.searchURL a:visited {
	color:#F78F1E;
	text-decoration:none;
	}

h3 a:hover, h3 a:active, h3 a:focus,
 p.continue a:hover, p.continue a:active, p.continue a:focus,
 p.searchURL a:hover, p.searchURL a:active, p.searchURL a:focus {
	color:#FEFEFE;
	}

/* 1c) SKIP LINKS
============================================================================ */

ul#accessibility {
	position:absolute;
	top:0;
	left:0;
	}

#accessibility li {display:inline;}

#accessibility a {
	color:#000;
	}

#accessibility a:hover, #accessibility a:active {color:#FEFEFE;}

/* 2a) LOGO - H1 on home page only
============================================================================ */

#logo {
	position:relative;
	float:left;
	display:inline;
	height:180px;
	width:250px;
	font-size:1.5em;
	text-transform:uppercase;
	text-align:left;
	color:#FFF;
	}

#logo a {
	position:relative;
	display:block;
	height:180px;
	width:250px;
	}

#logo span {
	position:absolute;
	top:0;
	left:0;
	height:180px;
	width:250px;
	background:transparent url(/site_images/logo.jpg) 0 0 no-repeat;
	}

/* 2b) TAGLINE
============================================================================ */

#tagline {
	float:right;
	width:710px;
	text-align:right;
	font: 2.75em impact, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	line-height:112px;
	color:#CCC;
	}

#tagline span {
	position:absolute;
	top:40px;
	right:0;
	font-size:0.7em;
	color:#F87F1E;
	}

/* 2c) SEARCH FORM
============================================================================ */

div#search {
	clear:right;
	position:absolute;
	right:0;
	bottom:0.5em;
	width:340px;
	}

#search #search_input {
	position:relative;
	height:40px;
	width:340px;
	background: #000 url(/site_images/search_bg.jpg) 100% 0 no-repeat;
	}

#search_input label {
	position:absolute;
	top:11px;
	left:0;
	text-transform:uppercase;
	color:#CCC;
	}

input#searchBox {
	position:absolute;
	top:11px;
	right:55px;
	line-height:12px;
	width:208px;
	border:none;
	padding:0;
	}

input#search_button {
	position:absolute;
	top:10px;
	right:0;
	width:20px;
	height:20px;
	opacity:0;
	cursor:pointer;
	}

/* 2d) NAV-MAIN
============================================================================ */

#nav_main {
	overflow:hidden;
	width:960px;
	padding-bottom:38px;
	margin-bottom:10px;
	background:#000 url(/site_images/content_top_detail.jpg) 50% 100% no-repeat;
	}

#nav_main ul {
	text-align:center;
	margin:0;
	padding:0;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	}

#nav_main ul li {
	white-space:nowrap;
	display:inline-block;
	display:inline;
	margin:0;
	padding:0.1em 0 0;
	list-style:none;
	line-height:2em;
	}

#nav_main a {
	color:#FFF;
	text-transform:uppercase;
	padding:0 1em;
	}

#nav_main a:link, #nav_main a:visited {color:#FFF;}

#nav_main a:hover, #nav_main a:active, #nav_main a:focus, #nav_main a.active {
	color:#F78F1E;
	}

/* 3) BANNER-HOME
============================================================================ */

#home_banner {
	width:960px;
	margin:0 0 20px;
	overflow:hidden;
	}

.default #flashcontent {
	float:left;
	width:620px;
	height:410px;
	}

/* 4) MAIN CONTENT - PAGES WITH BANNERS
============================================================================ */

.default #content_main {
	float:right;
	width:310px;
	}

/* 4a) HOME PAGE SUMMARIES
============================================================================ */

.default #content {
	margin:0;
	}

ul#summary {
	width:960px;
	margin:0;
	padding:0;
	background:#000 url(/site_images/feature_bg.jpg) 0 0 repeat-x;
	overflow:hidden;
	}

#summary li {
	width:300px;
	float:left;
	display:inline;
	list-style:none;
	margin:0;
	padding:10px;
	}

li#content_personal, li#content_classes, li#signin {
	width:297px;
	border-right:3px solid #000;
	}

li#signin, li#offer {width:458px}

#offer p {
	text-transform:uppercase;
	font: bold 1.7em helvetica, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	line-height:1.5em;
	}

#offer p em {
	color:#F78F1E;
	font-style:normal;
	}

#offer p strong {
	float:right;
	margin-right:0.5em;
	color:#D00700;
	font-size:4em;
	padding-top:0.5em;
	text-shadow:1px 1px 2px rgba(255,255,255, .50);
	}

/* 4b) CONTENT DIVISIONS
============================================================================ */

#content {
	width:960px;
	margin:0 0 20px;
	overflow:hidden;
	}

#contact #content_main, .col3 #content_additional {
	float:left;
	display:inline;
	width:220px;
	}

#content_secondary {
	width:310px;
	float:right;
	}

.col3 #content_secondary {
	float:left;
	display:inline;
	width:220px;
	margin-left:-960px;
	}

#content_main {
	float:left;
	width:610px;
	}

/* 5) CONTACT PAGE
============================================================================ */

.col3 #contact_form {
	float:left;
	display:inline;
	width:420px;
	margin:0 0 0 20px;
	}

.contact #content_main {
	float:left;
	display:inline;
	width:180px;
	}

.contact #content_secondary {
	width:300px;
	margin-left:30px;
	}

/* 6) TIMETABLE PAGE
============================================================================ */

.timetable #content_main.large {width:960px;}

/* 7) SEARCH RESULTS PAGE
============================================================================ */

.search #content ol li {padding-top:0.5em;}

p.searchURL {
	border-bottom:1px dotted #CCC;
	padding-bottom:1em;
	}

.search #content strong {text-decoration:underline;}

/* 8) INLINE IMAGE STYLES
============================================================================ */

img.left {
	clear:left;
	float:left;
	margin:0 10px 8px 0;
	}

img.right {
	clear:right;
	float:right;
	margin:0 0 8px 10px;
	}

img.border {
	padding:3px;
	background-color:#FFF;
	border:1px solid #666;
	}

img.borderLg {
	padding:5px;
	background-color:#FFF;
	border:3px solid #666;
	}
	
 img.art-img {
	clear:right;
	float:right;
	margin:0 0 8px 10px;
	}

img.sidebar-img {margin-bottom:1em;}
	
/* 9) PAGINATION
============================================================================ */

ul#pagination {
	position:relative;
	margin:0;
	padding:10px 0 0;
	overflow:hidden;
	}

#pagination li {
	margin:0 0.5em 0 0;
	float:left;
	list-style:none;
	border:1px solid #CCC;
	}

#pagination li a {
	display:block;
	padding:1px 5px;
	}

#pagination li.current a {
	background-color:#666;
	color:#FFF;
	}

#pagination li.empty {display:none;}

div.pagination a {font-style:italic;}

.pagination a:hover, .pagination a:active, .pagination a:focus {text-decoration:none;}

/* 10) CONTACT & COMMENT FORMS
============================================================================ */

.zemContactForm fieldset, #comments fieldset {
	float: left;
	clear: left;
	margin: 0 0 0 0;  
	padding: 0 0 0.5em;
	border:1px solid #CCC;
	width: 418px;
	}

.zemContactForm fieldset, #comments fieldset {margin-top:1em;}

#comments fieldset {width:608px;}

.zemContactForm legend, #comments legend {
	margin:0.5em;
	padding:0 0.5em;
	}

.zemContactForm fieldset ol, #comments fieldset ol {  
	padding: 1em 1em 0 1em;  
	list-style: none; 
	}

.zemContactForm fieldset li, #comments fieldset li {  
	float: left;  
	clear: left;  
	padding:0 0 0.5em;
	margin:0;
	width: 100%;
	list-style:none;
	}

.zemContactForm label, #comments label {  
	float: left;
	margin-right: 0.5em;
	padding-right:10px;
	width: 90px;  
	text-align:right;
	line-height:1.5em;
	}

.zemContactForm input, #Message, #comments input, .txpCommentInputMessage, 
.zemContactForm select {
	border:1px solid #CCC;
	padding:1px;
	line-height:1.5em;
	}

#Message {width:240px;}

.txpCommentInputMessage {
	width:450px;
	min-height:200px;
	}

.zemContactForm fieldset.submit, #comments fieldset.submit {   
	float: none;
	border-style: none;
	margin-bottom:0;
	width: auto;  
	background-color: transparent;
	background-image:none;
	padding:0;
	}

ul.zemError, ul.comments_error {
	margin:0 1em;
	padding:0.5em 1em 0;
	background-color:#F78F1E;
	color:#FFF;
	overflow:hidden;
	}

input.comments_error {background-color:#F5CDCD;}

ul.zemError li, ul.comments_error li {
	padding:0 0 1em;
	margin:0 0 1em;
	list-style:none;
	float:none;
	}

.zemContactForm fieldset.submit input {
	float:right;
	border:none;
	}

#comments fieldset.submit {
	padding-top:1em;
	}

#comments fieldset.submit input {
	border:1px solid #CCC;
	width:auto;
	background-color:#000;
	color:#F78F1E;
	font-family: Palatino, Georgia, "Times New Roman", Times, serif;
	}

input.disabled {opacity:.5;}

.announcement a {
	color:#1C2839;
	font-weight:bold;
	}

label.zemRequired, #comments label {
	background:#000 url(/site_images/required.gif) top right no-repeat;
	}

p.zemRequired, p.required {
	padding-left:10px;
	background:#000 url(/site_images/required.gif) top left no-repeat;
	}

/* 10a) COMMENTS - SPECIFIC
============================================================================ */

#cpreview {
	margin-bottom:1em;
	padding:1em 1em 0.5em;
	background-color:#CCC;
	color:#000;
	}

#cpreview, p.details {font-style:italic;}

#cpreview .announcement {
	font-style:normal;
	color:#000;
	}
	
#cpreview a {color:#F78F1E;}

.comments li {
	border:1px solid #CCC;
	padding:0.5em 0.5em 0;
	margin-bottom:1em;
	background-color:#666;
	font-size:1em!important;
	}

ol.comments {
	margin-left:0;
	padding:0 1em 0.5em;
	border-bottom:1px dotted #CCC;
	}

h4.comment-count, #comments h3 {padding-top:0.5em;}

/* 11) NEWSLETTER SUBSCRIBE FORM
============================================================================ */

#newsletter ol, #signin ol {
	width:310px;
	margin:0;
	padding:0.5em 0 0;
	}

#newsletter li, #signin li {
	width:310px;
	margin:0.5em 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	}

#newsletter li label, #signin li label {
	float:left;
	width:106px;
	line-height:1.5em;
	padding-bottom:0.1em;
	}

#newsletter li input, #signin li input {
	float:right;
	border:1px solid #CCC;
	width:198px;
	}

#newsletter input.image, #signin input.image {float:right;}
#signin input.image {margin-right:140px;}
	
/* 12) EVENTS LISTING & MINICAL
============================================================================ */

table.minical {
	clear: both;
	width: 100%;
	border-collapse:collapse;
	border:1px solid #CCC;
	border-width:1px 1px 0 0;
	margin-bottom:0.5em;
	}

.minical caption {
	color:#F78F1E;
	margin-bottom:0.5em;
	}

table.minical td, table.minical th {
	width:14%;
	height:2em;
	text-align:center;
	border:1px solid #CCC;
	border-width:0 0 1px 1px;
	vertical-align:middle;
	}

.minical a {
	display:block;
	line-height:2em;
	text-decoration:none;
	background-color:#F78F1E;
	color:#000;
	}

.minical a:link, .minical a:visited {
	text-decoration:none;
	color:#000;
	}

.minical a:hover, .minical a:active, .minical a:focus {color:#FFF;}

dl.zem_event_list {
	margin-bottom:1em;
	font-size:1.1em;
	}

dl.zem_event_list dt {

	margin-bottom:0.5em;
	clear:left;
	float:left;
	}
	
dl.zem_event_list dd {
	margin-bottom:0.5em;
	text-align:right;
	}

/* 13) PRICE TABLES
============================================================================ */

.pricing table {
	width: 100%;
	border-collapse:collapse;
	border:1px solid #CCC;
	border-width:1px 1px 0 0;
	margin:1em 0;
	font-size:1.1em;
	}

.pricing table td, .pricing table th {
	padding:0.5em;
	border:1px solid #CCC;
	border-width:0 0 1px 1px;
	}

.pricing table th {color:#F78F1E;}

.pricing table td+td, .pricing table th+th, .pricing th+td {
	text-align:center;
	width:25%;
	}

/* 14) FOOTER
============================================================================ */

#footer {
	clear:both;
	width:960px;
	padding:1em 0;
	text-align:center;
	color:#CCC;
	border-top:1px solid #CCC;
	}

/* 15) MISC
============================================================================ */

/* PDF LINKS */

a[href$=".pdf"] {
	display:inline-block;
	padding-right:22px;
	background:url(/site_images/iconpdf18x18.gif) no-repeat 100% 50%;
	}

.clear {clear:both;}

.pad {padding-top:2.5em;}