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

Site: drgregemerson.com.au
Stylesheet: Global Screen Styles
Author: Damien Buckley, Propeller Graphic Design & Marketing.
Version: 13/11/12

--------- CONTENTS ------------------------------------------------------------

GLOBAL RESET

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

2: TYPOGRAPHY GENERAL
	a) BASE LIST STYLES
	b) Special List Styles
	c) Icon Lists
	d) Definition Lists
	e) FAQ's
	f) Processes
	g) BANNER SLOGAN
	h) DATA TABLES
	i) MISC

2: MAIN CONTAINER

3a: NAV UTILITY

4: MAIN CONTENT CONTAINERS
	a) Logo
	b) Nav Main
	c) Contextual Nav
	d) Nav Feature

5: CATEGORY NAV - SECTION NAV

6: FOOTER
	a) Footer columns
	b) Services List
	c) Headlines
	d) Associations
	e) Newsletter Subscribe
	
7: COPYRIGHT
	a) Search input

8: PROPELLERMAIL LOGIN FORM & PAYMENT TERMS

9: MAIN CONTENT CONTAINER
	a) Article containers & comment display
	b) Comment form

10: DOMAIN SEARCH FORM

11: PAGINATION

12: SEARCH RESULTS

13: INLINE IMAGE STYLES

14: LANDING PAGE BANNERS

15: EMAIL CREATE / SEND LIST

-------------------------------------------------------------------------------- */

/* 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) BODY
============================================================================ */

body {
	font-size:100%;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	background:#FFF;
	text-align:center;
	color:#666;
	}

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

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

p a:link, p a:visited, p a:focus {
	color:#333;
	text-decoration:underline;
	}

a:hover, a:active {
	color:#A57142;
	text-decoration:underline;
	outline:none;
	}

/* 1c) ACCESSIBILITY
============================================================================ */

#accessibility {
	position:absolute;
	top:0;
	left:-10000px;
	}

/* 2) TYPOGRAPHY
============================================================================ */

p, dd, dt, li, h4, h5, h6, #content div.vcard div.adr,
 #content div.vcard p, td, th {
	font:normal 0.8125em/1.25 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	margin-bottom:1em;
	}

h1, h2, h3, #content div.vcard p.fn {
	font:normal 1.375em/1.1 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	margin-bottom:0.75em;
	}

h1, h2, h3, h6, #content div.vcard p.fn {color:#93B6BF;}

#body h2, .full h2 {font-size:1.25em;}

#body h3, .full h3, #fact-file li h2 {
	font-size:1.1em;
	font-style:italic;
	}

dt, h4, h6 {
	font-weight:bold;
	font-style:italic;
	}

li h4, dd p {font-size:inherit;}

del {text-decoration:line-through;}

sup {
	vertical-align:super;
	font-size:35%;
	line-height:0.25em;
	}

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

hr {
	color:#666;
	margin:2em 0;
	}

.highlight, #searchResults li strong {
	padding:0.1em;
	background-color:rgb(220,240,245);
	font-weight:normal;
	}

em.posted {
	display:block;
	font:italic 0.75em/1.5 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	}

	/* 2a) BASE LIST STYLES
============================================================================ */

ul, ol {
	padding-left:1em;
	margin-left:1em;
	}

li {
	padding-left:0.5em;
	margin-left:0.5em;
	}

ul li {list-style:disc;}

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

	/* 2b) SPECIAL LIST STYLES & MISC
============================================================================ */

	/* No indent */

.blank li, .article_list, .article_list li, .flush, .flush li,
 .jump-menu li, #categories li, .event_details li {
	list-style:none;
	padding-left:0;
	margin-left:0;
	}

	/* List styles - unordered */

.circle li, .jump-menu li, #categories li, .event_details li {list-style:circle;}

.square li {list-style:square;}

	/* List styles - ordered */

.upper-alpha li {list-style:upper-alpha;}
.lower-alpha li {list-style:lower-alpha;}
.upper-roman li {list-style:upper-roman;}
.lower-roman li {list-style:lower-roman;}

	/* List styles - paragraph */

