* {
margin:0;
padding:0;
}

body {
background:#fff url("../img/site/bkg_body.jpg");
background-attachment:fixed;
color:#fff;
text-align:center;
font-family:Helvetica,Arial,sans-serif;
font-size:12px;
}

a,
a:active {
outline:none;
}

a {
color:#008fee;;
text-decoration:none;
}

img {
border:none;
}

img.aligncenter {
text-align:center;
}

div#content,
div#header,
div#main,
div#top,
div#main-wide,
div.column-full-width,
div#footer {
width:950px;
overflow:hidden;
}

div#content {
margin:10px auto 0px auto;
text-align:left;
background:#959797;
}

/* ------------------------------------------------------- */

#main-wide div.column1 .fl-left
{
width: 400px;
}

.fl-left,
.fl-right {
display:inline;
}

.fl-left {
float:left;
}

.fl-right {
float:right;
}

/* ------------------------------------------------------- */
/* headers */

h1,
h1 a,
h2,
h2 a {
display:block;
}

h1 span,
h2 span {
display:none;
}

h1,
h1 a {
width:490px;
height:116px;
}

h2 {
margin:15px 15px 0 15px;
}

h2,
h2 a {
height:20px;
background:#000 url("../img/site/h2.jpg") no-repeat;
}

h3 {
text-transform:uppercase;
font-size:16px;
line-height:35px;
margin:0 15px;
}

h3 a.cat-icon {
margin-top:6px;
}

p,
div.item {
line-height:16px;
color:#aaaaaa;
}

p {
margin:0 0 15px 0;
}

h4 {
margin:0 0 10px 0;
font-size:16px;
line-height:24px;
}

h4 a,
a.white,
div#twitter a.date {
color:#fff;
text-decoration:none;
}

/* ------------------------------------------------------- */
/* top of the page - with the background header and the h1, mail signup etc */

div#top {
background:url("../img/site/header.jpg") top left no-repeat;
height:116px;
position:relative;
}

div#top div {
position:absolute;
left:490px;
top:60px;
background:url("../img/site/bkg_top.png") top left no-repeat;
width:460px;
padding:17px 0 0 0;
}

div#top div ul {
list-style:none;
margin-top:3px;
}

div#top div ul,
div#top div ul li,
div#top div form {
float:left;
display:inline;
}

div#top div ul li {
margin-right:10px;
}

div#top div form {
margin:0 0 0 10px;
padding:2px 2px 0 0;
line-height:31px;
height:31px;
display:block;
width:328px;
}

ul.social
{
width: 117px !Important;
overflow: hidden !Important;
display: block !important;
margin: 0 !Important;
}

div#top div .input {
font-family: Arial, Helvetica, sans-serif;
padding:9px 10px 0px 10px !important;
border:none !important;
margin: 0 2px 0 0;
display:block !important;
float:left !important;
width:230px !important;
font-size: 12px !important;
height:22px !important;
background: #fff !important;
}

div#top div .submit {
font-size: 11px;
background:url("../img/site/signup_btn.jpg") repeat-x;
height:32px !important;
width:76px !important;
padding:0 !important;
color:#fff;
display:block;
border: none !important;
text-transform:uppercase;
font-family: Arial, Helvetica, sans-serif;
cursor: pointer;
}

/* ------------------------------------------------------- */
/* side nav - cities etc */

ul#sidenav,
ul#sidenav li,
ul#sidenav li a {
display:block;
width:30px;
}

ul#sidenav {
list-style:none;
position:absolute;
z-index:20;
left:50%;
top:10px;
height:477px;
background:url("../img/site/side_nav.jpg") no-repeat;
margin-left:-506px; /*-15px;*/
}

ul#sidenav li.sydney a 		{ height:60px; 	}
ul#sidenav li.melbourne a 	{ height:82px; 	}
ul#sidenav li.brisbane a 	{ height:74px; 	}
ul#sidenav li.aboutus a 	{ height:70px; 	}
ul#sidenav li.coverart a 	{ height:73px; 	}
ul#sidenav li.newsletter a 	{ height:108px; }

ul#sidenav li a span { display:none; }

/* ------------------------------------------------------- */
/* top day nav */

ul#daynav {
list-style-type:none;
margin:0 0 0 15px;
}

ul#daynav li span {
display:none;
}

ul#daynav,
ul#daynav li,
ul#daynav li a {
float:left;
display:inline;
}

