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

Site: stradbrokeholidays.com.au
Stylesheet: Global Screen Styles
Author: Damien Buckley, Propeller Graphic Design & Marketing.
Version: 1/10/2010
1/10/10 - added Ferry, Water Taxi Icons to home page Feature Nav

--------- 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: Verdana, Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	background:#FFF url(/site_images/body_bg.jpg) 50% 147px no-repeat;
	text-align:center;
	color:#666;
	}

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

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

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

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

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

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

p.tel_no {
	float:right;
	padding-left:45px;
	font: 1.375em Verdana, Geneva, sans-serif;
	line-height:38px;
	text-align:left;
	background:transparent url(/site_images/nav_feature.png) 0 -912px no-repeat;
	}

p.tel_no a:link, p.tel_no a:visited {color:#666;}

p.tel_no a:hover, p.tel_no a:active {
	color:#22A7D7;
	text-decoration:none;
	}

	/* Body Content Typography */

#content p, #content_main dd {
	font: normal 0.9375em/1.25 Verdana, Geneva, sans-serif;
	margin-bottom:1.25em;
	}

#content h3 {
	font:bold 1em/1.5 Georgia, Times, serif;
	margin-bottom:1em;
	}

#content_main h1, #content_main h2, #content_main h3, #content caption, #content h3.booking_link {
	font:normal 1.375em/1.5 Georgia, Times, serif;
	margin-bottom:1em;
	}

#content_main h3 span {
	font: 0.7em/1.25 Verdana, Geneva, sans-serif;
	text-transform:uppercase;	
	}

#content h4, #content .article_list h2, #content .article_list h3, #content_main dt {
	font: bold 0.9375em/1.25 Verdana, Geneva, sans-serif;
	margin-bottom:0.5em;
	}

#headlines h3 a, .article_list h2 a, .article_list h3 a, .article_list h4 a {color:#333;}

#content p.url, #content_main dt {margin-bottom:0.5em;}

#content_main .deals {
	border:1px solid #FFF;
	padding:12px 12px 0;
	margin:0 0 1.5em;
	background:rgb(206, 217, 229);
	background:rgba(11, 67, 124, 0.15);
	list-style:none;
	}

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

ul, ol, .indent {
	margin-bottom:1.5em;
	font-size:1em;
	}

li, .indent li, .indent li {
	margin-bottom:0.75em;
	}

ul li {list-style:disc;}

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

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

.circle li {list-style:circle;}
.square li {list-style:square;}
.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;}
.blank li {list-style:none;}

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

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

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

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

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

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

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

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

.article-body li {
	margin-bottom:0.75em;
	margin-left:1em;
	font: normal 0.9375em/1.25 Verdana, Geneva, sans-serif;
	}

.jump-menu {
	float:right;
	width:200px;
	border:1px solid #FFF;
	padding:0.5em 1em 0;
	margin:0 0 30px 30px;
	background:rgb(63,108,154);
	background:rgba(11, 67, 124, 0.75);
	}

.jump-menu li {
	margin-bottom:0.75em;
	margin:0 1em 0.5em;
	font: normal 0.9375em/1.25 Verdana, Geneva, sans-serif;
	color:#FFF;
	}

.jump-menu li a {
	color:#FFF;
	}

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

#faq {
	/* margin-left:-20px;*/
	}

#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;}

	/* 2i) MISC
============================================================================ */

p.small {font-size:0.8em;}

p 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;
	}

a.more {color:#22A7D4;}

/* 3) MAIN CONTAINERs
============================================================================ */

#container {
	overflow:hidden;
	text-align:left;
	width:970px;
	margin:0 auto;
	}

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

#branding {
	width:970px;
	height:117px;
	padding:30px 0 0;
	margin-bottom:30px;
	overflow:hidden;
	position:relative;
	}

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

#logo {
	width:290px;
	height:102px;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	color:#0C447D;
	font-style:italic;
	}

#logo a, #logo span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:290px;
	height:102px;
	}

#logo span {
	background:transparent url(/site_images/logo.jpg) 0 0 no-repeat;
	}

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

#nav_utility {
	width:660px;
	position:absolute;
	bottom:13px;
	right:0;
	}

