/*
THEME NAME: Perthquake 2009
THEME URI: http://www.perthquake.com.au
DESCRIPTION: Perthquake custom Wordpress template.
VERSION: v1.0
AUTHOR: Jack Faulkner
AUTHOR URI: http://www.jackfaulkner.com.au
TAGS: perthquake, minimal, monochromatic, grungey
*/


/* PERTHQUAKE 2009 custom template */

/* @font-face {
  font-family:Museo Sans;
  src:url(fonts/MuseoSans_500.otf);
  font-weight:400;
} */

@font-face {
  font-family:Museo Sans;
  src:url(fonts/Museo700-Regular.otf);
  font-weight:700;
}

/* @font-face {
  font-family:Museo Sans;
  src:url(fonts/MuseoSans_500_Italic.otf);
  font-style:italic;
} */



html {
	margin:0;
	padding:0;
}


body {
	margin:0;
	padding:0;
	font:400 62.5%/1.4em "Lucida Grande", "Lucida Sans Unicode", Arial, "Helvetica Neue", Helvetica, "Myriad Pro", sans-serif;
	color:#000;
	letter-spacing:0.0125em;
	background:#020202 url(images/page_background.jpg) center top repeat-x;
}



/* ---------- GENERAL --------- */


h1, h2, h3, h4 {
	margin:0;
	padding:0 0 1em 0;
	color:#000;
	font-family:"Museo Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, "Helvetica Neue", Helvetica, "Myriad Pro", sans-serif;
	font-weight:700;
	text-transform:uppercase;
}

h1 {
	font-size:2em;
}

h2 {
	font-size:1.6em;
}

h3 {
	font-size:1.4em;
}

h4 {
	font-size:1.2em;
}

p {
	margin:0;
	padding:0 0 10px 0;
}

.centred {
	display:block;
	text-align:center;
}

.clear {
	margin:0;
	padding:0;
	clear:both;
}

.strong {
	font-weight:700;
}

.emphasis {
	font-style:italic;
}

.bigger {
	font-size:1.2em;
	line-height:1.2em;
}

.alert {
	color:#f03;
}

a {
	color:#000;;
}

a:link, a:visited, a:active {
	color:#000;
	text-decoration:underline;
}

a:hover, a:focus {
	color:#000;
	text-decoration:none;
	outline:0;
}

a img {
	border:none;
}

ul {
	margin:0;
	padding:0 0 10px 0;
}

ol, li {
	margin:0;
	padding:0 0 0 16px;
}

.text-list-inline li {
	padding:0 0 0 10px;
	display:inline;
	list-style-type:none;
}

.text-list-inline li:after {
	content:"\00a0\00a0\00a0";
}

.text-list-block li, .widgets ul li {
	padding:0 0 4px 0;
	display:block;
	list-style-type:none;
}

#content-container table {
	margin:8px auto 16px;
	border-top:2px solid #bbb;
}

	#content-container table tr td {
		margin:0;
		padding:.8em 0.3em;
		border-bottom:1px solid #ddd;
	}
	
	#content-container table tr:first-child td {
		padding:0.3em 0.3em 0.3em;
		font-weight:700;
		border-bottom:2px solid #bbb;
	}
	

form {
	margin:0;
	padding:0;
}

	form fieldset {
		margin:0;
		padding:0;
		border:none;
	}
	
	form input {
		margin:0;
		padding:0;
		border:none;
	}


.img-border-01 {
	padding:2px;
	border:1px solid #fbfbfb;
}

.block-left {
	float:left;
}

.block-right {
	float:right;
}

.error-wrapper {
	margin:20px 40px;
	padding:15px;
	font-size:1.2em;
	border:1px dashed #999;
}

h3 span {
	font-size:0.8em;
	font-weight:400;
	line-height:.5em;
}

h3 span a:link, h3 span a:visited, h3 span a:active {
	font-color:#555;
	text-decoration:none;
}



/* ---------- WRAPPERS ---------- */

#wrapper {
	margin:0 auto;
	padding:0;
	width:960px;
}

body.enable-cols #wrapper {
	width:1340px;
}

.custom-col {
	margin:0;
	padding:0;
	width:188px;
	float:left;
	display:none;
}