.noindent {
	margin-left:0.5em;
	padding-left:0.5em;
	}

.inside, .tight li, .noindent li {
	margin-left:0;
	padding-left:0;
	}
	
.inside li {list-style-position:inside;}

.tight {margin-bottom:0.75em;}
.tight li {margin-bottom:0.25em;}

p.small, .small li {font-size:0.75em!important}

p.large, .large li {font-size:0.875em!important}

ul ul, ol ol, ol ul, ul ol {
	margin:0.5em 0 0.5em;
	padding: 0 0 0 0.5em;
	}

ul ul li, ol ol li, ol ul li, ul ol li, li p, li h1, li h2, li h3, li h4 {font-size:inherit;}

ol ul li {list-style:disc;}

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

/* 4. LISTINGS
============================================================================ */

.article_list li {
	padding-bottom:0.5em;
	border-bottom:1px dotted #98B4BB;
	overflow:hidden;
	}

li a.img {
	clear:right;
	float:right;
	display:inline;
	margin:0 0 8px 10px;
	border:1px solid #BDEAF3;
	}

li a.img img {width:120px;}

dl.zem_event_list dd {
	border-bottom:1px dotted #98B4BB;
	margin-bottom:1em;
	}

.article_list li:last-child, dl.zem_event_list dd:last-child {
	border-bottom:none;
	padding-bottom:0;
	}

	/* 2e) FAQ LIST
============================================================================ */

#faq dt, #faq dd {
	padding-left:20px;
	}

#faq dt.faqopened, #faq dt.faqclosed {
	cursor: pointer;
	}

#faq dt.faqclosed {
	background: transparent url(/site_images/collapsed.png) no-repeat scroll 0 50%;
	}

#faq dt.faqopened {
	background: transparent url(/site_images/expanded.png) no-repeat scroll 0 50%;
	}

#faq dt.faqclosed:hover {color: #333;}

/* 3) MAIN CONTAINER
============================================================================ */

#container {
	overflow:hidden;
	width:1100px;
	margin:0 auto;
	text-align:left;
	background:transparent url(/site_images/body_bg.jpg) 0 50% repeat-y;
	}

/* 4) BRANDING
============================================================================ */

#branding {
	width:1100px;
	height:248px;
	overflow:hidden;
	position:relative;
	background:transparent url(/site_images/h1.jpg) 0 0 no-repeat;
	}

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

#logo, #tagline, #logo a, #logo span {
	position:absolute;
	width:435px;
	text-align:center;
	}

#logo {
	height:110px;
	top:70px;
	left:270px;
	margin:0;
	padding:0;
	color:#A27448;
	}

#tagline {
	top:120px;
	left:270px;
	}

#logo a, #logo span {
	display:block;
	height:110px;
	top:0;
	left:0;
	}

#logo span {
	z-index:100;
	background:transparent url(/site_images/h1.jpg) -270px -70px no-repeat;
	}

/* 7a) NAV
============================================================================ */

#nav_utility {
	width:730px;
	position:absolute;
	bottom:5px;
	left:330px;
	}

div#nav {
	overflow:hidden;
	width:1000px;
	margin:0 50px;
	padding:0.3em 0;
	background:#BEEBF4;
	}

#nav_utility ul, #nav ul {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	}

#nav_utility li, #nav ul li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	}

#nav_utility a:link, #nav_utility a:visited, #nav_utility a:focus,
	#nav li a:link, #nav li a:visited, #nav li a:focus {
	border-right:1px solid #9DC4CB;
	text-decoration:none;
	font:normal 1.076em/1 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	color:#666;
	}

#nav_utility a:link, #nav_utility a:visited, #nav_utility a:focus {
	display:block;
	padding:3px 1em;
	}

#nav li a:link, #nav li a:visited, #nav li a:focus {
	padding:0 1em;
	line-height:1.25em;
	text-transform:uppercase;
	}

#nav #nav-contact a {border:none;}

#nav_utility a:hover, #nav_utility a:active, #nav_utility li.active a,
	#nav li a:hover, #nav li a:active, #nav li.active a {
	text-decoration:none;
	color:#A57142;
	}

