/*===================================================================================*/
/* Filename:          common.css                                                      */
/* Description:       Oz Artists CSS File                                            */
/* Version:           1.0 (10.09.2010)                                               */        
/* Company:           ID Studios (http://www.idstudios.com.au)                       */
/* Author:            Vanessa Garcia                       							 */
/*===================================================================================*/

/*================================*/
/*  CLEARFIX & WEB ACCESSIBILITY  */
/*================================*/

.cf:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.cf { display: inline-block; }
html[xmlns] .cf { display: block; }
* html .cf { height: 1%; }

.Accessibility { display: none; }

.Clear {
	clear:both;	
}

/*================================*/
/*         GLOBAL STYLING         */
/*================================*/

img {
	border: none;	
}

p,
ul,
li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

h1,
h2,
h3,
h4 {
	margin: 0;
	padding: 0;
}

a:link,
a:visited {
	border: none;	
}

body {
    margin: 0px;
    padding: 0px; 
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

p {
	font-size:13px;
	margin-bottom: 14px;	
}

/*===================================================================================*/
/*							   [V] HEADER                                            */
/*===================================================================================*/
.HeaderBar {
	background-color: #000000; 
	height: 30px; 
	width: 100%; 
	position: fixed; 
	z-index: 999;
}

.VMusicHeader {
	height: 50px;
}
	.VMusicHeader .VMusicLogo {
		float: left;
		width: 120px;
	}
	.VMusicHeader .VMusicSocial {
		float: right;
		width: 275px;
		text-align: right;    
		background-image: url(../images/vmusicheader/social-background.jpg);
		background-position: top left;
		background-repeat: no-repeat;
	}

/*===================================================================================*/
/*							   [V] FOOTER                                            */
/*===================================================================================*/

.FestivalsFooter {
	padding: 15px 0px;
	background-color: #000000;
}
.FooterBanner {
	margin: 0px auto 15px;
	background-color: #707070;
	width: 728px;
	height: 90px;    
}

.VMusicFooter * {
	font-family: "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;  
	font-size: 12px; 
	color: #333333;    
}
.VMusicFooter a {
	color: #f00986;
}
	.VMusicFooter a:hover {
		color: #FFFFFF !important;    
	}
.VMusicFooter {
	background-image: url(../images/vmusicfooter/footer-v-background.gif);
	background-color: #000000;
	background-position: 0px 0px;
	background-repeat: repeat-x;
	padding: 25px 10px 25px 30px;
	width: 990px;
	margin: auto;
}
.VMusicFooter .VLinks {
	margin-bottom: 40px;    
}
.VMusicFooter .VLinks ul li ul {
	display: block;   
}
.VMusicFooter .VLinks > ul > li {
	display: inline-block;
	float: left;  
	margin-right: 40px;    
	overflow: hidden;  
}
.VMusicFooter .VLinks > ul > li > a {
	display: block;
	height: 15px;
	margin-bottom: 12px;
	overflow: hidden;
	background-image: url(../images/vmusicfooter/footer-v-links.gif);
	background-repeat: no-repeat;
}
	.VMusicFooter li.HomeFoot > a {
		background-position: 0px 0px;
		width: 46px;
	}
	.VMusicFooter li.ChannelVTV > a {
		background-position: 0px -20px;
		width: 119px;        
	}
	.VMusicFooter li.News > a {
		background-position: 0px -40px;
		width: 43px;        
	}
	.VMusicFooter li.Photos li {
		width: auto;   
	}
	.VMusicFooter li.Photos > a {
		background-position: 0px -60px;
		width: 63px;        
	}
	.VMusicFooter li.Video > a {
		background-position: 0px -80px;
		width: 49px;        
	}
	.VMusicFooter li.Blog > a {
		background-position: 0px -100px;
		width: 44px;        
	}
	.VMusicFooter li.Gigs > a {
		background-position: 0px -120px;
		width: 40px;
	}    
	.VMusicFooter li.Win > a {
		background-position: 0px -140px;
		width: 31px;    
		margin-right: 0px;                    
	}
.VMusicFooter li.Login {
	margin-right: 0px;    
}    
.VMusicFooter ul li ul li a {
	display: block;
	text-transform: capitalize;
	margin-bottom: 3px; 
}

.CopyrightPanel * {
	font-size: 11px;   
}
.CopyrightPanel .Terms {
	padding-bottom: 7px;    
}
.CopyrightPanel .VMusicLogo {
	display: block;
	background-image: url(../images/vmusicfooter/footer-v-vmusic-logo.gif);   
	background-position: 0px 0px;
	background-repeat: no-repeat;  
	width: 181px;
	margin-right: 20px;
	height: 36px;
	float: left;   
}
.CopyrightPanel .Copy {
	width: 580px;
	float: left;  
	line-height: 14px;  
}
.CopyrightPanel .NetworkLogos {
	width: 140px;
	height: 42px;
	float: right;   
	margin-right: 25px;
	background-image: url(../images/vmusicfooter/footer-v-network-logos.gif);   
	background-position: 0px 0px;
	background-repeat: no-repeat;       
}
	.CopyrightPanel .NetworkLogos .ChannelV {
		width: 60px;
		height: 42px;
		float: left;
		display: block;
	}
	.CopyrightPanel .NetworkLogos .Foxtel {
		height: 15px;
		width: 75px;   
		display: block;
		float: right;
		margin-bottom: 3px;
	}
	.CopyrightPanel .NetworkLogos .Austar {
		height: 24px;
		width: 75px;   
		display: block;
		float: right;
	}

/*================================*/
/*         COMMON ELEMENTS        */
/*================================*/

.PageContainer {
	width: 750px;
	margin: auto;
}

.PageContainer .BannerContainer {
	height: 110px;
	padding: 46px 0px 0px 11px;
	width: 750px;
	margin: auto;
}
.PageContainer .Banner {
	background: transparent;
	width: 728px;
	height: 90px;	
}

#Page-Wrapper {
	background-color:#dac59f;
	width:750px;
	margin: auto;
}