#nav_utility ul {
	position:relative;
	float:left;
	width:410px;
	margin:0;
	padding:0;
	}

#nav_utility li {
	display:inline;
	float:left;
	margin:0 1.25em 0 0;
	padding:0;
	list-style:none;
	}

#nav_utility a:link, #nav_utility a:visited, #nav_utility a:focus {
	display:block;
	font-size:1.06em;
	color:#666;
	text-decoration:none;
	line-height:1.5em;
	}

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

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

#search {
	float:right;
	text-align:right;
	}

#search p label {
	margin-right:180px;
	color:#666;
	font-size:1.06em;
	line-height:1.5em;
	}

#search input {
	position:absolute;
	top:0;
	right:0;
	width:170px;
	height:20px;
	padding:1px;
	border:1px solid #666;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background:#FFF url(/site_images/grad.gif) 0 0 repeat-x;
	text-align:left;
	font-size:0.9375em;
	vertical-align:bottom;
	}

#search input:focus {outline:0;}

/* 4b) MASTHEAD
============================================================================ */

#masthead {
	width:970px;
	height:330px;
	margin-bottom:25px;
	position:relative;
	}

#gallery #masthead {height:600px;}

#banner img {
	width:970px;
	height:330px;
	}

/* 4b) NAV - MAIN
============================================================================ */

div#nav {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	position:absolute;
	bottom:7px;
	z-index:1000;
	padding:0.3em 0;
	background:#FFF;
	}

#nav ul {
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:50%;
	text-align:center;
	}

#nav ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	right:50%;
	}

#nav ul li a {
	display: block;
	margin:0;
	padding:0 7px;
	border-right:1px solid #CCC;
	font:1em/1.5 Verdana, Geneva, sans-serif;
	}

#nav #nav-information a {border-right:none;}

.nav_main a:link, .nav_main a:visited {
	color:#666;
	text-decoration:none;
	display:block;
	}

.nav_main a:hover, .nav_main a:active, .nav_main li.active a {
	color:#22A7D7;
	text-decoration:none;
	}

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

#content {
	width:970px;
	margin-bottom:30px;
	overflow:hidden;
	color:#333;
	}

#content_main {
	float:left;
	display:inline;
	width:500px;
	margin-left:225px;
	}

.wide #content_main {width:520px;}

.full #content_main {width:745px;}

	/* 9) SECONDARY CONTENT CONTAINER
============================================================================ */

#content_secondary {
	float:left;
	display:inline;
	width:230px;
	margin-left:15px;
	}

.wide #content_secondary {width:210px;}

	/* 9) FEATURES CONTAINER
============================================================================ */

#content_features {
	float:left;
	display:inline;
	width:210px;
	margin-left:-970px;
	}

/* 4d) NAV - FEATURES & HOT DEALS
============================================================================ */

ul#nav_feature {
	width:210px;
	}

#nav_feature li {
	position:relative;
	width:210px;
	margin:0 0 20px 0;
	list-style:none;
	}

#nav_feature li a {
	display:block;
	text-indent:-10000px;
	}

	/* added 1-10-10 DB */

.locate a  {
	height:202px;
	background:transparent url(/site_images/nav_feature.png) 0 -710px no-repeat;
	}
	
.ferry a  {
	height:120px;
	background:transparent url(/site_images/nav_feature.png) 0 0 no-repeat;
	}

.taxi a  {
	height:104px;
	background:transparent url(/site_images/nav_feature.png) 0 -120px no-repeat;
	}

.bookings a  {
	height:247px;
	background:transparent url(/site_images/nav_feature.png) 0 -224px no-repeat;
	}

.brochure a  {
	height:240px;
	background:transparent url(/site_images/nav_feature.png) 0 -471px no-repeat;
	}

	/* end add 1-10-10 */

.directions a  {
	height:154px;
	background:transparent url(/site_images/directions.png) 0 0 no-repeat;
	}

a#deals {
	display:block;
	text-indent:-10000px;
	height:258px;
	background:transparent url(/site_images/hotDeals.jpg) 0 0 no-repeat;
	margin-bottom:30px;
	}

	/* 10b. HOT DEAL PROMO BLOCK
============================================================================ */