body.enable-cols .custom-col {
	display:block;
}


#page-container {
	position:relative;
	margin:0;
	padding:0;
	width:960px;
	float:left;
	background-color:#fff;
}



/* ---------- UTILITIES ---------- */

#utilities {
	margin:0;
	padding:0;
	height:24px;
	font-size:1.1em;
	line-height:24px;
	text-transform:uppercase;
	text-shadow:#252525 1px 1px 0;
	letter-spacing:0.03em;
	background:#363636 url(images/utilities_background.jpg) left top repeat-x;
}

#utilities a {
	font:inherit;
}

#utilities a:link, #utilities a:visited, #utilities a:active {
	color:#7d7d7d;
	text-decoration:none;	
}

#utilities a:hover, #utilities a:focus {
	color:#adadad;
	text-decoration:none;	
}

#utilities ul {
	margin:0;
	padding:0;
	width:800px;
	float:left;
}

	#utilities ul li {
		padding:0 0 0 18px;
		letter-spacing:0.02em;
	}
	
	#utilities ul li.util-heading {
		padding-left:0;
		font:inherit;
		color:#adadad;
	}

#searchform {
	margin:0;
	padding:0 0 0 8px;
	width:152px;
	height:24px;
	float:left;
	background:transparent url(images/search_field_cap_L.gif) left top no-repeat;
}

#searchform label {
	display:none;
}

#searchform #s {
	margin:4px 0 0 0;
	padding:1px 0 0 0;
	width:132px;
	height:15px;
	float:left;
	font-size:1em;
	color:#222;
	background:#fff url(images/search_bg_repeater.gif) left top repeat-x;
}

#searchform #searchsubmit {
	width:18px;
	height:24px;
	float:left;
}




/* ---------- HEADER ---------- */

#header {
	margin:0;
	padding:10px 0 0;
	width:960px;
	height:190px;
	background:#fff url(images/header_background.jpg) left top no-repeat;
}

#banner-wrapper {
	margin:0;
	padding:0;
	height:30px;
	text-align:center;
}

	#banner-container {
		display:inline-block;
		margin:12px auto 0;
		padding:0;
	}
	
		#banner-L {
			margin:0;
			padding:0;
			width:25px;
			height:30px;
			float:left;
			background:transparent url(images/header_banner_cap_L.png) left top no-repeat;
		}
		
		
		#banner-content {
			display:inline;
			margin:0;
			padding:3px 10px 0;
			height:27px;
			float:left;
			font:400 1.5em "Helvetica Neue", Helvetica, Arial, "Myriad Pro", sans-serif;
			color:#fff;
			text-align:center;
			text-transform:uppercase;
			letter-spacing:0.05em;
			background:transparent url(images/header_banner_bg_repeater.png) left top repeat-x;
		}
		
		
		#banner-R {
			margin:0;
			padding:0;
			width:25px;
			height:30px;
			float:left;
			background:transparent url(images/header_banner_cap_R.png) right top no-repeat;
		}
		


#header h1 {
	margin:30px 0 0 0;
	padding:0;
	height:110px;
}

#header h1 span {
	display:none;
}


#global-nav {
	display:none;
	margin:23px 0 0 0;
	padding:0 60px;
	height:35px;
	list-style-type:none;
}

#global-nav li {
	display:inline-block;
	margin:0 0 0 44px;
	padding:0;
	height:35px;
	float:left;
}

#global-nav li.first-child {
	margin:0;
}

	#global-nav li a {
		display:block;
		margin:0;
		padding:0;
		height:35px;
	}
	
	#global-nav li a span {
		display:none;
	}


	#global-nav li.music a {
		width:122px;
		background-image:url(images/nav_btn_music.jpg);
	}
	
	#global-nav li.film a {
		width:92px;
		background-image:url(images/nav_btn_film.jpg);
	}
	
	#global-nav li.fashion a {
		width:182px;
		background-image:url(images/nav_btn_fashion.jpg);
	}
	
	#global-nav li.art a {
		width:90px;
		background-image:url(images/nav_btn_art.jpg);
	}
	
	#global-nav li.events a {
		width:163px;
		background-image:url(images/nav_btn_events.jpg);
	}
	
	#global-nav a:link, #global-nav a:visited, #global-nav a:active {
		background-position:0 0;
	}
	
	#global-nav a:hover, #global-nav a:focus {
		background-position:0 -35px;
	}
	
	