ul#daynav li {
margin:12px 4px 0 0;
}

ul#daynav li,
ul#daynav li a {
height:13px;
}

ul#daynav li a {
width:6px;
background:url("../img/site/daynav.jpg") no-repeat;
}

ul#daynav li.today,
ul#daynav li.today a {
width:47px;
}

ul#daynav li.today a 			{ background-position:-6px 0; }
ul#daynav li.today a.selected 	{ background-position:-6px -13px; }

ul#daynav li.tomorrow,
ul#daynav li.tomorrow a {
width:82px;
}

ul#daynav li.tomorrow a 			{ background-position:-53px 0; }
ul#daynav li.tomorrow a.selected 	{ background-position:-53px -13px; }

ul#daynav li.thisweekend,
ul#daynav li.thisweekend a {
width:105px;
}

ul#daynav li.thisweekend a 			{ background-position:-135px 0; }
ul#daynav li.thisweekend a.selected { background-position:-135px -13px; }

ul#daynav li.allevents,
ul#daynav li.allevents a {
width:85px;
}

ul#daynav li.allevents a 			{ background-position:-240px 0; }
ul#daynav li.allevents a.selected 	{ background-position:-240px -13px; }

/* ------------------------------------------------------- */
/* category menu */

ul.categories {
background:url("../img/site/category_header.jpg") no-repeat;
list-style:none;
margin:10px 0 0 13px;
padding: 16px 0 0 0 !important;
overflow: hidden;
font-size: 11px;
position: relative;
display: block;
height: 40px;
}

ul.categories li {

}

ul.categories li, ul.categories a {

}

ul.categories li a {
display:block;
height:20px;
color:#a5a4a4;
padding:0 10px 0 43px;
line-height:20px;
background:url("../img/site/catnav.jpg") left no-repeat;
}

ul.categories li a:hover {
color:#fff;
}

/*
ul.categories li.row-0 a { width:80px; }
ul.categories li.row-2 a { width:123px; }
ul.categories li.row-1, ul.categories li.row-3 a { width:104px; }
*/

ul.categories li.cat-art a {
background-position:0 0;
position: absolute;
top: 16px;
left: 0px;
}

ul.categories li.cat-film a {
background-position:0 -20px;
position: absolute;
top: 38px;
left: 0px;
}

ul.categories li.cat-music a {
background-position:0 -40px;
position: absolute;
top: 38px;
left: 205px;

}

ul.categories li.cat-performing a {
background-position:0 -60px;
position: absolute;
top: 16px;
left: 90px;
}

ul.categories li.cat-free a {
background-position:0 -80px;
position: absolute;
top: 16px;
left: 205px;
}

ul.categories li.cat-getaway a {
background-position:0 -100px;
position: absolute;
top: 38px;
left: 90px;
}

ul.categories li.cat-play a {
background-position:0 -120px;
position: absolute;
top: 16px;
left: 300px;
}

ul.categories li.cat-think a {
background-position:0 -140px;
position: absolute;
top: 38px;
left: 300px;
}

/* ------------------------------------------------------- */
/* category icons */

a.cat-icon {
display:block;
width:35px;
height:20px;
background:url("../img/site/catnav.jpg") left no-repeat;
float:right;
}

a.cat-icon span {
display:none;
}

a.icon-art {
background-position:center 0;
width:21px;
}

a.icon-film {
background-position:center -20px;
width:31px;
}

a.icon-music {
background-position:center -40px;
width:25px;
}

a.icon-performing {
background-position:center -60px;
width:24px;
}

a.icon-free {
background-position:center -80px;
width:19px;
}

a.icon-getaway {
background-position:center -100px;
width:33px;
}

a.icon-play {
background-position:center -120px;
width:19px;
}

a.icon-think {
background-position:center -140px;
width:29px;
}

/* ------------------------------------------------------- */
/* calendar */

a.calendar {
margin:12px 0 0 11px;
display:block;
}

/* ------------------------------------------------------- */
/* search */

form.search {
padding:2px 5px 0 0;
line-height:31px;
height:31px;
display:block;
width:328px;
margin-left:10px;
}

form.search .input {
padding:9px 10px 0px 10px !important;
border:none !important;
margin:0;
display:block !important;
float:left !important;
width:230px !important;
margin:0 2px 0 0 !important;
font-size: 12px !important;
height:22px !important;
background: #fff !important;
font-family: Arial, Helvetica, sans-serif;
}