#Page-Content {
	width: 710px;
	margin:auto;	
}

#Slide-Show-Container {
	width: 710px;
	height: 321px;
	padding-top:20px;
	position:relative;
}

#Slide-Show-Container #Be-Heard {
	width: 476px;
	height: 141px;
	position:absolute;
	bottom:-60px;
	left: -14px;
	z-index: 20;
}

#Slide-Show-Container #Voting-Closed {
	width: 613px;
	height: 122px;
	position:absolute;
	bottom:-60px;
	left: -14px;
	z-index: 20;
}

#Slide-Show-Container #Winner-Title {
	width: 573px;
	height: 152px;
	position:absolute;
	bottom:-60px;
	left: -14px;
	z-index: 20;
}

#Slide-Show-Container #Oz-Artist-Logo {
	width: 220px;
	height: 186px;
	position:absolute;
	top:48px;
	left: 25px;
	z-index: 20;
}

#Slide-Show li {
	width: 710px;
	height: 321px;	
}

#Countdown-Container {
	width: 640px;
	margin:auto;	
}

#NoFlash {
	width: 126px;
	height: 68px;
	font-size: 12px;
	overflow: hidden;	
}

#Countdown {
	width: 126px;
	height: 68px;
	outline:none;
	margin-top: 11px;
	margin-bottom: 3px;
	float:right;
}

.Social-Bar {
	width: 710px;
	height: 37px;
	background: url(../images/social-bg.jpg) 0 0 no-repeat transparent;
	position:relative;
}

.Social-Height-Home { height: 108px; margin-top: 66px; }
.Social-Height-Vote { height: 50px; margin-top: 15px; }
.Social-Height-Thanks { height: 50px; margin-top: 15px; }

.Social-Bar #Home-Text {
	width: 400px;
	height: 108px;
	background: url(../images/save-your-fave.jpg) 0 0 no-repeat transparent;
	position:absolute;
	left: -10px;
	top: -15px;
}

.Social-Bar #Vote-Text {
	width: 300px;
	height: 53px;
	background: url(../images/enter-now-to-win.jpg) 0 0 no-repeat transparent;
	position:absolute;
	left: 0;
	top: -8px;
}

.Social-Bar #Thanks-Text {
	width: 386px;
	height: 56px;
	background: url(../images/thanks-for-your-vote.jpg) 0 0 no-repeat transparent;
	position:absolute;
	left: 0;
	top: -8px;	
}

.Social-Bar #Top4-Text {
	width: 371px;
	height: 104px;
	background: url(../images/vote-and-win.jpg) 0 0 no-repeat transparent;
	position:absolute;
	left: -7px;
	top: -12px;	
}

.Social-Bar #TwitterBut {
	background: url(../images/twitter.jpg) 0 0 no-repeat transparent;
	display:block;
	width: 41px;
	height: 40px;
	margin-right: 3px;
	margin-top: -3px;
	float:right;
	cursor:pointer; 	
}

.Social-Bar #FacebookBut {
	background: url(../images/facebook.jpg) 0 0 no-repeat transparent;
	display:block;
	width: 40px;
	height: 40px;
	float:right;
	margin-top: -3px;
	margin-right: 113px; 
	cursor:pointer;	
}

.Social-Bar #FacebookBut:hover, .Social-Bar #TwitterBut:hover {
	background-position: 0 -40px;	
}

.Left-Column {
	float:left;
	width: 395px;
}

.Right-Column {
	float:right;
	width: 300px;	
}

.Tape-Text {
	font-weight:bold;
	font-size: 15px;
	line-height: 18px;
}

.Tape-Text .Orange {
	color:#d48e09;
	background-color:#000000;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.Tape-Text .White {
	color:#FFFFFF;
	background-color:#000000;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.Grunge-Header {
	font-weight:bold;
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 10px;
}

.Grunge-Header .Grunge-Text-BG {
	color:#000000;
	background: url(../images/campaign-and-win-bg.jpg) 0 0 repeat;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#Tape-Footer {
	width: 750px;
	background: url(../images/footer-bg.jpg) #000000 0 0 no-repeat;	
}

#Tape-Footer p {
	text-align:center;
	color: #dac59f;
	font-size: 11px;
	padding: 17px 30px 0 30px;
	margin-bottom: 0px;	
}

#Tape-Footer p a 
{
    color: #dac59f;
}

.Closed {
	background: #000000 url(../images/page-background.jpg) no-repeat top center;
	margin: auto;
}

.Closed .Left-Column 
{
    height: 300px;
    margin-top: 10px;
    width: 416px;
}