/* head
----------------------------------------------- */

.festTop {
background:#f3ae11 url(http://mosmanfestival.info/2009/images/5.gif) no-repeat;
}
#festBanner {
position:relative;
height:285px;
}
#festLogo {
position:absolute;
top:31px;
left:44px;
}

div#festNav {
position:absolute;
top:247px;
left:267px;
}
div#festNav div {
height:27px;
float:left;
margin-right:4px;
background:#ace1fa url(/2009/images/11.gif);
}
div#festNav div img {
float:left;
}
div#festNav div a {
font-size:13px;
font-weight:bold;
line-height:2;
color:#0065ab;
font-family: 'Myriad Pro', 'Segoe UI', 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
text-transform:uppercase;
text-decoration:none;
vertical-align:top;
float:left;
}
div#festNav div a:hover,
div#festNav div a:focus {
color:#f3ae11;
}




/* credits
----------------------------------------------- 

Grid layout:                960 grid system
Design & coding:            Mosman Council web team
Site engine:                Textpattern

*/

/* colour
----------------------------------------------- 

mustard            f3ae11
yellow             fbe810
cyan               ace1fa
blue               0065ab
purple             8069af
red                dd3b3e
red (dark)         cc3300
green              54b347

*/

/* holding pattern style
----------------------------------------------- */

div#topstrip {
background-color:#cc3300;
color:#fff;
text-align:left;
padding:13px 0 13px 9px;
font-size:21px;
font-family: 'Egyptienne F LT Std', 'Egyptienne F Std',
'Egyptienne F', Cambria, Georgia, serif;
margin:0 0 17px 0;
}
div#topstrip em {
color:#feb825;
}

img.logo {
margin-top:3px;
}

div#contentwrap {
margin:9px 0 55px 0;
}

div#highlight {
background-color:#cc3300;
color:#fff;
padding:10px 21px 10px 21px;
margin-bottom:18px;
}
div#highlight h2 {
font-size:23px;
font-style:italic;
color:#feb825;
margin-bottom:7px;
}


div#copyright {
text-align:right;
padding:1em 0;
font-size:10px;
}


/* type stacks - following Richard Rutter
----------------------------------------------- */

body {
font: 13px/1.5 'Helvetica Neue', Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
}
h1,h2,h3,h4,h5,h6 {
font-family: 'Myriad Pro', 'Segoe UI', 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
font-weight:normal;
}

/* base
----------------------------------------------- */

body {
background:#e0f3fd url(/2009/images/17.gif) 50% 0 repeat-y;
}
div#festContent {
background:#ace1fa url(/2009/images/7.gif) no-repeat;
}
#festContent2 {
background-color:#ace1fa;
}
.pushpush {
padding:1em;
}

p {
margin-bottom:0.75em;
}
strong {
font-weight:bold !important;
}
em {
font-style:italic;
}
big {
font-size:120%;
}
blockquote {
padding-left:13px;
border-left:1px dotted #555;
color:#555;
font-style:italic;
}

p.posted {
font-style:italic;
font-family: 'Myriad Pro', 'Segoe UI', 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
}



/* side columns
----------------------------------------------------------------------------------------------------*/

.sidecol h3 {
font-size: 18px;
margin:9px 0 3px 0;
color:#0065ab;
line-height:1.5;
}
.sidecol h4 {
font-size: 18px;
padding:0;
margin:-7px 0 10px 0;
}

.sidecol .sideBox {
padding:0 0 13px 0;
}

table#Calendar {
width:195px;
border-bottom:1px solid white;
border-left:1px solid white;
margin-bottom:5px;
}

table#Calendar th {
background-color:#f3ae11;
padding:0.2em 0;
border-top:1px solid white;
border-right:1px solid white;
}
table#Calendar th.month_name {
background-color:#dd3b3e;
padding:0.2em 0;
border-top:1px solid white;
border-right:1px solid white;
}
table#Calendar td {
padding:3px;
text-align:center;
background-color:#86add3;
border-top:1px solid white;
border-right:1px solid white;
}
table#Calendar a {
color:#fff;
font-weight:bold;
}
table#Calendar a:hover {
color:#ace1fa;
}


/* headings
----------------------------------------------------------------------------------------------------*/

h2 {
font-size: 31px;
margin:9px 0 11px 0;
line-height:1.1;
}
h2 a {
text-decoration:none;
color:#322 !important;
}
h2 a:hover {
color:#cc3300 !important;
}

h3 {
font-size: 21px;
color:#0065ab;
margin:1em 0 0.5em 0;
line-height:1.2;
}

h4 {
font-size: 16px;
margin:21px 0 5px 0;
}

h5 {
font-size: 13px;
color:#322;
font-weight:bold;
margin-top:5px;
}

h6 {
	font-size: 15px;
}

/* links
----------------------------------------------- */

a:focus {
outline: 1px dotted invert;
}
a {
outline: none;
}