/* 7a) SEARCH INPUT
============================================================================ */

#search {
	float:left;
	display:inline;
	text-align:left;
	overflow:hidden;
	height:20px;
	position:relative;
	width:300px;
	}

#search p label {
position:absolute;
top:0;
left:0;
	margin:0;
	font-size:1.076em;
	line-height:1em;
	padding:3px 1em;
	width:80px;
	}

#search input {
position:absolute;
top:0;
left:80px;
	width:170px;
	height:16px;
	padding:1px;
	border:1px solid #C2EBF4;
	text-align:left;
	}

#search input:focus {outline:0;}

/* 9) MAIN CONTENT CONTAINERS
============================================================================ */

#content {
	width:960px;
	padding:10px 70px 0;
	margin:0;
	overflow:hidden;
	}

#content_main, #content_secondary {
	overflow:hidden;
	margin-bottom:15px;
	}

	/* Globals */

#intro, #headlines, #causes, #presentations, #video_link, #body,
 #files, .aside, .jump-menu, .full {
	display:inline;
	padding:10px;
	border:1px solid #BDE0E9;
	background:#FFF;
	}
	
	/* 1 col */

.full {width:938px;}

	/* 2 Col Even */

#home #intro, #home #causes {height:328px;}

#intro, #files, #headlines, #video_link, #home #causes, #video_link {width:448px;}

	/* 3 Col */

#causes, #presentations, .aside, .jump-menu {width:292px;}

#causes, #presentations, #video_link, #home #headlines {height:420px;}

	/* 2 Col Main */

#body {width:608px;}

	/* Video */

/* .video {width:640px!important;} */

#videos #categories {width:258px;}

	/* Alignment */

#intro, #causes, #video_link, #body, .full, #video {float:left;}

#headlines, #presentations, #files, .aside, .jump-menu, #home #causes {float:right;}

/* #video_link {margin-left:9px;} */

.aside, .jump-menu {
	clear:right;
	margin-bottom:9px;
	}

	/* Additional Styles */

.aside blockquote {background: #FFF url(/site_images/lquo.gif) 0 0 no-repeat;}

ol.comments li {
	border:1px solid #BDEAF3;
	padding:14px 14px 0;
	background: rgba(220,240,245,0.25) url(/site_images/lquo.gif) 10px 10px no-repeat;
	}

.video .entry_content {margin-bottom:10px;}

/* 7) COPYRIGHT
============================================================================ */

p#copyright {
	width:940px;
	height:50px;
	margin:-150px 0 0;
	padding:160px 80px 36px;
	background:#FFF url(/site_images/copyright_bg.jpg) 50% 0 no-repeat;
	text-align:center;
	font: bold italic 0.75em/1.5 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	color:#52656A;
	}

#copyright a:link, #copyright a:visited, #copyright a:focus {
	color:#52656A;
	text-decoration:none;
	}

#copyright a:hover, #copyright a:active {
	text-decoration:underline;
	}

/* 11) PAGINATION
============================================================================ */

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

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

#pagination li a {
	display:block;
	padding:1px 5px;
	font-size:0.8125em;
	}

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

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

#pagination .current a {background:#BEEBF4;}

#pagination li.empty {display:none;}

/* 13) INLINE IMAGE STYLES
============================================================================ */

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

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

.border {
	border:1px solid #BDEAF3;
	}

.borderLg {
	border:3px solid #BDEAF3;
	}

	/* 2h) Data Tables
============================================================================ */

#content_main table {
	border:1px solid #666;
	border-width:1px 1px 0 0;
	padding:0;
	margin:0 0 1em 1px;
	clear:right;
	}

#content_main th, #content_main td {
	border:1px solid #666;
	border-width:0 0 1px 1px;
	padding:0.5em;
	}

#content_main td, #content_main thead th {
	text-align:center;
	}

#content_main td img {margin:0 auto;}

#content_main table th {
	font-weight:bold;
	}

#content_main table.align td, #content_main table.align th {
	text-align:left;
	width:auto;
	}

/* 23: MISC
============================================================================ */

/* PDF LINKS */

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