/* ---------- SIDEBARS ---------- */

.sidebar {
	position:relative;
	margin:0;
	padding:0;
	width:136px;
	float:left; 
}

#left-col {
	padding:0 0 60px 14px;
}

#right-col {
	padding:0 14px 60px 0;
}

.sidebar .sponsored {
	margin:0 0 21px 0;
}

	.sidebar .poster {
		margin:0 0 20px;
		padding:0;
		height:233px;
		text-align:center;
		overflow:hidden;
	}
	
		.sidebar .poster img {
			margin:0;
			padding:2px;
			border:1px solid #c0c0c0;
		}

		/* 
		
			poster sizes
		
			sml   130px x 180px
			
			lrg   255px x 360px
			
			
		*/
		
		.sidebar .poster img.hover {
			border:1px solid #444;
		}
		
		.sidebar .img-caption {
			padding:5px 0;
			font:400 1.1em "Lucida Grande", "Lucida Sans Unicode", Arial, "Helvetica Neue", Helvetica, "Myriad Pro", sans-serif;
			color:#555;
			text-transform:uppercase;
		}
		
		

.sidebar a:link, .sidebar a:visited, .sidebar a:active {
	color:#777;
	text-decoration:none;
}

.sidebar a:hover, .sidebar a:focus {
	color:#666;
	text-decoration:underline;
}


.sidebar .widgets, .sidebar #mailing-list-form {
	margin:0;
	padding:0;
	color:#777;
	font-size:1em;
	text-transform:uppercase;
	text-align:center;
}

.sidebar h3 {
	margin:0 0 12px 0;
	padding:0 0 4px 0;
	color:#444;
	font-size:1.2em;
	font-weight:400;
	border-bottom:1px solid #ddd;
}

.sidebar #mailing-list-form form label {
	font-size:1.1em;
}

.sidebar #mailing-list-form form .text {
	margin:3px auto 9px;
	width:125px;
	height:16px;
	background:#fff url(images/form_field_bg_repeater.gif) top left no-repeat;
	border:1px solid #eee;
}

.sidebar #mailing-list-form form .submit {
	margin:4px 0 0 0;
	padding:0;
	width:133px;
	height:21px;
}

#sidebar-note {
	position:absolute;
	top:520px;
	right:-160px;
	margin:0;
	padding:0;
	width:150px;
	height:188px;
	background:transparent url(images/buy-tix.gif);
}

#sidebar-note span {
	display:none;
}


/* ---------- SECTIONS ---------- */


.section-heading {
	margin:0;
	padding:2px 2px 8px 8px;
	height:22px;	
	background-color:#000;
}


.section-heading h2 {
	margin:0;
	padding:0;
	width:500px;
	float:left;
	font:"Museo Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, "Helvetica Neue", Helvetica, "Myriad Pro", sans-serif;
	font-size:2.3em;
	font-weight:normal;
	color:#fff;
	line-height:28px;
	text-shadow:#888 -1px 0 0;
	letter-spacing:0.06em;
}

.section-heading .panel-expand-btn {
	display:block;
	margin:0;
	padding:0 16px 0 0;	
	width:104px;
	float:left;
	color:#999;
	text-align:right;
	line-height:26px;
	letter-spacing:0.04em;
}

.section-heading .panel-expand-btn {
	background:#000 url(images/panel_arrow.gif) right -12px no-repeat;
}

.panel.contracted .section-heading .panel-expand-btn {
	background:#000 url(images/panel_arrow.gif) right 10px no-repeat;
}

.section-heading .panel-expand-btn:hover {
	cursor:pointer;
}

.panel.contracted .panel-content {
	display:none;
}


.panel {
	margin:0 12px 22px;
	padding:0;
	width:638px;	
}

.panel-content {
	margin:0;
	padding:12px 10px 22px;
	font-size:1.1em;	
	border-left:4px solid #000;
	border-bottom:4px solid #000;
	border-right:4px solid #000;
	overflow:hidden;
}