#content .promo {
	position:relative;
	padding:170px 12px 0;
	margin-bottom:30px;
	}

#content .promo h2 {
	position:absolute;
	left:0;
	top:0;
	font:normal 1em/1.5 Georgia, Times, serif;
	width:210px;
	height:160px;
	margin:0 0 30px 0;
	display:block;
	text-indent:-10000px;
	background:transparent url(/site_images/HotDeals.png) 0 0 no-repeat;
	}

#content .promo ul {
	margin:0 0 0 1em;
	}

#content .promo p, #content .promo li {
	font: normal 0.8125em/1.25 Verdana, Geneva, sans-serif;
	}

/* 22. NEWSLETTER SUBSCRIBE FORM
============================================================================ */

#newsletter p, #newsletter label {font-size:0.8125em;}

#newsletter ol {
	width:210px;
	margin:0;
	padding:0 0 0.5em;
	}

#newsletter li {
	margin:0 0 0.5em;
	padding:0;
	list-style:none;
	}

#newsletter label {
	display:block;
	line-height:1.5em;
	padding-bottom:0.1em;
	}

#newsletter li input {
	width:208px;
	border:1px solid #666;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background:rgb(255, 255, 255) url(/site_images/grad.gif) 0 0 repeat-x;
	background:rgba(255, 255, 255, 0.65) url(/site_images/grad.gif) 0 0 repeat-x;
	line-height:1.5em;
	font-size:inherit;
	}

#newsletter fieldset input:focus {
	background-color:#FFF;
	}

/* 4. MINICAL
============================================================================ */

#content p.minical_nav {
	text-align:center;
	margin-bottom:0.5em;
	font:1.375em Georgia, Times, serif;
	text-decoration:none;
	line-height:1.5em;
	}

.minical_nav a:link, .minical_nav a:visited {
	text-decoration:none;
	color:#22A7D4;
	}

.minical_nav a:hover, .minical_nav a:active {
	text-decoration:none;
	color:#F60;
	}

.minical {
	clear: both;
	width: 100%;
	border-collapse:collapse;
	margin-bottom:0.5em;
	}

.minical caption {display:none;}

.minical td, .minical th {
	width:14%;	
	text-align:center;
	padding:1px 0 2px;	
	font-size:0.8125em;	
	font-weight:bold;
	}

.minical td {color:#0494D4;}

td.full {
	background-color:#FFF;
	background-color:rgba(255,255,255,.8);
	color:#0494DA;
	}

.minical a {text-decoration:none;}

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

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

/* 4. EVENTS LISTING
============================================================================ */

dl.zem_event_list dt  {
	font: bold 0.8125em/1.25 Verdana, Geneva, sans-serif;
	}
	
dl.zem_event_list dt a {
	color:#333;
	}

dl.zem_event_list dd {
	font: bold 0.866em/1.25 Verdana, Geneva, sans-serif;
	border-bottom:1px dotted #666;
	margin-bottom:1em;
	}

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

img.event_thumb {
	width:208px;
	border:1px solid #FFF;
	margin-bottom:30px;
	}

/* 5) CATEGORY NAV
============================================================================ */

#categories, #article_nav, #details {
	border:1px solid #FFF;
	margin-bottom:30px;
	background:rgb(63,108,154);
	background:rgba(11, 67, 124, 0.75);
	}

#categories ul, #article_nav ul, #details ul {
	width:208px;
	margin-bottom:0;
	}

#categories li, #article_nav li, #details li {
	height:50px;
	margin:0;
	padding:0;
	list-style:none;
	font: normal 0.8125em/1.25 Verdana, Geneva, sans-serif;
	}

#details li.zem_event_location {
	height:auto;
	line-height:1.5em;
	padding:15px 12px;
	}

#categories li a, #article_nav li a, #details li {
	display:block;
	padding-left:12px;
	border-top:1px solid #CCC;
	line-height:50px;
	height:50px;
	color:#FFF;
	text-shadow:2px 2px 2px rgb(0, 0, 0);
	text-shadow:2px 2px 4px rgba(0, 0, 0, .8);
	}