form.search .submit {
background:url("../img/site/search_btn.jpg") repeat-x;
height:32px !important;
width:76px;
padding:0;
color:#fff;
display:block;
border: none;
text-transform:uppercase;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
cursor: pointer;
}

/* ------------------------------------------------------- */
/* layout */

div.column {
background:#000;
}

div#header {
height:112px;
}

div.column {
float:left;
display:inline;
}

div#header div.column1,
div#header div.column2,
div#header div.column3 { 
height:75px;
margin-bottom:1px;
}

div#header div.column-full-width {
height:35px;
}

div#header div.column1 	{ width:392px; }
div#header div.column2 	{ width:415px; }
div#header div.column3 	{ width:141px; }

div#main,
div#main-wide {
background:#000 url("../img/site/bkg_main.jpg") repeat-y;
}

div#main {
background-position:497px 0;
}

div#main-wide {
background-position:638px 0;
}

div#main div.column1 { width:497px; }

div#main div.column2,
div#main-wide div.column2  {
width:310px;
}

div#main div.column3 { width:141px; padding-bottom: 8px; }

div#main-wide div.column1 { width:638px; }

/*body.blog div#main-wide div.column1 img { width:608px; }*/

div.column1,
div.column2 {
margin-right:1px;
}

div#main-wide div.column2 { margin-right:0; }

/* ------------------------------------------------------- */
/* items */

p.byline {
text-transform:uppercase;
margin-bottom: 10px;
line-height: 16px;
}

div.item {
padding: 15px;
overflow:hidden;
}

div.item,
div.clear,
div.block {
clear:both;
}

div.clear {
font-size:1px;
}

div#side-blog div.item {
border-bottom:1px solid #faeb00;
}

div#side-big-things div.item {
border-bottom:1px solid #72fa00;
}

div#side-big-things p.byline,
div#side-big-things p.byline a,
div#event-also span,
div#twitter a {
color:#72fa00;
}


div#side-free-things div.item {
border-bottom:1px solid #ff4d43;
}

div#side-free-things p.byline,
div#side-free-things p.byline a {
color:#ff4d43;
}

div.column1 div.post_small img.event_img {
float:right;
display:inline;
width:180px;
margin:0 0 0 10px;
}

div.column1 div.post_small div {
width:270px;
}

div#main div.column1 div.post img {
width:467px;
}

div.column1 div.item p a,
div.column1 div.item a.event_link,
p.byline {
color:#008fee;
}

div.column1 div.post,
div.column1 div.post_small {
border-bottom:1px solid #008fee;
}

div.column1 div.item ul {
list-style:square;
margin-left:30px;
}

.post h4
{
font-size: 23px;
}

.post_small h4
{
font-size: 16px !important;
}

div.column1 div.advert {
margin: 15px 15px;
}

div.column2 div.advert,
div.column2 div.map {
padding:5px;
}

div.column2 div.advert {
border-bottom:1px solid #333;
}

div.column3 div.advert {
margin:10px 10px 0px 10px;
}

div#header h2 {
width:309px;
height:24px;
}

div.column2 div.post_small img {
width:280px;
}

div.column2 div.post_small img,
div.video {
margin-bottom:10px;
}

body.blog div#header h2.page-title,
body.blog div#header h2.page-title a,
div#side-blog h2,
div#side-blog h2 a {
width:232px;
}

body.blog div#header h2.page-title {
margin-top:7px;
height:20px;
}

body.blog div#header h2.page-title a,
div#side-blog h2 a {
background-position:0 -24px;
}

div#side-big-things h2 {
width:147px;
background-position:-232px -24px;
}

div#side-free-things h2 {
width:156px;
background-position:-379px 0px;
}

div#latest-video h2 {
width:174px;
background-position:-379px -24px;
}

div#main-wide div.column1 h4 {
font-size:20px;
}

div#event-details h2 {
width:190px;
background-position:0 -45px;
}

div#event-map h2 {
width:168px;
background-position:-190px -45px;
}

div#event-also h2 {
width:212px;
background-position:-358px -45px;
}

div#twitter h2 {
width:310px;
height:44px;
background-image:url("../img/site/h2_twitter.jpg");
margin:0 0 15px 0;
}

div#ongoing h2 {
width:640px;
height:45px;
background-image:url("../img/site/h2_ongoing.jpg");
margin:0 0 15px 0;
}

