@charset "UTF-8";
/*
Theme Name: Supanova V2
Theme URI: http://www.supanova.com.au
Description: A new theme for Supanova Pop Culture Expo website
Version: 1
Author: Bruce Moyle
Author URI: http://www.joffrestreetproductions.com
Tags: blue, orange, white, 2 columns
*/

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 62.5%;
	line-height: 1.2em;
	background-color: #002b72;
	background-image: url(images/bg-2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	color: #000;
}

#page {
	width: 1000px;
	margin: 0 auto;
	position:relative;
}


/* PAGE HEAD STYLES
--------------------------- */


#page-head {
	background: url(images/head-bg.png) repeat-x top center;
	height: 150px;
	color: #FFF;
	/* Rounded Corners */
	-moz-border-radius-bottomright: 1em; 
	-moz-border-radius-bottomleft: 1em; 
	-webkit-border-bottom-right-radius: 1em;
	-webkit-border-bottom-left-radius: 1em; 
	
}

#supanova-logo {
	position:relative;
	left: -20px;	
}
#major-sponsors {
position: relative; 
top: -120px; 
/* width: 400px;
left: 330px; 
width: 570px;
left: 370px; */
width: 643px;
left: 340px;
}
#major-sponsors img {
	display: block;
	margin: 0 auto;
}
#tour-dates {
	position: absolute;
	top: 100px;
	left: 70px;
	font-style:oblique;
}

#page-head h1 {
	display:none;
}

#tour-dates ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#tour-dates li {
	display: block;
	width: 170px;
	float: left;
}

#tour-dates strong {
	font-size: 1.4em;
}

/* MAIN BANNER STYLES
--------------------------- */


#main-banner {
	padding: 0;
	background-color: #000;
	height: 220px;
	width: 1000px;
	margin-top: 10px;
	/* Rounded Corners */
	-moz-border-radius:1em;
	-webkit-border-radius: 1em;
}

#banner a { display: none }

#banner a.first * { display: inline }


#character {
	position:absolute;
	z-index: 500;
	width: 272px;
	/* top: 5px;
	left: 720px;
	height: 375px; */
	top: 97px;
	/* left: 750px;
	height: 272px; */
	background:url("images/predator.png") no-repeat scroll center bottom transparent;
	height:283px;
	left:750px;
}
#character img {
display: none;
}

#call-to-action-bubble {
	position:absolute;
	top: 154px;
	z-index: 700;
	width: 280px;
	height: 218px;
	left: 570px;
}


#page-middle {
	background-color:#FFF;
	padding: 1em 15px;
	margin-top: 10px;
	
	/* IE Transparency */
	/*filter:alpha(opacity=95);
	/* CSS3 standard */
	/* opacity:0.95;
	/* Rounded Corners */
	-moz-border-radius:1em;
	-webkit-border-radius: 1em;
}

/* Content 
------------------- */

/* Full Width with sidebar */
#content-left, #content-left-wide {
	float: left;
	line-height: 1.4em;
	font-size: 1.2em;
	margin-right: 10px;
	text-align:justify;
}
#content-left {
	width: 420px;
}
#content-left-wide {
	
	width: 670px;
}

#content-center, #content-guest-center {
	width: 250px;
	float: left;
	line-height: 1.4em;
	font-size: 1.2em;
	padding-left: 1em;
	background-color: #EEE;
	padding-bottom: 1em;

	/* Rounded Corners */
	-moz-border-radius: 1em; 
	-moz-border-radius: 1em; 
	-webkit-border-radius: 1em;
	-webkit-border-radius: 1em;
}

#content-center *, #content-guest-center * {
max-width: 230px;
}
#content-center ul, #content-guest-center ul {
margin:0; padding:0;
}
#content-center li {
list-style: none;
}


#content-guest-center li {
list-style: none;
padding: 5px;
background-color: #fff;
margin-bottom: 2px;
}
#content-guest-center h3 {
margin: 1em 0;
}

#content-right {
	width: 250px;
	float: right;
}