#snapshot .panel-content {
	padding-left:0;
	padding-right:0;
	height:270px;
}

#snapshot .intro {
	padding:0 10px;
}

#snapshot ul li {
	line-height:1.8em;
}

span.latest-type {
	color:#777;
	font-size:1em;
	font-variant:small-caps;
}

#snapshot-panel-photos {
	margin:0;
	padding:8px;
	text-align:right;
	background-color:#eee;	
}

	#snapshot-panel-photos h3 {
		padding:0 0 4px 0;
		text-align:left;
		font-size:1.2em;
	}
		
	#snapshot-panel-photos .flickr-gallery {
		margin: 0;
	}


#coming-up .panel-content {
	height:175px;
}

#cal-snapshot {
}

	#cal-snapshot table td.event-col {
		width:56%;
	}
	
	#cal-snapshot table td.date-col {
		width:20%;
	}
	
	#cal-snapshot table td.venue-col {
		width:24%;
	}
	
	#cal-snapshot table tr td:last-child {
		white-space:nowrap;
	}

.sponsored-banner {
	display:none;
	margin:20px auto;
	padding:10px;
	width:616px;
	height:100px;
	color:#ccc;
	text-align:center;
	letter-spacing:0.2em;
	border:1px dashed #ddd;
}



/* ---------- POSTS / CONTENT ---------- */


#content-container {
	margin:0 0 60px 0;
	padding:2px 0;
	width:660px;
	float:left;	
}

#posts {
	margin:0 auto;
	padding:0;
}

#page {
	padding:0 22px;
	font-size:1.1em;
}

#home #posts {
	margin:42px auto 0;
	padding:0;
}

.post {
	position:relative;
	margin:0 0 50px;
	padding:0 12px;
	width:638px
}

.latest-post-sticker {
	position:absolute;
	top:8px;
	right:0;
	width:90px;
	height:90px;
	background:transparent url(images/article_sticker_latestpost.png) top left no-repeat;
}

.latest-post-sticker span {
	display:none;
}

.post-header {
	margin:0;
	padding:0 0 6px;
	height:10px;
	font-size:1.1em;	
}

.post-header a:link, .post-header a:visited, .post-header a:active {
	text-decoration:none;
}

.post-header a:hover, .post-header a:focus {
	text-decoration:none;
}

.header-meta {
	width:205px;
	text-transform:uppercase;
	overflow:hidden;
}

.header-meta .timeframe-or-type {
	color:#f03;
}

.post-header .tags {
	margin:0;
	padding:0;
	width:433px;
	height:auto;
	color:#999;
	text-align:right;
	overflow:hidden;
}

.post-header .tags a, .post-header .tags a:link, .post-header .tags a:visited, .post-header .tags a:active  {
	text-decoration:none;
	color:#999;
}

.post-header .tags a:hover, .post-header .tags a:focus  {
	text-decoration:none;
	color:#777;
}

h2.post-title {
	margin:0;
	padding:0;
	font:700 3em "Museo Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, "Helvetica Neue", Helvetica, "Myriad Pro", sans-serif;	
	border-top:1px solid #d9d9d9;	
	letter-spacing:0;
	text-transform:none;
}

h2.post-title a {
	padding:4px 0;	
}

h2.post-title a:link, h2.post-title a:visited, h2.post-title a:active {
	color:#000;
	text-decoration:none;
}

h2.post-title a:hover, h2.post-title a:focus {
	color:#000;
	text-decoration:none;
}

.post-content {
	margin:0;
	padding:0 0 10px 0;
	font-size:1.1em;
	color:#222;
	line-height:1.6em;
}

.post-img {
	margin:0 0 14px 0;
	padding:0;
	width:638px;
	height:206px;
	overflow:hidden;
}

.post-img img {
	margin:0;
	padding:2px;
	border:1px solid #d9d9d9;
}


/* 

	post image sizes

	poster   230px x 320px
	
	other   632px x 200px
	
	
*/


.post-footer {
	margin:0;
	padding:2px 2px 2px 0;
	height:18px;
	font-size:1.1em;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
}

.read-more-link {
	width:100px;
	float:left;
	line-height:18px;	
	text-transform:uppercase;
}

