/*
   style-new.css
   Pacific Opera
   
   Created by Callum Wilson on 2010-01-20.
   Copyright 2010 Oxygen Kiosk Pty Ltd. All rights reserved.
*/

/* ========== */
/* = Resets = */
/* ========== */
* {margin:0;padding:0;}
html, body {height:100%;}

/* ======== */
/* = Type = */
/* ======== */
body {font-size: 76%; line-height:1.5; font-family: Helvetica, Arial, sans-serif; color:#393939;}
h2 {
	font-size: 2em;
	line-height: 0.75em;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	margin-left: 24px;
	text-shadow: 0 3px 3px #fff;
}

h3 {
	font-size: 1.5em;
	line-height: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	text-shadow: 0 2px 2px #fff;
}
h2 + #main > h3 {margin-top: 0;}
#content > h2 {margin-left: 0;}
h4 {
	font-size: 1.333333em;
	line-height: 1.125em;
	margin-top: 1.125em;
	margin-bottom: 1.125em;
}

h5 {
	font-size: 1em;
	line-height: 1.5em;
	margin-top: 0em;
	margin-bottom: 0.75em;
}

p {
	font-size: 1em;
	line-height: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
ul, ol, dl {margin: 1.5em 0 1.5em 1em; padding: 0 0 0 1em;}
ul li, ol li, dd {padding-left:1em;}
dt {font-weight: bold;}
ul li {list-style-type: circle;}

/* Image Atrribution */
.image-wrapper {text-align: center; position: relative;padding-bottom: 10px; overflow: hidden; display: inline-block;}
.image-description {clear:both; position: absolute;bottom: 0; left:1em; font-size: 0.8em; font-style: oblique; width: 100%; text-align: center;}

p img {border: 1px solid #efefef;border-bottom: 4px solid #efefef;}
p a, li a {color: #393939;}
img.profile-image {float: left; margin: 0 12px 1.5em 0;}
img.left-image {float: left; margin: 0 12px 1.5em 0;}
img.right-image {float: right; margin: 0 0 1.5em 12px;}
.alignleft, img[align=left] {float: left; margin: 0 1em 1em 0;}
	.alignright, img[align=right] {float: right; margin: 0 0 1em 1em;}
	.aligncenter {display: block; margin: 0 auto 1em auto;}
	
	
img.center-image {display: block;margin: 1.5em auto;}
blockquote {padding-left:24px;}
blockquote p {font-style: oblique;}

/* Tables
---------------------------------------- */
table {width:100%; border-collapse: collapse;}
th {font-weight:bold; text-transform:small-caps;}
th, td {border:1px solid #999; padding:1em;}

/* ======== */
/* = Menu = */
/* ======== */
ul#nav {list-style: none; overflow: hidden; background: url(../images/assets2.png) top left repeat #81D0DA;margin: 0 0 25px 0; padding: 0;} 
ul#nav li {list-style: none;float: left;/*background:url(../images/assets2.png) -314px -124px  no-repeat; */padding-left: 0;border-left:1px solid #111111; border-right: 1px solid #999999;}
ul#nav li a {float: left; display: block; padding: 0 24px; height: 40px; line-height: 40px; color: #111; text-transform: lowercase; text-decoration: none; font-size: 1.6em; text-shadow: 0 1px 1px #fff;}
	ul#nav li a:hover, ul#nav li.active {background:url(../images/menu-slices.png) top left repeat-x; color: #fff; text-shadow: none;}
	ul#nav li.active, ul#nav li:hover {}
	
ul#subnav, ul#subnav li {list-style: none;}
ul#subnav {margin: 0; padding: 10px 0;background: url(../images/side-menu.png) top left no-repeat #F77F24; border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px; border: 1px solid #eee;}
	ul#subnav li {padding:0;}
		ul#subnav li a {display: block; padding: 6px 10px; /*line-height: 30px; height: 30px;*/ color: #333; text-decoration: none; font-weight: bold;text-shadow: 0 1px 1px #FFB57F; font-size: 1.2em;}
			ul#subnav li a:hover, ul#subnav li.active a {background: url(../images/side-menu-active.png) top left no-repeat #000; color: #fff; text-shadow: 0 1px 1px #111;border-top: 1px solid #3F2A1B; border-left: 1px solid #3F2A1B;padding: 5px 10px 5px 9px; /*height:29px;*/}
/* =================== */
/* = Layout, colours = */
/* =================== */
body {background: url('../images/spotlight.jpg') 50% 0% no-repeat #000; padding: 0 1em;}
#wrapper {width: 970px; margin: 0 auto; background-color: #E9E9E9;}
/*body {background: url('../images/assets2.png') -220px -600px no-repeat #000; padding: 0 1em;}*/
#container {background:url(../images/content-area.png) left 40px no-repeat #e9e9e9; min-height: 400px; padding-bottom: 130px;
/*	-moz-border-radius-topleft: 10px; 
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px*/
}
#header {background: url('../images/spotlight.jpg') 50% 0% no-repeat #000;}
	h1#logo {width:970px; margin: 0 auto; /*background: url(../images/assets2.png) 100% -275px no-repeat transparent; */padding: 39px 0;}
		h1#logo a {display: block;height:240px; width: 313px; background:url(../images/assets2.png) left -41px no-repeat transparent; text-indent: -9999em;}
#main {width: 630px; float: left; }
	#summary {width: 276px; padding: 0 12px; background: url(../images/summary.png) top left no-repeat #393939; color: #efefef; -moz-border-radius: 10px;-webkit-border-radius: 10px; border: 1px solid #eee; margin-left: 12px; float:left;text-shadow: 0 1px 0 #000;}
		#summary a {color: #F77F24;}
	#summary-image {float:left; width:300px; margin-left: 12px;}
	#content {overflow: hidden; clear:left; margin-left: 24px;}
#footer {background: url(../images/footer.png) center top no-repeat #000;  text-align: center;}
	#footer h3 {background: url(../images/assets2.png) right 20px no-repeat; width: 117px; height:100px; text-indent: -9999em; margin: 2em auto 1em auto; padding-top: 20px;}
	#footer p {width: 300px; color: #999; font-size: 0.8em; margin: 1em auto 0 auto;}
#secondary {float:right; width:320px; margin-right: 12px;}


#artists #summary, #hire-us #summary {width: auto;}

/* ================== */
/* = What's On Page = */
/* ================== */
.show-information {overflow: hidden; background: #fff; border: 1px solid #CFCFCF; margin-bottom: 1em; padding: 1em 12px;}
	.show-information h4 {margin: 0; text-shadow: 0 1px 1px #fff;}
		.show-information h4 a {color: #393939; text-decoration: none;}
	.show-information p.show-information-meta {margin: 0; font-size: 0.8em; color: #777;}
	.show-information img {display: none;}
	.show-information p.read-more a {float: right; display: block; width: 130px; height: 30px; background: url('../images/read-more.gif') center top no-repeat #fff; color: #666; text-indent: -9999em;}
	.show-information p.read-more a:hover {background: url('../images/read-more.gif') center bottom no-repeat #fff;}
	
/* ================ */
/* = Artists Page = */
/* ================ */
body#artists h3 {clear: left;}

/* ============= */
/* = Home Page = */
/* ============= */
body#home h2 {line-height: 1em; margin-left: 12px; color: #999; font-size: 3em; margin-top: 0.75em;}
body#home #content {margin-left: 12px;}

.show {float:left; width:265px; border:1px solid #e3e3e3; padding: 0 12px; margin: 0 12px 12px 0; background:url(../images/show.png) top left no-repeat #f7f7f7; height:200px; overflow: hidden;}
	.show h3 {margin-bottom:0;}
	.show p {color: #999;}
		.show a {text-decoration: none; color: #666;}
			.show:hover {border:1px solid #d3d3d3;}
				.show:hover p {color: #666;}
			.show:hover a {text-decoration: underline;}
		
	.show p.event-date {margin-top:0; font-size: 0.8em; color:#B8B8B8; margin-bottom: 0.5em;}
	.show img {float: left; margin: 0 12px 12px 0;}
	.show p {margin: 0.75em 0;}
	.show a.read-more {float: right; display: block; width: 130px; height: 30px; background: url('../images/read-more.gif') center top no-repeat #fff; color: #666; text-indent: -9999em;}
	.show a.read-more:hover {background: url('../images/read-more.gif') center bottom no-repeat #fff;}

ul#show-cycle {margin:0; padding:0; list-style: none; position: relative; overflow: hidden; height:208px; margin-bottom: 1.5em;}
	ul#show-cycle li {list-style: none; padding:0; position: absolute; bottom:0; left:0;}
		ul#show-cycle li img {display: block; z-index: 1; position: relative; top:0; left: 0;}
/*		ul#show-cycle li span {display: block; z-index: 2; position: absolute; bottom:0; left: 0; right: 0; background: rgba(0,0,0,.5); color: #fff; text-align: right;padding: 5px 12px;}*/

		ul#show-cycle li ul {position: relative; height: 208px; width:600px; margin: 0; padding: 0;}
		ul#show-cycle li ul li {position: absolute;bottom: 0; left: 0; z-index: 2;}
		ul#show-cycle li ul li img {display: block; z-index: 1; position: relative; top:0; left: 0;}
		ul#show-cycle li ul li + li {background: rgba(0,0,0,.5); color: #fff; text-align: right;padding: 5px 12px; right: 0;}

	
	
/* ================ */
/* = Opera Virgin = */
/* ================ */
#opera-virgin {color: #fff; padding: 0 12px; overflow: hidden;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px; margin-bottom: 1.5em; background: #81D0DA;}
	#opera-virgin p {color: #fff;}
		#opera-virgin p img {border: 1px solid #fff; float: left; margin: 0 12px 12px 0;}
	#opera-virgin h3 {color: #fff; margin-top: 1em; text-shadow: 0 1px 1px #999;}
		#opera-virgin h3 a, #opera-virgin p a {color: #fff; text-decoration: none; font-weight: bold;}

/* ========== */
/* = Praise = */
/* ========== */
#praise {margin: 0; padding: 10px 0;background: url(../images/side-menu.png) top left no-repeat #F77F24; border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px; border: 1px solid #eee; padding: 0 12px;}
	#praise h3, form#subForm legend span {text-shadow: 0 1px 1px #fff;}
#praise ul, #praise ul li {list-style: none; margin:0; padding:0;}
#praise ul {height:100px; overflow: hidden; position: relative;}
	#praise ul li { padding-left: 24px; height:100px; position: absolute; top:0; left:0;}
	#praise ul li blockquote {color:#fff; padding-left: 0;}
	#praise ul li p {margin:0;}

	/* =================== */
	/* = Newsletter Form = */
	/* =================== */
	span.label,span.spacer,span.multiple span {width:120px;float:left;} 
	span.multiple {float:left;} 
	span.button {padding-left:120px;} 
	div.clear {clear:both;padding-top:5px;}

/* ========================= */
/* = Testra Wholesale Logo = */
/* ========================= */
#telstra {padding-left: 12px;}
#telstra h4 {display: none;}
#telstra p a {display: block;height: 100px; width: 288px; background: url('../images/telstra-wholesale.png') top left no-repeat; text-indent: -9999em; overflow: hidden;}
#telstra p a:hover {background: url('../images/telstra-wholesale.png') bottom left no-repeat; }

/* ================= */
/* = Facebook Logo = */
/* ================= */

#facebook {padding-left: 12px;}
#facebook h4 {display: none;}
#facebook p {margin-bottom: 0;}
#facebook p a {display: block;height: 70px; width: 200px; background: url('../images/facebook.png') center top no-repeat; text-indent: -9999em; overflow: hidden; margin: 0 auto;}
#facebook p a:hover {background: url('../images/facebook.png') center -70px  no-repeat; }
/* ========= */
/* = Forms = */
/* ========= */
form {margin-bottom: 1.5em;}
form fieldset {padding: 1em; border: 1px solid #999;}
	form fieldset legend {font-size: 1.2em; font-weight: bold; color: #666;}
form ol {list-style: none;margin: 0; padding: 0;}
	form ol li {list-style: none;margin: 0; padding: 0; margin-bottom: 1em;}
		form ol li label {display: block;float:left; width: 150px;margin-right: 12px; font-weight: bold; text-align: right;}
		form ol li input[type="text"], textarea, form ol li.input input {padding: 4px; background: #efefef; border: 1px solid #999; width:300px;}
		input[type="submit"] {margin-left:162px;}
		textarea {height: 150px; padding:4px; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;}
form ol li.checkbox {padding-left: 160px;}
form ol li.checkbox label {float: none; text-align: left; width:auto;}
form ol li.checkbox input {float: left; margin-right: 1em; clear: left;}
form ol li.submit {padding-left: 160px;}


/* Sidebar Newsletter Signup
---------------------------------------- */
form#subForm {padding: 0; margin-top:1em;}
form#subForm ol li label {width:60px;}
form#subForm ol li.input input {padding: 4px; background: #efefef; border: 1px solid #999; width:150px;}
form#subForm ol li.submit  {padding-left:70px;}
form#subForm ol li.submit input[type="submit"] {margin-left:0;}
form#subForm legend {color:#666;}
form#subForm fieldset {border:1px solid #eee; background:#7BC5CF; position:relative; padding-top:4em;}
form#subForm legend span {position:absolute; top:1em; left: 1em; color:#393939}
/* ========== */
/* = Events = */
/* ========== */
p.event-image img {display: block;margin: 0 auto; border: 1px solid #eee;}
p.event-teaser  {font-size: 1.333333em;line-height: 1.125em;margin-top: 1.125em;margin-bottom: 1.125em; padding: 1.125em; font-style: oblique; font-weight: bold;}


/* ============= */
/* = Utilities = */
/* ============= */
#container, .content {display: inline-block;overflow: hidden;}
#container, .content {display: block;}

/* Sticky Footer */
#wrapper {position: relative;height: auto !important;min-height: 100%;height: 100%;}
* html #wrapper {height: 100%;}
#container {min-height:100%; padding-bottom:150px;}
#main {}
#footer {position: relative; margin: -150px auto 0 auto; z-index: 90; width:970px; height:150px;}
/*#footer {position: absolute;left: 0;bottom: 0;height: 150px;width: 970px; left: 50%; margin-left: -485px;}*/
/*#container {padding-bottom:150px;}*/

/* Rounded Corners - 5px */
.show-information, .show  {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;}
/* Rounded Corners - 10px */
form#subForm fieldset  {border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;}

/* Lisght box shadow */
.show-information, .show  {-moz-box-shadow: 0px 0px 5px #ddd;-webkit-box-shadow: 0px 0px 5px #ddd; -khtml-box-shadow: 0px 0px 5px #ddd; box-shadow: 0px 0px 5px #ddd; }