#details li a {color:#FFF;}

#categories ul li:first-child a, #article_nav ul li:first-child a,
#details ul li:first-child {border-top:none;}

#categories a:link, #categories a:visited, 
#article_nav a:link, #article_nav a:visited,
#details a:link, #details a:visited {text-decoration:none;}

#categories a:hover, #categories a:active, #categories a:focus, #categories .current a,
#article_nav a:hover, #article_nav a:active, #article_nav a:focus {background-color:#22A7D4;}

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

p#copyright {
	clear:both;
	width:970px;
	text-align:center;
	line-height:2em;
	padding:1em 0;
	font-size:0.81em;
	border-top:1px dotted #666;
	color:#333;
	}

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

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

/* 9a) ARTICLE CONTAINERS & COMMENT DISPLAY
============================================================================ */

.article_list li.item {
	position:relative;
	width:100%;
	list-style:none;
	overflow:hidden;
	padding:0 0 0.5em;
	margin-bottom:1em;
	border-bottom:1px dotted #666;
	}

.article_list li.item:last-child {
	border-bottom:none;
	padding-bottom:0;
	}

.article_list li.item a.img, .article_list img.brochure {
	clear:right;
	float:right;
	display:inline;
	width:125px;
	margin:0 0 8px 10px;
	border:8px solid #AADDEF;
	}

.listings .article_list li.item a.img, .article_list img.brochure {
	width:200px;
	}

a.img img {
	width:125px;
	height:auto;
	}

.listings a.img img {
	width:200px;
	height:auto;
	}

.article_list li.item a.img:hover {
	border-color:#3D699A;
	}

	/* 10b. IMAGE DISPLAY
============================================================================ */

.thumbnails {
	clear:right;
	float:right;
	overflow:hidden;
	/* width:218px */
	width:210px;
	margin:0 0 10px 10px;
	overflow:hidden;
	}

.thumbnails ul {
	margin:0;
	padding:0;
	}

.thumbnails li {
	list-style:none;
	margin:0 0 7px 0;
	padding:0;
	}

.thumbnails img {
	/* width:210px; */
	width:202px;
	height:auto;
	border:4px solid #AADDEF;
	}

.thumbnails a:hover img, .thumbnails a:active img, .thumbnails a:focus img,
.main-image a:hover img, .main-image a:active img, .main-image a:focus img  {
	border-color:#3D699A;
	}

/* 9a) HEADLINES - HOME PAGE
============================================================================ */

#headlines {
	border-top:1px dotted #666;
	padding-top:1em;
	}

#headlines p {margin-bottom:0;}

/* 9a) COMMENT DISPLAY
============================================================================ */

.comments li {
	border:1px solid #FFF;
	padding:12px 12px 0;
	margin-bottom:1.5em;
	background:rgb(206, 217, 229);
	background:rgba(11, 67, 124, 0.15);
	list-style:none;
	}

.comments li p.details {
	font:italic 1.06em/1.5 Georgia, Times, serif!important;
	}

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

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

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

#pagination li a {
	display:block;
	padding:1px 5px;
	font: normal 0.8125em/1.25 Verdana, Geneva, sans-serif;
	}

#pagination a:link, #pagination a:visited  {
	text-decoration:none;
	background:rgb(255, 255, 255);
	background:rgba(255, 255, 255, 0.65);
	color:#22A7D4;
	}

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

#pagination .current a {
	background:rgb(63,108,154);
	background:rgba(11, 67, 124, 0.75);
	color:#FFF;
	}

#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:2px solid #AADDEF;
	}

.borderLg {
	border:8px solid #AADDEF;
	}

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

#content_main .article-body table {
	width:742px;
	border:1px solid #666;
	border-width:1px 1px 0 0;
	padding:0;
	margin:0 0 1em 1px;
	font: normal 0.8125em/1.25 Verdana, Geneva, sans-serif;
	clear:right;
	}

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

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

#content_main .article-body td img {margin:0 auto;}

#content_main .article-body 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%;
	}

h2.summer, h2.winter {
	padding-left:22px;
	background:url(/site_images/calendar.gif) no-repeat 0 50%;
	}