a:link {
color:#0065ab;
}
a:visited {
color:#0065ab;
}
a:hover {
color:#dd3b3e;
}
a:active {
color:#0065ab;
}

/*- Lists---------------------------- */

ul {
padding:2px 0 5px 0;
}
li {
list-style-type:disc;
padding-left:3px;
padding-bottom:0.5em;
margin-left:17px;
}
ul.doc li {
list-style-type:none;
background:transparent url(/2009/images/3.gif) 0 4px no-repeat;
padding-left:21px;
margin-left:0;
}
.file_download_size {
color:#555;
font-size:85%;
padding-left:5px;
}
ol li {
list-style-type:decimal;
margin-left:21px;
}

/* contact box
----------------------------------------------- */

div.contact-box {
background-color:#cc3300;
padding:11px 15px 4px 15px;
color:#fff;
text-align:justify;
font:11px/1.75 'Egyptienne F LT Std', 'Egyptienne F Std',
'Egyptienne F', Cambria, Georgia, serif;
}
div.contact-box a {
color:#fff;
}
div.contact-box a:hover {
color:#ff6600;
}


/* contact form
----------------------------------------------- */

form.zemContactForm {
}
form.zemContactForm label {
font-weight:bold;
}
.zemTextarea, .zemText {
margin:0em 0 0.5em 0;
}
.zemTextarea {
width:420px;
}
ul.zemError li {
}
div.zemThanks {
font-weight:bold;
}

/* comments form
----------------------------------------------- */

form#txpCommentInputForm {
padding-left:16px;
border-left:1px dotted #333333;
margin-top:33px;
}
ul.comments_error, p.comments_error {
font: 15px/1.5 'Helvetica Neue', Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
color:#cc3300;
font-weight:bold;
}
div#cpreview {
margin-bottom:33px;
}
form#txpCommentInputForm textarea, 
form#txpCommentInputForm input {
font: 13px/1.5 'Helvetica Neue', Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
font-size:small;
}
a#txpCommentHelpLink {
font-size:x-small;
text-transform:uppercase;
text-decoration:none;
}
textarea.txpCommentInputMessage {
width:450px;
height:170px;
}

/* 
slimbox
------------------------------------------------------

style

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

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/2008/scripts/css/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/2008/scripts/css/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/2008/scripts/css/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/2008/scripts/css/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}




/* 
Flickr integration
------------------------------------------------------

plugin: vdh_flickr

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

.setpreview {
	margin: 0 2em 1em 2em;
}
	.setpreview .thumbnail {
		float: left;
		margin-right: 1em;
	}

.flickrset {margin: 3px 0 0 0}

.flickrset a {
	border: solid #F67733 0px;
	width: 75px;
	height: 75px;
	background: #000;
	float: left;
	margin: 0 2px 2px 0;
	padding: 0px;
}
.flickrset a:hover {
	background: #F67733;
}
.flickrset img {
	border: 0;
}
.pages_nav {
	clear: both;
}
.individual {
	padding: 0 2em;
}
	.individual .image {
		margin: 0.5em auto;
		text-align: center;
	}
	.individual .image img {
	}
	.individual .flickrsetnav {
		text-align: center;
	}
		.individual .flickrsetnav a,
		.individual .flickrsetnav a:link,
		.individual .flickrsetnav a:visited {
			text-decoration: none;
		}
	.individual .setname {
		display: inline;
	}



.hide {
display:none;
}

/* images
----------------------------------------------- */

.image-right {
float:right;
margin:2px 0 5px 13px;
}
.image-left {
float:left;
margin:2px 13px 5px 0;
}

div.image-caption img,
div.image-caption-right img,
div.image-caption-left img {
padding:0 0 0.5em 0;
}
div.image-caption-right {
float:right;
margin:4px 0 5px 13px;
}
div.image-caption-left {
float:left;
margin:4px 13px 5px 0;
}

p.caption {
font-size:90%;
color:#505050 !important;
font-style:italic;
line-height:1.3em;
}

/* Article nav
----------------------------------------------- */

div.navlist {
clear:both;
}
div.navlist ul {
list-style-type:none;
border-top:0px solid #f355a2;
padding:7px 0 0 0;
margin:9px 0;
}
div.navlist ul li {
list-style-type:none;
background:none;
padding:5px 0;
margin:0;
}
.left {
float:left;
}
.right {
float:left;
}
div.navlist li a {
padding-right:1em;
}

/*- Definition Lists------------------ */

dl {
margin-top:1.25em;
}
dt,dd {
padding:0 0.4em 0 0;
margin:0 0 0.25em 0;
}
dt {
width:4em;
float:left;
}
dt.dt-header {
background-color:#ac1d23;
color:#f7c323;
margin-top:15px;
}


/*- Definition Lists - Events -------- */