h2 {
	font-size: 2em;
	background: url(images/starburst-icon.png) top left no-repeat;
	margin-bottom:0;
	margin-top:0;
	min-height:42px;
	padding-bottom:0;
	padding-top: 5px;
	padding-left:45px;
	line-height: 1em;
	text-align: left;
}
#content-center h2 {
	background: url(images/starburst-icon.png) 0 5px no-repeat;
}
h3 {
	font-size: 1.4em;
	color: #b40404;
	margin-top: 5px;
	line-height:1.2em;
	text-align: left;
}
h4 {
	font-size: 1.2em;
	text-align: left;
}
h5 {
	font-size: 1em;
	text-align: left;
}

ul, li, h1, h2, h3, h4, h5, h6, ol {
	text-align: left;
}

body * ol {
	text-align: left;
}
body * ol li {
	margin-bottom: 1em;
}
/* Adverts
------------------- */
#top-advert {
	text-align: center;
	margin-top: 10px;
}


/* Side Menu
------------------- */

#side-menu {
	background-color: #ff6a00;
	
	line-height: 1.4em;
	/* Rounded Corners */
	-moz-border-radius:1em;
	-webkit-border-radius: 1em;
	font-size: 1.4em;
	margin-bottom: 10px;
	border:1px solid #FF6A00;
}

#side-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	margin: 20px 0;
}

#side-menu li {
	margin: 0 10px;
	margin-bottom: 5px;
	min-height: 32px;
}

.sidemenu-gap {
	
	border-bottom: 1px solid #ffb500;
	padding-bottom: 5px;
}

#side-menu a:link, #side-menu a:active, #side-menu a:visited {
	color: #FFF;
	text-decoration: none;
	display: block;
	font-size: 1.6em;
	padding: 10px 5px 10px 45px;
	line-height: 1.2em;
	
	font-size: 1.4em;
}

#side-menu a:hover,
body.home #sidemenu-home,
body.category-news #sidemenu-news,
body.page-id-26 #sidemenu-show-info,
body.parent-pageid-26 #sidemenu-show-info,

body.page-id-5 #sidemenu-guests,
body.parent-pageid-5 #sidemenu-guests,
body.page-id-37 #sidemenu-exhibitors,
body.parent-pageid-37 #sidemenu-exhibitors,
body.category-podcasts #sidemenu-podcasts,
body.category-videos #sidemenu-videos,
body.page-id-52 #sidemenu-photos,
body.parent-pageid-52 #sidemenu-photos,
body.page-id-54 #sidemenu-cosplay,
body.parent-pageid-54 #sidemenu-cosplay,
body.page-id-56 #sidemenu-comps,
body.parent-pageid-56 #sidemenu-comps,
body.page-id-58 #sidemenu-volunteers,
body.parent-pageid-58 #sidemenu-volunteers,
body.page-id-62 #sidemenu-contact,
body.parent-pageid-62 #sidemenu-contact,
body.page-id-413 #sidemenu-activities,
body.parent-pageid-413 #sidemenu-activities {
	background-color: #d43e08;
	
	/* Rounded Corners */
	-moz-border-radius:0.5em;
	-webkit-border-radius: 0.5em;
}

/* Sidemenu Icons
------------------------- */

#sidemenu-home {
	background: transparent url(images/icons/home.png) 0.45em 0.6em no-repeat;
}
#sidemenu-news {
	background: transparent url(images/icons/news.png) 0.8em 0.6em no-repeat;
}
#sidemenu-guests {
	background: transparent url(images/icons/guests.png) 5px 0.6em no-repeat;
}
#sidemenu-show-info {
	background: transparent url(images/icons/show-info.png) 0.45em 0.6em no-repeat;
}
#sidemenu-exhibitors {
	background: transparent url(images/icons/exhibitors.png) 0.45em 0.6em no-repeat;
}

#sidemenu-podcasts {
	background: transparent url(images/icons/podcast.png) 6px 0.6em no-repeat;
}
#sidemenu-videos {
	background: transparent url(images/icons/video.png) 7px 0.6em no-repeat;
}
#sidemenu-photos {
	background: transparent url(images/icons/photo.png) 5px 0.6em no-repeat;
}
#sidemenu-photos span {
font-size: 0.6em;
}
#sidemenu-cosplay {
	background: transparent url(images/icons/cosplay.png) 9px 0.6em no-repeat;
}
#sidemenu-comps {
	background: transparent url(images/icons/competitions.png) 5px 0.6em no-repeat;
}
#sidemenu-volunteers {
	background: transparent url(images/icons/volunteering.png) 5px 0.6em no-repeat;
}
#sidemenu-contact {
	background: transparent url(images/icons/contact.png) 5px 0.6em no-repeat;
}
#sidemenu-forum {
	background: transparent url(images/icons/forums.png) 13px 0.6em no-repeat;
}
#sidemenu-activities {
	background: transparent url(images/icons/activities.png) 5px 0.6em no-repeat;
}