a.more-link, a.more-link:link, a.more-link:visited, a.more-link:active  {
	text-decoration:none;
	color:#999;
}

a.more-link:hover, a.more-link:focus  {
	text-decoration:none;
	color:#777;
}

.footer-meta {
	float:right;
	width:500px;
	color:#888;
	text-align:right;
	line-height:18px;
}

.post-footer a:link, .post-footer a:visited, .post-footer a:active {
	color:#444;
	text-decoration:none;
}

.post-footer a:hover, .post-footer a:focus {
	color:#555;
	text-decoration:underline;
}

.footer-meta .comments {
	display:block;
	margin:0 0 0 10px;
	padding:0 0 0 8px;
	float:right;
	background:transparent url(images/article_comments_bubble_cap_L.gif) left top no-repeat; 
}

.footer-meta .comments span {
	display:block;
	margin:0;
	padding:0 7px 0 0;
	height:22px;
	color:#fff;
	line-height:14px;
	background:transparent url(images/article_comments_bubble_cap_R.gif) right top no-repeat; 
}

.footer-meta .comments span a {
	color:#fff;
}

.footer-meta .comments span a:link, .footer-meta .comments span a:visited, .footer-meta .comments span a:active {
	color:#fff;
	text-decoration:none;
}

.footer-meta .comments span a:hover, .footer-meta .comments span a:focus {
	color:#fff;
	text-decoration:none;
}


	/* event posts */
	
	.event .post-content {
		height:315px;
		overflow:hidden;
	}
	
	.single .event .post-content {
		min-height:315px;
		height:auto;
	}
	
	.event h2.post-title {
		border-bottom:1px solid #d9d9d9;
	}
	
	.event .post-img {
		margin:-1px 0 0 10px;
		padding:0 0 0 10px;
		float:right;
		width:236px;
		height:326px;
		background-color:#fff;
		overflow:hidden;
	}
			
	.event .post-footer {
		margin:-1px 0 0 0;
	}

	
	
.posts-nav {
	clear:both;
	margin:20px 0;
	padding:0 12px;
}

.posts-nav-btn {
	width:144px;
}

.posts-nav-btn.newer {
	float:left;
}

.posts-nav-btn.older {
	float:right;
}

.posts-nav-btn a, .flickr-gallery-next a, .flickr-gallery-prev a {
	display:block;
	margin:0;
	padding:4px 12px;
	font:400 1.4em "Helvetica Neue", Helvetica, Arial, "Myriad Pro", sans-serif;
	text-align:center;
	text-transform:uppercase;
	background-color:#000;
}


.posts-nav-btn a:link, .posts-nav-btn a:visited, .posts-nav-btn a:active, 
.flickr-gallery-next a:link, .flickr-gallery-next a:visited, .flickr-gallery-next a:active, 
.flickr-gallery-prev a:link, .flickr-gallery-prev a:visited, .flickr-gallery-prev a:active {
	color:#eee;
	text-decoration:none;
}

.posts-nav-btn a:hover, .posts-nav-btn a:focus, 
.flickr-gallery-next a:hover, .flickr-gallery-next a:focus, 
.flickr-gallery-prev a:hover, .flickr-gallery-prev a:focus {
	color:#fff;
	text-decoration:none;
}


/* --- SINGLE & PAGE TEMPLATES --- */

.page-heading {
	margin:0 12px 20px;
	padding:4px 0;
	height:22px;
	border-bottom:3px solid #000;
}


.page-heading h2 {
	margin:0;
	padding:0;
	width:520px;
	float:left;
	font:400 2.6em "Museo Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, "Helvetica Neue", Helvetica, "Myriad Pro", sans-serif;
	color:#000;
	line-height:26px;
	text-shadow:#999 -1px 0 0;
	letter-spacing:0.05em;
}

#respond {
	clear:both;
	margin:25px 0 0 0;
}

#respond form .text {
	padding:2px;
	background:#fff url(images/form_field_bg_repeater.gif) left top no-repeat;
	border:1px solid #eee;
}

#respond form label {
	padding-left:5px;
}

#pq-comments {
	padding:0 12px;
}

#pq-comments .navigation {
	clear:both;
}