dd.date-dd-header {

}
dd.date-dd-header, dd.date-dd {
font-family: 'Myriad Pro', 'Segoe UI', 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
margin:1.5em 0 0.5em 0;
padding:0 0 0.25em 0;
font-size:16px;
border-bottom:1px dotted #0065ab;
line-height:1;
color:#dd3b3e;
}

/*
dd.odd {
background-color:#d0f1bb;
color:#333;
}
dd.even {
background-color:#cceaea;
color:#333;
}
*/

/*- Tables metadata: events, venues -- */

table#meta-table {
margin:0.5em 0 1em 0;
width:434px;
border-top:1px dotted #333;
padding-bottom:0.5em;
}
table#meta-table td {
color:#333;
font-weight:bold;
padding:0.4em 0 0.4em 0.75em;
margin-bottom:0.25em;
border-bottom:1px dotted #333;
}
table#meta-table td.meta-label {
color:#333;
width:4em;
padding-left:0;
font-weight:normal;
}

table.venue-list {
margin-top:1em !important;
}
.venue-list td {
color:#000 !important;
font-weight:normal !important;
}

table.program {
margin-bottom: 2em;
}
table.program td {
border-top:1px dotted #333;
padding:0.4em 1.5em 0.4em 0;
margin-bottom:0.25em;
vertical-align:top;
border-bottom:1px dotted #333;
}


/*- News items------------------- */


p.news-byline {
font-style:italic;
font-size:90%;
margin:0.2em 0;
color:#444;
}

/*- Post boxes------------------- */

div.post-box {
padding:0;
margin:0.75em 0 0 0;
border-top:1px dotted #333;
}
body#front div.post-box {
margin-right:0.9em;
}
body#front div.post-box {
padding-bottom:0;
margin-top:0;
}
div.post-box-alt {
padding:1.25em 0 0.9em 0;
margin:0.75em 0 0 0;
border-top:1px dotted #6682a8;
}
div.post-box h3, div.post-box h4, div.post-box p {
padding-left:60px;
padding-right:10px;
}
div.post-box h4 {
font-size:130%;
font-weight:bold;
padding-top:0.9em;
padding-bottom:0.4em;
}
div.post-box p {
padding-top:0;
}
.post-meta {
margin-top:0;
font-size:90%;
color:#555;
}
h3.homeh {
padding-bottom:0.25em;
padding-top:0;
font-size:2em;
line-height:1;
}

/*- Calendar dates ----------------- */

.news-date {
font-size:12px;
line-height:14px;
float:left;
width:45px;
padding:0 0 0.3em 0;
margin:1.25em 0 0 0;

text-align:center;
       border-right:1px solid #aaa;
       border-bottom:1px solid #999;
       color:#555;
       background-color:#fff;
}
.day {
color:#ee3943;
background-color:#fcd3c1;
padding:0.1em 0;
margin:0 0 0.1em 0;
}
.month {
text-transform:uppercase; 
font-weight:bold; 
color:#ee3943;
}

/*- Twitter feed ----------------- */

p.twitter-h {
padding:2.5em 0 0.9em 0;
}
p.twitter-p {
padding-bottom:0.9em;
}
div.simplepie dl {
border-top:1px dotted #333;
margin:0 0 1em 0;
padding:0;
}
div.simplepie dl dt,
div.simplepie dl dd {
background-color:transparent;
margin:0.5em 0 0 0;
padding-left:0;
border-bottom:1px dotted #333;
} 
div.simplepie dl dd {
padding-bottom:1em;
}
div.simplepie dl dd b {
font-weight:normal;
}
div.simplepie dl dd span,
div.simplepie dl dd span a {
font-style:italic;
color:#666;
line-height:2;
}

/*- Contact form ----------------- */

form.zemContactForm input {
margin-bottom:1em;
}
form.zemContactForm input.zemSubmit {
margin-top:1.5em;
}

/*- Search results -------------- */

p.resultCount {
padding:0 0 1.5em 0;
font-style:italic;
font-size:1.1em;
}
div.searchbox {
margin-bottom:1.5em;
}
div.searchbox p {
padding-bottom:0.3em;
}
div.searchbox p.searchURL a {
color:#555;
text-decoration:none;
}
div.searchbox p.searchURL a:hover {
color:#ee3943;
text-decoration:none;
text-decoration:underline;
}

/*- Calendar page -------------- */

body#calendar table {
border-bottom:1px solid white;
border-left:1px solid white;

}
body#calendar table th,
body#calendar table td {
padding:13px;
border-top:1px solid white;
border-right:1px solid white;
}
body#calendar tr.smd_cal_navrow th {
font-size:21px;
text-align:center;
}
body#calendar table h4,
tr.smd_cal_daynames th {
font-size:21px;
text-align:right;
}
body#calendar table h4 {
font-size:28px;
padding:0 5px 10px 0;
margin:0;
}
body#calendar tr.smd_cal_daynames th {
text-align:center;
color:#0065ab;
}

/*- Images -------------- */

.image-right {
float:right;
margin:0 0 5px 13px;
}