/* Search Menu Item
------------------------- */

#search-menu form {
	padding: 0;
	border: 0;
	margin: 0;
	background: transparent url(images/icons/form.png) top left no-repeat;
	height: 32px;
	width: 221px;
	margin-bottom: 20px;
}
#search-menu label {
	position:absolute;
	width:0px;
	height:0px;
	overflow:hidden;
}
#search-menu input {
	background: none;
	border: none;
}
#search {
	width: 145px;
	position: relative;
	top: 2px;
	left: 10px;
	font-size: 1.1em;
}

#search-button {
	width: 32px;
	height: 20px;
	position: relative;
	top: 5px;
	left: 30px;
	cursor:pointer;
}


/* Newsletter Menu Item
------------------------- */

#newsletter-menu form {
	padding: 0;
	border: 0;
	margin: 0;
	background: transparent url(images/icons/form.png) 0 22px no-repeat;
	height: 62px;
	width: 221px;
}
#newsletter-menu label {	
	color:#FFF;
	font-size: 1.2em;
	padding-left: 20px;
}
#newsletter-menu input {
	border: none;
	background: none;
}
#newsletter {
	width: 145px;
	position: relative;
	top: 5px;
	left: 10px;
	font-size: 1.1em;
}

#newsletter-button {
	width: 32px;
	height: 20px;
	position: relative;
	top: 9px;
	left: 30px;
	cursor:pointer;
	border: 1px solid red;
}

/* Footer 
-------------------- */

#page-footer {
	background: url(images/footer-bg.jpg) repeat-x top;	
	height: 95px;
	margin-top: 10px;
	
	/* Rounded Corners */
	-moz-border-radius-topright: 1em; 
	-moz-border-radius-topleft: 1em; 
	-webkit-border-top-right-radius: 1em;
	-webkit-border-top-left-radius: 1em;
}

#page-footer p {
	padding: 1em 2em 0em 2em;
	font-size: 1.2em;
	color: #FFF;
	font-weight: bold;
}
#page-footer ul {
	margin: 0;
	padding: 0;
	margin-left: 30px;
	font-size: 1.2em;
	list-style: none;
}
#page-footer li {
	display: inline;
	margin-right: 20px;
	
}

#page-footer a:hover {
color:#FFF;
}

/* Text Replacements 
------------------- */

#text-welcome {
	background:url(images/text/welcome-to-supanova.png) no-repeat top left;
	height: 30px;
	margin-left: -0.5em;
}
#text-supa-news {
	background:url(images/text/latest-supa-news.png) no-repeat top left;
	height: 40px;
	margin-left: -0.5em;
}
#text-up-coming-guests {
	background:url(images/text/up-coming-guests.png) no-repeat top left;
	height: 80px;
	margin-left: -0.5em;
}

/* Frontpage Guests
--------------------- */

.frontpage-guest span {
	color:#626262;
	font-style:oblique; 
}

/* Page Thumbnail Blocks 
---------------------- */

.page-block {
	float:left;
	margin-right: 1em;
	margin-bottom: 1em;
}


/* Facebook Block 
------------------- */

#facebook-box {
	margin: 5px;
	background-color: #FFF;
/* Rounded Corners */
	-moz-border-radius: 1em; 
	-moz-border-radius: 1em; 
	-webkit-border-radius: 1em;
	-webkit-border-radius: 1em;
}

/* Twitter Block 
------------------- */

#twitter-box img {
	display: block;
	margin: 0 auto;
	margin-top: 1em;
}
#twitter-box a:link, 
#twitter-box a:active, #twitter-box a:visited {
margin: 0;
padding: 0;
}
#twitter-box a:hover {
	background-color: #ff6a00;
}