.commentlist  {
	margin:0 0 25px;
	padding:0;
}

.commentlist li {
	display:block;
	float:left;
	width:628px;
	margin:5px 0;
	padding:0;
	list-style-type:none;
}

.commentlist .comment, .commentlist .pingback {
	position:relative;
	clear:both;
	margin:15px 0;
	padding:0;	
	min-height:84px;
	background-color:#fff;
	border:5px solid #f5f5f5;
}

.comment-body {	
	padding:5px 5px 5px 80px;
	font-size:1.1em;
}

.pingback .comment-body {
	padding:25px 5px 5px 5px;
	color:#666;
}

.comment-body .comment-author {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	margin:0x;
	padding:0;
	width:65px;
	border-right:5px solid #f5f5f5;
	background-color:#f5f5f5;
}

.comment-body .comment-author img {
	margin:0 0 5px 0;
}

.pingback .comment-body .comment-author {
	width:100%;
	bottom:auto;
	border-right:none;
	border-bottom:5px solid #f5f5f5;
}

.comment-body .comment-author cite.fn {
	display:block;
	padding:0;
	font-size:0.9em;
	font-style:normal;
	color:#666;
	text-align:center;
}

.pingback .comment-body .comment-author cite.fn {
	text-align:left;
}

.pingback .comment-body .comment-author cite.fn:before {
	content:"PINGBACK \0A0";
}

.pingback .comment-body .comment-author a {
	color:#666 !important;
}

.comment-body .comment-author span.says {
	display:none;
}

.comment-body .comment-meta {
	position:absolute;
	bottom:0;
	right:5px;
	display:block;
	margin:0;
	padding:0;
	font-size:0.7em;
	text-align:right;
		
}

.comment-body .comment-meta a {
	color:#aaa !important;
	text-decoration:none;
}

#recaptcha_area {
	margin-bottom:15px;
}

#recaptcha_area:before {
	content:"Please enter the words you see below";
}


/* --- FLICKR GALLERY --- */

body.page-id-10 .flickr-thumb {
	padding:4px !important;
}

.flickr-gallery-next {
	margin:20px 3px 0 0;
}

.flickr-gallery-prev {
	margin:20px 0 0 3px;
}

/* --- CONTRIBUTORS --- */

.author-bio {
	clear:both;
	margin:10px 0 20px;
	padding:0;
	min-height:96px;
}

.author-bio h3 {
	margin:0;
	padding:0;
	text-transform:none;
}

.author-bio .gravatar {
	clear:both;
	margin:0 10px 10px 0;
	padding:0;
	width:96px;
	float:left;
}

.author-bio .content {
	margin:0;
	padding:0;
	width:532px;
	float:left;
}


/* --- FOOTER --- */


#footer {
	clear:both;
	margin:0;
	padding:0 0 54px;
	background:#fff url(images/footer_background.jpg) center bottom no-repeat;
}

	#footer-content {
		margin:0;
		padding:0 10px;
		min-height:252px;
		background:#f5f5f5 url(images/footer_content_background.gif) left top repeat-x;
	}
	
		.footer-col {
			margin:0 0 0 14px;
			padding:10px 8px;
			width:176px;
			float:left;
		}
			
			.footer-col h3 {
				margin:0 0 12px 0;
				padding:10px 0 0 6px;
				font:400 1.9em "Museo Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, "Helvetica Neue", Helvetica, "Myriad Pro", sans-serif;
				color:#000;
				letter-spacing:0.04em;
				border-bottom:1px solid #b9b9b9;
			}
			
			.footer-col p, .footer-col ul {	
				padding-left:7px;
				padding-right:12px;
				font:400 1.1em "Lucida Grande", "Lucida Sans Unicode", Arial, "Helvetica Neue", Helvetica, "Myriad Pro", sans-serif;
				color:#333;
			}
			
			.footer-col ul {
			}
			
			.footer-col ul li {
				list-style-type:none;
				padding-left:0;
				line-height:2em;
			}
			
			.footer-col ul li ul li {
				padding-left:6px;
			}
			
			
		#bio.footer-col {
				margin:0;
				width:304px;
		}
		
		#contact.footer-col p, #contact.footer-col ul {
				padding-right:0;
		}