div#twitter {
background:url("../img/site/bkg_more.jpg");
}

div#twitter div.item {
padding-top:0px;
}

div#event-details,
div#event-share,
div#event-map,
div#event-also {
border-bottom:1px solid #333;
}

div#event-share
{
height: 100px;
}

div#event-details ul,
div#event-share ul {
list-style:none;
}

div#event-details ul,
div#event-details ul li,
div#event-share ul,
div#event-share ul li {
float:left;
display:inline;
}

div#event-details ul li {
width:230px;
margin-bottom:6px;
}

div#event-details ul li.title {
width:50px;
color:#fff;
}

div#event-share ul {
margin:15px 0 15px 15px;
width:295px;
height:68px;
background:url("../img/site/share.jpg") no-repeat;
}

div#event-share ul li {
height:26px;
}

div#event-share ul li a {
display:inline;
color:#999;
text-transform:uppercase;
font-size:9px;
font-family:Arial;
margin-left:25px;
height:16px;
line-height:16px;
}

div#event-share ul li.share a { margin-left:0; }

div#event-share ul li.row1 {
width:156px;
}

div#event-share ul li.row2 {
width:139px;
}

/* ------------------------------------------------------- */
/* more breakout text */

div#more {
padding-bottom:0;
margin:0 15px;
border-bottom:1px solid #aa37ff;
}

div#more img {
width:80px;
}

div#more ul li span,
div#more ul li span a {
color:#aa37ff;
}

div#more ul,
div#more ul li {
display:block;
margin:0;
padding:0;
}

div#more ul {
overflow:hidden;
list-style:none;
background:url("../img/site/bkg_more.jpg");
padding:20px 20px 0 20px;
}

div#more ul li {
clear:both;
margin-bottom:20px;
line-height:16px;
padding-left: 35px;
}

/* to stop the category icon floating right */

div#more ul li a.cat-icon {
float:left;
margin-left: -35px;
width:25px;
}

div#more h2 {
width:467px;
height:40px;
background-position:-553px 0px;
background-color:#131313;
margin:0;
}

/* ------------------------------------------------------- */
/* footer */

div#footer {
margin:1px auto 0 auto;
text-align:left;
height:224px;
position:relative;
background:url("../img/site/bkg_footer.png") no-repeat;
}

ul.footer-pages {
margin:23px 0 0 40px;
list-style:none;
}

ul.footer-pages li.row-0 {
width:115px;
float:left;
clear:left;
}

ul.footer-pages li {
line-height:16px;
}

ul.footer-pages li a {
color:#fff;
font-size:10px;
text-transform:uppercase;
}

ul.footer-social {
float:right;
list-style:none;
top:75px;
right:25px;
position:absolute;

}

ul.footer-social li {
float:left;
display:inline-block;
margin:0 0 0 15px;
}

ul.footer-social li.concrete {
margin-top:-9px;
}

div#footer p.meta {
position:absolute;
top:125px;
right:20px;
text-align:right;
font-size: 11px !important;
}

div#footer p.meta a {
color:#fff;
}











/* White Page Overides */
#main .column1,
#main-wide .column1
{
background: #fff !important;
color: #555 !important;
}

#main .column1 .item, #main .column1 p,
#main-wide .column1 .item, #main-wide .column1 p
{
color: #555 !important;
}

#main .column1 .post_small .byline,
#main-wide .column1 .post_small .byline
{
color: #008FEE !important;
}

#main .column1 h4, #main .column1 h4 a,
#main-wide .column1 h4, #main-wide .column1 h4 a
{
color: #000 !important;
}

#main .column1 a.cat-icon,
#main-wide .column1 a.cat-icon {
background-image: url("../img/white/catnav_white.jpg") !important;
}

#main .column1 div#latest-video h2,
#main-wide .column1 div#latest-video h2 {
width:174px;
background:#000 url("../img/white/h2.jpg") no-repeat !important;
background-position:-379px -24px !important;
}

#main .column1 div#more ul,
#main-wide .column1 div#more ul {
background:url("../img/white/bkg_more.jpg") !important;
}

#main .column1 div#more ul li a,
#main-wide .column1 div#more ul li a {
color: #000;
}

#main .column1 div#more h2, 
#main-wide .column1 div#more h2 {
background-color:#e5e5e5;
background-image: url("../img/white/h2.jpg") !important;
}