/* Frontpage New Items 
-------------------- */
.news-item-frontpage, .archive-list {
margin-bottom: 20px;
}
.news-item-frontpage img, .archive-list img {
display: block;
float: left;
max-width: 75px;
}
.news-item-frontpage-text , .archive-list .entry{
margin-left: 75px;
text-align:justify;
}
body.category-podcasts .entry {
	margin-left: 0;
}


/* Guest Page Profile List
-------------------- */

.guest-block {
width: 335px;
float: left;
max-height: 130px;
overflow: hidden;
}
.guest-block p {
margin-top: 0;
}

/* Guest Page List
-------------------- */


.guest-thumb-list {
width: 320px;
float: left;
margin-right: 1em;
margin-bottom: 1em;
height: 130px;
position: relative;
}
.guest-thumb-list img {
max-width: 320px;
}
.guest-thumb-list a {
width: 320px;
height: 97px;
display:block;
background-color: #CCC;
background: url(images/guest-no-profile.jpg) top left no-repeat;
}
.guest-thumb-list span {
color: #333;
padding:0 0.5em;
display: block;
}
a span.guest-no-image {
	font-size: 2em;
	padding-top: 1em; 
	color: #FFF
}
/* Comment Form 
-------------------- */
#comment {
	width: 400px;
}
	

	
ol.commentlist  {
margin: 0;
padding: 0;

	}
.commentlist li {
list-style: none;
}
	.comment {
	background-color: #eee;
	padding: 10px;

			/* Rounded Corners */
			-moz-border-radius:1em;
			-webkit-border-radius: 1em;
	text-align: justify;
	}

	.comment-author {
	width: 90px;
	float: left;
	margin-right: 10px;
	background-color: #FFF;
	padding: 5px;
	/* Rounded Corners */
	-moz-border-radius: 0.5em; 
	-webkit-border-radius: 0.5em;
	}

	.avatar {
	display: block;
	margin: 0 auto;
	}

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

	.says {
	display: none;
	}

	.comment-meta {
	font-size: 0.5em;
	border-bottom: 1px solid #FFF;
	margin-left: 100px;
	}

	.reply {

	}
/* Cool BG 
------------------ */

body.category-news #page-middle {
background: #FFF url(http://127.0.0.1/supanova/wp-content/themes/supanova-v2/images/news-big.png) 20px 100% no-repeat;
}

body.category-guest #page-middle {
background: #FFF url(http://127.0.0.1/supanova/wp-content/themes/supanova-v2/images/guest-big.png) 20px 20px no-repeat;
}

body.error404 #page-middle {
	background: #FFF url(http://127.0.0.1/supanova/wp-content/themes/supanova-v2/images/404.jpg) 100px 170px no-repeat;
}

/* Sponsor Bar 
------------------- */

#sponsor-space {
margin-top: 1em;
padding-top: 1em;
border-top: 1px solid #AAA;
}

#sponsor-space p {
text-align: center;
font-size: 1.1em;
margin-top: 0;
margin-bottom: 0.5em;
padding: 0;
font-weight: bold;
}
#sponsor-space ul {
margin: 0;
padding: 0;
}
#sponsor-space li {
margin: 0;
text-align: center;
list-style: none;
}

/* Contact Form 
------------------- */

.wpcf7-form, #exhibitors-form {
background-color: #DDD;
padding: 20px;

-moz-border-radius:1em;
-webkit-border-radius: 1em;
}

.wpcf7-form div, #exhibitors-form div {
margin: 0 0 10px 300px;
min-height: 30px;
}
.wpcf7-form div label, #exhibitors-form label {
line-height: 1.1;
margin: 5px 20px 0 -300px;
width: 300px;
float: left;
text-align: left;
}
.wpcf7-form input, .wpcf7-form select, 
#exhibitors-form input, #exhibitors-form select {
display: block;
line-height: 1;
} 
#cosplay-conditions {
width: 90%;
margin: 20px 0 0 0;
clear: left;
background-color: #EEE;
padding: 10px 30px;
}
#cosplay-conditions input {
clear: left;
float: left;
margin-right: 20px;
line-height: 1em;
}
#cosplay-conditions #acceptancelabel {
margin: 0;
float: left;
line-height: 1.5em;
}
#cosplay-conditions label {
	margin: 0 20px;
	font-weight: bold;
}
#cosplay-conditions .clear {
	min-height: 0;
}
#cosplayregister {
	margin: 10px 0 0 20px;
}
#cosplayregister input {
	font-size: 2em;
	margin: 0;
}

.footer-feed {
	background: url(images/icons/feed-icon-28x28.png) top left no-repeat;
	padding: 5px 0 12px 35px;
	margin-left: -10px;
}
#footer-itunes {
	background: url(images/icons/podcast-feed.png) top left no-repeat;
	padding: 5px 0 12px 31px;
	padding: 5px 0 12px 35px;
	margin-left: -10px;	
}


#exhibitors-form fieldset {
border: none;
}
#exhibitors-form fieldset div,
#exhibitors-form fieldset input,
#exhibitors-form fieldset label {
clear: none;
float: none;
margin: 0;
}
#exhibitors-form fieldset input {
margin-left: 0;
position: relative;
}
#exhibitors-form fieldset label {
margin-left: 40px;
position: relative;
top: -15px;
}
#security {
margin-left: 20px;
}
.submit {
padding-left: 100px;
#border: 1px solid red;

}
.submit input {
font-size: 1.8em;
border: 1px solid #AAA;
padding: 5px;
margin: 20px; 0;
}
/* Wordtube 
------------------- */
.wordtube {
	margin: 20px auto;
	width: 600px;
}

/* Video Category
------------------- */


.video-list {
	width:200px;
	padding: 8px;
	float: left;
	height: 150px;
	display: block;
	background-color: #eee;
	margin-left: 7px;
	margin-bottom: 7px;
	overflow: hidden;

	/* Rounded Corners */
	-moz-border-radius:0.5em;
	-webkit-border-radius: 0.5em;
}
.video-list .entry {
	margin-top: 5px;
	text-align:left;
	height: 35px;
	overflow: hidden;
}
.video-list img {
	border: 1px solid #333;
}

/* Podcast Category
------------------- */

.podcast-list .entry {
	margin-bottom: 1em;
	border-bottom: 1px solid #EEE;
}
.podcast-list .entry p {
	margin-top: 0;
}

/* Page Nav
------------------- */

.pages-nav-action {
	color: #FF6A00;
}
.pages-nav {
border: 1px solid #CCC;
background-color: #EEE;
padding: 10px;
font-weight: bold;
}
.pages-nav span {
margin: 10px;
}
.pages-nav a:link, .pages-nav a:active, .pages-nav a:visited {
background-color: #FFF;
border: 1px solid #CCC;
padding: 10px;
font-weight: normal;
}
.pages-nav a:hover {
background-color: #FEE;
border: 1px solid #CCC;
}

/* Tag Nav 
------------------- */
.tags-nav {
border: 1px solid #DDD;
text-align: left;
margin-top: 5px;
background-color: #EEE;
padding: 10px;

}
.tags-nav p {
margin: 0;
}

/* GENERIC STYLES 
------------------- */

img {
	border: none;
}
.attachment-post-thumbnail {
	border: 1px solid #EEE;
}
.clear {
	clear: both;
}
.hide {
	display: none;
} 

a:link, a:active, a:visited {
text-decoration: none;
color: #00F;
}
a:hover {
color:#ff6a00;
}

.alignleft {
float: left;
}
.alignright {
text-align: right;
}
img.alignright {
float: right;
padding-left: 1em;
}
img.alignleft {
float: left;
padding-right: 1em;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.wp-caption-text {
margin-top: 0; color: #666; text-align: center; font-style: italic;  background-color: #EEE; border-bottom: 1px solid #999;
}

.alignleft .wp-caption-text {
	margin-right: 10px; 
}

.alignright .wp-caption-text {
	margin-left: 10px; 
}




.navigation, .navigation-bottom {
border-bottom: 1px solid #EEE;
margin-bottom: 10px;
}
.navigation-bottom {
	margin-top:10px;
}
ul.clear-list {
	margin: 0;
	padding: 0;
}
ul.clear-list li {
	list-style: none;
}
.aligncenter {
	display: block;
	margin: 10px auto;
}

/* Sidebar Adverts
------------------------ */
.sidebar-ad {
margin-bottom: 10px;
}

/* City Badge
------------------------ */
.city-badge {
	height:73px;
left:247px;
margin:0;
position:absolute;
top:-9px;
width:73px;
z-index:10;
}
